/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

/* ================== ADD CUSTOM FONTS ======================== */
.font-merriweather,
.font-merriweather p {
	font-family: 'Merriweather', serif !important;
}
.fuente-crimson-text,
.fuente-crimson-text p {
    font-family: 'Crimson Text', serif !important;
}
.font-libre-baskerville,
.font-libre-baskerville p {
    font-family: 'Libre Baskerville', serif !important;
}
.font-pt-serif,
.font-pt-serif p {
    font-family: 'PT Serif', serif !important;
}
.font-lora,
.font-lora p {
    font-family: 'Lora', serif !important;
}
.font-ibm-plex-serif,
.font-ibm-plex-serif p {
    font-family: 'IBM Plex Serif', serif !important;
}
.font-source-serif-4,
.font-source-serif-4 p {
    font-family: 'Source Serif 4', serif !important;
}
.font-cardo,
.font-cardo p {
    font-family: 'Cardo', serif !important;
}

/* ====================== END FONTS =========================== */
body header {
	min-height: 110px;
}
body main {
	margin-top: 110px;
}
.home section.header-section {
	padding-top: 4rem;
	padding-bottom: 4rem;
	height: 90vh;
	min-height: 90vh !important;
	max-height: 90vh;
}

.c-only-mobile,
.cls-section-container.mversion {
	display: none;
}
header.sticky .l-subheader.at_middle {
	padding-top: 8px;
	padding-bottom: 8px;
	min-height: 90px;
}


header .l-subheader.at_top {
	border-bottom: 1px solid #e0a067aa;
}
header .l-subheader.at_top .content-before-header {
	color: #e0a067;
}
header .l-subheader.at_top .content-before-header a {
	color: #fff;
	padding: 0 12px;
}
header .l-subheader.at_top .content-before-header a:hover,
header .l-subheader.at_top .content-before-header a:focus {
	color: #e0a067;
	transition: 500ms;
}
header #mega-menu-us_main_menu li.noshow {
	display: none !important;
}

.cls-section-icon-container {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 54px;
}
.cls-section-container .wpb_column {
	min-height: 584px;
}
.cls-section-container h3 {
  color: #fff;
}
.cls-section-container .cls-section-icon-container img {
	width: 80px;
}
.cls-section-container .grip-content-hover {
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding: 4rem;
	opacity: 0;
	background: #1a263e;
	background-size: cover;
	background-position: center;
}
.cls-section-container #family-law.grip-content-hover {
	background-image: url(https://hsjlaw.whitescripts.com/wp-content/uploads/2025/11/Family-Law-Img-overlay.webp);
}
.cls-section-container #criminal-defense.grip-content-hover {
	background-image: url(https://hsjlaw.whitescripts.com/wp-content/uploads/2025/11/Criminal-defense-overlay.webp);
}
.cls-section-container .wpb_column:hover .grip-content-hover,
.cls-section-container .wpb_column:target .grip-content-hover {
	opacity: 1;
	transition: 400ms;
}
.cls-section-container .grip-content-hover h4 {
	color: #fff;
	padding: 0;
}
.cls-section-container .grip-content-hover a.w-btn {
	max-width: 200px;
	margin: auto auto 0;
}
.footer-logo img {
	max-width: 180px;
}

/* ============= CUSTOM FORM ============== */
div.custom-contact-form-container {
	color: #fff;
}
div.custom-contact-form-container .col-2 {
	display: flex;
	gap: 14px;
}
div.custom-contact-form-container .col-2 > div {
	width: 50%;
}
div.custom-contact-form-container .form-file-container {
	margin-bottom: 14px;
}
div.custom-contact-form-container .ctext span {
	color: red;
}
div.custom-contact-form-container textarea {
	max-height: 120px;
	resize: none;
}
div.custom-contact-form-container .buttons-form-container {
	display: flex;
	gap: 14px;
}
div.custom-contact-form-container .btn-cont p {
	display: inline-flex;
}
div.custom-contact-form-container .buttons-form-container .custom-form-btn {
	color: #e0a067;
	border: 2px solid #e0a067;
	background: transparent;
	padding: 12px 18px;
	border-radius: 5px;
}
div.custom-contact-form-container .buttons-form-container .custom-form-btn:hover,
div.custom-contact-form-container .buttons-form-container .custom-form-btn:focus {
	color: #fff;
	background: #e0a067;
}
div.custom-contact-form-container input[type="submit"],
div.custom-contact-form-container .buttons-form-container .custom-form-btn {
	height: 56px;
}
div.custom-contact-form-container span.wpcf7-spinner {
	display: none;
}
div.wpcf7-response-output {
	color: #fff;
}

/* ================== MEDIA QUERYS ===================== */

@media (max-width:1420px){
	div.order-col-section-imgfloat {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
}

@media (max-width:1380px){
	header .l-subheader.at_middle {
		height: 110px;
		display: flex;
	}
	header .l-subheader-h {
		width: 100%;
		height: auto;
	}
	div.order-col-section-imgfloat {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
	}
	.about-img-col.l-section.height_medium {
		padding-top: 2em;
		padding-bottom: 2em;
	}
}

@media (max-width:1190px){
	
	div.order-col-section-imgfloat {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important;
	}

}

@media (max-width:1140px){
	header #mega-menu-wrap-us_main_menu #mega-menu-us_main_menu > li.mega-menu-item > a.mega-menu-link {
		font-size: 14px;
		padding: 0 10px;
	}
	header a.us-btn-style_1 {
		padding: 14px;
		font-size: 14px;
	}
}

@media (max-width:1024px){
	body main {
		margin-top: 0;
	}
	.home section.header-section{
		padding-top: 8rem;
		height: auto;
		max-height: max-content;
	}
	header.sticky .l-subheader {
		padding-top: 0;
		padding-bottom: 0;
		height: max-content !important;
	}

	footer section:first-child .g-cols.via_grid {
		grid-template-columns: repeat(3,1fr);
	}
	footer section .g-cols.via_grid > div.custom-only-pc {
		display: none;
	}
	
	.testi .owl-carousel.navstyle_circle .owl-nav button {
		height: 1.5rem;
		width: 1.5rem;
	}
	
	.single-area-of-pratice main section.content-section .g-cols.cols_2-1 {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		gap: 1em;
	}
	.single-area-of-pratice main section.content-section .g-cols.cols_2-1 > div,
	.single-area-of-pratice main section.content-section .g-cols.cols_2-1 > div:nth-child(2) {
		width: 100% !important;
		position: initial;
	}
	
	.team-custom-container.g-cols.cols_3 {
		display: flex;
		flex-wrap: wrap;
		gap: 0;
		align-content: center;
		align-items: center;
		justify-content: center;
	}
	.team-custom-container.g-cols.cols_3 .vc_column_container {
		width: 50%;
		padding: 1em;
		align-content: center;
		align-items: center;
		text-align: center;
	}
	.about-custom-col2 .g-cols,
	.team-menber-col2 .g-cols {
		display: flex;
		flex-direction: column;
		gap: 1em;
	}
	.about-custom-col2.about-img-col .g-cols > div:first-child {
		min-height: 400px;
	}
	.about-custom-col2 .g-cols h1.has_translate_y {
		transform: none;
		margin: 0 !important;
	}
	
	/* ==== area of practice menu ==== */
	.single-area-of-pratice section.with_img .vc_column_container h1 {
		bottom: 0 !important;
	}
	
	.single-area-of-pratice .side-bar .wpb_text_column {
		margin-bottom: 24px;
	}
	#menu-area-practice {
		padding: 0;
	}
	#menu-area-practice > li {
		position: relative;
		margin-bottom: 4px !important;
	}
	#menu-area-practice a {
		padding: 4px;
		position: relative;
	}
	main .menu-item-has-children > a::after {
		content: '+';
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		color: white;
		font-size: 20px;
		cursor: pointer;
	}
	.sub-menu {
		padding: 0;
		margin: 0 0 0 10px;
		display: none;
	}
	.sub-menu a {
		background: #0056b3;
		margin-top: 4px;
	}
	main .menu-item-has-children.open > a::after {
		content: '-';
	}
	
	/* === team menbers page === */
	.team-menber-col2 .l-section-h > .g-cols > div:first-child > div > div {
		margin: 0 auto;
	}
	.team-menber-col2 .l-section-h > .g-cols > div:first-child > div > div .w-image-title,
	.team-menber-col2 .l-section-h > .g-cols > div:first-child > div > div .w-image-description p {
		text-align: center;
		margin-top: 0 !important;
	}
	
	.testi .owl-carousel.navpos_outside .owl-next {
        right: -16px;
        left: auto;
    }
	.testi .owl-carousel.navpos_outside .owl-prev {
		left: -16px;
		right: auto;
	}
}

@media (max-width:992px){
	/*header nav.w-nav > a.w-nav-control {
		display: block;
	}
	header nav.w-nav > ul.w-nav-list {
		display: none !important;
	}*/
	
	header a.w-btn::after {
		color: #fff !important;
	}
	header.l-header.sticky .ush_image_1{
		max-height: 80px;
	}
	
	.c-only-mobile {
		display: block;
	}
	div.order-col-section-imgfloat {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
	.order-col-section-imgfloat.g-cols.cols_2 {
		display: flex;
		flex-direction: column-reverse;
		background-image: none !important;
	}
	.order-col-section-imgfloat .w-image img.size-large {
		width: 100%;
	}
	.contact-us.order-col-mobile .g-cols {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.contact-us.order-col-mobile img {
		width: 100%;
		max-height: 500px;
		object-fit: cover;
		object-position: top;
	}
	
	.single-area-of-pratice main section.content-section {
		padding: 2rem 1rem;
	}
	
	.cls-section-container.g-cols.via_grid{
		display: none;
	}
	.cls-section-container.g-cols.via_grid.mversion {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.cls-section-container .wpb_column {
		min-height: auto;
	}
	div.custom-contact-form-container .buttons-form-container .btn-cont {
		width: 50%;
	}
	div.custom-contact-form-container .buttons-form-container .btn-cont p {
		width: 100%;
	}
	div.custom-contact-form-container input[type="submit"],
	div.custom-contact-form-container .buttons-form-container .custom-form-btn{
		width: 100%;
		font-size: .95em;
		text-align: center;
	}
	
}

@media (max-width:768px){
	

}

@media (max-width:680px){
	.team-custom-container.g-cols.cols_3 .vc_column_container {
		width: 100%;
	}
}

@media (max-width:600px){
	
	header.sticky .l-subheader {
		padding-top: 4px;
	}
	header a.w-image-h img {
		max-width: 85%;
	}
	header.sticky a.w-image-h img {
		max-width: 100%;
	}
	
	footer section .wpb_column.information > div > div {
		margin: 0 auto 14px !important;
		max-width: max-content;
		opacity: 1;
	}
	footer ul.menu > li > a {
		color: #fff !important;
	}
	footer ul.menu > li > a:hover,
	footer ul.menu > li > a:focus {
		color: #e0a067 !important;
	}
	
	/* === single of practice banners === */
	.single-area-of-pratice section.with_img {
		max-height: 318px;
	}
	.single-area-of-pratice section.with_img .l-section-img {
		background-position: top center;
		margin-top: 75px;
	}
	
	.fixtop .l-section-img{margin-top: 75px;}
	
	.single-area-of-pratice h1::before {
		width: 100%;
	}
	.single-area-of-pratice .description-row h4::before {
		max-width: 80%;
	}
	
	header a.header-btn:after {
		content: none !important;
	}
	header a.header-btn:hover,
	header a.header-btn:focus {
		padding: 1em 2em !important;
		background: transparent;
		border: 0 solid #fff;
	}
	
	/*===== form ====*/
	div.custom-contact-form-container .col-2,
	div.custom-contact-form-container .buttons-form-container {
		flex-direction: column;
		gap: 0;
	}
	div.custom-contact-form-container .col-2 > div,
	div.custom-contact-form-container .buttons-form-container .btn-cont{
		width: 100%;
	}
	div.custom-contact-form-container .buttons-form-container {
		margin-top: 24px;
	}
	div.custom-contact-form-container input[type="submit"],
	div.custom-contact-form-container .buttons-form-container .custom-form-btn {
		min-width: 232px;
		margin-bottom: 12px;
	}
	
}

@media (max-width:544px){
	.w-menu #menu-area-practice .sub-menu li {
		font-size: 16px;
	}
	.header_hor header .l-subheader-cell.at_right > * {
		margin-left: .8rem;
	}
	header a.header-btn,
	header a.header-btn:hover,
	header a.header-btn:focus {
		font-size: .8em;
		padding: 1em .85em !important;
	}
}

/* ====== Media UP-Resolution ====== */

@media (min-width: 1421px){
	div.order-col-section-imgfloat {
		padding-top: 5rem !important;
		padding-bottom: 5rem !important;
	}
}

@media (min-width: 1600px){
	div.order-col-section-imgfloat {
		padding-top: 6rem !important;
		padding-bottom: 6rem !important;
		min-height: 680px;
	}
}

/* ===== Media height ====== */

@media (max-height: 840px) {
	.home section.header-section .w-image-h img {
		max-width: 172px;
	}
}
@media (max-height: 768px) {
	.home section.header-section .w-image-h img {
		max-width: 164px;
	}
}
@media (max-height: 720px) {
	.home section.header-section .w-image-h img {
		max-width: 148px;
	}
	.home section.header-section {
		padding-top: 6rem;
	}
}

@media only screen and ( min-width: 992px ) and ( max-width: 1380px) {
	header .at_top {display: flex!important; align-items: center!important;}

}

/***********/

@media only screen and ( max-width: 1023px ) {

.fixtop {padding-top: 12vmax!important;}
.fixtop2 {padding-top: 9vmax!important;}
.single-area-of-pratice	.w-separator.size_large:empty { height: calc(6rem + 5vw);}
	
}

@media only screen and ( max-width: 600px ) {
.single-area-of-pratice	.w-separator.size_large:empty { height: calc(4rem + 5vw);}
footer .principal .w-iconbox-icon{display: none!important;}
#copyrightmovil p{font-size:12px!important;}
.home section.header-section { padding-top: 10rem;}
}