/*
Theme Name: 11:11
Theme URI: https://thompson.quest
Author: thompson.quest
Author URI: https://thompson.quest
Description: GeneratePress child theme preconfigured as a blank, full-bleed canvas for Divi Builder (sticky header + subtle header/footer shadows).
Version: 1.0.1
Template: generatepress
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eleven-eleven
Tags: generatepress, child-theme, divi, minimal, performance
*/

/* =========================================================
   1. GENERATEPRESS CONTAINER & LAYOUT RESETS
   ========================================================= */

/* Remove default GeneratePress container constraints
   - Sets max-width to 100% for edge-to-edge control
   - Removes default padding so Divi can manage spacing */
.container.grid-container {
    max-width: 100%;
    padding: 0;
}

/* Remove default padding/margin from main content area */
.page .site-content .content-area {
    padding: 0;
    margin: 0;
}

/* Ensure full-width container inside GP when on pages */
.page .site-content .container.grid-container {
    max-width: 100%;
    padding: 0;
}

/* Remove top/bottom spacing GP adds to page content */
.page .entry-content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* Remove paragraph margins inside page content */
.page .entry-content p {
    margin: 0;
}

/* Hide default page title (handled by Divi) */
.page .entry-title {
    display: none;
}

/* One Container layout mode — remove padding */
.one-container .site-content {
    padding: 0;
}

/* Separate Containers layout mode — remove padding */
.separate-containers .inside-article,
.separate-containers .site-main {
    padding: 0;
}


/* =========================================================
   2. HEADER STYLING (STICKY + SHADOWS)
   ========================================================= */

/* Make the entire header sticky */
.site-header {
    position: sticky;
    top: 0;                 /* Stick to top of viewport */
    z-index: 10000;         /* Ensure above page content */
    background: #fff;       /* Prevent transparency bleed-through */
	border-bottom: 1px solid #8dc53e; /* Bottom line */
}

/* Contact info: stacked with inline icons */
.contact-info {
    display: flex;
    flex-direction: column; /* stack phone & email vertically */
    gap: 0px;               /* spacing between them */
    color: #8dc53e;
}

.contact-info a {
    color: inherit;
    text-decoration: none;
}

.contact-info a:hover {
    text-decoration: underline;
}

/* Icons (Divi ETmodules) */
.contact-info .phone::before {
    font-family: 'ETmodules';
    content: "\e090"; /* phone */
    margin-right: 8px;
}

.contact-info .email::before {
    font-family: 'ETmodules';
    content: "\e076"; /* envelope */
    margin-right: 8px;
}


/* =========================================================
   3. FOOTER STYLING
   ========================================================= */

/* Adjust padding of © copyright bottom bar */

.inside-site-info {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 8px;
}

/*============================================================
 4. GRAVITY FORMS STYLING
============================================================== */

.et-db #et-boc .et-l .et_pb_module input.text:not(.qty), .et-db #et-boc .et-l .et_pb_module input.title, .et-db #et-boc .et-l .et_pb_module input[type="email"], .et-db #et-boc .et-l .et_pb_module input[type="password"], .et-db #et-boc .et-l .et_pb_module input[type="tel"], .et-db #et-boc .et-l .et_pb_module input[type="text"], .et-db #et-boc .et-l .et_pb_module input select, .et-db #et-boc .et-l .et_pb_module input textarea {
  border: 1px solid #fff;
  color: #000;
  padding: 5px 10px;
  height: 30px;
  width: 99%;
  background-color: #fff;
  border-radius: 10px;
}

.et-db #et-boc .et-l .et_pb_module input {
  margin: 10px;
}

/* Center submit button & style it */
.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Bulletproof styling for GF submit buttons in Divi */
body .gform_wrapper form .gform_footer input[type="submit"].gform_button.button,
body .gform_wrapper form .gform_page_footer input[type="button"].gform_button.button,
body .gform_wrapper form .gform_footer button.gform_button,
body .gform_wrapper form .gform_page_footer button.gform_button {
  background-color: #E09900 !important;
  color: #fff !important;
  border: 0px solid #fff !important;
  border-radius: 8px !important;
  padding: 10px 25px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-block !important;
  box-shadow: none !important;
  text-transform: none !important;
  cursor: pointer;
  transition: all .3s ease;
}

/* Hover */
body .gform_wrapper form .gform_footer input[type="submit"].gform_button.button:hover,
body .gform_wrapper form .gform_page_footer input[type="button"].gform_button.button:hover,
body .gform_wrapper form .gform_footer button.gform_button:hover,
body .gform_wrapper form .gform_page_footer button.gform_button:hover {
  background-color: #8DC53E !important;
  border-color: #8DC53E !important;
  color: #fff !important;
}

/* Remove bottom margin from modules in 1/2 width columns on desktop */
@media (min-width: 981px) {
    .et-db #et-boc .et-l .et_pb_gutters3 .et_pb_column_1_2 .et_pb_module,
    .et-db #et-boc .et-l .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_module {
        margin-bottom: 0;
    }
}


/* Fix the Divi default Blog module bottom border color issue when in grid mode */
.et-db #et-boc .et-l .et_pb_blog_grid_wrapper .et_pb_blog_grid article {
  border-bottom: 1px solid #8DC53E !important;
}


/* Make the blog module padding visible by putting it on the wrapper, not the <img> */
.et-db #et-boc .et-l .et_pb_image_container {
  padding: 15px;              /* <-- visible inner gutter */
  background: #fff;           /* or any color you want behind the image */
  border-radius: 15px;        /* rounded corners */
  overflow: hidden;           /* clip children to the radius */
}

/* Ensure the anchor (if present) inherits the rounding and clips */
.et-db #et-boc .et-l .et_pb_image_container a {
  display: block;
  border-radius: inherit;
  overflow: hidden;
}

/* Clean, edge-to-edge image inside the padded wrapper */
.et-db #et-boc .et-l .et_pb_image_container img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  margin: 0;
  padding: 0;                 /* remove padding from the <img> */
  border-radius: inherit;     /* optional, keeps corners consistent */
}

/* Remove unnecessary apce between Blog featured Image & text */
.et-db #et-boc .et-l .et_pb_image_container {
  margin: -20px -20px 0px;
}

.et-db #et-boc .et-l .et_pb_post .entry-featured-image-url {
  display: block;
  position: relative;
  margin-bottom: 0px;
}

/* 1) Make center alignment bulletproof inside Divi Text modules on GP pages */
.et-db #et-boc .et-l .et_pb_text :is(img, figure, iframe).aligncenter,
.et-db #et-boc .et-l .et_pb_text .aligncenter :is(img, iframe),
.et-db #et-boc .et-l .et_pb_text img.aligncenter,
.et-db #et-boc .et-l .et_pb_text figure.aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* 2) If the image is wrapped in a link, center that too */
.et-db #et-boc .et-l .et_pb_text a > img.aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 3) Make embedded videos/iframes you paste into Text modules center */
.et-db #et-boc .et-l .et_pb_text iframe {
  display: block !important;
  margin: 0 auto !important;
}

/* 4) WordPress core classes, globally (covers classic editor & odd wrappers) */
.aligncenter,
img.aligncenter,
figure.aligncenter,
.wp-block-image .aligncenter {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* 5) Safety: images shouldn’t overflow */
.et-db #et-boc .et-l .et_pb_text img,
.et-db #et-boc .et-l .et_pb_text figure img {
  max-width: 100% !important;
  height: auto !important;
}

/* =========================================================
   4. Google Reviews Plugin Styles
   ========================================================= */
/* Draw gold star shapes */
.all-stars .star {
  display: inline-block !important;
  width: 0.8em !important;
  height: 0.7667em !important;
  vertical-align: middle;
  background: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0NiI+CiAgPHBhdGggZmlsbD0iI0Y3QjYwMyIgZD0iTTMzLjA2MSAyOC41MDlMNDcuNzIxIDE4SDI5LjYwM0wyNC4wMjguODIyIDE4LjQ1MyAxOEguMzM1bDE0LjY2IDEwLjUwOS01LjU3OCAxNy4xMTIgMTQuNjExLTEwLjY1NUwzOC42MzkgNDUuNjR6Ii8+Cjwvc3ZnPg==") 0 0/100% 100% no-repeat !important;
  filter: none !important;
}

/* Kill all animations/transforms/opacity tricks from the plugin */
.all-stars .star,
.all-stars.animate .star,
.all-stars.animate.animation-start .star {
  animation: none !important;
  animation-play-state: paused !important;
  transform: none !important;
  opacity: 1 !important;
}

/* If the plugin uses staggered nth-child rules, nuke them too */
.all-stars .star:nth-child(n) {
  animation: none !important;
  animation-delay: 0s !important;
  animation-duration: 0s !important;
}

/* Bulletproof Google G icon */
.attribution.google-icon,
.et-db #et-boc .et-l .attribution.google-icon {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  vertical-align: middle !important;
  background: no-repeat center/contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%234285F4' d='M24 9.5c3.5 0 6.6 1.2 9.1 3.6l6.8-6.8C35.9 2.4 30.4 0 24 0 14.6 0 6.6 5.4 2.7 13.2l7.9 6.1C12.7 13.6 17.9 9.5 24 9.5z'/%3E%3Cpath fill='%2334A853' d='M46.5 24c0-1.6-.1-3-.4-4.4H24v8.4h12.7c-.6 3.2-2.4 5.9-5.2 7.7l8 6.2C43.9 38.3 46.5 31.7 46.5 24z'/%3E%3Cpath fill='%23FBBC05' d='M10.6 27.3c-.5-1.4-.8-2.9-.8-4.5s.3-3.1.8-4.5l-7.9-6.1C.9 15.3 0 19.5 0 22.8s.9 7.5 2.7 10.6l7.9-6.1z'/%3E%3Cpath fill='%23EA4335' d='M24 47.6c6.4 0 11.8-2.1 15.8-5.7l-8-6.2c-2.2 1.5-5 2.3-7.8 2.3-6.1 0-11.3-4.1-13.3-9.7l-7.9 6.1C6.6 42.6 14.6 47.6 24 47.6z'/%3E%3C/svg%3E") !important;
}

/* Make ★★★★★ text stars gold everywhere */
.rating { color: #F7B603 !important; }

/* Extra specificity for your hybrid (Divi Builder on GeneratePress) */
.et-db #et-boc .et-l .rating { color: #F7B603 !important; }
.gmbrr .rating { color: #F7B603 !important; }

/* Safety: in case a parent applied a filter */
.rating { filter: none !important; }

<div class="center-rr">
  [reviews_rating theme="badge tiny" class="no-outline" link="write review" limit=0]
</div>