/*
Theme Name: Austech Roofing and Building Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: roofing
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Austech Roofing and Building is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1746000577
Updated: 2025-04-30 08:09:37

*/

body {font-family: "Outfit", Sans-serif;}

.big-fix, .big-fix::before {background-attachment: fixed;}
.bdt-navbar-style-4 .bdt-navbar-nav>li>a:before {
    margin: 0 14px !important;
    height: 1px !important;
}
.bannertxt span {font-weight: 700; color: #800000;}
.bannertxt b {
	-webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #800000;
    stroke: var(--e-global-color-accent);
    color: #00000000;
}
.banner-circleimg {position: relative;}
.banner-circleimg:after {
	position: absolute;
	content: "";
	top: 2px;
	left: 26px;
	background-image: linear-gradient(114deg, #0000ff, #800000);
	width: 680px;
    height: 680px;
    z-index: -1;
	border-radius: 100%;
}
.txtbold b {font-weight: 700; color: #000;}
.txtboldwhite b {font-weight: 700;}
.servicetab .e-n-tabs-content {background-color: #800000; padding: 30px 10px 40px 100px; background-image: url(images/tab-bg.png); background-repeat: no-repeat; background-position: top right;}
.servicetab .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"] {
	position: relative;
}
.servicetab .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]:after {
	position: absolute; 
	content: "";
	background-image: url('images/shape.png');
	background-repeat: no-repeat;
	width: 65px;
    height: 74px;
    right: -65px;
}
.servicetab .e-n-tabs-content .elementor-widget-image {position: relative;}
.servicetab .e-n-tabs-content .elementor-widget-image img {position: relative; z-index: 2;}
.servicetab .e-n-tabs-content .elementor-widget-image:before {
	position: absolute;
	content: "";
	left: -10px;
    top: -10px;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    z-index: 1;
}
.maroonblod b {font-weight: 700; color: #800000;}
.es-form-field-container {border: 1px solid #800000; border-radius: 100px; display: flex; align-items: center; padding: 0 !important;}
.es-form-field-container .gjs-row {margin-bottom: 0px !important;}
.es-form-field-container .gjs-row:nth-child(1) {display: none;}
.es-form-field-container .gjs-row:nth-child(2) {width: 70%;}
.es-form-field-container .gjs-row:nth-child(3) {width: 30%;}
.es-form-field-container input[type="submit"] {
	width: 100%;
	font-family: "Outfit", Sans-serif;
	font-weight: 600;
    padding: 15px 24px;
	right: -2px;
    position: relative;
}
.es-form-field-container .es-email {font-size: 14px; font-family: "Outfit", Sans-serif; padding-top: 20px !important; padding-bottom: 20px !important; border: 0px solid #800000; outline: none;}
.es-form-field-container .es-email::placeholder {color: #800000 !important;}
.blog-list {display: flex; gap: 15px; flex-wrap: wrap;}
.blog_box {width: 32.5%; box-shadow: 0px 0px 20px 0px #ccc; border: 1px solid #80000059; background-color: #fff;}
.blog_box_content {padding: 10px 20px 40px; background-color: #fff;}
.blog_box_content a {text-decoration: none;}
.post_meta span {font-weight: 400; font-size: 14px; color: #000;}
.blog_box_content h3 {font-weight: 600; font-size: 25px; color: #000; line-height: 1.1; margin-bottom: 10px;}
.blog_box_content h3 a {color: #000;}
.blog_box_content p {font-weight: 400; font-size: 14px; line-height: 20px;}
.blogbtn a {display: block; background-color: #800000; color: #fff; border-radius: 100px; max-width: 162px; text-align: center; line-height: 1.2; padding: 13px 10px; font-size: 14px;}
.blog_box:hover .blogbtn a {background-color: #000;}
.blog_box .image_main_wrap img {width: 100%; height: 220px; object-fit: cover;}
.project-slider .swiper-pagination-bullet {border: 1px solid #800000; background-color: transparent !important; opacity: 1;}
.project-slider .swiper-pagination-bullet-active, .project-slider .swiper-pagination-bullet:hover {background-color: #800000 !important;}
.innerbanner_circle .elementor-widget-container {position: relative;}
.innerbanner_circle .elementor-widget-container:after {
	position: absolute;
    content: "";
    top: 17px;
    left: 74px;
    background-image: linear-gradient(114deg, #0000ff, #800000);
    width: 85%;
    height: 100%;
    z-index: -1;
    border-radius: 100%;
}
.pagi {text-align: center; margin-top: 20px;}
.pagi .page-numbers {text-decoration: none; border: 1px solid; padding: 4px 8px;}
.single.single-post .site-main, .single.single-our_services .site-main {max-width: 1200px !important; padding: 50px 20px;}
.single.single-post h1.entry-title, .single.single-our_services h1.entry-title {font-size: 50px; text-align: center; color: #800000; font-weight: 600; line-height: 1; margin-bottom: 25px;}
.single.single-post .page-content p a, 
.single.single-post .page-content ol li a, 
.single.single-post .page-content ul li a, 
#comments p a,
.single.single-our_services .page-content p a,
.single.single-our_services .page-content ol li a, 
.single.single-our_services .page-content ul li a {
	font-weight: 600; 
	color: #800000; 
	text-decoration: none;
}
.single.single-post .page-content h2, .single.single-post #reply-title, .single.single-our_services .page-content h2 {font-size: 40px; font-weight: 600; color: #000; line-height: 1; margin-top: 24px; margin-bottom: 10px;}
.single.single-post .page-content h3, .single.single-our_services .page-content h3 {font-size: 35px; font-weight: 600; color: #000; line-height: 1; margin-top: 24px; margin-bottom: 10px;}
.single.single-post .page-content p, .single.single-post .page-content ol, .single.single-post .page-content ul, .single.single-our_services .page-content p, .single.single-our_services .page-content ol, .single.single-our_services .page-content ul {font-size: 16px; font-weight: 400; line-height: 21px;}
.single.single-post .page-content ol, .single.single-post .page-content ul, .single.single-our_services .page-content ol, .single.single-our_services .page-content ul {padding-bottom: 20px; padding-left: 20px;}
.single.single-post .page-content li, .single.single-our_services .page-content li {margin-bottom: 5px;}
#comments {margin-top: 50px;}
#comments #submit {background-color: #800000; border-radius: 100px; color: #fff; border: 1px solid #800000; outline: none;}
#comments label {margin-bottom: 8px;}
#comments textarea {height: 150px;}
.error404 .site-main {padding: 40px 20px; text-align: center;}
.why-chooseus .elementor-icon-box-title {margin-top: 0;}
.why-chooseus .elementor-icon {background-color: #800000; border-radius: 100px; padding: 12px;}
.why-chooseus .elementor-icon svg {fill: #fff; color: #fff;}
footer .wp-block-latest-posts__list {padding-left: 0; list-style: none; color: #fff; margin-top: 4px;}
footer .wp-block-latest-posts__list li {line-height: 1.1; clear: both; padding-top: 8px;}
footer .wp-block-latest-posts__list li time {color: #fff; font-size: 12px; font-weight: 300; display: block; margin-top: 4px;}
footer .wp-block-latest-posts__list a {color: #fff; font-size: 12px; font-weight: 300;}
footer .wp-block-latest-posts__featured-image img {border-radius: 10px;}
.inputwrap {display: flex; gap: 10px;}
.inputwrap div {width: 50%;}
.wpcf7-form .wpcf7-form-control {background-color: transparent; border-radius: 30px; padding: 14px 20px;}
.wpcf7-form textarea {height: 100px; border-radius: 20px !important;}
.wpcf7-form .wpcf7-submit {background-color: #800000; color: #fff; border-radius: 100px; padding: 14px 48px !important; border: 0px; font-family: "Outfit", Sans-serif; font-weight: 600; font-size: 14px;}
.wpcf7-form .wpcf7-submit:hover {background-color: #000;}
.wpcf7-response-output {text-align: center;}
.formbtn {position: relative;}
.service_wrap .blog_box {width: 46%;}
.service_wrap .blog-list {justify-content: center;}



@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.banner-circleimg:after {
    top: 2px;
    left: inherit;
    right: -109px;
    width: 580px;
    height: 580px;
}
.blog-list {gap: 12px;}
.innerbanner_circle .elementor-widget-container:after {
    top: 17px;
    left: 91px;
}
.single.single-post h1.entry-title {font-size: 38px;}
.single.single-post .page-content h2, .single.single-post #reply-title {font-size: 34px;}
.single.single-post .page-content h3 {font-size: 28px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.banner-circleimg:after {
    top: 2px;
    left: inherit;
    right: -115px;
    width: 440px;
    height: 440px;
}	
.servicetab .e-n-tabs-content {padding: 30px 10px 40px 80px;}
.blog-list {gap: 9px;}
.blog_box_content {padding: 10px 16px 30px;}
.blog_box_content h3 {font-size: 22px;}
.innerbanner_circle .elementor-widget-container:after {top: 10px; left: -20px; width: 380px; right: 0; margin: auto;}
.single.single-post .site-main, .single.single-our_services .site-main {padding: 40px 20px;}
.single.single-post h1.entry-title, .single.single-our_services h1.entry-title {font-size: 35px;}
.single.single-post .page-content h2, .single.single-post #reply-title, .single.single-our_services .page-content h2 {font-size: 30px;}
.single.single-post .page-content h3, .single.single-our_services .page-content h3 {font-size: 25px;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.banner-circleimg:after {top: 2px; left: 0px; right: 15px; margin: auto; width: 330px; height: 330px;}	
.servicetab .e-n-tabs-content .elementor-widget-image:before, .servicetab .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]:after {display: none;}
.es-form-field-container input[type="submit"] {
    padding: 19px 14px;
    font-size: 14px !important;
}
.blog_box {width: 100%;}
.innerbanner_circle .elementor-widget-container:after {top: 14px; left: -14px; right: 0; margin: auto; width: 315px;}
.single.single-post .site-main, .single.single-our_services .site-main {padding: 40px 20px;}
.single.single-post h1.entry-title, .single.single-our_services h1.entry-title {font-size: 35px;}
.single.single-post .page-content h2, .single.single-post #reply-title, .single.single-our_services .page-content h2 {font-size: 30px;}
.single.single-post .page-content h3, .single.single-our_services .page-content h3 {font-size: 25px;}
.formbtn {text-align: center;}
.inputwrap {gap: 5px;}
.wpcf7-spinner {position: absolute; top: 11px;}
.service_wrap .blog_box {width: 100%;}
}