/* Heading Font - Adobe font "Bagatela" */
@import url("https://use.typekit.net/cyk5cla.css");

/* Heading Font - Google font "Archivo" */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Orelega+One&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Solway:wght@300;400;500;700;800&family=Ultra&display=swap');



:root {

  /* Denim #1975b3 */
  --primary:        hsla(204.16, 75.49%, 40%, 1);
  --primary-5:     hsla(204.16, 75.49%, 40%, .05);
  --primary-10:     hsla(204.16, 75.49%, 40%, .1);
  --primary-20:     hsla(204.16, 75.49%, 40%, .2);
  --primary-30:     hsla(204.16, 75.49%, 40%, .3);
  --primary-40:     hsla(204.16, 75.49%, 40%, .4);
  --primary-50:     hsla(204.16, 75.49%, 40%, .5);
  --primary-60:     hsla(204.16, 75.49%, 40%, .6);
  --primary-70:     hsla(204.16, 75.49%, 40%, .7);
  --primary-80:     hsla(204.16, 75.49%, 40%, .8);
  --primary-90:     hsla(204.16, 75.49%, 40%, .9);
  --primaryLight:   hsla(204.16, 75.49%, 60%, 1);
  --primaryLighter: hsla(204.16, 75.49%, 80%, 1);
  --primaryLightest: hsla(204.16, 75.49%, 90%, 1);
  --primaryDark:    hsla(204.16, 75.49%, 20%, 1);
  --primaryDarker:  hsla(204.16, 75.49%, 10%, 1);

  --athensgray:        hsla(240, 0%, 94%, 1);
  --athensgray-5:        hsla(240, 0%, 94%, .05);
  --athensgray-10:        hsla(240, 0%, 94%, .1);
  --athensgray-20:        hsla(240, 0%, 94%, .2);
  --athensgray-30:        hsla(240, 0%, 94%, .3);
  --athensgray-40:        hsla(240, 0%, 94%, .4);
  --athensgray-50:        hsla(240, 0%, 94%, .5);
  --athensgray-60:        hsla(240, 0%, 94%, .6);
  --athensgray-70:        hsla(240, 0%, 94%, .7);
  --athensgray-80:        hsla(240, 0%, 94%, .8);
  --athensgray-90:        hsla(240, 0%, 94%, .9);
  --athensgrayLight:   hsla(240, 0%, 95%, 1);
  --athensgrayLighter: hsla(240, 0%, 97%, 1);
  --athensgrayLighter-80: hsla(240, 0%, 97%, .8);
  --athensgrayDark:    hsla(240, 0%, 85%, 1);
  --athensgrayDarker:  hsla(240, 0%, 90%, 1);

  --white: hsla(330, 0%, 100%, 1);
  --white-5: hsla(330, 0%, 100%, .05);
  --white-10: hsla(330, 0%, 100%, .1);
  --white-20: hsla(330, 0%, 100%, .2);
  --white-30: hsla(330, 0%, 100%, .3);
  --white-40: hsla(330, 0%, 100%, .4);
  --white-50: hsla(330, 0%, 100%, .5);
  --white-60: hsla(330, 0%, 100%, .6);
  --white-70: hsla(330, 0%, 100%, .7);
  --white-80: hsla(330, 0%, 100%, .8);
  --white-90: hsla(330, 0%, 100%, .9);

  --black: hsla(0, 0%, 20%, 1);
  --black-5: hsla(0, 0%, 20%, .05);
  --black-10: hsla(0, 0%, 20%, .1);
  --black-20: hsla(0, 0%, 20%, .2);
  --black-30: hsla(0, 0%, 20%, .3);
  --black-40: hsla(0, 0%, 20%, .4);
  --black-50: hsla(0, 0%, 20%, .5);
  --black-60: hsla(0, 0%, 20%, .6);
  --black-70: hsla(0, 0%, 20%, .7);
  --black-80: hsla(0, 0%, 20%, .8);
  --black-90: hsla(0, 0%, 20%, .9);


  --light: #f0f0f0;
  --dark: #4c4c4c;
  --main-content-bg: var(--athensgrayLighter);
  --main-content-bg-inset-shadow-01: var(--white-90);
  --main-content-bg-inset-shadow-02: var(--white-40);
  --main-content-bg-inset-shadow-03: var(--primary-40);
  --body-bg: var(--gray-lightest);
  --body-bg-90: var(--gray-lightest-90);

  --container-border-radius: 1.25rem;
}

body {
  margin: 0 !important;
  height: 100% !important;
  background-color: hsl(43deg 100% 90%) !important;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.2) 35px, rgba(255, 255, 255, 0.2) 70px), repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.4) 35px, rgba(255, 255, 255, 0.4) 70px) !important;
  background-attachment: fixed !important;
  font-size: 1.125rem !important;
  font-weight: normal !important;
  letter-spacing: .0125rem !important;
  line-height: 2rem !important;
  color: #574200 !important;
  /*user-select: none !important;
  -ms-user-select: none !important;*/

  font-family: "Archivo", sans-serif !important;
  /*font-family: "Bagatela", serif !important;*/
  /*font-family: "Playfair", serif !important;*/

  overflow-x: hidden;

  background-color: hsl(43 100% 85% / 1) !important;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.2) 35px, rgba(255, 255, 255, 0.2) 70px), repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.4) 35px, rgba(255, 255, 255, 0.4) 70px) !important;
}

*:focus {
  outline: var(--primary-20) auto 2px;
  box-shadow: 0 0 0 0.5rem transparent, 0 0 0.75rem 0.625rem var(--primary-20);
}


#page-container {
  overflow-x: hidden;
}

#page-container h1,
#page-container h2,
#page-container h3,
#page-container h4,
#page-container h5,
#page-container h6 {
  font-family: "Solway", serif;
  font-weight: 500;
  /*font-style: normal;
  text-transform: uppercase !important;*/
  color: #431d08;
}


#page-container p {

}

#page-container h2 a:focus,
#page-container h3 a:focus,
#page-container h4 a:focus,
#page-container h5 a:focus,
#page-container h6 a:focus {
  outline: var(--primary-30) auto 1px;
  background-color: var(--primary-10);
  box-shadow: none;
}

#page-container h2 a,
#page-container h3 a,
#page-container h4 a,
#page-container h5 a,
#page-container h6 a {
  color:inherit !important;
}

#page-container h2 a:hover,
#page-container h3 a:hover,
#page-container h4 a:hover,
#page-container h5 a:hover,
#page-container h6 a:hover {
  color:inherit !important;
  text-decoration: underline !important;
}

#page-container a {
  color: var(--primary);
  text-decoration: none;
}

#page-container a:hover {
  color: var(--primaryLight);
  text-decoration: underline;
}

.entry-title {
  font-weight: 800;
}

.post-meta a {
  color: var(--primary) !important;
}

.group-posts .post-meta {
  font-size: .875rem;
  opacity: .6;
}

.group-posts .post .entry-inner-container-content {
  display: flex;
  gap: .5rem;
  flex-direction: column;
  justify-content: center;
}

.group-posts .post .entry-inner-container-content .more-link {
  display: inline-block;
  /*line-height: 1;
  font-weight: 500;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--primary) !important;
  background: var(--white) !important;
  color: var(--primary) !important;
  border-radius: 4px;
  padding: 13px 15px 16px;
  font-size: 18px;
  text-decoration: none;
  text-transform: none;*/
  margin-top: 1rem;
  margin-top: 1rem;
  text-transform: capitalize;
  font-weight: 600;
  text-decoration: underline !important;
  text-underline-offset: .5rem;
}

.form-submit .et_pb_button,
.form-submit .et_pb_button:hover,
.submit,
.submit:hover,
.comment-reply-link,
.comment-reply-link:hover {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--primary) !important;
  background: var(--white) !important;
  color: var(--primary) !important;
  border-radius: 4px;
  padding: 13px 15px 16px;
  font-size: 1rem;
  text-decoration: none;
  text-transform: none;
}

.comment-reply-link:hover {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--primary) !important;
  background: var(--white) !important;
  color: var(--primary) !important;
  border-radius: 4px;
  padding: 13px 32px 16px 15px;
}

.group-posts .entry-featured-image-url {
  border-radius: var(--container-border-radius);
  overflow: hidden;
  aspect-ratio: 16 / 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 250%;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 9rem;
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  transition: all 1s;
  animation-fill-mode: backwards;
}

.group-posts .entry-featured-image-url:hover,
.group-posts .entry-featured-image-url:focus-within,
.group-posts .post:hover .entry-featured-image-url {
  background-size: 130%;
  transition: all .75s;
}



.entry-featured-image-url:before {
  content: '';
  display: flex;
  position: absolute;
  top: 0.275rem;
  left: 0.375rem;
  right: 0.375rem;
  bottom: 0.275rem;
  z-index: 0;
  border-radius: var(--container-border-radius);
  border: .125rem solid var(--white-40);
}

#left-area ul,
.entry-content ul,
.et-l--body ul,
.et-l--footer ul,
.et-l--header ul {
  list-style-type: disc;
  padding: 23px 0 23px 1em;
  line-height: 26px;
}







body:not(.home) #main-content {
    background: transparent;
    box-shadow: inset 0px -20px 80px 30px rgba(204, 166, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.9) !important;
    padding-top: 10.5rem;
}

@media (min-width: 980px) {
    body:not(.home) #main-content {
        padding-top: 11.5rem;
        padding-bottom: 6%;
    }

}

body:not(.home) #page-container {
margin-top: 0rem !important;
padding-top: 0rem !important;
}


/**************/
/* Pagination */
/**************/

nav.pagination {
  display: flex;
  column-gap: .75rem;
  padding: .5rem 1rem;
  backdrop-filter: blur(2px);
  background-color: var(--white-90);
  box-shadow: 0rem 0rem .125rem .125rem var(--white);
}

nav.pagination.pagination-top {
  position: sticky;
  top: 13rem;
  z-index: 2;
  margin-bottom: 1.5rem;
  border-radius: 0 0 var(--container-border-radius) var(--container-border-radius);
}

nav.pagination.pagination-bottom {
  margin-top: 1rem;
  border-top: 1px solid var(--black-20);
  padding-top: 1rem;
}

nav.pagination .page-numbers {
  font-size: 1rem;
  border: 1px solid var(--black-30);
  padding: .25rem .675rem;
  border-radius: var(--container-border-radius);
  font-weight: bold;
  background-color: var(--white);
}

nav.pagination .page-numbers.current {
  background-color: var(--primary);
  color: var(--white);
}

nav.pagination .page-numbers.dots {
  border-color: transparent;
}

nav.pagination .page-numbers.previous,
nav.pagination .page-numbers.next {

}



/**************/
/* Top Header */
/**************/

#top-header, #et-secondary-nav li ul {
  background-color: var(--athensgrayLighter);
  border-bottom: 1px solid var(--athensgrayDark);
}

#top-header, #et-secondary-nav a {
  color: var(--black);
  white-space: nowrap;
  text-transform: uppercase;
}

#top-header.et-fixed-header a {
  color: var(--white);
}

#et-secondary-nav li>ul {
  width: auto;
  min-width: 100%;
  max-width: none;
}

#top-menu li a {
  position: relative;
}

#top-menu > li > a[aria-current=page] {
  color: var(--black);
}

#top-menu > li > a[aria-current=page]:after {
  position: absolute;
  content: '';
  display: block;
  height: .25rem;
  width: 100%;
  background-color: var(--primary);
  bottom: .375rem;
  left: 0;
  border-radius: .5rem;
}


.et_pb_post.not_found {
  min-height: 75vh;
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  background: linear-gradient(360deg, var(--athensgray), var(--white));
  border-radius: var(--container-border-radius);
}

body.error404 {
  background: linear-gradient(176deg, var(--athensgray) 50%, var(--black-10));
  min-height: 100vh;
}

body.error404 #main-content .container:before {
  opacity: 0;
}

#main-content {
  background: transparent;
}

/**********/
/* Hero */
/**********/

.et_fixed_nav.et_show_nav #page-container:has(#msb-hero) {
  padding-top: 0 !important;
}

#msb-hero {
  margin-top: 0rem;
  padding-top: 0;
  background-image: radial-gradient(ellipse at center, #d4f2ff 50%, var(--white) 98%, var(--white) 100%) !important;
  background-image: radial-gradient(ellipse at center, var(--white) 10%, #fffaeb 60%, #FFF8E1 70%, #f6e0a4 110%) !important;
  background-image: radial-gradient(ellipse at center, hsl(0deg 0% 100% / 70%) 20%, hsl(45deg 100% 96.08% / 79%) 55%, hsl(46deg 100% 96% / 62%) 60%, hsl(43.9deg 82% 80.39% / 0%) 100%) !important;
  background-position: top left;
  backdrop-filter: contrast(0.9);
}

#msb-hero * {
  transition: all 1s !important;
}

#msb-hero .et_pb_row {

}

@media (max-width: 980px){
    #msb-hero .et_pb_row {
        padding: 0;
        max-width: 100%;
    }
}


#msb-hero .et_pb_row:nth-child(1),
#msb-hero .et_pb_row_0 {
  padding: 0;
  height: 100vh;
  height: 100%;
}

#msb-hero .et_pb_row:nth-child(1) .et_pb_column {
  height: 100%;
}

#msb-hero .et_pb_row .et_pb_image {
  position: relative;
}

#msb-hero .et_pb_row:nth-child(1) .et_pb_image,
#msb-hero .et_pb_row_0 .et_pb_image {
  display: flex;
  justify-content: center;
  min-height: 100vh;
  transition: all 1s !important;
}

@media (max-width: 980px){
    #msb-hero .et_pb_row:nth-child(1) .et_pb_image,
    #msb-hero .et_pb_row_0 .et_pb_image {
      min-height: 48vh;
    }
}


#msb-hero .et_pb_row .et_pb_image:before {
  content: '';
  position: absolute;
  top: 0vh;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  z-index: 3;
  background-image: url(https://s3.us-west-2.amazonaws.com/mommassweetbread.com/img/msb-window-frame-corn-field-and-sky.png);
  height: 69vh;
  background-size: 118% auto;
  background-repeat: no-repeat;
  background-color: hsl(196 82% 83% / 1);
  background-position-y: 84%;
  background-position-x: center;
  transition: all 1s !important;
}


@media (max-width: 980px){
    #msb-hero .et_pb_row .et_pb_image:before {
        height: 35vh;
        background-size: 118vw 40vh;
        background-position-y: 63%;
    }
}

#msb-hero .et_pb_row .et_pb_image:after {
  content: '';
  position: absolute;
  z-index: 2;
  width: 100vw;
  min-height: 33vh;
  max-height: 100%;
  top: 69vh;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(https://s3.us-west-2.amazonaws.com/mommassweetbread.com/img/msb-floor.png);
  background-size: 101%;
  background-repeat: no-repeat;
  background-position: bottom center;
  transition: all 1s !important;
}

@media (max-width: 980px){
    #msb-hero .et_pb_row .et_pb_image:after {
      top: 11.5vh;
    }
}

#msb-hero .et_pb_row .et_pb_image .et_pb_image_wrap:before {
  content: '';
  position: absolute;
  bottom: 84%;
  left: 50%;
  transform: translateX(-50%) scale(.8);
  background-image: url(https://s3.us-west-2.amazonaws.com/mommassweetbread.com/img/mommas-sweet-bread-smoke.png);
  width: 407px;
  height: 539px;
  z-index: 4;
  transform-origin: bottom;
  opacity: 0.9;
  transition: all 1s !important;
}

@media (max-width: 980px){
    #msb-hero .et_pb_row .et_pb_image .et_pb_image_wrap:before {
        width: 50%;
        height: 100%;
    }
}







#msb-hero .et_pb_row:nth-child(1) .et_pb_image .et_pb_image_wrap {
  z-index: 3 !important;
  width: 50vh !important;
  position: absolute !important;
  bottom: 3rem !important;
  transform-origin: bottom center !important;
  transform: scale(1.07) !important;
}

@media (max-width: 980px){
    #msb-hero .et_pb_row:nth-child(1) .et_pb_image .et_pb_image_wrap {
        width: 15vh !important;
    }
}


body.home:has(header.et-fixed-header) #msb-hero .et_pb_row:nth-child(1) .et_pb_image .et_pb_image_wrap {
    transform: scale(1.6) !important;
    bottom: 1rem !important;
}

@media only screen and (min-width: 981px) {
    body.home:has(header.et-fixed-header) #msb-hero .et_pb_row:nth-child(1) .et_pb_image .et_pb_image_wrap {
        bottom: -5rem !important;
    }
}



#msb-hero .et_pb_row .et_pb_image .et_pb_image_wrap img {

}

/* On scroll and fixed header */
@media only screen and (min-width: 981px) {
    body:has(#main-header.et-fixed-header) #msb-hero .et_pb_row .et_pb_image:after {
      background-size: 117%; /* DEFAULT 101 %*/
    }

    body:has(#main-header.et-fixed-header) #msb-hero .et_pb_row .et_pb_image:before {
      background-size: 144% auto; /* DEFAULT 101 %*/
    }

    body:has(#main-header.et-fixed-header) #msb-hero .et_pb_row:nth-child(1) .et_pb_image .et_pb_image_wrap {
      transform: scale(1.4); /* DEFAULT 1.07 %*/
    }
}










#msb-hero h1  {
  font-size: clamp(2.5rem, 6vw, 6rem) !important;
  text-align: center;
}

#msb-hero p  {
  font-size: clamp(1.5rem, 8vw, 1.75rem);
  line-height: 1.8;
  text-align: center;
}

/*#page-container h2 {
  font-size: clamp(2rem, 8vw, 4rem);
  line-height: 1.1;
}*/

#page-container h2 {
  font-size: clamp(1.75rem, 6vw, 3rem);
  line-height: 1.1;
}





/**********************************/
/* Favorite Eats & Treats Section */
/**********************************/

#msb-favorite-eats-and-treats {

}

#msb-favorite-eats-and-treats p  {
  font-size: clamp(1rem, 3vw, 1.125rem);
  line-height: 1.8;
}

#msb-favorite-eats-and-treats-carousel {

}


#msb-favorite-eats-and-treats-carousel h2,
#msb-favorite-eats-and-treats-carousel h3,
#msb-favorite-eats-and-treats-carousel h4,
#msb-favorite-eats-and-treats-carousel h5,
#msb-favorite-eats-and-treats-carousel h6  {
    font-size: clamp(1.75rem, 6vw, 2.25rem) !important;
}

#msb-favorite-eats-and-treats-carousel h2::before,
#msb-favorite-eats-and-treats-carousel h3::before,
#msb-favorite-eats-and-treats-carousel h4::before,
#msb-favorite-eats-and-treats-carousel h5::before,
#msb-favorite-eats-and-treats-carousel h6::before {
    content: 'Try Sweet Bread with ...';
    color: #009e98;/*#37ccb5;*/
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0rem;
    font-size: 1.5rem;
    font-style: italic;
}

#msb-favorite-eats-and-treats-carousel {

}

#msb-favorite-eats-and-treats-carousel .dipl_image_card_carousel_item {
    background-color: #FFFCF0;
    background-color: #fff;
    /*background: radial-gradient(white 59%, hsl(181.64deg 100% 85.69%) 100%);
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 100% 130%;*/

    box-shadow: none !important;
    border-radius: 1rem;
    border: .25rem solid hsl(42 96% 72% / 1) !important;
}

#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h1 .dipl_main_text,
#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h1 a .dipl_main_text,
#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h2 .dipl_main_text,
#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h2 a .dipl_main_text,
#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h3 .dipl_main_text,
#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h3 a .dipl_main_text,
#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h4 .dipl_main_text,
#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h4 a .dipl_main_text,
#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h5 .dipl_main_text,
#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h5 a .dipl_main_text,
#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h6 .dipl_main_text,
#msb-favorite-eats-and-treats .dipl_double_color_heading_0 h6 a .dipl_main_text {
    font-size: clamp(1.75rem, 4vw, 3.5rem) !important;
    line-height: normal;
}

#msb-favorite-eats-and-treats .et_pb_text .et_pb_inner p {
    font-size: clamp(1.5rem, 8vw, 1.75rem);
    line-height: 1.8;
    text-align: left;
}





#msb-image-callout {

}

#msb-image-callout .dipl_post_text {
line-height: normal;
}






/****************************/
/* Accepting Orders Section */
/****************************/

#msb-accepting-orders {
  /*box-shadow: inset 0 0px 130px -40px hsl(0deg 0% 100%), inset 0 0px 50px -10px hsl(0deg 0% 100% / 70%);*/

  /*background-color: hsl(0deg 0% 100%) !important;
  box-shadow: inset 0 0px 130px -40px hsl(35deg 85.03% 28.84% / 70%), inset 0 0px 50px -10px hsl(0deg 0% 100% / 70%);*/
}

body:not([class*=et-fb-preview-]) .fullwidth-header-section-banner:has(.et_pb_module_header) {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 13;
    height: 0;
    overflow: visible;
}

body:not([class*=et-fb-preview-]) .fullwidth-header-section-banner:has(.et_pb_module_header) {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 13;
    height: 0;
    overflow: visible;
}

.fullwidth-header-section-banner {
  background-color: #7EBEC5;
    overflow: visible;
    height: 0;
    padding: 0 !important;
    margin: 0 auto;
    width: 100%;
}

body:not([class*=et-fb-preview-]) .fullwidth-header-section-banner .et_pb_fullwidth_header,
body:not([class*=et-fb-preview-]) .fullwidth-header-section-banner .et_pb_fullwidth_header_content {
    padding: 0;
    margin: 0;
    height: 0;
}

body:not([class*=et-fb-preview-]) .fullwidth-header-section-banner .et_pb_fullwidth_header_container {
position: relative;
padding: 0;
margin: 0 auto;
}


.fullwidth-header-section-banner .et_pb_module_header {

}





.fullwidth-header-section-banner .header-content .et_pb_module_header
/*,
#msb-accepting-orders h2,
#msb-not-accepting-orders h2,
#msb-testimonials-orders h2*/ {
  background-color: hsl(43 100% 85% / 1) !important;
  color: #431d08 !important;
  line-height: normal !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 1.5rem !important;
  box-shadow: 0 3px 0 #fffaee, 0 4px 0 !important;
  position: absolute;
    width: -webkit-fill-available;
    top: 0%;
    transform: translateY(-50%);
}


.fullwidth-header-section-banner.msb-testimonials .header-content .et_pb_module_header:before,
.fullwidth-header-section-banner.msb-accepting-orders .header-content .et_pb_module_header:before,
.fullwidth-header-section-banner.msb-not-accepting-orders .header-content .et_pb_module_header:before
/*,
#msb-accepting-orders .et_pb_heading_container:has(h2):before,
#msb-not-accepting-orders .et_pb_heading_container:has(h2):before*/ {
  display: flex !important;
  align-items: center !important;
  position: absolute !important;
  background-color: rgb(64, 35, 13) !important;
  font-size: 0.525rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05rem !important;
  top: -1rem !important;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  color: rgb(255, 219, 128) !important;
  text-transform: uppercase !important;
  width: fit-content !important;
  line-height: normal !important;
  padding: 0.375rem 0.75rem !important;
  border-radius: .125rem;
  border-width: 3px !important;
  border-style: double !important;
  border-color: rgb(254, 240, 203) !important;
  border-image: initial !important;
  white-space: nowrap !important;
}

.fullwidth-header-section-banner.msb-testimonials .header-content .et_pb_module_header:before {
  content: "Word of Mouth";
}

.fullwidth-header-section-banner.msb-accepting-orders .et_pb_module_header:before {
  content: "The Kitchen is Open";
}

.fullwidth-header-section-banner.msb-not-accepting-orders .et_pb_module_header:before {
  content: "Try Again Later";
}


.fullwidth-header-section-banner.msb-not-accepting-orders .et_pb_fullwidth_header_container,
#msb-accepting-orders h2,
#msb-not-accepting-orders h2,
#msb-testimonials-orders h2 {
  /*margin: -11.75% 0 6%;*/
  position: relative;
}

.fullwidth-header-section-banner .et_pb_fullwidth_header_container:before/*,
#msb-accepting-orders h2:before,
#msb-not-accepting-orders h2:before,
#msb-testimonials-orders h2:before*/ {
  content: '';
  position: absolute;
  top: -3.25rem;
  left: -1.99rem;
  width: 0;
  height: 0;
  border-top: 3.25rem solid transparent;
  border-bottom: 3.25rem solid transparent;
  border-right: 2rem solid hsl(43 100% 85% / 1);
}


@media (max-width: 980px){
    .fullwidth-header-section-banner .et_pb_fullwidth_header_container:before {
        top: -2.625rem !important;
        left: -1.5rem !important;
        border-top: 2.625rem solid transparent !important;
        border-bottom: 2.625rem solid transparent !important;
    }
}


.fullwidth-header-section-banner .et_pb_fullwidth_header_container:after/*,
.fullwidth-header-section-banner .header-content:after,
#msb-accepting-orders h2:after,
#msb-not-accepting-orders h2:after,
#msb-testimonials-orders h2:after*/ {
  content: '';
  position: absolute;
  top: -3.25rem;
  right: -1.99rem;
  width: 0;
  height: 0;
  border-top: 3.25rem solid transparent;
  border-bottom: 3.25rem solid transparent;
  border-left: 2rem solid hsl(43 100% 85% / 1);
}


@media (max-width: 980px){
    .fullwidth-header-section-banner .et_pb_fullwidth_header_container:after {
        top: -2.625rem !important;
        right: -2rem !important;
        border-top: 2.625rem solid transparent !important;
        border-bottom: 2.625rem solid transparent !important;
    }
}


#msb-accepting-orders .et_pb_row:nth-child(1) .et_pb_text p,
#msb-not-accepting-orders .et_pb_text:nth-child(1) p,
#msb-testimonials-orders p {
  font-size: clamp(1.5rem, 8vw, 1.75rem);
  line-height: 1.8;
}

@media (max-width: 980px){
    #msb-accepting-orders .et_pb_row:nth-child(1) .et_pb_text p,
    #msb-not-accepting-orders .et_pb_text:nth-child(1) p,
    #msb-testimonials-orders p {
      font-size: clamp(1.25rem, 8vw, 1.5rem);
      line-height: 1.8;
    }
}

#msb-accepting-orders p  {
  font-size: clamp(1rem, 3vw, 1.125rem);
  line-height: 1.8;
}


.et_pb_slider h1,
.et_pb_slider h2,
.et_pb_slider h3,
.et_pb_slider h4,
.et_pb_slider h5 {
  font-weight: 700;
  font-size: 2rem !important;
}

.et_pb_slider h1,
.et_pb_slider h2,
.et_pb_slider h3,
.et_pb_slider h4,
.et_pb_slider h5,
.et_pb_slide_content p:last-of-type {
  text-shadow: none !important;
}





/********************************/
/* Not Accepting Orders Section */
/********************************/

#msb-not-accepting-orders {
  background-color: hsl(0deg 0% 100%) !important;
  box-shadow: inset 0 0px 130px -40px hsl(35deg 85.03% 28.84% / 70%), inset 0 0px 50px -10px hsl(0deg 0% 100% / 70%);
}

/****************/
/* Testimonials */
/****************/

#msb-not-accepting-orders {

}





/***************************************/
/* Cart Page & Checkout Orders Section */
/***************************************/


.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
  border-color: #016366 !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
  background: #016366 !important;
}

.woocommerce-product-gallery__image {

}

.woocommerce div.flex-viewport,
.woocommerce div:not(.flex-viewport) > .woocommerce-product-gallery__wrapper,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
  border-radius: 1rem;
  border: .25rem solid hsl(42 96% 72% / 1) !important;
  overflow: hidden;
}

.flex-viewport:has(.woocommerce-product-gallery__wrapper) .woocommerce-product-gallery__wrapper {
  border-radius: none;
  border: none;
  overflow: hidden;
}


.flex-viewport:has(.woocommerce-product-gallery__image) img.flex-active {
    background-image: url(https://mommassweetbread.com/wp-content/uploads/2025/10/mommas-sweet-bread_personal-batch_short_poster.jpg) !important;
    background-size: cover;
    background-repeat: no-repeat;
}

.woocommerce div.product div.images .flex-control-thumbs li img:not(.flex-active) {
  border-radius: 1rem;
  border: .25rem solid #ccc !important;
  border: .375rem solid hsl(182deg 100% 45%/40%) !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
  border: .5rem solid hsl(42 96% 72% / 1) !important;
  border: .375rem solid hsl(182deg 100% 45%/80%) !important;
}


.wc-block-cart table,
.wc-block-cart tbody,
.wc-block-cart td,
.wc-block-cart tfoot,
.wc-block-cart th,
.wc-block-cart thead,
.wc-block-cart tr {
    border-color: hsl(43 90% 65% / 1) !important;
}

.wc-block-cart table {
  border-radius: .75rem !important;
}

.wc-block-cart tbody,
.wc-block-cart td,
.wc-block-cart tfoot,
.wc-block-cart th,
.wc-block-cart thead,
.wc-block-cart tr {
  border-radius: 0rem !important;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block,
.wc-block-cart table.wc-block-cart-items,
.wc-block-cart table.wc-block-cart-items td,
.wc-block-cart table.wc-block-cart-items th,
.woocommerce ul.order_details,
.woocommerce table.shop_table,
.woocommerce .woocommerce-customer-details address {
  padding: 1.125rem !important;
}

.wc-block-cart .wp-block-woocommerce-cart-order-summary-block,
.wc-block-cart table.wc-block-cart-items,
.wc-block-cart table.wc-block-cart-items td,
.woocommerce ul.order_details,
.woocommerce table.shop_table,
.woocommerce .woocommerce-customer-details address {
  background-color: var(--white-80) !important;
}

.wc-block-cart table.wc-block-cart-items {
  margin-bottom: 3rem !important;
}


.wc-block-cart table.wc-block-cart-items thead,
.wc-block-cart table.wc-block-cart-items th {
  font-family: "Solway", serif;
  font-weight: 600;
  color: #431d08;
  background-color: hsl(42.63deg 100% 85.1%) !important;
  visibility: visible !important;
}

.wc-block-cart table.wc-block-cart-items th:nth-child(2) {
  text-indent: -9999px;
  overflow: hidden;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    display: block;
    font-size: 1.25rem !important;
}


.wp-block-woocommerce-cart-order-summary-block {
    border: 1px solid hsl(43 90% 65% / 1) !important;
    border-radius: .375rem !important;
    box-sizing: border-box !important;
}


.wp-block-woocommerce-cart-order-summary-coupon-form-block {
  background-color: hsl(42.99deg 100% 75.1%);
  padding: 1rem !important;
  border-radius: .75rem;
  margin-bottom: .375rem;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block {
 background-color: hsl(42.99deg 100% 75.1%);
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    background-color: hsl(42.99deg 100% 75.1%);
}


.wc-block-cart .wc-block-cart__totals-title {
  padding: 0;
}

.wc-block-components-totals-coupon .wc-block-components-panel__button {
  font-weight: 500;
}

table.cart th,
#main-content table.cart th,
table.cart td,
#main-content table.cart td,
table.cart tr,
#main-content table.cart tr,
#content-area table tr,
#content-area table td,
#content-area table th {
  padding: .857rem 0.587rem;
  max-width: 100%;
  color: #431d08;
}

.wp-block-woocommerce-cart-order-summary-totals-block,
.wc-block-components-totals-wrapper {
  padding: 1rem;
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url] {
  border: 2px solid hsl(46 100% 47% / 1) !important;
}

.woocommerce div.product p.stock {
    font-size: 1.25rem;
}

.woocommerce .quantity input.qty {
    width: 4.5rem;
    font-size: 1.125rem;
    color: var(--black);
    background-color: var(--white);
}

h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    font-size: 2rem !important;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
  font-size: 1.5rem;
}

.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p,
.wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data {
  line-height: 1.7;
  font-size: 1rem;
}

.wc-block-components-product-price {
  font-size: 1.25rem;
}



.entry-summary p.price span,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
  font-family: "Solway", serif;
  color: hsl(182 100% 20% / 1) !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  padding-bottom: 0rem;
}


.woocommerce-product-details__short-description {
    font-size: 1.25rem;
}

.product_meta {
  border-top: 2px dotted hsl(42 97% 42% / 1);
  font-size: .875rem;
  padding-top: .5rem;
  font-family: "Solway", serif;
}



.wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid hsl(43 90% 65% / 1) !important;
    border-radius: .375rem !important;
    box-sizing: border-box !important;
}


.wc-block-checkout__terms.wc-block-checkout__terms--with-separator,
.wc-block-components-address-card,
.wp-block-woocommerce-checkout-order-summary-totals-block,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.wp-block-woocommerce-cart-order-summary-totals-block,
.wc-block-components-totals-wrapper {
    border-color: hsl(43 90% 65% / 1) !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    border-radius: .25rem !important;
    box-shadow: inset 0 0 0 1.5px hsl(43 90% 65% / 1) !important;
}


.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    font-family: "Solway", serif;
    font-weight: 500;
    color: hsl(182 100% 20% / 1) !important;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {
    font-family: "Solway", serif;
}

.wc-block-checkout__sidebar .wc-block-components-product-name {
    color: hsl(182 100% 20% / 1) !important;
}



/***************/
/* Breadcrumbs */
/***************/

.woocommerce .woocommerce-breadcrumb {
    font-family: "Solway", serif;
    font-weight: 400;
    border: 1px solid #fdd373;
    padding: 0.5rem 0.75rem;
    margin-bottom: 3rem;
    border-radius: 0.75rem;
    background-color: hsl(21deg 79% 10% / 90%);
    color: wheat;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 100%;
}

@media (max-width: 980px){
  .woocommerce .woocommerce-breadcrumb {
        margin-bottom: 1.25rem;
        line-height: 1.5;
    }

}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
  color: hsl(181.64deg 100% 85.69%) !important;
  border-bottom: 1px dotted wheat !important;
}




/**********/
/* Logo */
/**********/

.et_header_style_left .logo_container {
  position: absolute;
  height: auto;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 1rem;
}

@media (min-width: 980px){
    .et_header_style_left .logo_container {
        margin-top: 2rem;
    }
}

.logo_container span.logo_helper {
  display: none;
}


.logo_container a {
  height: auto;
  background: transparent;
}

.logo_container a:focus {
    outline: none;
    box-shadow: none;
}

.logo_container a:focus #logo {
    height: 38vh !important;
}

@media (max-width: 980px){
    .et_header_style_left .logo_container {
        margin-top: 1rem;
        transform: translateX(-50%) scale(1);
        transform-origin: top center;
    }

     .et_header_style_left .et-fixed-header .logo_container {
        margin-top: 1rem;
        transform: translateX(-50%) scale(.7);
        transform-origin: top center;
    }

    html:has(body.home)  .et_header_style_left #logo {
        max-width: 100% !important;
    }
}



@media only screen and (min-width: 981px) {

    #main-header.et-fixed-header .logo_container a {
      margin: 0 !important;
      width: auto !important;
    }

    #main-header #logo {
      height: 40vh !important;
    }

    #main-header.et-fixed-header #logo,
    body:not(.home) #main-header #logo,
    body:not(.home) #main-header.et-fixed-header #logo {
      height: 16vh !important;
      height: 6rem !important;
    }

    body:not(.home) #main-header #logo,
    body:not(.home) #main-header.et-fixed-header #logo {
      height: 10vh !important;
      height: 6rem !important;
    }
}

.et_pb_fullscreen_nav_container:before {
    content:'';
    display: block;
    background-image: url('/wp-content/uploads/2025/11/MommasSweetBread-Logo-Full.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: clamp(3rem, 20vw, 10rem);
    width: 100%;
}

.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
    opacity: 0.98 !important;
}



/****************/
/* Fixed Header */
/****************/

#et-top-navigation {
    float: none !important;
}


/*
.et_header_style_split nav#top-menu-nav,
.et_header_style_split #top-menu,
.et_header_style_split #top-header nav.et-menu-nav,
.et_header_style_split #main-header nav.et-menu-nav,
.et_header_style_split #top-header .et-menu,
.et_header_style_split #main-header .et-menu {
  float: none !important;
  width: 100% !important;
  display: flex !important;
  justify-content: space-around;
  align-items: flex-start;
}
*/

@media only screen and (min-width: 981px) {
  .et_header_style_fullscreen #et-top-navigation {
    padding: 0 !important;
  }
}


.et_header_style_left .et-fixed-header #et-top-navigation {
  padding: 0rem !important;
}



#et-top-cart .btn-cart,
.mobile_menu_bar {
  position: absolute;
  right: unset !important;
  left: 1rem !important;
  top: 1.5rem !important;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  line-height: 0;
  background: #fff;
  width: 4rem !important;
  height: 4rem !important;
  font-weight: 600 !important;
  color: var(--black);
  background-color: var(--white-90);
  border-radius: 2rem;
  box-shadow: inset 0rem 0rem 0.012rem 0.325rem #fff6e1, inset 0rem 0rem 0.012rem 0.5rem #ffdb80, 0rem 0rem 0.012rem 0.125rem hsl(182 100% 85% / 1), 0rem 0rem 0.75rem 0.125rem hsl(182 100% 85% / 1);

  padding: 0rem !important;
}









.et_slide_in_menu_container span.mobile_menu_bar {
    background: #431d08 !important;
}

.et_slide_in_menu_container span.mobile_menu_bar:before {
    color: var(--white) !important;
}


@media (min-width: 980px){
    .mobile_menu_bar {
      left: 2rem !important;
      top: 1.5rem !important;
    }

    /* Close button */
    .et_slide_in_menu_container .mobile_menu_bar {
        top: 2.5rem !important;
    }

    body.admin-bar .et_slide_in_menu_container .mobile_menu_bar {
        top: 3.5rem !important;
    }
}

.mobile_menu_bar:before {
  font-size: 2rem;
  color: hsl(182 100% 20% / 1) !important;
}

.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before {
  color: dodgerblue;
}



#et-top-cart {
    position: fixed;
    right: 2rem !important;
    z-index: 999999 !important;
    top: 1.5rem;
}

body.logged-in #et-top-cart {
    top: 3.5rem;
}

#et-top-cart .btn-cart {
  position: relative !important;
  right: unset !important;
  left: unset !important;
  top: unset !important;
}

#et-top-cart .btn-cart:before {
    font-family: 'dashicons';
    content: "\f174";
    font-size: 1.025rem;
    color: hsl(182 100% 20% / 1) !important;
}

.woocommerce ul.products mark.count,
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity,
#et-top-cart .btn-cart .btn-cart-count {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    background: #b6fdff !important;
    border: 2px solid #00dee5 !important;
    font-family: "Solway", serif !important;
    color: #016366;
    padding: .25rem .375rem;
    aspect-ratio: 1 / 1;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    font-size: .675rem;
    font-weight: 600;
}

.woocommerce ul.products mark.count {
    position: relative;
    width: 1.875rem;
    height: 1.875rem;
    font-size: .875rem;
    /* background: transparent !important; */
    /* border-color: transparent !important; */
}


/**********/
/* Header */
/**********/

#main-header {
  background: none !important;
  z-index: 3;
}

#main-header:before {
  content: '';
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 1.375rem;
  background-image: url(https://s3.us-west-2.amazonaws.com/mommassweetbread.com/img/bg-pattern-awning-02a.png);
  background-position-y: -1.125rem;
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-size: 8.25rem;
  display: block;
  /*background-color: #dbf5ff;*/
  top: 0rem;
}

.et_fixed_nav #main-header {
  /*position: sticky !important;*/
}

#main-header.et-fixed-header {
	/*background: var(--white) !important;*/
}

/*body.home #main-header.et-fixed-header {
  background: var(--white-90) !important;
  min-height: 13.5rem;
  background-color: hsl(43deg 100% 90% / 94%) !important;
  background-attachment: fixed !important;
  backdrop-filter: blur(4px);

  background-image: radial-gradient(ellipse at center, hsl(0deg 0% 100% / 70%) 20%, hsl(45deg 100% 96.08% / 79%) 55%, hsl(46deg 100% 96% / 62%) 60%, hsl(43.9deg 82% 80.39% / 0%) 100%) !important;
    background-position: top left;
    backdrop-filter: contrast(0.9);
}*/

body.home #main-header,
body.home #main-header.et-fixed-header {
  box-shadow: none !important;
}


body:not(.home) #main-header,
body:not(.home) #main-header.et-fixed-header,
body:not(.home) #main-header:not(.et-fixed-header),
body:not(.home) #main-header.et-fixed-header {
background: var(--white-80) !important;
    /* background-color: hsl(43deg 100% 90% / 80%) !important; */
    background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.2) 35px, rgba(255, 255, 255, 0.2) 70px), repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.4) 35px, rgba(255, 255, 255, 0.4) 70px) !important;
    background-attachment: fixed !important;
    backdrop-filter: blur(4px);
    box-shadow: inset 0px -20px 80px 30px rgba(204, 166, 0, 0.3) !important;
    /* background-color: rgba(255, 255, 255, 0.9) !important; */
    /* background: hsl(182.55deg 100% 90.78% / 96%) !important; */
    /* box-shadow: inset 0px -20px 80px 30px hsl(180deg 41% 80% / 80%) !important;*/
    /*min-height: 10.925rem !important;*/
    min-height: 0rem !important;
    height: 0rem !important;
}

body:not(.home) #main-header,
body:not(.home) #main-header.et-fixed-header {
  min-height: 9.5rem;
}


@media only screen and (min-width: 981px) {

    .et_header_style_left .logo_container {
        margin-top: 1.5rem;
    }

    body:not(.home) #main-header #logo,
    body:not(.home) #main-header.et-fixed-header #logo {
        height: 9rem !important;
    }
}




#et-secondary-nav {
  margin: 0rem;
}

.logo_container a {
  display: inline-block;
  position: relative;
  text-align: center;
}

header .logo_container a::after {
  content: 'Delicious Knows All ℠';
  display: flex;
  align-items: center;
  position: relative;
  padding: .5rem 1rem;
  background-color: hsl(42.99deg 100% 75.1%);
  background-color: #fff;
  border-radius: var(--container-border-radius);
  border: 2px solid hsl(42.99deg 96.19% 89.67%);
  font-size: .75rem;
  font-weight: 700;
  font-style: oblique;
  font-family: 'Open Sans';
  letter-spacing: 0.05rem;
  bottom: -0.75rem;
  color: hsl(26 67% 15% / 1);
  color: #333;
  white-space: nowrap;
  /* text-transform: uppercase; */
  box-shadow: inset 0 0px 0px 1px hsl(0deg 0% 100%), inset 0 0px 0px 4px hsl(181.74deg 100% 86.47%), 0 2px 0px 0px var(--primary-10);
  width: fit-content;
  margin: 0% auto 0;
  line-height: normal;
}

@media (max-width: 980px){
    header .logo_container a::after {
        transform: scale(.616);
    }
}

@media only screen and (min-width: 981px) {

    body:not(.home) #main-header:not(.et-fixed-header) .logo_container a::after,
    body:not(.home) #main-header.et-fixed-header .logo_container a::after,
    #main-header.et-fixed-header .logo_container a::after {
      font-size: .375rem;
      transform: scale(.8);
      padding: .5rem .75rem;
      letter-spacing: 0rem;
    }
}

.et_pb_svg_logo #logo {
  height: 2rem;
}

#main-header.et-fixed-header #logo {
  height: 1.5rem;
  box-shadow: 0 0 10px 4px var(--white-40), 0 0 20px 11px var(--white-40);
  background-color: var(--white-60);
  border-radius: 2rem;
}

@media (max-width: 980px){
    #main-header.et-fixed-header #logo {
        height: 7.25rem;
    }
}


/**********************/
/* Primary Navigation */
/**********************/

#top-menu li {
  display: inline-flex;
  font-size: unset;
}

.et_header_style_left #et-top-navigation nav>ul>li>a,
.et_header_style_split #et-top-navigation nav>ul>li>a {
  padding: 2rem;
  background-color: #fffcf3;
  border-radius: .75rem;
  box-shadow: 0px 0px 0px 3px #fff6e1, 0px 0px 0px 5px #f0b65f, inset 0px 0px 0px 3px #ffdb80, inset 0px 0px 0px 8px #fff6e1, inset 0px 0px 0px 10px #c2feff;
}

.et_slide_in_menu_container {
    background: #FEDB80 !important;

    /*background-color: var(--white-90) !important;
    background-color: hsl(43deg 100% 90% / 80%) !important;*/
    background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.2) 35px, rgba(255, 255, 255, 0.2) 70px), repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.4) 35px, rgba(255, 255, 255, 0.4) 70px) !important;
    background-attachment: fixed !important;
    backdrop-filter: blur(4px);
}


.et_header_style_fullscreen ul#mobile_menu_slide {
padding: 0.75rem;
    display: flex !important;
    row-gap: 0.5rem;
    flex-direction: column;
}
.et_slide_in_menu_container #mobile_menu_slide li:not(:last-child) {

}

.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a,
.et_slide_in_menu_container #mobile_menu_slide li a {
    padding: 1.5rem;
    color: #431d08;
    border: none;
    font-family: 'Solway';
    font-size: 1.5rem;
    display: flex !important;
    line-height: normal;
    border-radius: 5rem;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border: 2px solid hsl(42.99deg 96.19% 89.67%);
    box-shadow: inset 0 0px 0px 1px hsl(0deg 0% 100%), inset 0 0px 0px 4px hsl(181.74deg 100% 86.47%), 0 2px 0px 0px var(--primary-10);
}


.et_slide_in_menu_container #mobile_menu_slide li a:hover,
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a,
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a:hover {
    background: #431d08 !important;
    color: var(--white) !important;
    opacity: 1;
}


.et_slide_in_menu_container #mobile_menu_slide li a:hover {
    color: hsl(182 100% 20% / 1) !important;
    opacity: 1;
    background: hsl(182 100% 86% / 1) !important;
}


@media (min-width: 980px){
    .et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a,
    .et_slide_in_menu_container #mobile_menu_slide li a {
        font-size: 4vw;
    }
}



/***************/
/* Cart Action */
/***************/

#et-top-navigation .et-cart-info {
  font-size: 1.25rem;
  position: absolute;
  right: .5rem;
  top: .25rem;
  aspect-ratio: 1 / 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  padding: 1rem 1rem 1rem 1.5rem;
  background-color: #fffcf3;
  border-radius: .75rem;
  box-shadow: 0px 0px 0px 3px #fff6e1, 0px 0px 0px 5px #f0b65f, inset 0px 0px 0px 3px #ffdb80, inset 0px 0px 0px 8px #fff6e1, inset 0px 0px 0px 10px #c2feff;
}



.et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_shop .woocommerce ul.products li.product .price,
.et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_shop .woocommerce ul.products li.product .price .amount {
  font-size: 3rem !important;
  padding-top: 1rem;
}


/***********************/
/* DP Product Widet */
/***********************/

.dipl_woo_products * {
    transition-duration: .16s;
}

.wp-block-post-title :where(a),/* Cart Related */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.dipl_single_woo_product_title {
  font-size: calc(1.375rem + .9vw) !important;
  padding: .5rem 0 !important;
}

.wp-block-post-title a {
  margin: 0 !important;
  padding: 0 !important;
}

.dipl_single_woo_product_thumbnail img {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 1rem;
  border: .25rem solid hsl(42 96% 72% / 1) !important;
}


.dipl_single_woo_product_thumbnail a:hover img {
    border-width: .75rem !important;
    border-color: hsl(42 96% 80% / 1) !important;
}


.wp-block-woocommerce-product-collection .wc-block-components-product-price,
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.dipl_single_woo_product_price {
  font-family: "Solway", serif;
  color: hsl(182 100% 20% / 1) !important;
  padding-bottom: 0rem;
  font-size: 2.5rem !important;
  font-size: 4rem !important;
  line-height: normal;
}

.dipl_single_woo_product_content {
    display: grid;
    padding: 1rem;
    row-gap: 0.75rem;
}

.woocommerce div.product .product_title,
.dipl_single_woo_product_title {
    position: relative;
}




.wp-block-post-title:before,
/*body.woocommerce ul.products li.product.post-81 .woocommerce-loop-product__title:before,
body.woocommerce ul.products li.product.post-83 .woocommerce-loop-product__title:before,
body.woocommerce ul.products li.product.post-85 .woocommerce-loop-product__title:before,*/
body.woocommerce ul.products li.product .woocommerce-loop-product__title:before,
body.woocommerce div.product .product_title:before,
body.home .dipl_single_woo_product_title:before {
    content: 'Momma\'s Sweet Bread℠';
    color: #009e98;
    display: flex;
    align-items: center;
    justify-content: left;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0rem;
    font-size: 1.5rem;
    font-style: italic;
    font-size: 1rem;
}


body.home .dipl_single_woo_product_title:before {
    justify-content: center;
}

.woocommerce div.product .product_title:before {
    justify-content: start;
}


.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover {
    text-decoration: none !important;
}

.orderby, .woocommerce div.product form.cart .variations td select {
    background-color: hsl(0deg 0% 99.8%);
    color: #333 !important;
    font-size: 1rem;
    padding: .25rem .5rem;
    font-weight: 500;
    font-family: inherit;
    border: 2px solid #fdd373;
    box-shadow: 0rem 0rem 0 0.25rem #fff7e1, 0rem 0rem 0 0.375rem #ffffff;
}


.woocommerce .woocommerce-result-count {
    font-size: 1rem;
    color: var(--black-80);
}



/***********************/
/* Single Product Page */
/***********************/

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  box-shadow: inset 0rem 0rem 0.012rem 0.325rem #b3fdff, 0rem 0rem 0.012rem 0.125rem hsl(182deg 100% 45%);
  background: hsl(181.64deg 100% 85.69%) !important;
  color: hsl(182 100% 20% / 1) !important;
  z-index: 1 !important;
}


.wc-block-components-product-image,
.woocommerce ul.products li.product a img,
/*.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img,*/
.woocommerce #content div.product div.images img,
.woocommerce-page #content div.product div.images img {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 1rem;
  border: .25rem solid hsl(42 96% 72% / 1) !important;
  overflow: hidden;
}

.wc-block-components-product-image{
margin: 0 !important;
padding: 0 !important;
}


body.single-product div#content-area {
    /*padding-top: 6%;*/
}

.related.products {
    margin-top: 2rem;
}


.wc-block-product-template.wc-block-product-template,
#left-area ul.products {
    display: flex;
    justify-content: space-between;
    column-gap: 2.5%;
    row-gap: 3.5rem;
    flex-wrap: wrap;
    list-style: none;
}

.wc-block-product-template.wc-block-product-template,
#left-area .related.products ul.products {
  justify-content: normal;
}

@media (min-width: 980px) {
  .wc-block-product-template.wc-block-product-template {
    width: 100%;
    max-width: none;
  }
}

body.woocommerce-cart .wc-block-product-template.wc-block-product-template h2.wp-block-post-title a {
  font-size: 1.25rem !important;
}

body.woocommerce-cart .wc-block-product-template.wc-block-product-template .wc-block-components-product-price {
  font-size: 2.25rem !important;
}


@media (min-width: 980px) {
  body.woocommerce-cart .wc-block-product-template.wc-block-product-template {
    padding: 0;
    gap: 1.5rem;
  }
}

body.woocommerce-cart .wc-block-product-template.wc-block-product-template .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
  padding: 0rem 0.25rem !important;
  margin-top: 0.5rem;
  font-size: 1.125rem !important;
}


body.woocommerce-cart #page-container h2.wp-block-heading {
    font-size: clamp(1.75rem, 6vw, 2.25rem);
    line-height: 1.1;
}

:where(.wc-block-product-template .wc-block-product)>:not(:last-child) {
  margin: 0 !important;
  padding: .5rem 0;
}



#left-area ul.products:before,
#left-area ul.products:after {
    display: none !important;
}

.wc-block-product-template__responsive>li,
#left-area ul.products li {
    width: 31.66%;
    margin: 0;
    padding: 0;
    clear: none !important;
}



@media (max-width: 479px) {

    .wc-block-product-template.wc-block-product-template,
    #left-area ul.products,
    .woocommerce-page .related.products ul.products {
        display: flex;
        overflow-y: hidden;
        overflow-x: auto;
        flex-wrap: nowrap;
        max-width: 100%;

        width: 100vw;
        max-width: none;
        margin-left: -1.5rem !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;

        overflow-x: scroll;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer and Edge */
    }

    body.archive .wc-block-product-template.wc-block-product-template,
    body.archive #left-area ul.products {
       flex-wrap: wrap;
    }

    .wc-block-product-template.wc-block-product-template::-webkit-scrollbar,
    #left-area ul.products::-webkit-scrollbar,
    .woocommerce-page .related.products ul.products::-webkit-scrollbar {
      display: none; /* Chrome, Safari, Edge, Opera */
    }

    .wc-block-product-template__responsive>li:nth-child(n),
    .woocommerce-page .related.products ul.products li.product:nth-child(n) {
        margin: 0 0 11.5% !important;
        width: 100% !important;
        min-width: 20rem;
        float: none;
        margin: 0 1rem 2rem 0 !important;
    }
}

.wc-block-product-template__responsive>li img {
  border-radius: 0;
}

.entry-summary p.price span,
.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
  font-size: 3rem !important;
}



.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover {
    text-decoration: none !important;
}


.wp-block-post-title a:hover,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .woocommerce-loop-product__title {
    text-decoration: none !important;
}

.wc-block-product-template.wc-block-product-template:hover .wc-block-components-product-price,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover .price {
    text-decoration: none !important;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link:focus {
    outline: none !important;
    box-shadow: none !important;
}




.woocommerce ul.products li.product .woocommerce-loop-category__title {
    justify-content: normal;
    display: inline-flex;
    column-gap: .75rem;
}



.wc-block-product-template.wc-block-product-template *,
.woocommerce ul.products * {
    transition-duration: .16s !important;
}

.woocommerce ul.products * {
    position: relative;
}

.wc-block-components-product-image:hover,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover img,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:focus img,
.woocommerce #content div.product div.images:hover img,
.woocommerce #content div.product div.images:focus img,
.woocommerce-page #content div.product div.images:hover img,
.woocommerce-page #content div.product div.images:focus img {
    border-width: .75rem !important;
    border-color: hsl(42 96% 80% / 1) !important;
}

.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,
.et_portfolio_image:hover .et_overlay, .et_shop_image:hover .et_overlay {
    z-index: 3;
    opacity: 0 !important;
}




/****************************/
/* Single Product Page Tabs */
/****************************/

body.woocommerce div.product .woocommerce-tabs .panel,
body.woocommerce #content-area div.product .woocommerce-tabs .panel {
  background-color: var(--white);
  font-size: clamp(1rem, 3vw, 1.25rem) !important;
  line-height: 1.7;
}

body.woocommerce .woocommerce-tabs {
    margin: 1rem 0 2.5rem 0;
    border-radius: 1rem;
    overflow: hidden;
    border-color: hsl(42 97% 42% / 1);
}

@media (min-width: 980px){
    body.woocommerce .woocommerce-tabs {
        margin: 1.5rem 0 3rem 0;
    }
}


body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a {
color: hsl(182 100% 20% / 1) !important;
    font-family: "Solway", serif;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active {
    background: #f4f4f4;
    border-right: 1px solid hsl(42 97% 42% / 1);
    display: inline-block !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
   border-bottom: 1px solid hsl(42 97% 42% / 1);
}

body.woocommerce div.product .woocommerce-tabs ul.tabs,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs {
    white-space: nowrap;
    overflow-x: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer and Edge */
}

body.woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge, Opera */
}



/**********/
/* Footer */
/**********/

#main-footer {
  box-shadow: 0 0 7px var(--black-10) !important;
}

footer .et-social-icons {
  margin: 0;
  padding: 1.5rem 0;
  display: flex;
  float: none;
  gap: .75rem;
}

footer .et-social-icons li {
  margin: 0 !important;
}

#footer-bottom .et-social-icons .et-social-icon a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border-radius: 100%;
  background-color: var(--athensgrayLighter);
  aspect-ratio: 1/1;
  opacity: 1;
}

#footer-bottom .et-social-icons .et-social-icon a:focus,
#footer-bottom .et-social-icons .et-social-icon a:hover {
  color: var(--white);
  background-color: var(--primary);
  text-decoration: none;
}

#footer-bottom {
background-color: rgb(255 233 179);
box-shadow: inset 0 2px 0 hsl(42 100% 84% / 1), inset 0 4px 0 hsl(42.35deg 100% 96.67%);
padding: 2rem 0 !important;
}

#footer-bottom .container {
  display: flex;
}


#footer-bottom .footer-bottom-branding {
  flex-basis: 36.66%;
}

footer#main-footer .logo_container {
  position: relative;
  height: auto;
}

#footer-bottom .copyright {
  font-size: .875rem;
  padding-top: .75rem;
}

#footer-bottom nav {
  flex-basis: 66.66%;
}


#menu-footer-navigation {
  display: grid;
  grid-template-columns: repeat(3, 33.33%);
  padding: 0;
  margin: 0;
}


.bottom-nav li {
  display: block;
  padding: 0;
}

#menu-footer-navigation > li > a,
#menu-footer-navigation > li > .menu-title {
  font-size: 1rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: .75rem;
  color: var(--black);
}

#menu-footer-navigation > li > .sub-menu {
  margin: 0;
  padding: 0;
  display: grid;
  gap: .5rem;
}

#menu-footer-navigation > li > .sub-menu li {
    font-weight: 400;
    font-size: .875rem;
}

#menu-footer-navigation > li > .sub-menu li > a {
  color: var(--black);
}



/***********************/
/* Category Posts Page */
/************************/

.category-masthead {
  background: var(--athensgray);
  margin: -1.5rem auto 1.5rem;
  padding: 1rem 0;
  position: sticky;
  top: 5.125rem;
  z-index: 2;
  border-radius: 0 0 1.5rem 1.5rem;
  background-size: cover;
  background-position: center;
  min-height: 17vh;
  align-items: center;
  display: flex;
  overflow: hidden;
  box-shadow: 0rem 0rem .125rem .125rem var(--white);
}

.category-masthead:after {
  content: '';
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: linear-gradient(45deg, hsl(0deg 0% 100%) 0%, transparent 100%);
}

.category-masthead .category-masthead-inner-content {
  padding: 0 1.5rem;
  z-index: 1;
}

.category-masthead .category-masthead-inner-content h1 {
  margin: 0;
  padding: 0;
  font-weight: 800;
  font-size: 2rem;
}

.category-masthead .category-masthead-inner-content p {
  margin: 0;
  padding: 0;
}


body:has(.et-fixed-header) .category-masthead {
  min-height: 5vh;
  border-radius: 0;
}

body:has(.et-fixed-header) .category-masthead:after {
  /* background: linear-gradient(45deg, hsl(0deg 0% 100%) 0%, hsl(0deg 0% 100% / 51%) 100%);
  background: var(--primary);
  background: linear-gradient(45deg, var(--primary) 0%, hsl(0deg 0% 100% / 51%) 100%); */
  background: var(--white-90);
}

body:has(.et-fixed-header) .category-masthead-inner-content h1 {
  /* color: var(--black);
  color: var(--white); */
}

body:has(.et-fixed-header) .category-masthead-inner-content p {
  /* color: var(--black);
  color: var(--white); */
}



/********************/
/* Single Post Page */
/********************/



body.single-post .entry-title {
  font-weight: 800;
  font-size: clamp(2.5rem, 12vw, 3.5rem);
}

body.single-post article img {
  border: 0;
  border-radius: var(--container-border-radius);
}

body.single-post .entry-content img:not(:nth-child(1)) {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

body.single-post #page-container h2,
body.single-post #page-container h3,
body.single-post #page-container h4,
body.single-post #page-container h5,
body.single-post #page-container h6 {
 margin-top: 1.5rem;
}

html.not([class*=et-fb-preview-]) [type=button]:not(:disabled),
html.not([class*=et-fb-preview-]) [type=reset]:not(:disabled),
html.not([class*=et-fb-preview-]) [type=submit]:not(:disabled),
html.not([class*=et-fb-preview-]) button:not(:disabled) {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid var(--primary) !important;
  background: var(--primary) !important;
  color: var(--white) !important;
  border-radius: 4px;
  padding: 13px 15px 16px;
  font-size: 18px;
  text-decoration: none;
  text-transform: none;
  margin-top: 1rem;
}

@media (min-width: 981px) {
  body.single-post #right-area {
    float: left;
    width: calc(100% - 70.125%);
    padding-left: 1.5rem;

    top: 6.5rem;
    position: sticky;
    z-index: 2;
  }

    #left-area {
      width: 70.125%;
      padding-bottom: 23px;
    }

    .single-post-heading-masthead {

    }

    .et_right_sidebar #main-content .container:before {
      right: 29.875% !important;
    }
}




body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container {
    padding-top: 3rem;
}

@media (max-width: 980px){
  body:not(.et-tb) #main-content .container,
    body:not(.et-tb-has-header) #main-content .container {
        padding-top: 1rem;
    }

}


.author-card {
  padding: 2rem !important;
  border-radius: var(--container-border-radius) !important;
  /* box-shadow: 0 4px 0px -2px var(--black-20); */
  background: linear-gradient(342deg, var(--athensgray-10) 0%, transparent 60%);
  transition-duration: 1s;
}

.author-card-inner {
  text-align: center;
  display: flex;
  gap: .75rem;
  flex-direction: column;
}

.single-post-image-masthead {
  background-size: cover;
  max-height: 10vh;
  overflow: hidden;
  position: sticky;
  top: 5.25rem;
  z-index: 2;
  transition-duration: 1s;
  opacity: 0;
  display: none;
  transition-duration: 1s;
}

.single-post-heading-masthead {
  margin: -2rem -2rem 0rem -2rem;
  background-color: var(--white-10);
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  top: 6.5rem;
  position: sticky;
  z-index: 2;
  transition-duration: 1s;
}




.single-post-heading-masthead .post-meta {
  margin: 0;
  padding: 0 0 .5rem !important;
}

.single-post-heading-masthead .entry-title {
  margin: 0;
}



body:has(.et-fixed-header) .single-post-image-masthead {
  opacity: 1;
  display: block;
}

body:has(.et-fixed-header) .single-post-heading-masthead {
  /*padding: 1rem 1.5rem !important;
  border: .25rem solid var(--athensgray);
  box-shadow: 0 4px 0px -2px var(--black-20);*/
  background-color: var(--white-90);
  backdrop-filter: blur(4px);
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: min-content auto;
}


body:has(.et-fixed-header) .single-post-heading-masthead div.post-meta:first-of-type {
  grid-row-start: 2;
  white-space: nowrap;
}

body:has(.et-fixed-header) .single-post-heading-masthead div.post-meta:first-of-type:after {
  content: ' | ';
  position: relative;
  margin-right: .25rem;
}

body:has(.et-fixed-header) .single-post-heading-masthead p.post-meta:last-of-type {

}


body.single-post:has(.et-fixed-header) .entry-title {
  font-size: 1.825rem;
  margin: 0;
  grid-column-start: 1;
  grid-column-end: 3;
}


body:has(.et-fixed-header) .author-card {
  padding: 1rem 1.5rem !important;
  background: linear-gradient(342deg, var(--athensgray-90) 0%, var(--white-80) 60%);
  backdrop-filter: blur(4px);
  border-color: transparent;
}

body:has(.et-fixed-header) .author-card-inner {
  flex-direction: row;
  column-gap: 1rem;
  align-items: center;
}

body:has(.et-fixed-header) .author-card-inner-img {
  flex-basis: 20%;
  margin: 0;
}

body:has(.et-fixed-header) .author-card-inner-content {
  flex-basis: 80%;
  text-align: left;
}

body:has(.et-fixed-header) .author-card-inner-name {
  font-size: 1.25rem;
}

body:has(.et-fixed-header) .author-card-inner-jobtitle {
  margin: 0 !important;
}

body:has(.et-fixed-header) .author-card-inner-description {
  height: 0;
  overflow: hidden;
  opacity: 0;
  margin: 0 !important;
}

.author-card-inner-img {
  border-radius: 100%;
  overflow: hidden;
  display: inline-flex;
  aspect-ratio: 1 / 1;
  width: 5rem;
  margin: 0 auto 1rem;
  border: .25rem solid var(--athensgray);
  box-shadow: 0 4px 0px -2px var(--black-20);
}

.author-card-inner-name {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.5rem;
}

.author-card-inner-jobtitle {
  margin: 1rem 0 0 !important;
  padding: 0 !important;
  font-size: .875rem;
  font-weight: 500 !important;
}

.author-card-inner-description {
  margin: 1rem 0 0 !important;
  padding: 0 !important;
  font-size: .875rem;
  opacity: 1;
}


/**********************/
/* Home Post Group 01 */
/**********************/

.home-post-group-row-01 {

}

.home-post-group-row-01 .group-posts > div {
  background-color: transparent;
  display: grid;
  grid-template-columns: 66% 33%;
  grid-gap: 1rem;
  justify-content: center;
}

.home-post-group-row-01 .group-posts .post {
	margin-bottom: 0;
}

.home-post-group-row-01 .group-posts .post:nth-child(1) {
	margin: 0;
}

.home-post-group-row-01 .group-posts .post:nth-child(1) .entry-featured-image-url {
	margin-bottom: 0;
}

.home-post-group-row-01 .group-posts .post:nth-child(1) .entry-title,
.home-post-group-row-01 .group-posts .post:nth-child(1) .entry-title a,
.home-post-group-row-01 .group-posts .post:nth-child(1) .post-meta,
.home-post-group-row-01 .group-posts .post:nth-child(1) .post-meta a,
.home-post-group-row-01 .group-posts .post:nth-child(1) .post-content p {
	color: white;
}

.home-post-group-row-01 .group-posts .post:nth-child(1) .entry-title {
  font-size: clamp(2rem, 12vw, 2.25rem);
  line-height: normal;
  width: 96%;
}

.home-post-group-row-01 .group-posts .post:nth-child(1) .post-meta {

}

.home-post-group-row-01 .group-posts .post:nth-child(1) .post-content {

}


.home-post-group-row-01 .group-posts .post:nth-child(1) .entry-featured-image-url:after,
.home-post-group-row-02 .entry-featured-image-url:after {
  content:'';
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background: linear-gradient(45deg, var(--primaryDark) -10%, transparent 80%, transparent) 100%;
}

.home-post-group-row-01 .post:hover .entry-featured-image-url:after,
.home-post-group-row-02 .post:hover .entry-featured-image-url:after {
    background: linear-gradient(45deg, var(--primaryDark) 0%, var(--primaryDark) 100%, transparent) 120%;
    opacity: .9;
}


.home-post-group-row-01 .group-posts .post:nth-child(1) .entry-featured-image-url,
.home-post-group-row-02 .entry-featured-image-url,
.home-post-group-row-03 .entry-featured-image-url {
    margin-bottom: 0;
    height: 100%;
}

.home-post-group-row-01 .group-posts .post:nth-child(2) .entry-featured-image-url {
    margin-bottom: 1rem;
}

.home-post-group-row-01 .group-posts .post:nth-child(1) .entry-inner-container,
.home-post-group-row-02 .group-posts .post .entry-inner-container {
    position: relative;
    z-index: 1;
    color: var(--white);
    height: 100%;
}

.home-post-group-row-01 .group-posts .post:nth-child(1) .entry-inner-container .entry-inner-container-content,
.home-post-group-row-02 .group-posts .post .entry-inner-container .entry-inner-container-content {
    position: absolute;
    bottom: 0;
    padding: 1.5rem;
    display: grid;
}

.group-posts .entry-inner-container-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.375;
  font-size: 1.125rem;
  margin-bottom: .75rem;
}

.home-post-group-row-01 .group-posts .post:nth-child(1) .more-link,
.home-post-group-row-02 .group-posts .post .more-link {
	display: none;
}

.group-posts .post a[rel=tag] {
  background-color: var(--primary);
  padding: .25rem .5rem;
  border-radius: .5rem;
  color: var(--white) !important;
  line-height: normal !important;
  width: fit-content;
  text-decoration: none;
  font-size: .675rem !important;
  font-weight: 600 !important;
}

.group-posts .post .post-category {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.group-posts .post .post-category .reading-time {
  font-size: .675rem !important;
  font-weight: 600 !important;
  opacity: .8;
}

.group-posts .post a[rel=tag]:hover {
  background-color: var(--primaryDark);
}

.group-posts .post .entry-title a {
text-decoration: none;
}


/**********************/
/* Home Post Group 02 */
/**********************/

.home-post-group-row-02 {
    padding-top: 2rem;
}

.home-post-group-row-02 .group-posts > div {
    background-color: transparent;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 1rem;
}

.home-post-group-row-02 .group-posts .post {
    margin-bottom: 0rem;
}

.home-post-group-row-02 .group-posts .post .entry-title,
.home-post-group-row-02 .group-posts .post .entry-title a,
.home-post-group-row-02 .group-posts .post .post-meta,
.home-post-group-row-02 .group-posts .post .post-meta a,
.home-post-group-row-02 .group-posts .post .post-content p {
	color: white;
}

.home-post-group-row-02 .group-posts .post .post-content p {
	-webkit-line-clamp: 3;
  margin: 0;
}

.home-post-group-row-02 .group-posts .post a[rel=tag]:hover {
	-webkit-line-clamp: 3;
  margin: 0;
  color: var(--primary) !important;
  background-color: var(--white) !important;
}

.home-post-group-row-02 .group-posts .post .post-content {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.home-post-group-row-02 .group-posts .post:hover .post-content {
  opacity: 1;
  height: max-content;
}

.home-post-group-row-01 .group-posts .post .entry-title,
.home-post-group-row-02 .group-posts .post .entry-title,
.home-post-group-row-03 .group-posts .post .entry-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.26;
    font-size: 1.375rem;
    margin: 0rem;
    padding: 0rem;
}


/**********************/
/* Home Post Group 03 */
/**********************/

.home-post-group-row-03 {
    padding-top: .75rem;
}

.home-post-group-row-03 .group-posts > div {
    background-color: transparent;
    display: grid;
    grid-template-row: auto auto auto;
    grid-gap: 1rem;
}

.home-post-group-row-03 .group-posts .post .entry-inner-container {
    display: grid;
    grid-template-columns: .66fr .5fr;
    grid-gap: 2rem;
}

.home-post-group-row-03 .group-posts .post .post-meta,
.home-post-group-row-03 .group-posts .post .post-content p {
	margin: 0rem;
    padding: 0rem;
}

.home-post-group-row-03 .group-posts .post {
	margin: 0rem;
    padding: 0rem;
}


/***********************/
/*	Recommended Posts  */
/***********************/


.post-recommended-topics {

}

.post-recommended-topics .post-content {
display: none;
}

.post-recommended-topics .entry-inner-container {
    display: grid !important;
    grid-template-columns:40% 60% !important;
    grid-gap: 1.5rem !important;
}

.post-recommended-topics .group-posts > div {
    background-color: transparent;
    display: grid;
    grid-template-row: auto auto auto;
    grid-gap: 1rem;
}

.post-recommended-topics .group-posts .entry-featured-image-url {
  min-height: auto;
  max-height: 8rem;
}

.post-recommended-topics .post .entry-title {
    line-height: 1.3;
    font-size: 1.375rem !important;
    margin: 0;
    padding: 0;
}



/**********************/
/* Category Page Grid */
/**********************/

body.category {

}

body.category .category-post-group-row .group-posts > div {
  background-color: transparent;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}

body.category .category-post-group-row .group-posts .post {
    margin-bottom: 0rem;
}

body.category .category-post-group-row .group-posts .post .entry-title,
body.category .category-post-group-row .group-posts .post .entry-title a,
body.category .category-post-group-row .group-posts .post .post-meta,
body.category .category-post-group-row .group-posts .post .post-meta a,
body.category .category-post-group-row .group-posts .post .post-content p {
	color: white;
}

body.category .category-post-group-row .group-posts .post .post-content {
	display: none;
}

body.category .category-post-group-row .group-posts .post .entry-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.6;
    font-size: 1.5rem;
    margin: 0rem;
    padding: 0rem;
}

body.category:not([class*=category-paged-]) .category-post-group-row .group-posts .post:nth-child(1) .entry-title {
  font-size: clamp(2rem, 12vw, 2.5rem);
  line-height: normal;
}


body.category:not([class*=category-paged-]) .group-posts .entry-featured-image-url {
  aspect-ratio: unset;
}


body.category .group-posts .post:nth-child(1) .entry-featured-image-url:after,
body.category .entry-featured-image-url:after {
    content:'';
    display: flex;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(45deg, hsl(0deg 0% 0% / 80%), transparent);
}


body.category .group-posts .post:nth-child(1) .entry-featured-image-url,
body.category .entry-featured-image-url {
    margin-bottom: 0;
    height: 100%;
}

body.category .group-posts .post:nth-child(1) .entry-inner-container,
body.category .group-posts .post .entry-inner-container {
    position: relative;
    z-index: 1;
    color: var(--white);
    height: 100%;
}

body.category .group-posts .post:nth-child(1) .entry-inner-container .entry-inner-container-content,
body.category .group-posts .post .entry-inner-container .entry-inner-container-content {
    position: absolute;
    bottom: 0;
    padding: 1.5rem;
    display: grid;
}


body.category:not([class*=category-paged-]) .group-posts .post:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
}

body.category:not([class*=category-paged-]) .group-posts .post:nth-child(6),
body.category:not([class*=category-paged-]) .group-posts .post:nth-child(7) {
  grid-row: span 2;
}

body.category:not([class*=category-paged-]) .group-posts .post:nth-child(12) {
  grid-column: span 2;
}







.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:active,
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover,

.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .button:active,
.woocommerce div.product form.cart .button:hover,
.btn-primary,
.btn-primary:active,
.btn-primary:hover {
  font-weight: 600 !important;
  color: var(--white) !important;
  background-color: var(--primary-90);

  background: hsl(181.64deg 100% 85.69%) !important;
  color: hsl(182 100% 20% / 1) !important;
  font-family: "Solway", serif;

  padding: 0.5rem 1.5rem !important;
  border-radius: 2rem;
  box-shadow: inset 0rem 0rem 0.012rem 0.325rem #b3fdff, 0rem 0rem 0.012rem 0.125rem hsl(182deg 100% 45%);

  background: hsl(181.64deg 100% 85.69%) !important;
  color: hsl(182 100% 20% / 1) !important;
  font-family: "Solway", serif;
}




.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:active,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button:hover,
#msb-global-footer .gform_wrapper input[type=submit],
.woocommerce a.button, .woocommerce-page a.button,
.woocommerce a.button:active, .woocommerce-page a.button:active,
.woocommerce a.button:hover, .woocommerce-page a.button:hover,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:active,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:hover,
.wc-block-cart__submit-button,
.wc-block-cart__submit-button:active,
.wc-block-cart__submit-button:hover,
.btn-secondary,
.btn-secondary:active,
.btn-secondary:hover {
  font-weight: 600 !important;
  color: #000;
  background-color: white;
  padding: 0.5rem 1.5rem  !important;
  border-radius: 2rem;
  box-shadow: inset 0rem 0rem 0.012rem 0.125rem #b3fdff, 0rem 0rem 0.012rem 0.125rem hsl(182deg 100% 45%);

  color: hsl(182 100% 20% / 1) !important;
  font-family: "Solway", serif;
}


.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
  width: 100% !important;
  display: flex !important;
  line-height: 2 !important;
  font-size: 1.375rem !important;
}

#msb-global-footer .gform_wrapper input[type=submit] {
    width: 100%;
}



.woocommerce-notices-wrapper:empty(){
  display: none;
}





/**********************************
  DP Conversion Buttons
***********************************/
.dipl_button {

}

.dipl_button:has(.dipl_button_conversion) .et_pb_module_inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    column-gap: 1.5rem;
}


@media (max-width: 980px){
    .dipl_button:has(.dipl_button_conversion) .et_pb_module_inner {
      flex-direction: column;
    }
}

.dipl_button:has(.dipl_button_conversion) .dipl_button_item {
    flex-grow: 1;
}

@media (max-width: 980px){
    .dipl_button:has(.dipl_button_conversion) .dipl_button_item {
      margin-bottom: 0rem;
    }
}


.dipl_button .dipl_button_conversion {
    flex-grow: 1;
}


/**********************************
  DP Stack Heading
***********************************/

.dipl_text_stack.dipl_pre_text_stack {
margin: 0 0 1rem;
}





/**********************************
  Device Orientation Buffer
***********************************/
#device-orientation-buffer {
  height: 100%;
  width: 100%;
  position: fixed;
  background: rgba(0,0,0,0.64);
  transform: translateY(0%);
  color: var(--white) !important;
  cursor: pointer;
  position: fixed;
  opacity: 0.0;
  visibility: hidden;
  z-index: -1;
}

#device-orientation-buffer {
  opacity: 0.0;
  visibility: hidden;
  z-index: -1;
  top: 0%;
  left: 0%;
}

/* (max-width: 896px)  */
@media only screen and (max-device-width: 960px) and (orientation: landscape) and (min-aspect-ratio: 13/9) {

  #device-orientation-buffer {
    opacity: 1.0;
    visibility: visible;
    z-index: 99;
    padding: 2%;
  }

  #device-orientation-buffer .section-content {
    background: var(--wildstrawberry);
    box-shadow: 0px 10px 320px var(--wildstrawberry-80) !important;
    overflow: hidden;
    cursor: default;
    flex-direction: row;
    display: flex;
    justify-content: stretch;
    align-items: center;
    border-radius: .5rem;
  }

  #device-orientation-buffer .section-content .grid-1,
  #device-orientation-buffer .section-content .grid-2 {
    justify-content: center;
    align-items: center;
    width: 60%;
  }

  #device-orientation-buffer .section-content .grid-1 {
    width: 36%;
  }

  #device-orientation-buffer .img-square {
    display: inline-flex;
    width: auto;
    place-self: center;
    border: none;
    overflow: visible;
    font-size: 30vh;
    color: var(--white) !important;
    background-color: transparent !important;
  }

  #device-orientation-buffer .img-square i {
    color: var(--white) !important;
  }

  #device-orientation-buffer h2 {
    font-size: 8vw;
    color: var(--white) !important;
  }

  #device-orientation-buffer p {
    color: var(--white) !important;
    font-weight: 500;
    font-size: 2.5vw;
    line-height: 4vw;
    letter-spacing: 0.125rem;
  }
}



.et_pb_section,
#msb-hero .et_pb_section,
#msb-favorite-eats-and-treats .et_pb_section {
    overflow: hidden;
    overflow-y: clip;
}


html,
body {
    overflow-x:hidden;
}


@media (max-width: 980px){
    .et_pb_row {
        width: 100% !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}


#msb-global-footer {
  background: transparent !important;
  box-shadow: none !important;
}

#msb-global-footer .gform_fields {
  row-gap: .75rem;
}

#msb-global-footer:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 1.375rem;
    background-image: url(https://s3.us-west-2.amazonaws.com/mommassweetbread.com/img/bg-pattern-awning-02a.png);
    background-position-y: -1.125rem;
    background-repeat: repeat-x;
    background-size: 8.25rem;
    display: block;
    /* background-color: #dbf5ff; */
    top: 0rem;
}

#msb-global-footer > .et_pb_row {
 /*width: 100%;*/
}

#msb-global-footer h2 {
    font-size: clamp(1.5rem, 6vw, 2rem);
    line-height: 1.1;
}


#msb-global-footer .et_pb_section {
    padding-top: 4% !important;
    padding-bottom: 1% !important;
}