/*
Theme Name: Barbecue Cafeteria Pro
Theme URI: https://www.themagnifico.net/products/barbecue-wordpress-theme/
Author: Themagnifico
Author URI: https://www.themagnifico.net
Description: Barbecue WordPress Theme is a dynamic and feature-rich website template tailored for barbecue restaurants, grill masters, and barbecue enthusiasts. It offers a captivating platform that embodies the essence of smoky grills and mouth watering barbecue dishes, making it the perfect choice for anyone passionate about the world of BBQ. This premium theme caters to a diverse range of users, from barbecue restaurants looking to showcase their delectable menu to grill masters eager to promote their culinary skills and food bloggers sharing their barbecue adventures. The layout and design of this premium theme are thoughtfully created to capture the heart of barbecue culture. With visually engaging elements and enticing images of succulent grilled dishes, it immerses visitors in the smoky world of barbecue. The theme is designed to be responsive, ensuring your website not only looks enticing but also functions seamlessly on various devices, from desktop computers to mobile phones. Premium themes like this one offer advanced features and functionalities that elevate your online presence and effectively convey your passion and commitment to the world of barbeque.
Version: 0.0.3
License: GNU General Public License
License URI: license.txt
Text Domain: barbecue-cafeteria-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

Barbecue Cafeteria Pro WordPress Theme has been created by Themagnifico(themagnifico.net), 2023.
Barbecue Cafeteria 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;
}

img{ 
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}

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:#911d1d;
}

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

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: #911d1d;
}

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

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

section h5{
  color:#911d1d;
  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 #bcbcbc;
  width:100%;
  font-size:16px;
  padding:10px 10px;
  height:auto;
}

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:#911d1d;
}
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;
}