/*
Theme Name: HSG
Theme URI: https://webweavers.com
Description: HoustonStrategyGroup Theme
Author: WebWeavers
Author URI: https://webweavers.com
Text Domain: qi-child
Version: 1.0
Template: qi
*/

.fadeInTopFixed {
	animation-name: fadeInTopFixed;
}

@keyframes fadeInTopFixed {
	from {
		opacity: 0;
		transform: translate3d(0,50px,0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.clipInLeft {
	animation-name: clipInLeft;
}

@keyframes clipInLeft {
	from {
		clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
	}
	to {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

.clipInRight {
	animation-name: clipInRight;
}

@keyframes clipInRight {
	from {
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}
	to {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

.elementor-widget-text-editor > .elementor-widget-container > p:last-of-type,
.elementor-widget-text-editor > .elementor-widget-container >.elementor-text-editor > p:last-of-type {
	margin-bottom: 0;
}

.qodef-header-navigation {
	border-left: 1px solid #ded5c8;
	padding-left: 70px;
}

@media screen and (max-width: 1439px) {
	.qodef-header-navigation {
		padding-left: 30px;
	}
	
	.qodef-header-navigation> ul > li > a, #qodef-page-header .widget_qode_essential_addons_icon_svg .qodef-m-text {
		padding: 0 12px;
	}
	
	.qodef-header-navigation> ul > li > a:before {
		left: -15px !important;
		max-width: 20px;
	}
}

@media screen and (max-width: 1279px) {
	.qodef-header-navigation> ul > li > a, #qodef-page-header .widget_qode_essential_addons_icon_svg .qodef-m-text {
		padding: 0;
	}
	
	.qodef-header-navigation>ul>li {
		margin: 0 8px;
	}
	
	.qodef-header-navigation> ul > li > a:before {
		left: 0 !important;
		bottom: 35px;
		max-width: 30px;
	}
}

.qodef-header-navigation> ul > li > a:before {
	content: '';
	position: absolute;
	display: block;
	left: -20px;
	width: 0;
	height: 1px;
	background-color: #14203b;
	transition: width .2s ease-out;
}

.qodef-header-navigation> ul > li > a:hover:before,
.qodef-header-navigation> ul > li > a:focus:before,
.qodef-header-navigation> ul > li.current-menu-ancestor > a:before,
.qodef-header-navigation> ul > li.current-menu-item > a:before {
    width: 30px;
}

#qodef-top-area .qodef-widget-holder.qodef-top-area-left {
	margin-left: 306px;
	border-left: 1px solid #ded5c8;
	border-bottom: 1px solid #ded5c8;
	width: 100%;
}

#qodef-top-area .qodef-widget-holder > .widget {
	margin: 0 !important;
	padding: 0 50px;
	border-right: 1px solid #ded5c8;
	text-align: center;
}


#qodef-top-area .qodef-widget-holder > .widget:last-child {
	border-right: 0;
}

/* #qodef-page-header .qodef-header-logo-link {
	transform: translateY(-20px);
} */

#qodef-top-area {
	z-index: 99 !important;
}

.qodef-header-standard--left #qodef-page-header-inner .qodef-header-logo-link, .qodef-header-standard--left .qodef-header-sticky-inner .qodef-header-logo-link {
	margin-right: 50px;
}

.qodef-qi-animated-text .qodef-m-title {
	margin: 0 !important;	
}

#qodef-page-footer .widget,
#qodef-page-footer .widget a {
    color: #b7b8be;
}

#qodef-page-footer .widget a:hover {
    color: #fff;
}

#qodef-page-footer .widget .qodef-widget-title,
#qodef-page-footer h1,
#qodef-page-footer h2,
#qodef-page-footer h3,
#qodef-page-footer h4,
#qodef-page-footer h5,
#qodef-page-footer h6 {
	color: #fff;
}

#qodef-page-footer-top-area-inner .qodef-grid-inner > .qodef-grid-item:nth-child(1) .widget_text {
    max-width: 460px;
}

.grecaptcha-badge {
	visibility: hidden !important;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
	border-left: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
}

#qodef-page-footer .wp-block-heading {
	margin: 0 !important;
}

#qodef-page-footer p {
	margin: 0;
}

#qodef-page-footer-top-area {
	background-size: contain;
	background-position: center bottom;
}

@media screen and (min-width: 769px) {
	#qodef-page-footer-top-area .qodef-grid-inner {
		grid-template-columns: minmax(0,3fr) minmax(0,1fr) minmax(0,1fr);
	}
}

.elementor-icon-box-title {
	margin-top: 5px;
}

.elementor-accordion .elementor-accordion-item,
.elementor-accordion .elementor-tab-content {
    border: 0 !important;
}

.elementor-accordion .elementor-tab-title {
    border-bottom: 1px solid #ccc;
}

.elementor-accordion .elementor-tab-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
	width: auto !important;
	height: auto !important;
}

.hsg-table-holder {
	overflow: auto !important;	
}

.hsg-table {
	min-width: 700px !important;
}

.hsg-table .e-con.e-flex {
	--flex-wrap: no-wrap !important;
}

.hsg-table h5 {
	font-size: 18px !important;
}

@media screen and (max-width: 767px) {
	.hsg-table h5 {
		font-size: 15px !important;
	}
}

.hsg-table > div {
	height: 70px !important;
}

@media screen and (max-width: 767px) {
	.hsg-table > div {
		height: 50px !important;
	}
}

.hsg-table > div > div {
	padding: 10px !important;
}

.hsg-grid-extend {
	max-width: calc(650px - 7px + 50vw);
}

.hsg-clip-image {
	clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
	-webkit-backface-visibility: hidden;
}

.hsg-clip-image-reverse {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
}

@media screen and (max-width: 767px) {
	.hsg-clip-image-reverse {
		clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
	}
}

.hsg-approach-finance ul {
	margin: 0;
}

.hsg-icons-home-1 .elementor-icon-box-icon .elementor-icon {
	margin-left: -15px;
}


.hsg-icons-home-2 .elementor-icon-box-icon .elementor-icon {
	margin-left: -10px;
}

.hsg-icons-home-3 .elementor-icon-box-icon .elementor-icon {
	margin-left: -11px;
}

.hsg-icons-home-4 .elementor-icon-box-icon .elementor-icon {
	margin-left: -15px;
}

.qodef-mobile-header-opener {
    background: transparent !important;
    color: var( --e-global-color-primary ) !important;
    border: none !important;
    padding: 0 !important;
}

.hsg-animate-line {
	border-left-color: transparent !important;
	transition: none;
}

.hsg-animate-line:after {
	content: '' !important;
	display: block !important;
	position: absolute;
	left: 0;
	top: -100px;
	height: 0;
	width: 1px;
	background-color: var( --e-global-color-accent );
	transition: all 1s ease-out;
}

.hsg-animate-line.animated:after {
	height: calc(100% + 100px);
}