/* 
Theme Name: ServAfrica Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: servafrica
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Custom Styling for WordPress Blockquotes */
.wp-block-quote, .elementor-widget-container blockquote {
    position: relative;
    margin: 2rem 0;
    padding: 2rem 1.5rem 1.75rem 3.5rem;   /* Desktop-friendly */
    border: none;
    background: transparent;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

/* Big blue opening quote mark */
.wp-block-quote::before, .elementor-widget-container blockquote::before {
    content: "“";
    position: absolute;
    left: 0.8rem;
    top: -0.4rem;
    font-size: 5rem;
    font-weight: 800;
    line-height: 1;
    color: #2EA5D8;
    z-index: 1;
}

/* Quote text */
.wp-block-quote p, .elementor-widget-container blockquote p {
    font-size: 1.4em !important;
    line-height: 1.45;
    margin: 0;
    position: relative;
    z-index: 2;
}

/* Citation */
cite {
    font-size: 0.85em;
    text-transform: uppercase;
    font-style: normal !important;
    color: #555;
    display: block;
    margin-top: 1.25rem;
}

/* ============================================= */
/* MOBILE - Heavily reduced padding, font & quote mark */
/* ============================================= */

@media (max-width: 768px) {
    .wp-block-quote {
        margin: 1.75rem 0;
        padding: 1.4rem 0.85rem 1.25rem 2rem;   /* Much tighter sides */
    }

    .wp-block-quote::before {
        font-size: 3.1rem;                     /* Smaller quote mark */
        left: 0.5rem;
        top: -0.15rem;
    }

    .wp-block-quote p {
        font-size: 1.08em !important;          /* Noticeably smaller text */
        line-height: 1.55;
    }
}

@media (max-width: 480px) {
    .wp-block-quote {
        padding: 1.25rem 0.7rem 1.1rem 1.75rem;  /* Even tighter on small phones */
    }

    .wp-block-quote::before {
        font-size: 2.8rem;
        left: 0.45rem;
    }

    .wp-block-quote p {
        font-size: 1.02em !important;           /* Very close to normal size */
    }
}


.wp-block-heading {
    text-align: left !important;
    text-align-last: left !important;
    text-wrap: balance;  
	padding: 24px 0 12px 0 !important;
}


ul.sub-menu li {
	padding-left: 12px !important;
	padding-right: 12px !important;
	
}


h2.wp-block-heading {
    font-weight: 700 !important;
    font-size:28px !important;
}
.wp-block-image {
    margin-top:6% !important;
    margin-bottom:6% !important;
}
.wp-element-caption {
    text-align: center !important;
    font-style: italic;
}

.gwpm-meter {
    background-color: #ebebeb !important;
}
.gwpm-container{
    magin-bottom:0 !important;
}
.gwpm-count, .gwpm-goal, .gwpm-count-number, .gwpm-goal-number {
 color: #ffffff !important;
 font-size:1.1em!important;
 font-weight: 400;
}
.gwpm-fill {
    background-color: #c9d474 !important;
}
strong {
     font-weight: 700;
}


/* Change Gravity Forms Submit Button Color */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_page_footer input[type="submit"] {
    background-color: #2EA5D8 !important;   /* e.g. #e63939 for red */
    color: #ffffff !important;                       /* Text color - usually white */
    border-color: #2EA5D8 !important;
    border-radius: 4px;                              /* Optional: rounded corners */
    padding: 12px 30px !important;
    font-size: 16px !important;
}

/* Hover state */
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover {
    background-color: #2EA5D8 !important;   /* e.g. a darker shade */
    color: #ffffff !important;
    border-color: #2EA5D8 !important;
}
.elementor-widget-container {
    font-family: var(--e-global-typography-text-font-family);
        font-weight: 400;
    
}

.elementor-widget-container ul, ul.wp-block-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    color: #494949;
    
}
.elementor-widget-container ul.wp-block-list {
    margin-left: 24px;
    margin-top:24px;
    margin-bottom:24px;

}

.elementor-widget-container ul li, ul.wp-block-list li {
    position: relative;
    padding-left: 24px;        /* Space between square and text */
    margin-bottom: 12px;
}



.elementor-widget-html .elementor-widget-container ul li::before, ul.wp-block-list li::before {
    content: "";
    position: absolute;
    left: 0;                   /* This puts the square right at the edge */
    top: 8px;
    width: 10px;
    height: 10px;
    background-color: #2EA5D8;
    border-radius: 2px;        /* Change to 0 for sharp squares */
}


#devotion-date-picker select {
	margin-bottom:24px!important;
}
#devotion-date-picker label {
	margin-bottom:12px!important;
}
#devotion-date-picker input {
    border: none !important;
    border-radius: 8px !important;
    display: inline-block !important;
}



.somdn-download-wrap,
.somdn-download-wrap form {
  margin: 0;
}

.somdn-download-button,
#somdn-form-submit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;       
  padding: 12px 16px;
  border: 0;
  border-radius: 8px;
  background: var(--e-global-color-primary)!important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.somdn-download-button:hover,
#somdn-form-submit-button:hover {
  background: var(--e-global-color-bee17a1) !important;
}