/*
Theme Name: Coffee Cafe Corner Pro
Theme URI: https://www.legacytheme.net/products/coffee-shop-wordpress-theme/
Author: Legacytheme
Author URI: https://www.legacytheme.net
Description: The Coffee Shop WordPress Theme is a stylish and inviting solution crafted for cafes, coffee houses, baristas, and small food businesses looking to build a strong online presence. Designed with a warm and modern aesthetic, it provides the perfect platform to showcase your menu, highlight signature brews, and create a welcoming digital experience for customers. Whether you run a cozy local cafe or a trendy coffee bar, this theme includes essential features such as menu sections, reservation integration, gallery displays, and promotional banners. Built with SEO optimization in mind, the Coffee Shop WordPress Theme helps improve your visibility in search engines and attract more local customers. With customizable color palettes, elegant typography, and seamless social media integration, it allows you to reflect your brand’s personality effortlessly.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: coffee-cafe-corner-pro
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready,blog

Coffee Cafe Corner Pro WordPress Theme has been created by Legacytheme(legacytheme.net), 2026.
Coffee Cafe Corner Pro WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */

@import url("https://fonts.googleapis.com/css2?family=Lora:ital@1&display=swap");
* {
  margin: 0;
  padding: 0;
  outline: none;
}
body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: #fff;
  position: relative;
  font: 12px/22px arial;
  color: #5b5b5b;
  font-family: Open sans;
  letter-spacing: 1px;
}
body {
  border: unset !important;
  color: #444 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  margin: unset !important;
  padding: unset !important;
  max-width: 100% !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}
img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
}
.container{
 width: 1560px !important;
}
section img {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 10px 0;
  font-family: Ubuntu;
}

p {
  margin: 0 0 15px;
  padding: 0;
  font-size: 15px;
  font-weight: normal;
  font-family: Open sans;
}

a {
  text-decoration: none;
  color: #cb75b7;
}

a:hover {
  text-decoration: none;
  color: #cb75b7;
}

a:focus,
a:hover {
  text-decoration: none !important;
}

ul,
ol {
  margin: 0 0 0 15px;
  padding: 0;
}

:hover {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.clear {
  clear: both;
}

input[type="submit"]:hover {
  cursor: pointer;
}

small {
  font-size: 14px !important;
}

/* Headings */
section {
  padding: 3.5em 0;
}

section h3 {
  font-weight: bold;
  text-align: center;
  margin: 0 0 7px;
  padding: 0;
  font-size: 30px;
  color: #cb75b7;
}

section h2 {
  font-weight: bold;
  text-align: center;
  margin: 30px 0 0 0;
  text-transform: uppercase;
  color: #cb75b7;
}

section h4 {
  color: #000;
  font-weight: bold;
  font-size: 20px;
}

section h5 {
  color: #cb75b7;
  font-weight: bold;
  font-size: 24px;
  margin: 0 0 10px 0;
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="phno"],
textarea {
  border: 1px solid #1C130CCC;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px;
  height: auto;
  background-color: transparent;
  color: #717171;
}

textarea {
  height: 111px;
}

input[type="submit"] {
  margin-left: 2%;
  text-align: center;
  text-transform: capitalize;
  font-size: 18px;
  padding: 7px 30px;
  background: #4c66ba;
  font-weight: bold;
  color: #fff;
  display: table;
}
input[type="submit"]:hover {
  background: #cb75b7;
}
table,
td,
th {
  border: 1px solid black;
}

/* Homepage */

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  border: 1px solid #bbb;
  padding: 5px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  border: 1px solid #bbb;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: 25px;
}

.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  border: 1px solid #bbb;
  padding: 5px;
}

.alignnone {
  float: none;
  margin: 0 auto;
  display: block;
  clear: both;
  border: 1px solid #bbb;
  padding: 5px;
}



.icon-box{
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 5px;
}
.top-left-content{
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 25px;
}
.off {
    display: none;
}
.search-icon i{
  color: #fff;
}
.top-txt{
  font-family: 'Lora';
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #fff;
}

.hed-box{
  align-items: center;
}

#mySidenav{
  justify-content: center;
}

.hed-btn a{
  font-family: Lora;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #fff;
  border: 1px solid #ffff;
  border-radius: 5px;
  padding: 15px 30px;
}

.hed-btn{
  display: flex;
  justify-content: center;
}


.contact-info {
  color: #fff;
}

.contact-item {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.contact-item i {
  margin-right: 10px;
}

.contact-item a {
  color: #fff;
  text-decoration: none;
}

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

.opening-hours{
  position: absolute;
  top: -55px;
}
.opening-hours {
  background: #e4571b;
  color: #fff;
  text-align: center;
  padding: 5px 20px 30px;
  width: 270px;
  margin: auto;
  position: relative;
  border-radius: 10px 10px 0 0;
}

/* Bottom curve shape */
.opening-hours::after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 80px;
  background: #e4571b;
  border-radius: 50%;
}

/* Title */
.opening-hours h3 {
  font-family: 'Cookie';
  font-weight: 400;
  font-size: 50px;
  line-height: 100%;
  letter-spacing: 0%;
}

/* List */
.opening-hours ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.opening-hours ul li {
    padding: 8px 0;
    border-bottom: 1px solid #F0EBE580;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Lora';
}

.opening-hours ul li:last-child {
  border-bottom: none;
}

.opening-hours span {
  font-weight: bold;
}
.cart-text{
  display: none;
}
.cart-count{
  display: none;
}
.wishlist-count{
  display: none;
}




/* ------------------------------------ About ---------------------------------------- */
#about {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-content h3 {
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #DA521F;
  font-family: "Cookie";
  font-weight: 400;
  text-align: center;
}
.about-content {
  position: relative;
  width: 600px;
  background: #F0EBE5;
  margin-top: 12%;
  padding: 20px;
  left: 12%;
  margin-bottom: 9%;
}
.about-content h6 {
  font-size: 20px;
  line-height: 26px;
  color: #1C130C;
  font-family: "Lora";
  font-weight: 500;
  font-style: italic;
  text-align: center;
}
.about-content p {
    font-size: 15px;
    line-height: 25px;
    color: #1C130CCC;
    font-family: 'Lora';
    font-weight: 400;
    text-align: center;
}


/* ------------------------------------ Feature ---------------------------------------- */

#feature {
  position: relative;
  background: #F0EBE5;
}
#feature h3 {
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #DA521F;
  font-family: "Cookie";
  font-weight: 400;
  margin-bottom: 0;
}
#feature .content h5 a {
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #000000;
  font-family: 'Cookie';
  font-weight: 400;
  margin-bottom: 0;
}
#feature .content h5:after {
  content: "";
  width: 200px;
  height: 1px;
  background-color: #000;
  display: block;
  position: absolute;
  top: 17px;
  right: 130px;
}
#feature .content span.price {
  position: absolute;
  right: 20px;
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #cb75b7;
  font-family: "Lora";
  font-weight: 400;
}
#feature .woocommerce-Price-amount.amount {
    color: #DA521F;
    padding: 0px;
    font-size: 32px;
    font-weight: 400;
    font-family: 'Lora';
    background: unset;
}
#feature .content p {
  font-size: 18px;
  line-height: 28px;
  color: #1C130CCC;
  font-family: "Lato";
  font-weight: 400;
  margin-bottom: 0px;
  padding: 9px 0;
}
#feature .content > a {
  font-size: 19px;
  line-height: 29px;
  color: #663A1E;
  font-family: "Lora";
  font-weight: 400;
  text-transform: uppercase;
}
.title_img {
  text-align: center;
  margin-top: 5px;
}
#feature img.top_img {
  position: absolute;
  top: 3%;
  width: 145px;
  height: 145px;
}
#feature .title_img {
  margin-bottom: 40px;
}
#feature img.bottom_img {
	position: absolute;
	top: 78%;
	right: 0;
	width: 173px;
}
.feature-box img {
  padding: 5px;
}



/* ------------------------ Home Contact --------------------------------- */

#home_contact_sec {
  background-repeat: no-repeat;
  background-size: cover;
}
#home_contact_sec h3.contact-heading {
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #cb75b7;
  font-family: "Cookie";
  font-weight: 400;
  text-align: center;
}
h4.contact-title {
  font-size: 28px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #161515;
  font-weight: 400;
  font-family: "Lora";
  line-height: 34px;
}
.contact_content {
  background: #F0EBE5;
  padding: 7px 45px;
  margin-bottom: 20%;
}
.home_contact_form {
  width: 670px;
  margin: 10px auto;
}
.home_contact_form input[type="submit"] {
  font-size: 24px;
  color: #ffffff;
  font-family: "lora";
  font-weight: 400;
  text-align: center;
  background-color: #DA521F;
  margin: 0 auto;
  width: 100%;
  border: none;
}
.home_contact_form input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="date"], textarea, .wpcf7-select {
  border: 1px solid #1C130CCC;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 12px 0;
  height: auto;
  background-color: transparent;
  color: #1C130C80;
}


/* ------------------------ Records --------------------------------- */
.counter {
  font-family: 'Source Sans Pro', sans-serif;
  text-align: center;
  width: 400px;
  margin: 15% auto;
  position: relative;
  z-index: 1;
  border: 1px solid #663A1E;
}
.counter .counter-icon {
  color: #fff;
  transform: translateY(-50%);
  position: absolute;
  left: 5px;
  top: 50%;
  z-index: 1;
}
#our_records {
  background-size: cover;
  background-repeat: no-repeat;
}
#our_records h3 {
  font-size: 30px;
  color: #663A1E;
  font-family: "Cookie";
  font-weight: 500;
  text-align: left;
  padding-top: 0px;
}
.counter .counter-content {
  padding: 10px 5px 10px 190px;
}
.counter-content:before {
  content: "";
  width: 120px;
  height: 2px;
  background-color: #b27f7f;
  display: block;
  position: absolute;
  transform: rotate(90deg);
  left: 90px;
  top: 80px;
}
.counter .counter-value {
  font-size: 64px;
  font-weight: 700;
  display: block;
  text-align: left;
  color: #663A1E;
  font-family: 'Lora';
}
.banner {
  background-size: cover;
  background-repeat: no-repeat;
}
.banner .number {
  padding: 5% 10%;
}
.banner h6.phone {
  color: #ffffff;
  font-family: 'Lora';
  font-weight: 400;
  font-style: Italic;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0%;
}
.banner h6 i {
  font-size: 30px;
  margin-right: 10px;
  background: #F0EBE54D;
  border-radius: 6px;
  transform: rotate(90deg);
}
.banner .phone-txt{
  font-family: 'Cookie';
  font-weight: 400;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #F0EBE5;
}


/* ------------------------------------ Team ---------------------------------------- */
#team{
  background: #F0EBE5;
}
.team-heading {
  text-align: center;
}
#team h3.heading_title {
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #DA521F;
  font-family: "Cookie";
  font-weight: 400;
  text-align: center;
}
.our-team{
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}
.our-team:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(218, 82, 31, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.8;
  transform: scale(0);
  transition: all 0.5s ease 0s;
}
.our-team:hover:after{
  transform: scale(1);
}
.our-team img{
  width: 100%;
  height: auto;
}
.our-team .team-content{
  width: 75%;
  background: #fff;
  padding: 30px 0;
  margin: 0 auto;
  border: 1px solid #eee;
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  z-index: 1;
  transition: all 0.3s ease 0s;
}
.our-team .title{
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Lora";
  text-align: center;
  margin-bottom: 0;
  padding: 0
}
.our-team .title a {
  color: #cb75b7;
}
.our-team .post{
  font-size: 14px;
  color: #999;
  font-family: "Lora";
  font-weight: 600;
  text-align: center;
}
.our-team .social{
  padding: 0;
  margin: 0;
  list-style: none;
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s ease 0s;
}
.our-team:hover .social{
  opacity: 1;
  transform: scale(1);
}
.our-team .social li{
  display: inline-block;
  transition: all 0.5s ease 0s;
}
.our-team:hover .social li{
  margin: 20px 4px 0;
}
.our-team .social li a{
  display: block;
  width: 30px;
  height: 30px;
  border:1px solid #eee;
  font-size:15px;
  font-weight: 600;
  color: #949090;
  line-height: 30px;
  transition: all 0.5s ease 0s;
} 
.our-team .social li a:hover{
  background: #cb75b7;
  color: #fff;
}
#team .owl-nav button {
  background: #eee;
  outline: none;
  height: 35px;
  width: 35px;
  padding: 6px;
  border: 1px solid #8e8e8e;
}
#team .owl-nav button i {
  color: #8e8e8e;
}
#team button.owl-prev {
  position: absolute;
  top: 41%;
  left: 0;
}
#team button.owl-next {
  position: absolute;
  top: 41%;
  right: 0;
}


/* ------------------------------------ Testimonial ---------------------------------------- */
#clients {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#clients .title_img {
  margin-bottom: 30px;
}
.client_heading h3 {
  font-size: 40px;
  letter-spacing: 2px;
  color: #DA521F;
  font-family: "Cookie";
  font-weight: 400;
  text-align: center;
}
.testimonial{
  text-align: center;
  position: relative;
}
.testimonial:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
  color: #F0EBE5;
  position: absolute;
  top: 18px;
  left: 46%;
  z-index: 99999;
}
.testimonial .testimoial_content {
  padding: 50px 15px 0;
  margin-bottom: 30px;
  border: 1px solid #663A1E;
  font-size: 16px;
  background: #663A1E;
  line-height: 30px;
  position: relative;
  border-radius: 5px;
}
.testimonial .description:before{
  content: "";
  border-top: 15px solid #663A1E;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
}
.testimonial .testimoial_content p{
  font-size: 15px;
  line-height: 24px;
  color: #F0EBE5CC;
  font-family: "Lato";
  font-weight: 400;
  text-align: center;
  padding: 5px 21px;
  font-style: italic;
}
.testimonial .pic{
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-bottom: 15px;
}
.testimonial .pic img{
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.testimonial .title{
  font-size: 18px;
  line-height: 24px;
  color: #F0EBE5;
  font-family: "lora";
  font-weight: 400;
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width:767px){
 .container {
    width: unset !important;
}
.about-content {
    width: 100%;
}
.leaf-one{
  display: none;
}
.leaf-two{
  display: none;
}
.leaf-three{
  display: none;
}
.leaf-four{
  display: none;
}
.leaf-five{
  display: none;
}
.leaf-six{
  display: none;
}
.leaf-seven{
  display: none;
}
#category .tab .nav-tabs {
  display: grid;
}
.about-content {
  left: 0%;
}
.hed-btn a {
    padding: 10px 4px !important;
    font-size: 11px;
}
.top-left-content {
    justify-content: center;
}
.top-txt {
  text-align: center;
  line-height: 30px;
}
.hed-box {
  align-items: center;
  justify-content: center;
}
#slider h4 {
  text-align: center;
  width: 100%;
}
#slider p {
  text-align: center;
  width: 100%;
}
.banner-cup-img{
  padding-top: 3em;
}
.banner-btn-box {
  justify-content: center;
}
.home_contact_form input[type="submit"] {
    font-size: 14px;
}
.counter {
  width: 285px !important;
}
.counter .counter-content {
  padding: 10px 5px 10px 125px !important;
}
.counter-content:before{
  display: none;
}
.banner h6.phone{
  text-align: center;
}
.banner .phone-txt{
  text-align: center;
}
}