/*
Theme Name: CCrenewable Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force 
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


* { margin: 0px; padding: 0px; outline: none; }

:root {
    --primary-color: #000000;
    --secondary-color: #80c024;
    --third-color: #1d1f3e;
    --fourth-color: #ebf3ed;
    --black-color: #000;
    --white-color: #fff; 
    --font-family: "Poppins", sans-serif;
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300; 
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;  

}

#content {  font-size:15px; line-height: 30px; color: var(--primary-color); font-family: var(--font-family); font-weight: var(--font-weight-regular); background: #fff; }

#content h1.elementor-heading-title, #page h1.elementor-heading-title, #content h2.elementor-heading-title, #page h2.elementor-heading-title, #content h3.elementor-heading-title, #page h3.elementor-heading-title, #content h4.elementor-heading-title, 
#page h4.elementor-heading-title, #content h5.elementor-heading-title, #page h5.elementor-heading-title, #content h6.elementor-heading-title, #page h6.elementor-heading-title, .our-services-items.elementor-cta--skin-classic h6.elementor-cta__title, 
#page h6.elementor-image-box-title { color: var(--primary-color); font-family: var(--font-family); font-weight: var(--font-weight-bold); letter-spacing: 1px; }

#content h1.elementor-heading-title, #page h1.elementor-heading-title { font-size: 72px; text-transform: capitalize; line-height: 90px;  letter-spacing: 1px;}
#content h2.elementor-heading-title, #page h2.elementor-heading-title,
    #content .inner-banner h1.elementor-heading-title, #page .inner-banner h1.elementor-heading-title { font-size: 60px; font-weight: var(--font-weight-bold); text-transform: capitalize;  line-height: 80px !important;  letter-spacing: 1px;}
#content h3.elementor-heading-title, #page h3.elementor-heading-title { font-size: 48px; text-transform: capitalize; line-height: 58px; letter-spacing: 1px;}
#content h4.elementor-heading-title, #page h4.elementor-heading-title { font-size: 48px; font-weight: var(--font-weight-regular); text-transform: capitalize; line-height: 58px; letter-spacing: 1px;}
#content h5.elementor-heading-title, #page h5.elementor-heading-title { font-size: 36px; text-transform: capitalize; line-height: 48px; letter-spacing: 1px; }
#content h6.elementor-heading-title, #page h6.elementor-heading-title, .our-services-items.elementor-cta--skin-classic h6.elementor-cta__title,
#page h6.elementor-image-box-title { font-size: 24px;text-transform: capitalize; line-height: 38px; letter-spacing: 0px; }


#content p, #page .elementor-widget-text-editor p, #page p { color: var(--primary-color); font-family: var(--font-family); font-size: 18px; font-weight: var(--font-weight-regular); line-height: 30px; letter-spacing: 0px; }

#content .large-text p, #page .large-text .elementor-widget-text-editor p, #page .large-text p { font-size: 22px; }

#content .weight-thin p, #page .weight-thin .elementor-widget-text-editor p, #page .weight-thin p { font-weight: var(--font-weight-light) !important; }

#content .btn-solid .elementor-button, #page .btn-solid .elementor-button, .elementor-widget-form .elementor-button[type="submit"] { font-family: var(--font-bold-family); font-size: 16px; font-weight: var(--font-weight-bold); text-transform: uppercase; line-height: 20px; letter-spacing: 0px; fill: var(--third-color); color: var(--white-color); background-color: var(--secondary-color);  border-style: solid; border-width: 1px 1px 1px 1px;  border-color: var(--secondary-color); border-radius: 33px 33px 33px 33px !important; padding: 17px 55px 17px 55px; outline: none; }
#content .btn-solid .elementor-button:hover, #content .btn-solid.small-btn .elementor-button:hover, #page .btn-solid .elementor-button:hover, .elementor-widget-form .elementor-button[type="submit"]:hover { color: var(--fourth-color); background-color: var(--third-color); border-color: var(--third-color); }

#content .btn-border .elementor-button, #page .btn-border .elementor-button { font-family: var(--font-bold-family); font-size: 16px; font-weight: var(--font-weight-bold); text-transform: uppercase; line-height: 20px; letter-spacing: 0px; fill: var(--fourth-color); color: var(--fourth-color);  background-color: transparent;  border-style: solid;  border-width: 1px 1px 1px 1px;  border-color: var(--secondary-color); border-radius: 33px 33px 33px 33px; padding: 17px 40px 17px 40px; outline: none; }
#content .btn-border .elementor-button:hover, #content .btn-border.small-btn .elementor-button:hover,
#page .btn-border .elementor-button:hover { color: var(--third-color); background-color: var(--secondary-color); border-color: var(--secondary-color); }

#content .btn-white .elementor-button, #page .btn-white .elementor-button { font-family: var(--font-bold-family); font-size: 16px; font-weight: var(--font-weight-bold); text-transform: uppercase; line-height: 20px; letter-spacing: 0px; fill: var(--secondary-color); color: var(--secondary-color);  background-color: var(--white-color);  border-style: solid;  border-width: 1px 1px 1px 1px;  border-color: var(--secondary-color); border-radius: 33px 33px 33px 33px; padding: 17px 40px 17px 40px; outline: none; }
#content .btn-border .elementor-button:hover, #content .btn-border.small-btn .elementor-button:hover,
#page .btn-white .elementor-button:hover { color: var(--secondary-color); background-color: var(--third-color); border-color: var(--secondary-color); }

#content .btn-solid.small-btn .elementor-button, #content .btn-border.small-btn .elementor-button { padding: 20px 54px; }

#content .btn-solid-dark a.elementor-button { font-family: var(--font-bold-family); font-size: 16px; font-weight: var(--font-weight-bold); text-transform: uppercase; line-height: 20px; letter-spacing: 0px; fill: var(--third-color); color: var(--fourth-color); background-color: var(--third-color);  border-style: solid; border-width: 1px 1px 1px 1px;  border-color: var(--third-color); border-radius: 33px 33px 33px 33px !important; padding: 17px 55px 17px 55px; outline: none;    }

#content .btn-solid-dark a.elementor-button:hover { fill: var(--white-color); color: var(--third-color); background-color: var(--white-color);  border-color: var(--white-color); }

#content .white-color .elementor-heading-title, #page .white-color .elementor-heading-title, #content .white-color p, 
#content .inner-banner h1.elementor-heading-title, #page .inner-banner h1.elementor-heading-title, 
#page .white-color .elementor-widget-text-editor p, #page .white-color p, #page .white-color h3 { color: var(--white-color); }
#content .theme-color .elementor-heading-title, #page .theme-color .elementor-heading-title { color: #7fbf23; }
#page .upper-case .elementor-heading-title { text-transform:uppercase; }
img { height:auto; max-width:100%; }
a { text-decoration: none; transition: all 0.3s ease; text-decoration:none !important; }
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) { text-decoration:none !important; }
a:hover { transition: all 0.3s ease; text-decoration:none;  }  
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select {
    height: 63px;
}

#colophon { display:none; }

/************Styles*************/

#about-testimonial h2.elementor-heading-title { font-size:55px; }

input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select { height: 48px;}
textarea { height:80px !important; }

ul.sub-menu li a { padding:15px !important; text-transform: uppercase; }
ul.sub-menu li a > span.dome-icon:before { content:" "; background-image: url("/wp-content/uploads/2024/12/support-img.webp"); background-position:left; background-repeat:no-repeat; background-size:contain; position: absolute; width:20px; height:20px; left:5px; }
ul.sub-menu li a > span.comm-icon:before { content:" "; background-image: url("/wp-content/uploads/2024/12/servbi-icon-2.webp"); background-position:left; background-repeat:no-repeat; background-size:contain; position: absolute; width:20px; height:20px; left:5px; }
ul.sub-menu li a > span.agri-icon:before { content:" "; background-image: url("/wp-content/uploads/2024/12/site-assessment-img.webp"); background-position:left; background-repeat:no-repeat; background-size:contain; position: absolute; width:20px; height:20px; left:5px; }
ul.sub-menu li a > span.dome-icon, ul.sub-menu li a > span.comm-icon, ul.sub-menu li a > span.agri-icon { padding: 5px 15px; }



.our-services-items.elementor-cta--skin-classic .elementor-cta__image {width: 172px;
    height: 172px;
    border-radius: 50%;
    border: solid 6px #80c024;
    padding-top: 30px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: -145px;
    position: relative;
    /* z-index: 99999999; */
    background: #fff;}

@media(min-width:1201px) and (max-width:1400px){
    #content h1.elementor-heading-title, #page h1.elementor-heading-title { font-size: 52px; line-height: 60px; }
    #content h2.elementor-heading-title, #page h2.elementor-heading-title, 
    #content .inner-banner h1.elementor-heading-title, #page .inner-banner h1.elementor-heading-title { font-size: 44px; line-height: 50px !important; }
    #content h3.elementor-heading-title, #page h3.elementor-heading-title { font-size: 32px; line-height: 38px; }
    #content h4.elementor-heading-title, #page h4.elementor-heading-title { font-size: 28px;  line-height: 32px; }
    #content h5.elementor-heading-title, #page h5.elementor-heading-title { font-size: 24px; line-height: 30px; }
    #content h6.elementor-heading-title, #page h6.elementor-heading-title, .our-services-items.elementor-cta--skin-classic h6.elementor-cta__title,
    #page h6.elementor-image-box-title { font-size: 20px; line-height: 30px; }
}

@media(min-width:1025px) and (max-width:1186px){
	.elementor-31 .elementor-element.elementor-element-6a90853 .elementor-nav-menu--main .elementor-item { padding:0px 10px !important;}
	.elementor-nav-menu .elementor-item { font-size: 12px !important; }
}

@media(min-width:1201px) and (max-width:1325px){
	.elementor-31 .elementor-element.elementor-element-6a90853 .elementor-nav-menu--main .elementor-item { padding:0px 4px !important;}
	.elementor-nav-menu .elementor-item { font-size: 12px !important; }
}

@media(min-width:1366px) and (max-width:1548px){
	.elementor-31 .elementor-element.elementor-element-6a90853 .elementor-nav-menu--main .elementor-item { padding:0px 7px !important;}
}

@media(min-width:1366px) and (max-width:1468px){
	.elementor-31 .elementor-element.elementor-element-6a90853 .elementor-nav-menu--main .elementor-item { padding:0px 6px !important;}
	.elementor-nav-menu .elementor-item { font-size: 14px !important; }
}

@media(min-width:1024px) and (max-width:1200px){
    #content h1.elementor-heading-title, #page h1.elementor-heading-title { font-size: 52px; line-height: 60px; }
    #content h2.elementor-heading-title, #page h2.elementor-heading-title, 
    #content .inner-banner h1.elementor-heading-title, #page .inner-banner h1.elementor-heading-title { font-size: 44px; line-height: 50px !important; }
    #content h3.elementor-heading-title, #page h3.elementor-heading-title { font-size: 32px; line-height: 38px; }
    #content h4.elementor-heading-title, #page h4.elementor-heading-title { font-size: 28px;  line-height: 32px; }
    #content h5.elementor-heading-title, #page h5.elementor-heading-title { font-size: 24px; line-height: 30px; }
    #content h6.elementor-heading-title, #page h6.elementor-heading-title, .our-services-items.elementor-cta--skin-classic h6.elementor-cta__title,
    #page h6.elementor-image-box-title { font-size: 20px; line-height: 30px; }
}

@media(min-width:992px) and (max-width:1023px){
    #content h1.elementor-heading-title, #page h1.elementor-heading-title { font-size: 48px; line-height: 55px; }
    #content h2.elementor-heading-title, #page h2.elementor-heading-title, 
    #content .inner-banner h1.elementor-heading-title, #page .inner-banner h1.elementor-heading-title { font-size: 40px; line-height: 48px !important; }
    #content h3.elementor-heading-title, #page h3.elementor-heading-title { font-size: 34px; line-height: 40px; }
    #content h4.elementor-heading-title, #page h4.elementor-heading-title { font-size: 26px;  line-height: 32px; }
    #content h5.elementor-heading-title, #page h5.elementor-heading-title { font-size: 22px; line-height: 30px; }
    #content h6.elementor-heading-title, #page h6.elementor-heading-title, .our-services-items.elementor-cta--skin-classic h6.elementor-cta__title,
    #page h6.elementor-image-box-title { font-size: 20px; line-height: 26px; }
}

@media (max-width:991px){
    #content h1.elementor-heading-title, #page h1.elementor-heading-title { font-size: 44px; line-height: 50px; }
    #content h2.elementor-heading-title, #page h2.elementor-heading-title, 
    #content .inner-banner h1.elementor-heading-title, #page .inner-banner h1.elementor-heading-title { font-size: 38px; line-height: 36px !important; }
    #content h3.elementor-heading-title, #page h3.elementor-heading-title { font-size: 34px; line-height: 40px; }
    #content h4.elementor-heading-title, #page h4.elementor-heading-title { font-size: 24px;  line-height: 36px; }
    #content h5.elementor-heading-title, #page h5.elementor-heading-title { font-size: 22px; line-height: 38px; }
    #content h6.elementor-heading-title, #page h6.elementor-heading-title, .our-services-items.elementor-cta--skin-classic h6.elementor-cta__title,
    #page h6.elementor-image-box-title { font-size: 18px; line-height: 26px; }

    #content .btn-solid .elementor-button, #page .btn-solid .elementor-button, .elementor-widget-form .elementor-button[type="submit"] { font-size: 14px;
    padding: 12px 29px 12px 29px; }
    #content p, #page .elementor-widget-text-editor p, #page p { font-size: 16px; line-height: 26px;}
    #content .large-text p, #page .large-text .elementor-widget-text-editor p, #page .large-text p { font-size: 18px; }
}

@media (max-width:767px){
    #content h1.elementor-heading-title, #page h1.elementor-heading-title { font-size: 38px; line-height: 44px; }
    #content h2.elementor-heading-title, #page h2.elementor-heading-title, 
    #content .inner-banner h1.elementor-heading-title, #page .inner-banner h1.elementor-heading-title { font-size: 32px; line-height: 40px !important; }
    #content h3.elementor-heading-title, #page h3.elementor-heading-title { font-size: 30px; line-height: 38px; }
    #content h4.elementor-heading-title, #page h4.elementor-heading-title { font-size: 22px;  line-height: 30px; }
    #content h5.elementor-heading-title, #page h5.elementor-heading-title { font-size: 20px; line-height: 28px; }
    #content h6.elementor-heading-title, #page h6.elementor-heading-title, .our-services-items.elementor-cta--skin-classic h6.elementor-cta__title,
    #page h6.elementor-image-box-title { font-size: 18px; line-height: 26px; }
    .our-services-items.elementor-cta--skin-classic .elementor-cta__image { width: 100px; height: 100px; margin-top: -85px; }
    .our-services-items.elementor-cta--skin-classic .elementor-cta__image img { width: 50px; margin-top: -16px; }
}