/*
Theme Name: Resolute APC
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* Common Style Start */

html,
body {
	height: 100%;
}

.hfeed {
	display: flex !important;
	flex-direction: column !important;
	height: 100%;
}

.hfeed footer {
	margin-top: auto !important;
}

.common-p-style p:last-child {
	margin-bottom: 0 !important;
}

.common-img-broder-style {
	box-shadow: 0px 19px 41px rgba(0, 0, 0, 0.10), 0px 75px 75px rgba(0, 0, 0, 0.09), 0px 168px 101px rgba(0, 0, 0, 0.05), 0px 299px 120px rgba(0, 0, 0, 0.01), 0px 467px 131px rgba(0, 0, 0, 0.00);
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.common-img-broder-style {
	position: relative;
}

.common-img-broder-style:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	width: calc(100% + 12px);
	height: calc(100% + 12px);
	background: url("./assets/images/image-border-stroke2.png") no-repeat center;
	background-size: 100% 100% !important;
	z-index: 9;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	border-radius: 30px !important;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	-ms-border-radius: 30px !important;
	-o-border-radius: 30px !important;
}

.common-broder-img-style {
	height: 100% !important;
}

/* .common-broder-img-style .elementor-widget-container {
	min-height: 500px !important;
} */

/* Common Style End */

/* Header Start */

.header-main-block {
	overflow-x: clip !important;
}

.header-main-menu nav ul li a {
	border: 1px solid #FF9;
	background: rgba(255, 255, 153, 0.10);
	padding: 15px 20px 15px 20px !important;
	transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.header-main-menu nav ul li a:hover {
	background: #3C6668;
}

.header-main-menu nav ul li a:focus-visible {
	outline: unset !important;
}

.header-logo-main-block .hfe-site-logo-container {
	display: flex;
}

.header-res-menu .hfe-nav-menu-icon:focus,
.header-res-menu .hfe-nav-menu-icon svg:focus {
	outline: unset !important;
}

.header-logo-main-block .hfe-site-logo-container {
	justify-content: center !important;
}

/* Header End */

/* Contact Page Start */

.contact-information-list .elementor-icon-list-items .elementor-icon-list-item a {
	width: fit-content;
}

.contact-information-list .elementor-icon-list-item a:hover .elementor-icon-list-text {
	color: #FF9 !important;
}

/* Contact Page End */

/* Representative Matters Page Start */

.repre-matters-desc .read-more-inline {
	cursor: pointer;
	color: #FF9;
	font-style: normal;
	font-weight: 600;
}

.repre-matters-desc ul {
	padding-left: 24px !important;
}

.repre-matters-desc ul li {
	padding-bottom: 20px !important;
}

/* Representative Matters Page End */

/* Practice Areas Page Start */

.practice-areas-desc ul li:last-child,
.repre-matters-desc ul li:last-child {
	padding-bottom: 0 !important;
}

.practice-areas-desc ul li {
	padding-bottom: 14px !important;
}

/* Practice Areas Page End */

/* About Page Start */

.about-menu-block nav ul li a {
	display: inline-block !important;
}

.about-menu-block nav ul li:first-child a {
	padding-top: 0 !important;
}

.about-menu-block nav ul li:last-child a {
	padding-bottom: 0 !important;
}

.about-menu-block nav ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.about-menu-block nav ul li:last-child {
	border: unset !important;
}

/* About Page End */

/* Careers Page Start */

.careers-desc a {
	font-size: 26px;
	text-decoration: underline;
}

/* Careers Page End */

/* Team Page Start */

.team-member-main-block {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	height: 100% !important;
}

.team-member-main-block:hover .elementor-heading-title {
	color: #FFFFFF !important;
}

.team-member-main-block .team-member-img-main-block {
	height: 100% !important;
}

/* Team Page End */

/* 404 Page Start */

.container {
	max-width: 1720px;
	display: flex;
	margin: 0 auto;
	padding: 130px 100px;
	justify-content: center;
}

.typography-main {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 40px !important;
}

.typography-main .main-title * {
	font-family: Inter;
	font-size: 100px;
	font-style: normal;
	font-weight: 600;
	line-height: 90px;
	color: #FF9;
	margin: 0 !important;
}

.typography-main .block-title * {
	font-family: Inter;
	font-size: 40px;
	line-height: normal;
	color: #ffffff;
	margin: 0 !important;
}

.typography-main .button a {
	font-family: Inter;
	font-size: 20px;
	color: #FFFFFF;
	border: 1px solid #FF9;
	background: rgba(255, 255, 153, 0.10);
	padding: 10px 20px 10px 20px !important;
	transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.typography-main .button a:hover {
	background: transparent !important;
	color: #FF9;
}

/* 404 Page End */

/* ----------------------- Responsive CSS Start  ----------------------- */

@media (max-width: 2560px) and (min-width: 1920px) {

	.team-member-main-block .team-member-img-main-block,
	.team-member-main-block .team-member-img-main-block .elementor-widget-container {
		max-height: 650px !important;
		min-height: 600px !important;
	}

	.team-member-main-block .team-member-img-main-block .elementor-widget-container img {
		min-height: inherit !important;
	}
}

@media (min-width: 1500px) and (max-width: 1919px) {

	.team-member-main-block .team-member-img-main-block,
	.team-member-main-block .team-member-img-main-block .elementor-widget-container {
		max-height: 600px !important;
		min-height: 600px !important;
	}
}

@media (min-width: 1367px) and (max-width: 1499px) {

	.team-member-main-block .team-member-img-main-block,
	.team-member-main-block .team-member-img-main-block .elementor-widget-container {
		max-height: 550px !important;
		min-height: 550px !important;
	}
}

@media (max-width: 1650px) and (min-width: 1367px) {

	.typography-main .main-title *,
	.common-title-style .elementor-heading-title {
		font-size: 80px !important;
	}

	.typography-main .block-title * {
		font-size: 36px;
	}

	.team-member-title-block .elementor-heading-title {
		font-size: 34px !important;
	}
}

@media (max-width: 1366px) {

	.container {
		padding: 100px 60px;
	}

	.typography-main {
		gap: 30px;
	}

	.typography-main .main-title * {
		font-size: 60px !important;
	}

	.typography-main .block-title * {
		font-size: 30px;
	}

	.team-member-main-block .team-member-img-main-block,
	.team-member-main-block .team-member-img-main-block .elementor-widget-container {
		max-height: 500px !important;
		min-height: 500px !important;
	}
}

@media (max-width: 1200px) {

	.container {
		padding: 80px 50px;
	}

	.typography-main {
		gap: 26px;
	}

	.typography-main .main-title * {
		font-size: 54px !important;
	}

	.typography-main .block-title * {
		font-size: 26px;
	}

	.header-main-menu nav ul li a {
		padding: 10px 12px 10px 12px !important;
	}

	.careers-desc a {
		font-size: 24px;
	}
}

@media (max-width: 1200px) and (min-width: 1025px) {

	.team-member-main-block .team-member-img-main-block .elementor-widget-container,
	.team-member-main-block .team-member-img-main-block {
		max-height: 500px !important;
		min-height: 440px ! important;
		height: auto !important;
	}
}

@media (max-width: 1024px) {

	.container {
		padding: 60px 40px;
	}

	.typography-main {
		gap: 22px;
	}

	.typography-main .main-title * {
		font-size: 50px !important;
	}

	.typography-main .block-title * {
		font-size: 22px;
	}

	.header-logo-main-block .hfe-site-logo-container {
		justify-content: left !important;
	}
}

@media (max-width: 880px) {

	.typography-main {
		gap: 16px;
	}

	.typography-main .block-title * {
		font-size: 22px;
	}

	.common-img-broder-style::before {
		border-radius: 20px !important;
		-webkit-border-radius: 20px !important;
		-moz-border-radius: 20px !important;
		-ms-border-radius: 20px !important;
		-o-border-radius: 20px !important;
	}

	.careers-desc a {
		font-size: 22px;
	}

	.team-member-main-block .team-member-img-main-block,
	.team-member-main-block .team-member-img-main-block .elementor-widget-container {
		max-height: 450px !important;
		min-height: 450px !important;
	}
}

@media (max-width: 767px) {

	.container {
		padding: 80px 20px;
	}

	.typography-main .button a {
		font-size: 18px;
	}

	.common-img-broder-style:before {
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-ms-border-radius: 0 !important;
		-o-border-radius: 0 !important;
	}

	.common-broder-img-style {
		overflow: hidden;
		border-radius: 24px !important;
		-webkit-border-radius: 24px !important;
		-moz-border-radius: 24px !important;
		-ms-border-radius: 24px !important;
		-o-border-radius: 24px !important;
	}

	.repre-matters-desc ul li {
		padding-bottom: 10px !important;
	}

	.practice-areas-desc ul li {
		padding-bottom: 6px !important;
	}

	.team-details-img-main-block {
		width: 80% !important;
	}

	.careers-desc a {
		font-size: 20px;
	}

	.team-member-main-block .team-member-img-main-block,
	.team-member-main-block {
		height: auto !important;
	}

	.team-member-main-block .team-member-img-main-block,
	.team-member-main-block .team-member-img-main-block .elementor-widget-container {
		max-height: 360px !important;
		min-height: 360px !important;
	}
}

@media (max-width: 575px) {
	.common-img-broder-style img {
		border-radius: 14px !important;
		-webkit-border-radius: 14px !important;
		-moz-border-radius: 14px !important;
		-ms-border-radius: 14px !important;
		-o-border-radius: 14px !important;
	}

	.team-details-img-main-block {
		width: 100% !important;
	}

	.team-member-grid-main-block {
		--e-con-grid-template-columns: repeat(1, 1fr) !important;
	}
}

@media (max-width: 475px) {

	.common-img-broder-style img {
		border-radius: 10px !important;
		-webkit-border-radius: 10px !important;
		-moz-border-radius: 10px !important;
		-ms-border-radius: 10px !important;
		-o-border-radius: 10px !important;
	}

	.common-broder-img-style {
		border-radius: 14px !important;
		-webkit-border-radius: 14px !important;
		-moz-border-radius: 14px !important;
		-ms-border-radius: 14px !important;
		-o-border-radius: 14px !important;
	}
}

@media (max-width: 375px) {
	.common-img-broder-style:before {
		width: calc(100% + 8px);
		height: calc(100% + 8px);
	}
}

/* ----------------------- Responsive CSS End  ----------------------- */