/*
Theme Name: Brownie Briefies
Theme URI: https://browniebriefies.co.za
Description: Child theme of Hello Elementor for Brownie Briefies coming-soon / site.
Author: Triggerbox
Template: hello-elementor
Version: 1.0.2
Text Domain: brownie-briefies
*/

/* Coming soon: full-bleed mint (Canvas removes header/footer; this cleans wrappers) */
body.home,
body.home .site {
  background: #9CD4BD;
}

body.home .site-main,
body.home #content,
body.home article,
body.home .entry-content {
  padding: 0;
  margin: 0;
  max-width: none;
  width: 100%;
  overflow-x: hidden;
}

body.home .elementor-widget-image img {
  max-width: 100%;
  height: auto;
}

/* Mobile scallop / type polish */
@media (max-width: 767px) {
  body.home .elementor .e-con {
    max-width: 100% !important;
  }
  .elementor-element-b792ab2 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .bb-scallop-left,
  .elementor-element-69b32c8 {
    max-width: 56px !important;
    width: 56px !important;
  }
  .bb-scallop-left img,
  .elementor-element-69b32c8 img {
    width: 56px !important;
    height: auto !important;
  }
  .bb-scallop-right,
  .elementor-element-0344264 {
    max-width: 88px !important;
    width: 88px !important;
  }
  .bb-scallop-right img,
  .elementor-element-0344264 img {
    width: 88px !important;
    height: auto !important;
  }
  .elementor-widget-heading .elementor-heading-title {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .elementor-widget-text-editor {
    overflow-wrap: anywhere;
  }
  .elementor-element-49a70dd {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .elementor-element-f4315bc,
  .elementor-element-3bb0a4c {
    flex-basis: auto !important;
  }
}

/* Flex children must be allowed to shrink or mobile clips with overflow:hidden */
@media (max-width: 767px) {
  body.home .elementor-10 .e-con,
  body.home .elementor-10 .elementor-widget {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.home .elementor-10 .elementor-element-b290ebe {
    overflow: visible !important;
    --overflow: visible !important;
  }
  body.home .elementor-10 .elementor-element-b792ab2 {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.home .elementor-10 .elementor-widget-image img,
  body.home .elementor-10 .elementor-heading-title,
  body.home .elementor-10 .elementor-widget-text-editor {
    max-width: 100% !important;
  }
  body.home .elementor-10 .elementor-heading-title {
    white-space: normal !important;
  }
}

@media (max-width: 767px) {
  body.home .elementor-10 .elementor-element-b792ab2.e-con-boxed,
  body.home .elementor-10 .elementor-element-b792ab2 > .e-con-inner {
    --width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}