/*
    Theme Name: Rocknoll Energy Systems
    Theme URI: https://www.rocknollenergy.com/
    Author: the Digital Guider team
    Author URI: https://digitalguider.com/
    Description: Running a business is hard. Making sure you have a competitive edge, achieving success with employees, customers and metrics of your service and product is top of mind – constantly. Focusing on energy management may fall short of priority. When it comes to your bottom line, realizing the cost of this hole in focus is frustrating. Getting ahead of this realization is where Rocknoll Energy can help. Imagine your electricity bill being half or a third of what it is today. Putting a couple measures in place such as better, more efficient lighting and utilization of renewable energy can help you towards this valuable cash flow infusion. Marketing the benefits of your sustainability will only add to this positive outcome.
    Requires at least: 6.0
    Tested up to: 6.9
    Requires PHP: 8.0
    License: GNU General Public License v2 or later
    Text Domain: rocknollenergy
*/
ul#menu-main-navigation li a {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s ease-in-out;
}

.reviews-image {
    margin-top: 50px;
}

.about-left-container h1 {
    padding: 10px 0 30px 0;
    color: rgba(0, 0, 0, 1);
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
}

.avatar-placeholder {
    width: 80px;
    height: 80px;
    background-color: #00d36d;
    color: #fff;
    border-radius: 50px;
    display: flex;
    border: 3px solid #fff;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 35px !important;
    text-transform: uppercase;
}

ul#gform_fields_1 input,
ul#gform_fields_1 select,
ul#gform_fields_1 textarea {
    border: none;
    background: rgba(255, 255, 255, 1);
    padding: 10px 10px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 10px;
    line-height: 30px;
}

input#gform_submit_button_1 {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: #00d36d;
    width: 161px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    border: none;
    outline: none;
}

.search-input-field {
    padding: 10px;
}

.widget.widget_categories {
    margin: 40px 0;
    border: 2px solid rgba(245, 246, 247, 1);
    border-radius: 30px;
    background: rgba(255, 255, 255, 1);
    padding: 30px;
}

.widget.widget_categories h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    padding-bottom: 30px;
}

.widget.widget_categories a {
    max-width: calc(100% - 80px);
    width: 100%;
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    transition: all 0.3s ease-in-out;
}

.widget.widget_categories span {
    color: #00ba72;
}

.widget.widget_categories ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.widget.widget_categories ul li:not(:last-child) {
    margin-bottom: 10px;
}

.widget.widget_categories a:hover {
    color: #00ba72;
}

.single-blog-content-area p {
    color: rgba(34, 34, 34, 1);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 0;
    margin-bottom: 20px;
}

.single-blog-content-area a {
    color: #6dc066;
}

.single-blog-content-area h3 {
    color: rgba(0, 0, 0, 1);
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    padding: 0px 0 20px 0;
}

.single-blog-content-area ul,
.elementor-page-section ul {
    margin-left: 35px;
    margin-bottom: 20px;
}

.single-blog-content-area ul li,
.elementor-page-section ul li {
    list-style: disc;
    margin-bottom: 5px;
}

.single-blog-content-area ul li a,
.elementor-page-section ul li a {
    font-size: 18px;
}

.single-blog-content-area ol,
.elementor-page-section ol {
    margin-left: 35px;
    margin-bottom: 20px;
}

.single-blog-content-area ol li,
.elementor-page-section ol li {
    list-style: decimal;
    margin-bottom: 5px;
}

.single-blog-content-area ol li a,
.elementor-page-section ol li a {
    font-size: 18px;
}

span.page-numbers.current {
    max-width: 60px;
    width: 100%;
    height: 60px;
    background: rgb(0 211 109);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(255 255 255);
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    border: 2px solid rgba(245, 246, 247, 1);
    border-radius: 30px;
}

h2.searchResultTitle {
    text-align: left;
    padding-bottom: 20px;
}

.result-list a {
    color: #00d36d;
}

.elementor-page-section {
    margin: 0 auto;
    padding: 50px 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#socialParnters .fusion-column-wrapper {
    padding-bottom: 0px;
}

#socialParnters .fusion-layout-column.fusion_builder_column {
    margin-bottom: 5px;
}

/* 1. Add the dark green overlay to the banner */
.common-page-wrapper {
    position: relative;
    overflow: hidden;
}

.common-page-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Gradient matching your Rocknoll brand green */
    background: linear-gradient(to right, rgba(0, 50, 35, 0.8), rgba(0, 50, 35, 0.4));
    z-index: 1;
}

/* 2. Push the text and navigation links above the overlay */
.common-page-container,
.common-page-links {
    position: relative !important;
    z-index: 2 !important;
}

/* 3. Make the Title white so it's readable */
.breadcunb-title {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.testimonial-left-container img {
    border-radius: 30px !important;
}