/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor 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.4.1753248914
Updated: 2025-07-23 05:35:14

*/

input#gform_submit_button_2,
input#gform_submit_button_1,
input#gform_submit_button_3 {
    width: 100% !important;
    font-size: 16px;
}

p.gform_required_legend {
    display: none;
}


html{font-size: calc(10px + (16 - 10)*((100vw - 1200px)/(1920 - 1200)))}
.page .page-header{display:none;}
body.elementor-editor-active .elementor-add-new-section button:hover{color: #fff !important;}

.custom-header {transition:all 0.2s ease !important;}
.custom-header.stuck .header-free {padding-bottom:0;}
.custom-header.stuck .custom-menu ul .sub-menu {padding:10px 0 20px 0 !important;}
.custom-header.stuck .custom-menu ul {padding:0 !important; transition:all 0.3s ease;}
.custom-header.stuck {position:fixed; width:100%; background:#fff; z-index:999; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-bottom:9px solid #fff !important; transition:all 0.3s ease;}
.custom-header.stuck .custom-menu ul li a{color:#494949 !important;}
.custom-menu {cursor: pointer;}
.home .custom-menu ul li a, .custom-header.stuck .custom-menu .sub-menu li a{color:#fff !important;}
.home .custom-menu ul li a:hover, .custom-header.stuck .custom-menu .sub-menu li a:hover{color:#f3812b !important;}
.custom-menu ul{padding:10px 0 20px 0 !important; transition:all 0.3s ease;}
.home .custom-menu .sub-arrow{fill:#fff;}
.custom-header.stuck .custom-menu .sub-arrow{fill:#494949;}
.home .custom-menu ul li a:hover .sub-arrow{fill:#f3812b;}
.banner-content{transform:translate(-50%, -50%); left:50%; top:55%; max-width:84%; margin: auto;}
.banner-img .swiper-pagination {text-align:start; width:20% !important; padding:2.5rem 5rem; background:url(/wp-content/uploads/2025/07/dots-bg.png); background-repeat:no-repeat; background-size:cover;}
.banner-img .swiper-pagination .swiper-pagination-bullet{clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);}
.banner-img img{width:100%; position:relative;}
.custom-slider .elementor-image-box-content{padding:2rem;}
.custom-slider .elementor-image-box-img img{width:100%;}
.learn a::after{content: ""; display:block; background: url(/wp-content/uploads/2025/07/arrow.png) no-repeat; width:1.313rem; height:0.938rem; background-size: 1.313rem 0.938rem;}
.learn a:hover::after{background: url(/wp-content/uploads/2025/07/arrow-hover.png) no-repeat; background-size: 1.313rem 0.938rem;}
.learn a {color: #014483; font-weight:600; margin-top:1.5rem; display: inline-flex; align-items:center; gap:14px;}
.learn a:hover{color:#f3812b;}
.pb_0 .elementor-widget-text-editor a, .pb_0 .elementor-image-box-description a, .book a{color:#f3812b; font-weight:600;}
.pb_0 .elementor-widget-text-editor a:hover, .pb_0 .elementor-image-box-description a:hover, .book a:hover{text-decoration:underline;}
.custom_img .elementor-widget-image img {height:100%; object-fit: cover;}
.custom_img .elementor-widget-image {height:100%;}
.why-choose .elementor-image-box-wrapper {text-align:left; display:inline-flex; align-items:center; gap:15px;}
.why_ul {position:relative;}
.why_ul::after {content:""; background:#fff; position:absolute; left:25px; width:1px; height:85%; top:25px; text-align:center; z-index:1;}
.why_ul .elementor-widget-image-box{z-index:4;}
.steps img {margin-right:0; margin-left:auto;}
body .steps .elementor-image-box-img {width:100%;}
.pergolas .elementor-image-box-content, .pergolas-new .elementor-image-box-content{padding:1rem 0;}
.pergolas .learn a{margin-top:0;}
body .banner-img .swiper-pagination-bullets {bottom:0 !important;}

.mesa, .cares, .strom{position: relative;}
.mesa::after,  .strom::after, .cares::after{content:"WHO WE ARE"; writing-mode:vertical-rl; transform:rotate(360deg); font-size:1rem; font-weight:500; letter-spacing:2px; color:#494949; position:absolute; left:-2.1rem; top:13%; transform-origin: center; translate:0 -50%; text-transform: uppercase;}
.cares::after{content:"Why Choose Us"; color:#fff; top:11%;}
.strom::after{content:"Storm Damage"; top:10%;}

.steps {counter-reset:step;}
.steps .elementor-image-box-content::before {counter-increment: step; content: "STEP-" counter(step); display:inline-block; background-color:#004080; color:#fff; font-weight:bold; padding:1.25rem 1.875rem; font-size:1.125rem; position:absolute; top:0; left:0; z-index:2;}
.steps .elementor-image-box-wrapper {position:relative;}
.vin {border:2px solid; width:fit-content; margin:auto; padding:4px 20px; font-weight:600; margin-block-end: .9rem;}

.pergolas .elementor-swiper-button svg, .custom-slider .elementor-swiper-button svg{display:none;}
.pergolas .elementor-swiper-button-prev, .custom-slider .elementor-swiper-button-prev{background: url(/wp-content/uploads/2025/07/left-arrow.png); background-repeat: no-repeat; height:18px; width:34px;}

.pergolas .elementor-swiper-button-next, .custom-slider .elementor-swiper-button-next{background: url(/wp-content/uploads/2025/07/right-arrow.png); background-repeat: no-repeat; height:18px; width:34px;}


.team ul{padding-left:16px; margin-bottom:.9rem;}
.port ul li{margin-bottom:.9rem; list-style:none;}
.port ul li strong {display:inline-flex; align-items:center;}
.port ul li strong::before{content:""; width:13px; height:13px; background:#fff; border-radius:50%; left:0; position:absolute;}
.port ul{padding-left:22px; margin-bottom:.9rem;}
.pb_0 .elementor-widget-text-editor p strong{display: inline-block; font-weight: 600;}
.footer-icon .elementor-social-icon-clone svg {display:none;}
body .footer-icon .elementor-social-icon-clone{background:url(/wp-content/uploads/2025/08/nextdoor.png); width:2.625rem; height:2rem; background-size:2.625rem 2rem; background-repeat: no-repeat;}
.footer-icon .elementor-social-icon-clone:hover{background:url(/wp-content/uploads/2025/08/nextdoor-hover.png); background-size:2.625rem 2rem;}
body .footer-icon .elementor-social-icons-wrapper{display:inline-flex; align-items:center; justify-content:start;}

/*--------------------Blog-Page---------------------*/

.post-title {top:65%; left:50%; transform:translate(-50%, -50%);}
.custom-recent-posts {background: #f5f5f7;padding: 2rem;}
.blog-layout-grid article .elementor-post__read-more {line-height: normal; margin-top: 13px; display:inline-block; text-decoration:underline;}
.custom-recent-posts .post-content h5{margin-bottom:4px; margin-top:0;}
.custom-recent-posts .widget-title{font-size: 1.8rem; font-weight: 700; color:#494949; margin-bottom: 20px; font-family: "Montserrat", Sans-serif;}
.custom-recent-posts .post-content h5 a {font-size: 1.3rem; font-weight:600; color:#494949 !important; font-family: "Montserrat", Sans-serif;}
.custom-recent-posts .post-content .read-more-button{font-size:1.125rem; font-weight:600; color:#f3812b; text-decoration:underline; font-family: "Montserrat", Sans-serif;}
.custom_cate .elementor-widget-container {display: inline-flex; flex-wrap:no-wrap;}
.custom_cate .elementor-widget-container h4{font-size: 1.3rem; font-family: "Montserrat", Sans-serif;  font-weight: 500; color:#494949; margin:0;}
.custom_cate .elementor-widget-container ul {list-style:none; padding-left:12px; display: inline-flex; align-items:center; gap:12px; flex-wrap: wrap;}
.custom_cate .tagcloud{padding-left:12px; display:inline-flex; flex-wrap:wrap; gap:12px;}
.custom_cate .elementor-widget-container ul li a:hover, .custom_cate .tagcloud a:hover{background:#000;}
body .custom_search article .elementor-post__text {padding:1.563rem;}
body .custom_search article, .blog-layout-grid article{border-radius: 8px 8px 8px 8px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.custom_cate .elementor-widget-container ul li a, .custom_cate .tagcloud a{font-weight:500; color: #fff; background: #f3812b; padding: 7px 19px; border-radius: 22px; font-size:1rem !important; line-height: normal;}
.book h3{margin-bottom:0; margin-top:25px; font-weight:600;}
.book h2{margin-bottom:0; font-size:1.8rem !important; line-height:2.5rem !important;}
.custom-recent-posts .recent-post-item:last-child {margin-bottom: 0 !important;}
.search-no-results .elementor-posts-nothing-found::before{content:"Nothing Found"; font-size:1.8rem; color:#494949; display:block; margin-bottom: 15px; font-weight: 600;} 
.search-no-results .elementor-posts-nothing-found::after {content: "Sorry, but nothing matched your search terms. Please try again with some different keywords."; line-height:normal;}
body .custom_search .elementor-pagination {text-align: center;}
.book ul{padding-left:1rem;}
.custom_categori h5 {display:none;}
.custom_categori #cat {font-size: 1.25rem; padding:.9rem; font-family: "Montserrat", Sans-serif; font-weight:500;}
body article .elementor-post__title a:hover{text-decoration:none;}
body .custom_search .elementor-pagination {text-align: center;}
body .custom_search .e-search-input {min-height:10px !important; height:auto !important; padding:10px 20px !important;}
.book h2:first-child {margin-top:0;}
.book h2, .book h3, .book h4, .book h5{margin-top:3rem; margin-bottom:6px; font-family: "Montserrat", Sans-serif;}
.custom_cate .elementor-widget-container h5{margin:0;}
.book ul li {margin-bottom:7px;}

@media screen and (max-width:1500px) {
.quote-btn{padding-right:1rem !important;}
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {

		  html {font-size: calc(11px + (13 - 11) * ((100vw - 1025px) / (1200 - 1025)));}
		  .custom-recent-posts .widget-title {font-size: 20px;}
		  .custom-recent-posts .post-content h5 a {font-size: 16px;}
		  .custom-recent-posts .post-content .read-more-button{font-size:14px;}
		  body .elementor-widget-button .elementor-button {font-size:1.125rem;}
		  .custom_search .e-search-input {font-size:13px !important;}
		  .custom_search .e-search-submit span{font-size:12px !important;}
		  body .custom_search .e-search-input {padding:8px 20px !important;}
          .quote-btn{padding-right:0 !important;}
          .banner-img .swiper-pagination {width:20% !important; padding:1.7rem 3rem;}
          
         }

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

        .post-title, .banner-content{top:50%;}
        .mobile-dropdown .elementor-nav-menu--dropdown {left:0 !important;}
        .mobile-dropdown .elementor-nav-menu--dropdown ul{padding-bottom:15px;}
         .mobile-dropdown .elementor-nav-menu--dropdown ul li a:hover .sub-arrow svg{fill:#f3812b;}
        .mobile-dropdown .elementor-nav-menu--dropdown a:focus{color:#fff !important;}
         .mobile-dropdown .elementor-nav-menu--dropdown a:hover{color:#f3812b !important;}
        .custom-recent-posts .post-content h5 a, .custom_cate .elementor-widget-container h4{font-size:18px;}
		.custom-recent-posts .post-content .read-more-button{font-size:14px;}
		.custom-recent-posts .widget-title{font-size:22px;}
		.custom_cate .elementor-widget-container ul li a, .custom_cate .tagcloud a{font-size:12px !important;}
		.book h3, .book h2{margin-bottom:7px;}
        .book h2{font-size:21px !important; line-height:1.3 !important;}
        body .custom_search article .elementor-post__text {padding:20px;}
		.custom-recent-posts {padding: 20px !important;}
		.search-no-results .elementor-posts-nothing-found::before{font-size:22px;} 
		.search-no-results .elementor-posts-nothing-found::after, .custom_cate .elementor-widget-container h5{font-size:15px;}
		.blog-layout-grid article .elementor-post__read-more{margin-top:7px;}
		.book ul{padding-left:13px;}
		.book p {margin-block-end: 18px;}
		.broad .elementor-image-box-img {padding-top:4px;}
		.custom_categori #cat {font-size: 14px; padding:9px;}
		.book h2, .book h3, .book h4, .book h5{margin-top:30px; margin-bottom:6px;}
        .steps .elementor-image-box-content::before{padding:8px 17px; font-size:14px;}
        .banner-content{max-width:100%;}
        .learn a::after, .learn a:hover::after{width:18px; height:14px; background-size:18px 14px;}
        .mesa::after, .cares::after, .strom::after{left:-23px; top:56px; font-size:12px;}
        .cares::after, .strom::after{top:67px;}
        .custom-slider .elementor-image-box-content {padding:22px;}
        .pergolas .elementor-image-box-content, .pergolas-new .elementor-image-box-content{padding:22px 0;}
        .banner-img .swiper-pagination{width:185px !important; padding:15px 25px;}
        .custom_cate .elementor-widget-container ul li a, .custom_cate .tagcloud a{padding: 5px 10px;}
        .custom_cate .elementor-widget-container ul, .custom_cate .tagcloud{gap: 10px;}
        body .footer-icon .elementor-social-icon-clone, body .footer-icon .elementor-social-icon-clone:hover{width:27px; height:21px; background-size:27px 21px;}

}

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

.banner-img, .banner-img .elementor-image-carousel-wrapper, .banner-img .swiper-slide-inner, body .banner-img img{height:500px; object-fit:cover;}
.custom_img .elementor-widget-image {height: auto;}
.custom_cate .elementor-widget-container {display:inline-flex; flex-wrap:wrap !important; gap:12px;}
.custom_cate .elementor-widget-container ul, .custom_cate .tagcloud{padding-left:0;}

}


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

body .gallery-our .gallery{margin: 0 !important;}
body .gallery-our .gallery-item {padding: 0 0 15px 0 !important;}

}