/*
Theme Name: Avantex Construction
Theme URI: https://wpfrank.com/wordpress-themes/avantex/
Template: avantex
Author: WP Frank
Author URI: https://wpfrank.com/
Description: Avantex is made to be the fastest. with the latest mechanisms running in advanced website designs, with high-quality code optimized for performance. the theme perfectly suited for Business, Blog, Business Promotion, Market, Sports, Electrician, Industries, Newspaper, Freelancer, Lawyer, Architect, Appointment, Cooming Soon, Posts Website, Education, Gaming Hub, School, SEO, Medical, Construction, Wedding, Music, Food, Cafe, Hotel, Fashion, Online Shop, Interior Design, Building Design, Decoration, Construction, Corporate, Agency, Pet Care, Beauty & Spa Salons, Photography, Gym Fitness, Travel Agency, and approx all category frontend can be easily developed with the supported environment, You will have lots of options to consider. This theme supports the best Elementor page builder to create, edit and updates page designs as per the requirement. As well as it has some exotic features like customization and clean code, advanced typography, sticky menu, logo upload, header image, Latest Bootstrap framework, built with SEO in mind, and theme info area besides being Mobile-ready, also translation ready (WPML, Polylang) and it's built to be beautiful on all screen sizes with multiple homepage sections like slider, service, info, callout, testimonial.Theme Avantex is fully responsive and compatible with popular WordPress plugins like Page Builder, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, Gutenberg, Block-Enabled, WooCommerce, WPML, Yoast SEO, Jetpack, Contact Form 7, Mailchimp for WordPress, bbPress, Demo Importer, WPForms and more. Whether you’re running an online shopping store or setting up your website, Basically Avantex fulfills approx all your website needs, guiding you through the digital landscape and ensuring you never go astray.
Tags: one-column,two-columns,four-columns,right-sidebar,flexible-header,custom-background,custom-header,custom-menu,editor-style,featured-images,footer-widgets,post-formats,theme-options,threaded-comments,rtl-language-support,translation-ready,full-width-template,custom-logo,blog,e-commerce,portfolio
Version: 0.0.8
Tested up to: 6.3.1
Requires PHP: 5.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: avantex-construction

*/
body {
    color: #283146;
    font-family: "Open Sans", Sans-serif;
}
body p {
    color: #283146;
    font-family: "Open Sans", Sans-serif;
}
h1, h2, h3, h4, h5{
	font-family: "Helvetica", Sans-serif;color:#283146;
}
.top_header_add ul li a {
    font-family: "Open Sans", Sans-serif;
}
.header2_btn a {
	font-family: "Helvetica", Sans-serif;
}
.funfact i.funfact-icon {
    line-height: 90px !important;
 }
 .site-content .full-content {
    padding: 0;
    margin-left: 0;
}

.funfact-inner .description {
 font-size: 27px !important;
 padding-top: inherit !important;
     
}

.blog-head::before {
    opacity: 0.6;
}

.comment-date a:hover{
    color: var(--thm-black);
}

.comment p a:hover{
    color: var(--thm-black);
}

.blog-grid .news-date {
    position: absolute;
    top: -36px;
    left: 0;
    background-color: var(--thm-primary);
    padding: 0 20px;
}

.blog-grid .entry-meta {
    display: flex;
    align-items: center;
    margin: 0;
    margin-bottom: 11px;
    font-size: 12px;
    color: var(--thm-gray);
    font-weight: 600;
    text-transform: var(--thm-text-transform);
}


.blog-grid .post {
    margin: 0 0 100px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.blog-grid .post .post-thumbnail {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: all 1000ms ease-out 0s;
}

.blog-grid .post img {
    width: 100%;
    transform: scale(1);
    transition: all 500ms ease;
    max-width: 100%;
}

.blog-grid .full-content {
    position: relative;
    background-color: var(--thm-black);
    display: block;
    margin-top: 0;
    margin-left: 40px;
    padding: 30px 36px 10px;
    transition: all 500ms ease;
}

.blog-grid .entry-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: var(--thm-letter-space-small);
    text-transform: var(--thm-text-transform);
}

.blog-grid .entry-content {
    font-size: 17px;
    margin: 0;
    padding-bottom: 14px;
}

.blog-grid .entry-meta .byline,
.blog-grid .entry-meta .author a {
    color: var(--thm-base);
}

.blog-grid .entry-title a {
    color: var(--thm-base);
    transition: all 500ms ease;
}

.blog-grid .entry-title a:hover {
    color: var(--thm-primary);
}

.blog-grid .entry-content a {
    position: relative;
    text-decoration: underline;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: var(--thm-text-transform);
    color: var(--thm-base);
    transition: all 500ms ease;
    letter-spacing: var(--thm-letter-space-big);
}

.blog-grid .entry-content a:hover {
    color: var(--thm-primary);
}

.blog-grid .entry-content .more-link:before {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 10px;
    content: "";
    background-color: currentColor;
    transition: width 500ms ease;
}

.blog-grid .entry-content .more-link:hover::before {
    width: 100%;
}

.blog-grid .entry-meta {
    display: flex;
    align-items: center;
    margin: 0;
    margin-bottom: 11px;
    font-size: 12px;
    color: var(--thm-gray);
    font-weight: 600;
    text-transform: var(--thm-text-transform);
}

.blog-grid .entry-meta .byline {
    color: var(--thm-base);
    text-transform: none;
}
.blog-grid .entry-meta .author a {
    color: var(--thm-primary);
    text-transform: var(--thm-text-transform);
}
.blog-grid .news-date {
    position: absolute;
    top: -36px;
    left: 0;
    background-color: var(--thm-primary);
    padding: 0 20px;
}

.blog-grid .news-date span {
    font-size: 12px;
    color: var(--thm-base);
    font-weight: 700;
    text-transform: var(--thm-text-transform);
    letter-spacing: var(--thm-letter-space-big);
    margin: 0;
}

ul.primary-menu {
	flex-wrap: wrap;
}
.header-inner {
    background: #fff; justify-content: left; column-gap: 50px;
}
.topheader_bg {
    background: #262626;
}
.primary-menu li a {
    color: #283146;
    font-size: 16px;
    font-family: "Helvetica";
    font-weight: 600;
}
.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor , .primary-menu li.current-menu-item>a, .primary-menu li.current-menu-item>.link-icon-wrapper>a{
    color: #039eb0;
}
.topheader_bg, .header-inner {
    padding-left: 20px;
    padding-right: 20px;
}
.home-banner-slider .wpr-slider-content {
    z-index: unset;
    position: relative;
    margin-top: 170px;
}
.home-banner-slider .wpr-slider-content:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #F0B73E;
    position: absolute;
    z-index: -1;
    left: 15px;
    top: 15px;
    right: 0;
    margin: 0 auto;
}
.home-banner-slider .wpr-slider-content .wpr-slider-title span {
	color:#F0B73E !important;
}
.related-service-items {
    margin:0 -15px;
}
.related-service-items .slick-track .icon-box {
    padding: 40px 20px 10px 20px;
    background-color: #fff;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    border: 1px solid #bebebe;
    border-radius: 10px;
    margin-right: 15px;
    margin-left: 15px;
    min-height: 325px;
    text-align: center;
}
.related-service-items .slick-track .icon-box:hover {
    border-color: #FAB702;
}
.related-service-items .slick-track .icon-box .content-box, .related-service-items2 .slick-track .icon-box .content-box {
	margin-top: 20px;
}
.related-service-items .slick-track .icon-box .content-box .box-title, .related-service-items2 .slick-track .icon-box .content-box .box-title {
    font-size: 20px;
    line-height: 1.5;
    color: #F0B73E;
    font-weight: 600;
    font-family: "Helvetica";
}
.related-service-items .slick-track .icon-box .content-box p, .related-service-items2 .slick-track .icon-box .content-box p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    color: #283146;
    font-weight: 400;
    font-family: "Open Sans", Sans-serif;
    margin-top: 10px;
}
.related-service-items .slick-track .icon-box .icon-main img {
    margin: auto;
    max-width: 100px;
}
.related-service-items2 .slick-track .icon-box {
    padding: 40px 20px 10px 20px;
    background-color: #fff;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all .25s cubic-bezier(.645,.045,.355,1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    min-height: 325px;
    text-align: center;
	border: 1px solid #dcdcdc;
}
.related-service-items2 .slick-track .icon-box .icon-main .icon-img {
    width: 80px;
    display: flex;
    height: 80px;
    border-radius: 50%;
    background: #36C2D1;
    margin: auto;
    justify-content: center;
    vertical-align: middle;
    align-items: center;
    font-size: 40px;
    color: white;
}
.related-service-items2 .slick-track .icon-box:hover {
    padding: 40px 20px 10px 20px;
    background: #36C2D1;
}
.related-service-items2 .slick-track .icon-box:hover .content-box .box-title, .related-service-items2 .slick-track .icon-box:hover .content-box p {
   color:#fff;
}
.related-service-items2 .slick-track .icon-box:hover .icon-main .icon-img {
    background: #fff;
    color: #36C2D1;
}
.divider-section .elementor-divider:before {
    content: "";
    width: 16px;
    height: 13px;
    background: #F0B73E;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 9px;
    right: auto;
}
.divider-section .elementor-divider:after {
    content: "";
    width: 16px;
    height: 13px;
    background: #fab702;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 9px;
    left: auto;
}
.right-shape-bg:before {
    content: "";
    background-color: #36C2D1;
    position: absolute;
    bottom: auto;
    top: 40%;
    width: 100%;
    height: 100%;
    right: -250px;
    z-index: 0;
    border-top-left-radius: 150px;
    box-shadow: inset 0 0 0 2000px rgb(0 151 178);
}
.home-tab .wpr-tabs-wrap .wpr-tab {
	 border-width: 0px 0px 1px 0px !important;
    border-bottom: 1px solid #e5e5e5 !important;
}
.home-tab .wpr-tabs-wrap .wpr-tab-active {
    border-color: #FAB702 !important;
}
.checklist {
    list-style: none;
    padding: 0px;
    margin: 0;
}
.checklist li {
    display: flex;
    align-items: center;
    column-gap: 3px;
    margin-bottom: 7px;
    font-size: 18px;
}
.checklist li i {
   color: #F0B73E;
}
.project-tab .related-project-slider {
	margin:0px;
}
.project-tab .related-project-slider .icon-box{
	position:relative;
}
.project-tab .related-project-slider .icon-box figure .figure-image{
	width:100%;
	height:600px;
	object-fit:cover;
}
.project-tab .related-project-slider .icon-box .details {
    position: absolute;
    top: 35%;
    z-index: 10;
    background: white;
    left: 33%;
    padding: 40px;
    min-height: 213px;
}
.project-tab .related-project-slider .icon-box .details p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    font-weight: 400;
    color: #283146;
    font-family: "Open Sans", Sans-serif;
    margin-top: 20px;
}
.project-tab .related-project-slider .icon-box .details ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    column-gap: 10px;
    list-style: none;
    margin-top: 20px;
	flex-direction:column;
}
.project-tab .related-project-slider .icon-box .details ul li {
    margin-bottom: 3px;
    color: #283146;
}
.project-tab .related-project-slider .icon-box .details ul li span {
	color:#FAB702;font-weight:600;
}
/****************/
.left-shape-bg:before {
    content: "";
    background-color: #039eb0;
    position: absolute;
    bottom: auto;
    top: 40%;
    width: 100%;
    height: 100%;
    left: -250px;
    z-index: 0;
    border-top-left-radius: 150px;
    box-shadow: inset 0 0 0 2000px rgb(0 151 178);
}
.home-accordion .ekit-wid-con .elementskit-accordion .elementskit-card-header>.elementskit-btn-link {
    align-items: baseline;
    flex-direction: column;
    justify-content: left;
}
.home-accordion span.number {
    font-size: 14px;
}
.home-accordion .ekit-wid-con .elementskit-accordion {
	border-left: 1px solid #dcdcdc;
}
.home-accordion .ekit-wid-con .elementskit-accordion .elementskit-card.active  {
	border-left: 1px solid #FAB702;
}
.text-white p, footer .widget li a {
    color: #FAFAFA !important;
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
}
footer .footer-copyrights .sr-copyright {
	color:#FAFAFA !important;font-size: 14px; font-family: "Open Sans", Sans-serif;
}
footer .widget .wp-block-social-links {
    align-items: baseline;
}
footer .widget .wp-block-social-links li.wp-social-link {border:none;}
footer .widget .wp-block-social-links li.wp-social-link  a svg {
	fill: white;
}
footer .widget .wp-block-social-links li.wp-social-link  a {
    color: #FAFAFA !important;
    background: #584f4fc4;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}
.site-footer {
    padding-top: 80px;padding-bottom: 0px;
}
body {
    overflow-x: hidden;
}
.social-icons {
    display: none;
}
footer aside .pxl-list .pxl--item .pxl-item-content label, footer aside .pxl-list .pxl--item .pxl-item-content {
    color: #fff;
    font-family: "Open Sans", Sans-serif !important;
    font-size: 16px;
}
footer aside p{
	 font-family: "Open Sans", Sans-serif !important;
	font-size:18px;
	font-weight:500;
}
.widget p {
    font-size: 16px !important;
    font-weight: 400;
    font-family: "Open Sans", Sans-serif !important;
}
.home-banner-slider {}
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {
    font-family: "Helvetica";
}
.site-footer .widget {
    margin: 0px 0 30px;
}

@media (max-width:1024px) {
.topheader_bg, .header-inner {
    padding: 0 !important;
    column-gap: 0;
    max-width: 100%;
    overflow: hidden;
}
.topheader_bg {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px !important;
}
.header-titles-wrapper {
    justify-content: start;
}	
.right-shape-bg:before {
    top: 0%;
    width: 88%;
    right: 0;
}	
.left-shape-bg:before {
    top: 0%;
    width: 88%;
    left: 0;
}	
}

@media screen and (max-width: 767px) {
.home-banner-slider .wpr-slider-item {
        height: 550px;
    }
	.header-titles-wrapper .wpr-slider-title * {
    font-size: 20px;
}	
.heading-title .elementskit-section-title {
    font-size: 30px !important;
    margin-bottom: 0px !important;
}
.avantex-sticky-top {
    top: -100px !important;
}
.home-tab .wpr-tabs-wrap .wpr-tab {
    border-bottom: none !important;
	box-shadow: 5px 8.66px 22px 0 rgb(0 0 0 / .15);
}
.project-tab .related-project-slider .icon-box figure .figure-image {
    height: 350px;
}
.project-tab .related-project-slider .icon-box .details {
    top: auto;
	bottom:10px;
    left: 4%;
    padding: 15px;
    min-height: 213px;
}
.project-tab .related-project-slider .icon-box .details p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 5px;
}	
.project-tab .related-project-slider .icon-box .details ul {
    margin: 0px;
    padding: 0px;
    column-gap: 0px;
    margin-top: 5px;
}	
.project-tab .related-project-slider .icon-box .details ul li {
    margin-bottom: -7px;
    font-size: 14px;
    padding: 0;
}
.site-footer {
    padding-top: 30px;
}	
.top_header_add {
    line-height: 22px;
}	
.top_header_add ul li:first-child:after {
   display:none;
}	
.header2_btn a {
    height: 50px;
    line-height: 50px;
    font-size: 11px;
}
.header_btn {
    display: block;
}	
.top_header_add ul li a {
    font-size: 12px;
    display: flex;
    align-items: baseline;
    column-gap: 6px;
}	
	.mb-overflow-hidden {
		overflow:hidden;
	}	

	
}