/*
Theme Name: DIY Carports Australia Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: DIY-carports-australia
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: DIY Carports Australia 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.4.5.1764929275
Updated: 2025-12-05 10:07:55

*/


body.single-diy_carports .site-main .page-header {display: none;}
.btnarrow .elementor-button-icon, .bannerbtns .bdt-ep-button-a-icon-inner, .bannerbtns .bdt-b-icon-inner {rotate: -46deg;}
.es_form_wrapper {max-width: 100% !important;}
#newsletter-form .es-field-label {font-size: 0px; width: 100%;}
#newsletter-form .ig_es_subscription_form {max-width: 100% !important;}
#newsletter-form .es-field-wrap {margin-bottom: 0px !important;}
#newsletter-form .ig_es_subscription_form {border-radius: 100px !important; border: 1px solid #fff !important; padding: 6px !important;}
#newsletter-form .es-field-label input {font-family: "Montserrat", Sans-serif; font-weight: 400; font-size: 13px !important; background-color: transparent !important; color: #fff !important; border: 0px !important; outline: none !important; padding: 14px 55px 14px 15px !important;}
#newsletter-form .es-field-label input::placeholder {color: #fff !important; opacity: 1;}
#newsletter-form .es-subscribe-btn {background-color: #1b4a7f !important; border-radius: 100px !important; width: 47px !important; height: 47px !important; font-size: 0px !important; border: 0 !important; outline: none !important; background-image: url('images/form_arrow.png') !important; background-repeat: no-repeat !important; background-position: center !important;}
#newsletter-form .es-submit-container {position: absolute; right: 8px; width: 47px !important; display: block !important; top: 7px;}
.footersec::before, .btmshape::before {background-size: 100%;}
.topshapess::before {background-size: 100% 60%;} 
.profiles .bdt-ep-static-carousel-image img {width: 100%; height: 240px; object-fit: cover;}
.colours .bdt-ep-static-carousel-image img {width: 165px; height: 165px; object-fit: cover; border-radius: 100px; margin: auto;}
.bannersec {position: relative;}
.bannersec:after {position: absolute; content: ""; right: 0; bottom: 0; background-image: url('images/banner-shape.png'); background-repeat: no-repeat; width: 100%; height: 100%; background-size: 95% 100%; background-position: bottom right;}
.bannerheading span {position: relative;}
.bannerheading span:after {
	position: absolute;
    content: "";
    background-color: #de3a3a;
    width: 100%;
    height: 76px;
    right: 0;
    top: 20px;
    z-index: -1;
}
.carportsitem {text-align: center; width: 23.5%; transition: all 0.3s;}
.carportsitem .thumbimg img {width: 100%; height: 252px; object-fit: cover;}
.carportsitem h3 {font-family: "Oswald", Sans-serif; font-weight: 400; font-size: 26px; color: #fff; text-transform: uppercase; margin-top: 12px; margin-bottom: 16px;}
.carportsitem .carportbtn {max-width: 184px; margin: auto; display: block; text-align: center; border-radius: 100px; color: #fff; text-decoration: none; font-family: "Oswald", Sans-serif; font-size: 16px; font-weight: 400; text-transform: uppercase; background-color: #1b4a7f; padding: 14px 40px 14px 20px; transition: all 0.3s; background-image: url('images/rightup.png'); background-repeat: no-repeat; background-position: 127px 50%;}
.carportsitem:hover .carportbtn {background-color: #fff; color: #000; background-blend-mode: difference;}
.carports_wrap_grid {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; gap: 30px 20px;}
.inputwrap {display: flex; gap: 10px;}
.inputwrap div {width: 50%;}
.formbtn {position: relative; margin-top: 22px;}
.formbtn p {margin-bottom: 0px;}
.wpcf7-form .wpcf7-form-control {outline: none;}
.formbtn .wpcf7-spinner {position: absolute; top: 10px;}
.wpcf7-form textarea {font-family: "Montserrat", Sans-serif; font-size: 15px; font-weight: 400;}
.wpcf7-response-output {text-align: center; font-family: "Montserrat", Sans-serif; font-size: 15px;}
.all-DIY-carports .carportsitem h3 {color: #000;}
.all-DIY-carports .carportsitem:hover .carportbtn {background-color: #de3a3a; color: #fff; background-blend-mode: inherit;}
.all_gallery a {text-decoration: none;}
body.error404 header#masthead {background-color: #000;}
body.error404 .site-main {padding: 50px 20px 0px; text-align: center;}
body.error404 h1.entry-title {font-family: "Oswald", Sans-serif; font-weight: 600; text-transform: uppercase; font-size: 40px; color: #000; line-height: 1.1;}
body.error404 .page-content p {font-family: "Montserrat", Sans-serif; font-weight: 400; font-size: 15px;}
.onelinelabel {margin-bottom: 12px;}
.wpcf7-form h4 {font-family: "Oswald", Sans-serif; font-size: 30px; font-weight: 700; color: #1b4a7f; text-transform: uppercase; line-height: 1.1; margin-top: 25px; margin-bottom: 16px; clear: both;}
.wpcf7-form .wpcf7-checkbox label {color: #000 !important;}
.indicheckbox .wpcf7-checkbox .wpcf7-list-item {margin-left: 0px; margin-right: 10px; width: 40%;}
.indicheckbox .wpcf7-checkbox .wpcf7-list-item label {display: flex; gap: 10px; align-items: flex-start;}
.indicheckbox .wpcf7-checkbox .wpcf7-list-item label input {margin-top: 5px;}
.indicheckbox .wpcf7-checkbox {display: flex; gap: 10px;}
.sizingcheckbox .wpcf7-checkbox .wpcf7-list-item {display: block; margin-left: 0px; margin-right: 10px; margin-bottom: 6px;}
.inputwrap2 .cbox {width: 32%; float: left; margin-right: 10px; margin-bottom: 20px;}
.wpcf7-form .formtxt {font-family: "Montserrat", Sans-serif; font-size: 14px; font-weight: 500; color: #000;}
.wpcf7-form .wpcf7-file {width: 100%; border: 1px solid #000; padding: 45px 20px !important; margin-top: 25px !important;}


@media only screen and (min-width: 1025px) and (max-width: 1200px) {
.carports_wrap_grid {gap: 19px;}	
.bannerheading span:after {height: 65px; top: 14px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.imgposition {position: inherit !important;}	
.colours .bdt-ep-static-carousel-image img {width: 120px; height: 120px;}
.btmshape::before, .topshapess::before {background-size: 0%;}
.bannerheading span:after {height: 42px; top: 11px;}
.carports_wrap_grid {gap: 14px;}
.carportsitem h3 {font-size: 22px;}
.carportsitem .carportbtn {
    max-width: 152px;
    font-size: 14px;
    padding: 14px 40px 14px 20px;
    background-position: 110px 50%;
}
.carportsitem .thumbimg img {height: 220px;}
.inputwrap2 .cbox {width: 31.5%;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.footersec::before, .btmshape::before, .topshapess::before {background-size: 0%;}
.footermenu li a {justify-content: center !important;}
#newsletter-form .es-submit-container {right: 6px; width: 40px !important; top: 6px;}
#newsletter-form .es-subscribe-btn {width: 40px !important; height: 40px !important;}
#newsletter-form .ig_es_subscription_form {padding: 2px !important;}
.imgposition {position: inherit !important;}
.colours .bdt-ep-static-carousel-image img {width: 120px; height: 120px;}
.bannersec:after, .bannerheading span:after {display: none;}
.carportsitem {width: 100%;}
.carportsitem .thumbimg img {width: 350px;}
.carportsitem h3 {font-size: 22px;}
.carportsitem .carportbtn {
    max-width: 152px;
    font-size: 14px;
    padding: 14px 40px 14px 20px;
    background-position: 110px 50%;
}
body.error404 .site-main {padding: 40px 20px 40px;}
body.error404 h1.entry-title {font-size: 30px;}
.inputwrap2 .cbox {width: 100%; float: none; margin-right: 0px; margin-bottom: 10px;}
.indicheckbox .wpcf7-checkbox {display: block;}
.indicheckbox .wpcf7-checkbox .wpcf7-list-item {
    margin-right: 0px;
	margin-bottom: 10px;
    width: 100%;
}
}