/*-=======================================
================== 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 ==============
=======================================-*/

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

/*-=======================================
=============== TITLES =============
=======================================-*/

.home .titles {
   text-align: center;
   padding: 15px;
   margin-top: 10px;
}

.home .titles .hours {
   font-size: 2rem;
   color: maroon;
   font-weight: bold;
   margin-top: 15px;
}

/*-=======================================
=============== END TITLES ==============
=======================================-*/

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

/*-=======================================
=================== HERO =================
=======================================-*/

.home #hero {
   width: 100%;
   overflow: hidden;
}

.home #hero .hero-left {
   width: 45%;
   overflow: hidden;
   float: left;
}

.home #hero .hero-right {
   width: 45%;
   overflow: hidden;
   float: right;
}

.home #hero img {
   width: 100%;
}

/*-=======================================
================== END HERO ==============
=======================================-*/

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

/*-=======================================
=============== GREETINGS PIC ============
=======================================-*/

.home .videoSection.left img {
   width: 100%;
}

.home .videoSection.left {
   /*height: 100%;*/
}

.home .videoSection.left {
   margin-top: 25px;
   width: 46% !important;
   border: 1px solid #ddd;
   background-color: #fff;
   padding: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 2px 4px 5px #444;
   box-shadow: 2px 4px 5px #444;
   float: left;
}

/*-=======================================
============== END GREETINGS PIC =========
=======================================-*/

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

/*========================================
================== HOME VIDEO ============
========================================*/

.home #videoContent {
   width: 100%;
   overflow: hidden;
}

.home .videoSection.right {
   margin-top: 25px;
   width: 52% !important;
   border: 1px solid #ddd;
   background-color: #fff;
   padding: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 2px 4px 5px #444;
   box-shadow: 2px 4px 5px #444;
   float: right;
}

.home .videoWrapper {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
   width: 98%;
}

.home .videoWrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/*========================================
=============== END HOME VIDEO ===========
========================================*/

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

/*-=======================================
=============== 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  ============
=======================================-*/

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

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

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

.greetings h1 {
   font-size: 1.8rem;
}

.greetings .greetings-left, .greetings .store1, .greetings .store2 {
   border: 1px solid #090743;
   border-radius: 5px;
   margin-top: 5px;
}

.greetings .greetings-left {
   text-align: center;
   width: 31%;
   padding: 10px;
}

.greetings .greetings-left h2 {
   font-size: 1.5rem;
}

.greetings .greetings-left .left-tagline {
   font-style: italic;
   font-size: 1.3rem;
   color: #09543a;
   font-weight: 600;
}

.greetings .store1 {
   width: 31%;
   padding: 10px;
   text-align: center;
}

.greetings .store2 {
   width: 31%;
   padding: 10px;
   text-align: center;
}

.greetings .store1 p {
   font-size: 1.75rem;
   font-weight: bold;
}

.greetings .store1 .greetings-tagline {
   font-size: 1.25rem;
}

.greetings .store2 p {
   font-size: 1.3rem;
   font-weight: bold;
}

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

.greetings .store2 .address {
   font-size: 1.6rem;
}

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

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

/*-=======================================
=============== PAUL MESSAGE =============
=======================================-*/

.home #paul-message {
   border: 1px solid #ddd;
   width: 100%;
   padding: 15px;
   border-radius: 8px;
   margin-top: 12px;
   font-size: 1.75rem;
   box-shadow: 4px 4px 5px gray;
}

.home #paul-message p {
   width: 75%;
   margin: 0 auto;
}

.home #paul-message .test span {
   color: maroon;
   float: left;
   font-size: 10rem;
   margin-right: 15px;
   line-height: 1rem;
   margin-top: 75px;
}

/*-=======================================
============= END PAUL MESSAGE ===========
=======================================-*/

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

/*-=======================================
=========== 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: 25px;
   border-radius: 5px;
   box-shadow: 5px 5px 6px black;
   transition: all 0.3s ease-in-out;
   line-height: 1.3rem;
   background: url('../images/backgrounds/bricks-reduced.jpg');
   background-size: cover;
}

.home-boxes .price {
   color: white;
   font-size: 2.75rem;
   text-shadow: 5px 5px 5px #454444;
   text-align: center;
   margin-top: 25px;
}

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

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

.home-boxes p.extra {
   margin-top: 25px;
   font-size: 1.75rem;
   color: yellow;
   line-height: 1.8rem;
   text-align: center;
   text-shadow: 5px 5px 5px #454444;
}

.home-boxes .home-button {
   margin: 0 auto;
   padding: 10px 0 10px 0;
}

.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: 1rem 0.5rem;
   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  =========
=======================================-*/

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

/*-=======================================
=============== OUR STORY ================
=======================================-*/

.home #our-story {
   margin-top: 50px;
   text-align: center;
   width: 85%;
   margin: 50px auto;
}

.home #our-story h2 {
   font-size: 6rem;
   margin-bottom: 35px;
   color: cornflowerblue;
}

.home #our-story p {
   font-size: 1.6rem;
   margin-bottom: 20px;
   font-weight: bold;
}

.home #our-story p#story {
   margin-top: 15px;
   font-weight: 300;
}

/*-=======================================
============== END OUR STORY =============
=======================================-*/

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

/*-=======================================
================== 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 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: maroon;
   margin-bottom: 20px;
}

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

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

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

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

.gallery article h1 {
   font-size: 3.25rem;
   margin-top: 15px;
}

.gallery article p {
   font-size: 2rem;
   margin-top: 10px;
}

.gallery #image-holder {
   margin-top: 10px;
}

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

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