/*-=======================================
================== SLIDES ================
=======================================-*/

.container {
   width: 100%;
   max-height: 600px; /* my change */
/*   height: 100vh;*/
   margin-top: 10px;
/*   border: 2px solid red;*/
}

.slides {
   width: 100%;
   height: 100%;
/*   border: 3px solid green;*/
}

.slides::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
/*   background: rgba(0,0,0,0.6);*/
   z-index: 9;
/*   border: 1px solid red;*/
}

.slides img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.img_overlay {
   position: absolute;
/*   top: 50%;*/
   top: 50%; /* my change */
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   text-align: center;
   z-index: 11;
   color: #fff;
   font-weight: 600;
   background: rgba(0,0,0,0.4);  /* my change */
/*   border: 1px solid blue;*/
   padding: 20px 0; /* my change */
}

.img_overlay h2 {
   text-shadow: 4px 4px #000;
}

.img_overlay p.slider-price {
/*   font-size: 4.5rem;*/
   font-size: 3rem; /* my change */
   color: yellow;
   text-shadow: 4px 4px #000;
   letter-spacing: 3px;
}

.img_overlay p.slider-tag {
   font-size: 1.75rem;
/*   letter-spacing: 5px;*/
   letter-spacing: 3px; /* my change */
   text-shadow: 4px 4px #000; /* my change */
}

.img_overlay a {
   text-decoration: none;
   color: #fff;
   backgroun-color: red;
   padding: 0.5rem 1rem;
   display: inline-block;
   margin-top: 1rem;
   border-radius: 4px;
   transition: all 0.3s ease-in-out;
}

.img_overlay a:hover {
   background: #09543a;
}

.btn {
   background: rgba(0,0,0,0.6);
   padding: 2rem;
   color: #fff;
   border-radius: 50%;
}

.btn::after {
   color: #fff;
}

.swiper-button-next {
   margin-right: 50px;
}

.swiper-button-prev {
   margin-left: 50px;
}

/*-=======================================
=============== END SLIDES  ==============
=======================================-*/

/* ======================================================= */

/*-=======================================
=============== NEWS BANNER  =============
=======================================-*/

#news-banner {
   background: #989898;
   color: #fff;
   text-shadow: 5px 5px 5px #454444;
   box-shadow: 0 5px 10px rgba(0,0,0,.1);
   max-width: 1500px;
   padding: 20px 2% 20px 1%;
   margin-top: 10px;
   line-height: 2rem;
   min-height: 185px;
}

#news-banner.display-none {
   display: none;
}

#news-banner p {
   font-size: 1.4rem;
   font-weight: bold;
}

#news-banner img {
   float: left;
   margin-right: 10px;
}

/*-=======================================
============ END NEWS BANNER  ============
=======================================-*/

/* ======================================================= */

/*-=======================================
============= BUSINESS ACCTS =============
=======================================-*/

.accounts #wrapper {
   border: 1px solid darkgrey;
   width: 100%;
   padding: 15px;
   margin-top: 10px;
}

.accounts #intro {
   text-align: center;
}

.accounts #wholesale, .accounts #charge {
   width: 95%;
   margin: 10px auto;
   padding: 15px;
   border: 1px solid #000;
   border-radius: 8px;
   overflow: hidden;
   font-size: 1.3rem;
   background: #eee;
}

.accounts #wholesale img, .accounts #charge img {
   float: right;
   width: 300px;
   border-radius: 8px;
   border: 1px solid darkgrey;
}

.accounts #wholesale h2, .accounts #charge h2 {
   font-size: 1.6rem;
}

.accounts #charge ol {
   margin-top: 8px;
   margin-left: 55px;
}

/*-=======================================
=========== END BUSINESS ACCTS ===========
=======================================-*/

/* ======================================================= */

/*-=======================================
============= HOME GREETINGS  ============
=======================================-*/

.home #intro {
   margin-top: 10px;
   padding-top: 15px;
   padding-bottom: 15px;
   padding-left: 10px;
   padding-right: 10px;
   border: 1px solid #090743;
   border-radius: 5px;
   text-align: center;
}

.home #intro h2 {
   margin-top: 10px;
   font-size: 1.75rem;
}

.home .greetings {
   margin-top: 10px;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.home .greetings #store1, .home .greetings #store2, .home .greetings #store3, .home .greetings #store4 {
   border: 1px solid #090743;
   border-radius: 5px;
   margin-top: 5px;
   text-align: center;
   width: 24%;
   padding: 10px;
}

.greetings .store-hours {
   font-size: 1.5rem;
   font-weight: bold;
}

.greetings .address {
   font-size: 1.5rem;
}

.greetings .phone {
   color: red;
   font-size: 2.2rem;
   font-weight: bold;
   text-align: center;
}

.greetings .ace-title, .greetings .ace-phone {
   color: red;
   font-weight: bold;
   font-size: 1.5rem;
}

/*-=======================================
=========== END HOME GREETING  ===========
=======================================-*/

/* ======================================================= */

/*-=======================================
=========== HOME CONTENT BOXES  ==========
=======================================-*/

.home-contentboxes {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   width: 100%;
   margin: 0 auto;
}

.home-boxes {
   width: 23%;
   min-height: 200px;
   border: 1px solid #ddd;
   padding: 20px;
   margin-top: 15px;
   border-radius: 5px;
   box-shadow: 4px 4px 5px gray;
   transition: all 0.3s ease-in-out;
   line-height: 1.3rem;
}

.home-boxes h3 {
   color: #fff;
   text-shadow: 5px 5px 5px #454444;
   padding: 15px 0 15px 0;
   border-radius: 5px;
   margin-bottom: 5px;
   text-align: center;
   font-size: 1.3rem;
}

.home-boxes p {
   font-size: 1.2rem;
   font-weight: 600;
}

.home-boxes .flexcontainment {
   display: flex;
   flex-direction: column;
   justify-content: start;
}

.home-boxes .flexcontainment img {
   margin-bottom: 10px;
}

.home-boxes:hover {
   box-shadow: none;
}

.home-button a {
   text-decoration: none;
   color: #fff;
   padding: 0.5rem 1rem;
   display: inline-block;
   margin-top: 1rem;
   margin-bottom: 1rem;
   border-radius: 4px;
   transition: all 0.3s ease-in-out;
}

.home-button a:hover {
   background: #09543a;
}

/*-=======================================
======== END HOME CONTENT BOXES  =========
=======================================-*/

/* ======================================================= */

/*-=======================================
=========== ACE CONTENT BOXES  ==========
=======================================-*/

.ace-contentboxes {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   width: 100%;
   margin: 0 auto;
}

.ace-boxes {
   width: 23%;
   min-height: 200px;
   border: 1px solid #ddd;
   padding: 20px;
   margin-top: 15px;
   border-radius: 5px;
   box-shadow: 4px 4px 5px gray;
   transition: all 0.3s ease-in-out;
   line-height: 1.3rem;
}

.ace-boxes h3 {
   color: #fff;
   text-shadow: 5px 5px 5px #454444;
   padding: 15px 0 15px 0;
   border-radius: 5px;
   margin-bottom: 5px;
   text-align: center;
   font-size: 1.3rem;
}

.ace-boxes p {
   font-size: 1.2rem;
   font-weight: 600;
}

.ace-boxes .flexcontainment {
   display: flex;
   flex-direction: column;
   justify-content: start;
}

.ace-boxes .flexcontainment img {
   margin-bottom: 10px;
}

.ace-boxes:hover {
   box-shadow: none;
}

.ace-button a {
   text-decoration: none;
   color: #fff;
   padding: 0.5rem 1rem;
   display: inline-block;
   margin-top: 1rem;
   margin-bottom: 1rem;
   border-radius: 4px;
   transition: all 0.3s ease-in-out;
}

.ace-button a:hover {
   background: #09543a;
}

.ace #mobile-app-welcome img {
   width: 40%;
}

.ace #mobile-app-welcome p {
   font-size: 1.25rem;
}

/*-=======================================
======== END ACE CONTENT BOXES  =========
=======================================-*/

/* ======================================================= */


/*-=======================================
=============== OUR FAMILY  ==============
=======================================-*/

.our-family #allcontent {
   width: 100%;
}

#topbrand {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-bottom: 20px;
   margin-bottom: 25px;
   text-align: center;
}

#topbrand img {
   min-width: 40%;
}

#topbrand p {
   color: #373535;
   font-size: 2rem;
   font-weight: bold;
}

.our-family #topbrand h2 {
   font-style: italic;
   font-weight: bold;
   color: #373535;
   width: 95%;
   margin-left: auto;
   margin-right: auto;
   font-size: 1.5rem;
}

.our-family #allcontent {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap;
}

.our-family #allcontent #igt h2 {
   font-size: 1.7rem;
   line-height: 1.5rem;
   margin-bottom: 5px;
}

.our-family #allcontent #puzzles h2 {
   font-size: 1.75rem;
   margin-bottom: 5px;
}

.our-family #allcontent .boxes h2 {
   font-weight: 700;
   max-width: 95%;
   color: red;
   font-size: 2rem;
   line-height: 1.6rem;
   margin-bottom: 5px;
}

.our-family #allcontent .boxes {
   border: 1px solid #03680a;
   padding: 10px;
   width: 28%;
   border-radius: 8px;
   margin-bottom: 30px;
   box-shadow: 5px 5px 15px #373535;
   text-align: center;
}

.our-family #allcontent .boxes p {
   font-size: 1.15rem;
   font-weight: 575;
   line-height: 1.3rem;
}

.our-family #allcontent .boxes img {
   border-radius: 8px;
   margin-top: 12px;
   width: 85%;
   border: 1px solid red;
}

.our-family #allcontent .boxes a:hover img {
   border: 2px solid red;
   box-shadow: 5px 5px 15px #373535;
}

.our-family #allcontent #intro-text {
   display: flex;
   flex-direction: column;
   align-content: flex-start;
}

.our-family #allcontent #intro-text p {
   font-size: 1.3rem;
   font-weight: 700;
   max-width: 95%;
   margin-top: 10px;
   text-align: left;
}

.our-family #allcontent #intro-text img {
   display: block;
   margin: 0 auto;
   max-width: 80%;
   border: none;
}

.our-family #allcontent #labels.boxes.last, .our-family #allcontent #hero.boxes.last {
   width: 43%;
   border: 1px solid #03680a;
}

.our-family #allcontent #labels img {
   width: 60%;
   margin-top: 15px;
   text-align: center;
}

/*-=======================================
============= END OUR FAMILY  ============
=======================================-*/

/* ======================================================= */

/*-=======================================
=================== ACE  =================
=======================================-*/

.ace #intro {
   text-align: center;
   margin-top: 20px;
}

.ace #intro h2 {
   font-size: 2rem;
}

.ace .ace-boxes .phone, .ace .ace-boxes .address {
   margin-top: 10px;
}

.ace .ace-boxes .address, .ace .ace-boxes .hours {
   font-size: 1.4rem;
}

.ace .ace-boxes .phone {
   color: red;
   font-size: 1.5rem;
   margin-bottom: 10px;
}

.ace #mobile-app-welcome {
   overflow: hidden;
   width: 100%;
   padding: 10px 10px;
   border: 1px solid darkgrey;
}

.ace #mobile-app-welcome img {
   float: left;
   margin-right: 10px;
}

/*-=======================================
================= END ACE  ===============
=======================================-*/

/* ======================================================= */

/*-=======================================
============== NEW PRODUCTS =============
=======================================-*/

.new-products .hero-wrapper {
   max-width: 1500px;
   margin-top: 30px;
   display: flex;
   flex-direction: row;
   justify-content: center;
   flex-wrap: wrap;
}

.new-products #new-products-greeting h1 {
   font-size: 2.5rem;
}

.new-products #new-products-greeting h2 {
   font-size: 2rem;
}

.new-products #new-products-greeting p {
   font-size: 1.5rem;
}

/*
.new-products .hero-wrapper div {
   border: 1px solid #ddd;
   max-width: 50%;
   min-height: 200px;
}
*/

.hero-wrapper #new-products-greeting {
   max-width: 45%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

#new-products-greeting a.button {
   font-size: 1.5rem;
   font-weight: bold;
   text-decoration: none;
   color: #fff;
   background: maroon;
   padding: 0.5rem 1rem;
   display: inline-block;
   margin-top: 1rem;
   border-radius: 4px;
   transition: all 0.3s ease-in-out;
   max-width: 225px;
   text-align: center;
}

#new-products-greeting a.button:hover {
   background: #09543a;
}

.hero-wrapper #new-products-hero-image {
   width: 25%;
}

.hero-wrapper #new-products-hero-image img {
   width: 85%;
}

/*
.hero-wrapper #new-products-hero-image {
   background-image: url("../updates/new-products/hero-image.jpg");
   background-attachment: scroll;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
}
*/

#new-products-content-boxes {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-top: 20px;
   border-top: 2px solid #444;
   padding-top: 30px;
}

.new-products-boxes {
   border: 1px solid #ddd;
   width: 22%;
   margin-bottom: 10px;
   padding-top: 5px;
   padding-bottom: 15;
}

.new-products-boxes img {
   width: 40%;
   display: block;
   margin: auto;
}

.new-products-boxes h3 {
   text-align: center;
   line-height: 2rem;
}

/*-=======================================
============ END NEW PRODUCTS ============
=======================================-*/

/* ======================================================= */

/*-=======================================
=============== DEPARTMENTS ==============
=======================================-*/

.departments .hero-wrapper {
   margin-top: 15px;
   text-align: center;
}

.departments #content-boxes {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-top: 5px;
}

.departments .departments-box {
   margin-top: 20px;
   border: 1px solid #555;
   border-radius: 12px;
}

.departments .departments-box div {
   padding: 15px;
}

.departments #content-boxes img {
   border-radius: 12px;
   width: 95%;
   margin: 15px auto;
   text-align: center;
   display: block;
}

.departments .departments-box {
   width: 31%;
}

.departments .departments-box h3 {
   margin-left: 15px;
   font-size: 1.8rem;
}

.departments .departments-box p {
   font-size: 1.2rem;
   font-weight: 600;
}

/*-=======================================
============= END DEPARTMENTS ============
=======================================-*/

/* ======================================================= */

/*-=======================================
================== CONTACT  ==============
=======================================-*/

.contact h1 {
   text-align: center;
   margin-top: 20px;
}

.contact #contact-intro {
   width: 80%;
   font-size: 1.5rem;
   font-weight: bold;
   margin-bottom: 40px;
   text-align: center;
   margin-top: 0;
   margin-right: auto;
   margin-left: auto;
}

.contact .contact-container {
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   flex-wrap: wrap;
}

.contact .contact-boxes, .contact .map {
   width: 47%;
   border: 1px solid #ddd;
   margin-bottom: 15px;
}

.contact .contact-boxes {
   border-radius: 10px;
   background-color: #e3e3e6;
}

.contact .contact-boxes .phone {
   font-size: 2rem;
   color: maroon;
   font-weight: bold;
}

.contact .contact-boxes {
   padding: 20px;
}

.contact .contact-address {
   font-size: 1.75rem;
   font-weight: 600;
}

.contact .email {
   font-size: 1.7rem;
   font-weight: bold;
}

.contact #contact-hours {
   font-size: 1.5rem;
   font-weight: 600;
}

/*-=======================================
================ END CONTACT =============
=======================================-*/

/* ======================================================= */

/*-=======================================
============= FEATURED-RECIPE ============
=======================================-*/

.featured-recipe h1 {
   text-align: center;
   margin-top: 35px;
   font-size: 2.75rem;
   line-height: 1.8rem;
}

.featured-recipe #featured-recipe-landing {
   font-size: 2rem;
   border: 1.5px solid maroon;
   margin-top: 20px;
   max-width: 55%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
   text-align: center;
   padding: 5px 0;
   font-weight: bold;
}

.featured-recipe #flex-container {
   with: 100%;
   border: none;
   display: flex;
   flex-direction: row;
   justify-content: center;
}

.featured-recipe .box {
   width: 30%;
   margin-top: 16px;
}

.featured-recipe p {
   font-size: 1.5rem;
   padding-left: 15px;
   padding-top: 5px;
   padding-right: 15px;
   font-weight: 600;
}

.featured-recipe p.home-button {
   margin-top: -15px; 
}

.featured-recipe ol {
   margin-left: 45px;
   margin-top: 10px;
   font-size: 1.5rem;
}

.featured-recipe #flex-container li {
   list-style: numbers;
   font-weight: 600;
}

.featured-recipe #flex-container .box img {
   width: 90%;
   border-radius: 25px;
}

/*-=======================================
=========== END FEATURED RECIPE ==========
=======================================-*/

/* ======================================================= */

/*-=======================================
================= SERVICES ===============
=======================================-*/

.services h1 {
   text-align: center;
   margin-top: 15px;
   max-width: 90%;
   line-height: 2.5rem;
   margin-left: auto;
   margin-right: auto;
}

.services p {
   font-size: 1.75rem;
   text-align: center;
   font-weight: 600;
   max-width: 80%;
   margin: 0 auto;
}

.services #flex-container {
   display: flex;
   flex-direction: row;
   justify-content: center;
}

.services #flex-container .box {
   width: 40%;
}

.services #flex-container ol {
   margin-left: 35px;
   font-size: 1.6rem;
}

.services #flex-container ol li ul {
   margin-left: 20px;
}

.services #flex-container li {
   list-style: disc;
}

/*-=======================================
=============== END SERVICES =============
=======================================-*/

/* ======================================================= */

/*-=======================================
================== ABOUT =================
=======================================-*/

.about #hero {
   margin-top: 20px;
}

.about #hero h1, .about #hero h2 {
   text-align: center;
}

.about #hero h2 {
   font-size: 2rem;
}

.about #content h3 {
   font-size: 1.75rem;
   max-width: 90%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   color: #e60003;
   margin-bottom: 20px;
}

.about #content p {
   font-size: 1.45rem;
   font-weight: 525;
   max-width: 90%;
   margin-left: 20px;
}

/*-=======================================
================ END ABOUT ===============
=======================================-*/

/* ======================================================= */

/*-=======================================
============ COMMUNITY SUPPORT ===========
=======================================-*/

.community #hero {
   margin-top: 25px;
   padding: 15px;
   overflow: hidden;
}

.community #hero img {
   float: left;
   margin-right: 15px;
   width: 20%;
}

.community #hero h1 {
   text-align: center;
   line-height: 3rem;
}

.community #hero h2 {
   font-size: 2rem;
   margin-top: 17px;
   margin-bottom: 15px;
   text-align: center;
}

.community #hero p {
   font-size: 1.45rem;
   margin-top: 10px;
   line-height: 1.85rem;
}

.mytabs {
   font-family: 'Roboto', sans-serif;
}

.mytabs p {
   font-size: 1.85rem;
}

.mytabs .explain {
   font-weight: 600;
}

.mytabs .tab1 img {
   width: 250px;
   float: left;
   margin-right: 20px;
   margin-top: 10px;
   margin-bottom: 5px;
}

.mytabs .tab2 img {
   width: 275px;
   float: left;
   margin-right: 20px;
   margin-top: 10px;
   margin-bottom: 3px;
}

.mytabs .tab3 img {
   width: 80%;
   display: block;
   margin: 0 auto;
}

.mytabs {
   display: flex;
   flex-wrap: wrap;
   max-width: 1500px;
   margin: 30px auto;
   padding: 0 25px;
}

.mytabs input[type="radio"] {
   display: none;
}

.mytabs label {
   padding: 25px;
   background: #ddd;
   font-weight: bold;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.mytabs .tab {
   width: 100%;
   padding: 20px;
   order: 1;
   display: none;
/*   background: #6e6928;*/
   background: #fff;
   border: 1px solid #c4094a;
}

.mytabs input[type="radio"]:checked + label + .tab {
   display: block;
}

.mytabs input[type="radio"]:checked + label {
/*   background: #6e6928;*/
   background: #c4094a;
   color: #fff;
}

.community .fa {
   color: #c4094a;
}

.community .tab h3 {
   margin-top: 15px;
   text-align: center;
   font-size: 2rem;
}

.community .timeline {
   text-align: center;
   font-weight: 575;
}

.community .tagline {
   text-align: center;
   font-size: 2rem;
}

.community .tab h4 {
   margin-top: 15px;
}

.community .tab ul {
   margin-left: 20px;
}

.community .tab2 p {
   font-size: 1.25rem;
}

.community .tab #afterward {
   font-weight: 575;
   margin-top: 10px;
}

/*-=======================================
========= END COMMUNITY SUPPORT ==========
=======================================-*/

/* ======================================================= */

/*-=======================================
================ FACEBOOK ================
=======================================-*/

.facebook .container {
   width: 100%;
}

.facebook .container h1 {
   text-align: center;
   margin-top: 25px;
}

.facebook .container h2 {
   text-align: center;
   margin-top: 10px;
   font-size: 1.6rem;
}

.facebook .content {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   margin-top: 15px;
   gap: 10px;
}

.facebook .box {
   border: 1px solid #444;
   border-radius: 8px;
   width: 30%;
   padding: 15px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.facebook .content img {
   width: 90%;
}

.facebook .content p {
   font-siZe: 1.3rem;
}

.facebook .content .home-button {
   font-size: 1rem;
   font-weight: 575;
}

/*-=======================================
============== END FACEBOOK ==============
=======================================-*/

/* ======================================================= */

/*-=======================================
================== LINKS =================
=======================================-*/

.links #content {
   margin-top: 20px;
   padding: 20px;
}

.links #content h1 {
   margin-bottom: 15px;
}

.links #content h2 {
   font-size: 1.65rem;
   font-weight: bold;
}

.links #content h3 {
   margin-top: 15px;
   font-size: 1.6rem;
}

.links #content img.link-image {
   width: 100px;
   float: left;
   margin-right: 15px;
}

.links #content ul li {
   font-size: 1.3rem;
}

.links #content .home-button {
   float: left;
   margin-right: 15px;
}

/*-=======================================
================ END LINKS ===============
=======================================-*/

/* ======================================================= */

/*-=======================================
=============== CAKE GALLERY =============
=======================================-*/

.cake-gallery .mytabs {
   font-family: 'Roboto', sans-serif;
}

/*
.cake-gallery .mytabs p {
   font-size: 1.85rem;
}
*/

/*
.cake-gallery .mytabs .explain {
   font-weight: 600;
}
*/

/*
.cake-gallery .mytabs .tab1 img {
   width: 250px;
   float: left;
   margin-right: 20px;
   margin-top: 10px;
   margin-bottom: 5px;
}
*/

/*
.cake-gallery .mytabs .tab2 img {
   width: 275px;
   float: left;
   margin-right: 20px;
   margin-top: 10px;
   margin-bottom: 3px;
}
*/

/*
.cake-gallery .mytabs .tab3 img {
   width: 80%;
   display: block;
   margin: 0 auto;
}
*/

.cake-gallery .mycontent {
   display: flex;
   flex-wrap: wrap;
   max-width: 1500px;
   margin: 30px auto;
   padding: 0 25px;
}

.cake-gallery .mycontent input[type="radio"] {
   display: none;
}

.cake-gallery .mycontent label {
   padding: 25px;
   background: #ddd;
   font-weight: bold;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

.cake-gallery .mycontent .tab {
   width: 100%;
   padding: 20px;
   order: 1;
   display: none;
/*   background: #6e6928;*/
   background: #fff;
   border: 1px solid #c4094a;
}

.cake-gallery .mycontent input[type="radio"]:checked + label + .tab {
   display: block;
}

.cake-gallery .mycontent input[type="radio"]:checked + label {
/*   background: #6e6928;*/
   background: red;
   color: #fff;
}

.cake-gallery section {
   width: 100%;
   padding: 15px;
   margin-top: 10px;
}

.cake-gallery p {
   font-size: 1.5rem;
   font-weight: 500px;
}

.cake-gallery p#instruct {
   margin-top: 15px;
}

.cake-gallery .mycontent img {
   width: 100px;
   height: 100px;
   border-radius: 8px;
   margin: 3px;
}

/*-=======================================
======= ===== END CAKE GALLERY ===========
=======================================-*/

/* ======================================================= */