/*
Theme Name: Tanawul Bakery
Theme URI: https://www.themescaliber.com/products/free-bakery-shop-wordpress-theme
Author: ThemesEye
Author URI: https://www.themescaliber.com/
Description: Tanawul Bakery is known for its exemplary design and is a fascinating theme for websites related to bakery. It is also a good theme for the beverage parlours and juice centers. It is applicable to food joints as well as various businesses related to the hospitality industry like bakery, recepie blog, baking lessons, coffee shop, bakers, cafe, cook, dessert, confectionery, bread-or-cake-or-biscuit-factory, bakehouse, fast dood chain, burger, muffin pastry shop, coffee shop, restaurant, Raw Wheat, balkava, muffins, Golden Flour, Natures Gifts Bakery, Bread & Butter, cakery, candy shop, ice cream parlour, Piece of Cake, food blogger, cake shop and many more. Because of the optimised codes and its SEO friendly nature, your website has the chance to rank high on Google as well as various other search engines. Tanawul Bakery Theme is known for its user friendly nature and as a result, you will make bakery or food chain website that is not only visually stunning but interactive as well. It has multiple useful sections like the product section, Threaded Comments, testimonial section, team section, banner, CTA it also has option to add custom colors and much more. Apart from that, it has the complete compatibility with WooCommerce permitting you to open online shop and get set to become an international brand with the passage of time. This theme has passed multiple tests for speed optimization as well as fast page loading. Apart from that, it has a safe and clean code. This is a translation ready theme keeping in mind the global customers and has been designed with the prime focus on visitor engagement. Demo: https://preview.themescaliber.com/tc-bakery-shop-pro/
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.4.6
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: tanawul-bakery
Tags: left-sidebar, right-sidebar, one-column, two-columns, grid-layout, block-styles, flexible-header, wide-blocks, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, rtl-language-support, post-formats, theme-options, threaded-comments, translation-ready, blog, food-and-drink, e-commerce
*/

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  overflow-x: hidden;
  font-family: "Courgette", cursive;
}
p {
  color: #707070;
  line-height: 2;
  font-size: 15px;
  font-weight: normal;
  font-family: "Varela", sans-serif;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: #000;
}
a:active,
a:hover {
  outline-width: 0;
  text-decoration: none;
}
.entry-audio audio {
  width: 100%;
}
audio,
video {
  display: inline-block;
}
/*wide block*/
.alignwide {
  margin-left: -80px;
  margin-right: -80px;
}
.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}
.alignfull img {
  width: 100vw;
}
/*----------- Alignments ------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*----------- Forms ---------------*/
label {
  display: inline-block;
  font-weight: 800;
  margin-bottom: 0.5em;
}
#sidebox label,
.site-footer label {
  display: block;
  font-weight: 800;
  margin-bottom: 0.5em;
}
fieldset {
  margin-bottom: 1em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  background: #fff;
  background-image: -webkit-linear-gradient(
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0)
  );
  border: 1px solid #bbb;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  padding: 0.7em;
  width: 100%;
}
select {
  border: 1px solid #bbb;
  padding: 10px;
  max-width: 100%;
  background: transparent;
}
button,
input[type="button"],
input[type="submit"] {
  background-color: #fa605a;
  border: 0;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  padding: 15px 20px;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
/*-------------- Lists -------------------*/
ul,
ol {
  margin: 0;
  padding: 0;
}
ol {
  list-style: decimal;
}
.site-footer ul,
#sidebox ul {
  list-style: none;
}
/*-------------------- Tables ---------------------*/
table {
  border-collapse: collapse;
  width: 100%;
}
thead th {
  border-bottom: 2px solid #bbb;
  padding-bottom: 0.5em;
}
th {
  padding: 0.4em;
  text-align: left;
}
tr {
  border-bottom: 1px solid #eee;
}
td {
  padding: 0.4em;
}
th:first-child,
td:first-child {
  padding-left: 0;
}
th:last-child,
td:last-child {
  padding-right: 0;
}
/*--------------------- Links ----------------------*/
a {
  color: #fa605a;
  text-decoration: none;
}
a:focus,
input:focus,
textarea:focus,
button:focus,
.social-icon a:focus,
.woocommerce form .form-row input:focus.input-text,
.menu-toggle:focus,
.dropdown-toggle:focus,
.menu-scroll-down:focus,
.woocommerce form .form-row textarea:focus {
  outline: 2px solid #007cba !important;
  border-bottom: 1px solid #000 !important;
}
.site-footer .widget-area a:focus,
.social-icon a:focus,
.topbar a:focus,
.site-footer .widget-area a:focus {
  border-bottom: 1px solid #fff !important;
}
.topbar a:focus,
.site-footer .widget-area a:focus,
.site-footer input[type="search"]:focus,
.site-footer button.search-submit:focus {
  outline: 2px solid #ffff00 !important;
}
a:hover,
a:active {
  color: #000;
  outline: 0;
}
/*404 page*/
.page-content label {
  display: inline-block;
}
.page-content .search-form .search-submit {
  position: static;
  font-size: 18px;
}

.search-form button.search-submit:hover {
  color: #fff;
  background: #1a7e83;
}
/*--------------- Navigation -----------------------*/
.navigation-top a {
  color: #323c47;
  font-weight: 600;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.main-navigation {
  clear: both;
  display: block;
  color: #fa605a;
  padding-top: 10px;
}
.main-navigation ul {
  list-style: none;
  padding: 0 1.5em;
  text-align: left;
}
.main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
  display: none;
}
.main-navigation > div > ul {
  border-top: 1px solid #eee;
  padding: 0.75em 1.695em;
}
.main-navigation.toggled-on > div > ul {
  display: block;
}
.main-navigation ul ul {
  padding: 0 0 0 1.5em;
}
.main-navigation ul ul.toggled-on {
  display: block;
}
.main-navigation ul ul a {
  letter-spacing: 0;
  padding: 0.4em 0;
  position: relative;
  text-transform: none;
}
.main-navigation li {
  border-bottom: 1px solid #eee;
  position: relative;
}
.main-navigation li li,
.main-navigation li:last-child {
  border: 0;
}
.main-navigation a {
  display: block;
  padding: 0.5em 0;
  text-decoration: none;
}
/* Menu toggle */
.menu-toggle {
  background-color: transparent;
  color: #222;
  display: none;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
  text-shadow: none;
}
.menu-toggle,
.main-navigation.toggled-on ul.nav-menu {
  display: block;
}
.menu-toggle:hover,
.menu-toggle:focus {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Dropdown Toggle */
.dropdown-toggle {
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #222;
  display: block;
  font-size: 16px;
  right: -0.5em;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0.5em;
  position: absolute;
  text-shadow: none;
  top: 0;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
  background: transparent;
}
.dropdown-toggle.toggled-on .icon {
  -ms-transform: rotate(-180deg); /* IE 9 */
  -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
  transform: rotate(-180deg);
}
/* Scroll down arrow */
.site-header .menu-scroll-down {
  display: none;
}
/*preloader*/
.elementor-html #pre-loader {
  display: none;
}
#pre-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  overflow: hidden;
  background: #000;
  box-shadow: inset 0px 0px 90px rgba(0, 0, 0, 0.5);
}
.demo {
  width: 100px;
  height: 102px;
  border-radius: 100%;
  position: absolute;
  top: 45%;
  left: calc(50% - 50px);
  z-index: 999999;
}
.circle {
  width: 100%;
  height: 100%;
  position: absolute;
}
.circle .inner {
  width: 80%;
  height: 100%;
  border-radius: 100%;
  border: 4px solid rgba(255, 255, 255, 0.7);
  border-right: none;
  border-top: none;
  background-clip: padding;
  box-shadow: inset 0px 0px 10px rgba(236, 249, 245, 0.15);
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.circle:nth-of-type(0) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.circle:nth-of-type(0) .inner {
  -webkit-animation: spin 0s infinite linear;
  animation: spin 0s infinite linear;
}
.circle:nth-of-type(1) {
  -webkit-transform: rotate(70deg);
  transform: rotate(70deg);
}
.circle:nth-of-type(1) .inner {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
.circle:nth-of-type(2) {
  -webkit-transform: rotate(140deg);
  transform: rotate(140deg);
}
.circle:nth-of-type(2) .inner {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
.demo {
  -webkit-animation: spin 5s infinite linear;
  animation: spin 5s infinite linear;
}
/*----------- Header ----------------*/
.page-template-home-custom #masthead {
  position: absolute;
  width: 100%;
  z-index: 999;
  padding: 0 !important;
  left: 0;
  background: transparent;
}
#masthead {
  background: #1a7e83;
}
.responsive {
  display: none;
}
.header-menu {
  background: #fa605a;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.contact-detail i,
.topbar a.email:hover,
.topbar a.call:hover {
  color: #fa605a;
}
.social-icon i {
  padding: 10px;
  color: #2d2d2d;
  background: #fff;
  border-radius: 50%;
  font-size: 13px;
  margin-left: 5px;
}
.social-icon i:hover {
  color: #fff;
  background: #fa605a;
}
.social-icon i.fab.fa-facebook-f {
  padding: 10px 13px;
}
.social-icon i.fab.fa-google-plus-g {
  padding: 10px 8px;
}
.social-icon i.fab.fa-linkedin-in {
  padding: 10px 11px;
}
.social-icon i.fab.fa-youtube {
  padding: 10px 9px;
}
img.header-updesign {
  width: 100%;
}
img.header-downdesign {
  margin-top: -6px;
  position: relative;
  z-index: 99;
  width: 100%;
}
.logo-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  left: 0;
  z-index: 999;
}
.main-logo {
  position: relative;
}
.logo-text h1 a,
.logo-text p.site-title a {
  color: #fa605a;
}
.logo-text p {
  color: #60666c;
}
.logo-img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 999;
}
.topbar a.email,
.topbar a.call {
  color: #000;
}
.cart_icon i {
  color: #000;
  font-size: 15px;
}
span.cart-value {
  position: absolute;
  top: -14px;
  right: -18px;
  color: #fff;
  font-weight: bold;
  background: #fa605a;
  font-size: 13px;
  border-radius: 50%;
  padding: 2px 8px;
}
li.cart_box {
  list-style: none;
}
/* --------- SLIDER--------- */
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon {
  background: transparent;
}
#slider {
  max-width: 100%;
  background: #fff;
}
#slider img {
  width: 100%;
  opacity: 0.6;
}
#slider .carousel-control-next,
#slider .carousel-control-prev {
  opacity: 1;
  width: 10%;
}
span.carousel-control-prev-icon i:hover,
span.carousel-control-next-icon i:hover {
  color: #fa605a;
}
span.carousel-control-next-icon i,
span.carousel-control-prev-icon i {
  color: #fff;
}
#slider .carousel-caption {
  top: 55%;
  transform: translateY(-50%);
  right: 40%;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: auto;
  height: auto;
}
#slider .inner_carousel h1 {
  color: #1a7e83;
  font-size: 40px;
  font-weight: 500;
}
#slider .inner_carousel p {
  font-size: 16px;
  line-height: 2;
  color: #000;
}
#slider .inner_carousel {
  text-align: left;
}
.readbutton a {
  padding: 12px 25px;
  color: #1a7e83;
  font-size: 16px;
  font-weight: 600;
  background: transparent;
  border-radius: 30px;
  border: 2px dotted;
  display: block;
}
.readbutton span {
  border-radius: 30px;
  border: 2px solid #1a7e83;
  display: inline-block;
}
.readbutton span:hover {
  background: #fa605a;
  color: #fff;
  border-color: #fa605a;
}
.readbutton span:hover a,
#sidebox button {
  background: #fa605a;
  color: #fff;
}

/*----------- Features Section ----------------*/
.title-design {
  display: block;
}
#we-offer h2 {
  font-size: 35px;
  color: #1a7e83;
  font-weight: 500;
}
#we-offer h3 a {
  font-weight: 500;
  color: #1a7e83;
  font-size: 25px;
}
#we-offer p {
  font-size: 17px;
  color: #fa605a;
}
img.footer-design {
  position: relative;
  top: 15px;
}
img.slider-design {
  position: relative;
  top: -20px;
}
#content {
  margin-top: 20px;
}
/* Added Woocommerce css*/
.woocommerce-account .addresses .u-column2 .title .edit,.woocommerce-account .addresses .u-column1 .title .edit{
  float: left;
}
h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  padding-left: 15px !important;
}
.wp-block-woocommerce-cart.alignwide {
  margin-left: auto;
  margin-right: auto;
}
td.wc-block-cart-item__image {
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,
.wc-block-components-totals-item,
.wc-block-components-totals-coupon {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,
.wp-block-woocommerce-cart-order-summary-block {
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
tr.wc-block-cart-items__header th {
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
a.wc-block-components-product-name,
button.wc-block-cart-item__remove-link,
a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button {
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link {
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-totals-coupon__button.contained,
button.wc-block-components-checkout-place-order-button {
  color: #fff;
  border-radius: 0px;
  background: #fa605a;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
  padding-right: 0%;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover {
  background-color: #1a7e83;
}
.wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper {
  padding: 10px;
}
li.wc-block-grid__product {
  border: 1px solid #dcdcdc;
  padding: 10px;
  max-width: 23% !important;
  float: left;
  margin: 10px 15px 40px 0px;
  flex: none !important;
}
.wc-block-grid__product-onsale {
  padding: 12px 8px !important;
  background: #1a7e83 !important;
  color: #fff !important;
  border-color: #1a7e83 !important;
  border-radius: 50px !important;
  font-size: 12px !important;
  top: 0px !important;
  right: 0px !important;
  left: auto !important;
  margin: -0.5em -0.5em 0 0 !important;
}
.wc-block-grid__product-title {
  font-size: 22px !important;
  color: #000 !important;
  font-weight: 600;
}
a.wc-block-grid__product-link {
  text-decoration: none !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
  padding: 6px 10px;
  border-radius: 35px !important;
  font-size: 16px;
  text-decoration: none;
}
span.woocommerce-Price-amount.amount {
  font-size: 16px;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  width: 100% !important;
}
h2.wp-block-heading.has-text-align-center {
  margin: 10px 0;
}

/* Woocommerce */
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce-input-wrapper {
  width: 100%;
}
.posted_in {
  display: block;
  margin-bottom: 10px;
}
.woocommerce div.product form.cart {
  margin-bottom: 1em;
}
.woocommerce span.onsale {
  background: #fa605a;
  padding: 0;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #1a7e83;
  font-weight: 600;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  margin-bottom: 5px;
}
.woocommerce #respond input#submit,
.woocommerce a.added_to_cart.wc-forward,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  color: #1a7e83;
  border: 2px solid;
  border-radius: 25px;
  background: transparent;
}
.woocommerce a.added_to_cart.wc-forward {
  padding: 6px 16px;
  font-weight: 700;
  margin: 10px 0 0 10px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #fa605a;
  border-color: #fa605a;
  color: #fff;
}
a.checkout-button.button.alt.wc-forward {
  border-radius: 35px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 10px;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 10px;
  border-radius: 30px;
  border: solid 1px #000;
  color: #000;
  display: inline-block;
}
.woocommerce .products .star-rating {
  margin: 0 auto 10px;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
  background: #fa605a;
  padding: 12px;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
  font-weight: 500;
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
  max-width: 100%;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a,
.woocommerce-privacy-policy-text a,
.woocommerce td.product-name a,
.woocommerce span.onsale {
  color: #fff;
}
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce-privacy-policy-text a {
  color: #000;
}
.woocommerce-privacy-policy-text p {
  color: #5f5e5e;
}
.woocommerce td.product-name a,
.woocommerce-privacy-policy-text a,
.blogger h2 a:hover,
.related-posts h3 a:hover,
p.logged-in-as a:hover {
  color: #000;
}
.woocommerce button.button:hover {
  background: #fa605a !important;
  border-color: #fa605a;
}
.woocommerce-info a,
.woocommerce-privacy-policy-text a,
.woocommerce-info a,
.woocommerce-MyAccount-content a,
form.woocommerce-shipping-calculator a,
nav.woocommerce-MyAccount-navigation a,
tr.woocommerce-cart-form__cart-item.cart_item a {
  text-decoration: none !important;
}
.woocommerce a.remove {
  color: #df0000 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  font-size: 23px;
}
.woocommerce .related ul.products li.product,
.woocommerce-page .related ul.products li.product {
  width: 29% !important;
  float: none;
  display: inline-table;
}
.select2-container--default .select2-selection--single {
  height: 40px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding: 6px 10px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 6px;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  width: auto;
}
.woocommerce form.login .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  display: block;
  float: none;
}
.woocommerce form.login .form-row input.input-text {
  width: 100%;
}
.woocommerce-Address {
  max-width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  padding: 15px;
  font-size: 15px;
  font-weight: 600;
}
.woocommerce #customer_login .col-1,
.woocommerce #customer_login .col-2 {
  max-width: 100%;
}

.woocommerce-Address-title a{
  font-size: 15px;
  padding: 10px 20px;
  font-weight: 600;
  background-color: #fa605a;
  color: #fff !important;
  display: block;
}
.woocommerce-Address-title a:hover{
 background-color: #1a7e83;
}
/*-------- Woocommerce widget css -----*/
#sidebox .widget_shopping_cart .cart_list li,
#sidebox .widget_shopping_cart .cart_list li {
  padding: 0 0 10px 2em;
  margin-bottom: 10px;
}
#sidebox .widget_shopping_cart .cart_list li a.remove,
#sidebox .widget_shopping_cart .cart_list li a.remove {
  font-size: 20px;
}
.woocommerce.widget ul.cart_list li img,
.woocommerce.widget ul.product_list_widget li img {
  width: 50px;
  height: 50px;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
  margin: 5px 0 8px;
}
.site-footer .woocommerce .widget_shopping_cart .buttons a,
.site-footer .woocommerce.widget_shopping_cart .buttons a,
.site-footer .widget_price_filter .price_slider_amount .button {
  color: #fff;
}
.woocommerce form.woocommerce-product-search button {
  width: 100%;
}
#sidebox .widget_price_filter .ui-slider-horizontal .ui-slider-range,
#sidebox .widget_price_filter .ui-slider .ui-slider-handle,
.site-footer .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.site-footer .widget_price_filter .ui-slider .ui-slider-handle {
  background: #fa605a;
}
#sidebox .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: #1a7e83;
}
.site-footer .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: #fff;
}
.widget .price_label {
  font-size: 15px;
  font-weight: 500;
}
.site-footer .widget .price_label {
  color: #fff;
}
.site-footer .widget_rating_filter ul li {
  padding-bottom: 10px;
}
.site-footer button[type="submit"] {
  background: #fa605a;
  color: #fff;
}
.site-footer button:hover {
  color: #fff;
  background: #1a7e83;
}

/*---- Related post css -----*/
.related-posts {
  padding: 2% 0;
  clear: both;
}
.related-posts .page-box {
  margin: 20px 0;
}
/*----------- Blog Post ----------------*/
.blogger,
.page-box {
  text-align: left;
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
}
.blogger h1 {
  margin: 10px 0;
}
.category a {
  text-transform: uppercase;
  font-size: 13px;
  color: #707070;
  padding-bottom: 3px;
}
.singlebox .category ul li a{
  background: #fa605a;
  color: #ffffff;
  padding: 10px;
  border-radius: 25px;
}
.singlebox .category ul li a:hover {
  color: #1a7e83;
}
.blogger h2,
.related-posts h3 {
  font-size: 25px;
  padding: 10px 0;
  margin: 0;
  font-weight: 700;
}
.blogger h2 a,
.related-posts h3 a,
.main-navigation a:hover,
.post-info span a:hover,
.entry-date:hover a,
.entry-date:hover i,
.entry-author:hover a,
.entry-author:hover i {
  color: #1a7e83;
}
.blogger p {
  font-size: 15px;
  margin: 0;
  line-height: 1.8;
}
.blogger .tags p a {
  margin: 5px;
}
.post-link {
  margin: 20px 0;
  text-align: right;
}
.related-posts .post-link {
  text-align: center;
}
.post-link a {
  font-size: 15px;
  color: #1a7e83;
  font-weight: 600;
  padding: 8px 15px;
  border-radius: 25px;
  background: transparent;
  border: 2px dotted;
  display: block;
}
.post-link span {
  padding: 4px;
  border-radius: 25px;
  border: 2px solid #1a7e83;
  display: inline-block;
}
.post-link span:hover {
  background: #fa605a;
  color: #fff;
  border: 2px solid #fa605a;
}
.post-link span:hover a {
  background: #fa605a;
  color: #fff;
}
p.logged-in-as a {
  color: #fa605a;
}
.post-navigation .nav-next a {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #fa605a;
  padding: 7px 30px 7px 20px;
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.post-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover,
.cart_icon i:hover {
  color: #fff;
  background: #1a7e83;
}
.post-navigation .nav-previous a {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #fa605a;
  padding: 7px 20px 7px 30px;
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%);
}
.tags i {
  font-size: 20px;
  color: #fa605a;
  margin-right: 10px;
}
.tags p a {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #fa605a;
  padding: 2px 20px 2px 10px;
  margin-right: 10px;
  clip-path: polygon(0% 0%, 75% 0%, 100% 51%, 75% 100%, 0% 100%);
}
.tags p a:hover,
.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover,
#sidebox button:hover {
  color: #fff;
  background: #1a7e83;
}
.tags {
  padding: 20px 0;
}
.page-template-home-custom #content {
  margin: 0;
}
.singlebox .category {
  margin-bottom: 10px;
}
.post-info {
  font-size: 16px;
  text-align: left;
  background: #fa605a;
  padding: 5px 10px;
  margin: 10px 0;
  border-radius: 25px;
  color: #fff;
}
.related-posts .post-info {
  padding: 0px;
}
.post-info i {
  color: #fff;
  margin-right: 10px;
}
.post-info span a,
.entry-comments {
  margin-right: 2%;
  color: #fff;
}
.post-info span {
  font-size: 16px;
}
.blogger.singlebox .text a {
  text-decoration: underline;
}
span.entry-comments {
  color: #fff;
}
.text p a,
.text a,
.comment-body p a,
.woocommerce-product-details__short-description p a,
.woocommerce-tabs p a {
  text-decoration: underline;
}
.text code {
  color: #fa605a;
}
.blogger .post-image img{
  max-height: 400px;
  width: 400px;
  object-fit: cover;
}
.singlebox .single-post-image img{
  height: 500px;
  width: 500px;
  object-fit: cover;
}
/*----------- Sidebar ----------------*/
#sidebox {
  margin-top: 10px;
}
#sidebox h3 {
  background: #fa605a;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: 28px;
  padding: 12px 0;
  margin-bottom: 10px;
}
.site-footer .wp-block-heading,
.site-footer .wp-block-search__label,
.site-footer h3 {
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  border-bottom: 1px solid #fff;
  padding: 15px 0;
  margin-bottom: 15px;
}
#sidebox ul li {
  font-size: 15px;
  border-top: none;
  padding: 10px 0;
  border-bottom: 1px solid;
}
#sidebox ul li:last-child {
  border: none;
}
.site-footer ul li {
  font-size: 15px;
  border-top: none;
  padding-bottom: 6px;
  color: #fff;
}
#sidebox ul li a {
  color: #222;
  font-size: 14px;
  text-transform: capitalize;
}
#sidebox ul li a:hover {
  color: #fa605a;
}
#sidebox caption {
  color: #000;
}
#sidebox .textwidget p a {
  text-decoration: underline;
}
.site-footer ul li a {
  color: #fff;
  font-size: 17px;
}
#sidebox .tagcloud a,
.site-footer .tagcloud a {
  display: inline-block !important;
  padding: 12px;
  font-size: 15px !important;
  margin: 3px;
  color: #000;
}
#sidebox .tagcloud a:hover {
  color: #fff;
}
#sidebox .tagcloud a {
  padding: 7px;
  margin: 2px;
}
.site-footer .tagcloud a {
  color: #fff;
}
.site-info p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 0;
  text-align: center;
}
.site-info a {
  color: #fff;
}
#sidebox input.search-field,
.site-footer input.search-field {
  padding: 10px;
  background: transparent;
  width: 100%;
  border: 1px solid;
  margin-bottom: 5px;
}
#sidebox .search-form .search-submit,
.site-footer .search-form .search-submit {
  position: static;
  width: 100%;
}
.site-footer input[type="search"],
.site-footer input[type="search"]::placeholder {
  color: #222;
}
#sidebox .search-form button {
  width: 100%;
  padding: 10px;
  border-radius: 3px;
}
#sidebox table#wp-calendar td a {
  color: #000;
}
.site-footer .widget-area select option {
  color: #000;
}
#sidebox .wp-block-heading,
#sidebox .wp-block-search__label {
  background: #fa605a;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: 28px;
  padding: 12px 0;
  margin-bottom: 10px;
}

#sidebox ul li::before {
  content: "" !important;
  font-family: 'FontAwesome' !important;
  margin-right: 10px !important;
  height: 5px !important;
  width: 5px !important;
  background: #fa605a !important;
  margin-bottom: 6px;
  display: inline-block !important;
  transform: rotate(45deg);
}
#sidebox ul li:hover{
  margin-left: 10px;
  transition: 0.5s;
}

/* Site branding */
.site-title {
  clear: none;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.25;
}
.site-title,
.site-title a {
  color: #fff;
  font-size: 30px;
  font-family: inherit;
}
.site-description {
  color: #60666c;
  font-size: 13px;
  font-family: inherit;
}
/*------------ Posts -------------------*/
.page .panel-content .entry-title,
.page-title,
.page:not(.tanawul-bakery-front-page) .entry-title {
  color: #1a7e83;
  font-size: 30px;
  font-weight: 700;
}

/*post pagination*/
.nav-links .nav-previous a {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #fa605a;
  padding: 10px 15px 10px 20px;
  margin-right: 10px;
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%);
  border: none;
}
.nav-links .nav-next a {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #fa605a;
  padding: 10px 23px 10px 20px;
  margin-right: 10px;
  clip-path: polygon(0% 0%, 75% 0%, 100% 51%, 75% 100%, 0% 100%);
  border: none;
}
.nav-previous {
  float: left;
  width: 50%;
  font-size: 15px;
}
.nav-next {
  float: right;
  font-size: 15px;
}
.pagination,
.comments-pagination {
  border-top: 1px solid #eee;
  font-size: 14px;
  font-weight: 800;
  padding: 2em 0 3em;
  text-align: center;
}
.comments-pagination {
  border: 0;
}
.pagination,
.comments-pagination {
  border-top: 1px solid #eee;
  font-size: 14px;
  font-weight: 800;
  padding: 2em 0 3em;
  text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
  width: 0.666666666em;
  height: 0.666666666em;
}
.comments-pagination {
  border: 0;
}
.page-numbers {
  display: none;
  padding: 8px;
  background: #fa605a;
  color: #fff;
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  border-bottom: none;
  padding-bottom: none;
}
.page-numbers:hover,
.prev.page-numbers:hover {
  background: #1a7e83;
  color: #fff;
}
.page-numbers.current {
  display: inline-block;
}
.prev.page-numbers,
.next.page-numbers {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  font-size: 24px;
  line-height: 1;
  padding: 0.25em 0.5em 0.4em;
}
.prev.page-numbers,
.next.page-numbers {
  -webkit-transition: background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
    color 0.3s ease-in-out;
}
.prev.page-numbers {
  padding: 13px;
  font-size: 13px;
  border-radius: none;
}
.next.page-numbers {
  font-size: 13px;
  padding: 13px;
  border-radius: 0px;
}
nav h2.screen-reader-text {
  display: none;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
/* Single Post */
.page-links {
  font-size: 14px;
  font-weight: 800;
  padding: 2em 0 3em;
}
.page-links .page-number {
  color: #767676;
  display: inline-block;
  padding: 0.5em 1em;
}
.page-links a {
  display: inline-block;
}
.page-links a .page-number {
  color: #222;
}
/* Entry footer */
.scrollup {
  display: none;
}
.scrollup i {
  position: fixed;
  bottom: 70px;
  right: 35px;
  font-size: 25px;
  padding: 12px 17px;
  border: solid 2px #fa605a;
  background: #fa605a;
  z-index: 999;
  color: #fff;
}
.scrollup.left i {
  left: 35px;
  right: auto;
}
.scrollup.center i {
  left: 50%;
  right: auto;
}
/* Post Navigation */
.post-navigation {
  font-weight: 800;
  margin: 3em 0;
}
.post-navigation .nav-links {
  padding: 1em 0;
}
.nav-subtitle {
  background: transparent;
  color: #fff;
  display: block;
  font-size: 15px;
}
.nav-title {
  color: #333;
  font-size: 15px;
}
.post-navigation .nav-next {
  margin-top: 0;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
  margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
  margin-left: 0.5em;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/*------------ Footer ---------------*/
button.search-submit:hover {
  background: #fa605a;
}
.site-footer ul li a:hover {
  color: #fa605a !important;
}
.site-footer {
  background: #1a7e83;
}
.site-footer .comment-content p a,
.site-footer .textwidget .text p a {
  color: #fff;
  text-decoration: underline;
}
.site-footer li a {
  color: #000;
}
.site-footer li {
  color: #707070;
}
/* Footer widgets */
.search-form .search-submit {
  padding: 12px;
  font-size: 18px;
  font-weight: 600;
}
.search-form button.search-submit {
  background: #fa605a;
  color: #fff;
}
.widget-area p,
.widget-area label,
.widget-area select,
.widget-area td,
.widget-area td a,
.widget-area caption,
.widget-area th {
  color: #000;
}
.site-footer .widget-area .textwidget p a {
  text-decoration: underline;
  color: #fff;
}
.site-footer .widget-area p,
.site-footer .widget-area label,
.site-footer .widget-area td,
.site-footer .widget-area td a,
.site-footer .widget-area caption,
.site-footer .widget-area th {
  color: #fff;
  font-size: 15px;
}
.widget_calendar td,
.widget_calendar tfoot td,
.widget_calendar th,
td#prev,
td#next {
  border: 1px solid !important;
}
.site-footer .widget-area select,
.widget-area button.search-submit {
  color: #fff;
}
button.search-submit {
  background: #000;
  color: #fff;
}
.copyright {
  background: #fa605a;
  padding: 12px 12px 12px 12px;
}
.site-info {
  color: #fff;
}
.footer_text {
  float: right;
}
/*------------- Comments ----------------*/
.comments-title {
  font-size: 20px;
  margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
  margin: 0;
  padding-left: 20px;
}
.comment-list li:before {
  display: none;
}
.comment-body {
  margin-left: 65px;
}
.comment-author {
  font-size: 20px;
  margin-bottom: 0.4em;
  position: relative;
  z-index: 2;
}
.comment-author .avatar {
  height: 50px;
  left: -65px;
  position: absolute;
  width: 50px;
}
.comment-author .says {
  display: none;
}
.comment-meta {
  margin-bottom: 10px;
}
.comment-metadata {
  color: #767676;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.comment-metadata a {
  color: #767676;
  font-size: 15px;
  text-transform: capitalize;
}
.comment-metadata a.comment-edit-link {
  color: #222;
  margin-left: 1em;
}
.comment-body {
  color: #333;
  font-size: 14px;
  margin-bottom: 4em;
}
.comment-reply-link {
  font-weight: 600;
  position: relative;
  padding: 10px;
  color: #fff;
  background: #fa605a;
  margin: 10px 0;
}
.comment-reply-link:hover {
  background: #1a7e83;
  color: #fff;
}
.comment-reply-link .icon {
  color: #222;
  left: -2em;
  height: 1em;
  position: absolute;
  top: 0;
  width: 1em;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
  border: 1px solid #333;
  padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
  color: #767676;
  font-size: 14px;
  font-style: italic;
}
.comments-pagination {
  margin: 2em 0 3em;
}
.form-submit {
  text-align: right;
}
p.comment-form-cookies-consent label {
  display: inline-block;
}
/*---------------- Widgets ---------------*/
#secondary {
  padding: 1em 0 2em;
}
#sidebox .widget {
  border: 1px solid #1a7e83;
  margin-bottom: 6%;
  padding: 10px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.widget-title a {
  color: inherit;
}
.widget select {
  width: 100%;
}
.widget ul.menu {
  list-style: none;
  margin: 0;
  background: none;
}
.widget ul.menu ul {
  list-style: none;
  margin: 0;
  background: none;
}
.widget ul li ul {
  margin: 0 0 -1px;
  padding: 0;
  position: relative;
}
.widget ul li li {
  border: 0;
}
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
  bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
  padding-bottom: 0.25em;
  padding-top: 0.25em;
}
.widget .post-date,
.widget .rss-date {
  font-size: 0.81em;
}
.site-footer .widget_rss li cite,
.site-footer .widget_rss .rss-date {
  color: #fff;
  font-size: 16px;
}
.widget_rss .rss-date,
.widget_rss li cite {
  display: block;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.5;
}
.widget_rss .rss-date {
  margin: 0.5em 0 1.5em;
  padding: 0;
}
.site-footer .widget_rss .rssSummary {
  color: #fff;
  margin-bottom: 0.5em;
  font-size: 16px;
}
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
  border: 0;
}
.widget_recent_entries .post-date {
  display: block;
}
/* Search */
.search-form {
  position: relative;
}
.search-form .search-submit .icon {
  height: 24px;
  top: -2px;
  width: 24px;
}
/* Tag cloud widget */
.tagcloud ul li {
  float: left;
  border-top: 0;
  border-bottom: 0;
  padding: 0;
  margin: 4px 4px 0 0;
}
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
  line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  padding: 4px 10px 5px;
  position: relative;
  -webkit-transition: background-color 0.2s ease-in-out,
    border-color 0.2s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
    color 0.3s ease-in-out;
  width: auto;
  word-wrap: break-word;
  z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
  background: #fa605a;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
.widget_calendar th,
.widget_calendar td {
  text-align: center;
}
.widget_calendar tfoot td {
  border: 0;
}
/* clearing float pagination */
.page-links .post-page-numbers {
  padding: 8px;
  background: #fa605a;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  border-bottom: none;
  margin: 4px;
}
.page-links .post-page-numbers.current,
.page-links a:hover {
  background: #1a7e83;
}
/* cover block page img alignment */
.singlebox h1,
.blogger h2 {
  word-wrap: break-word;
}
.singlebox .alignwide {
  margin-left: auto;
  margin-right: auto;
}
.singlebox .alignfull {
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  margin: 0;
  padding: 0;
  font-size: 13px;
  max-width: 100%;
}
/* blog title */
.singlebox h1,
.blogger h2 {
  word-wrap: break-word;
}

/* social icons */
.site-info .align-self-center {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.site-info .socialicons a {
  color: #fff !important;
  font-size: 16px;
  padding: 5px 8px;
  cursor: pointer;
}

/*-------------------- Media ----------------*/
img,
video {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}
img.alignleft,
img.alignright {
  float: none;
  margin: 0;
}
iframe {
  width: 100%;
}
.blogger ul.post-categories {
  margin-top: 20px;
  list-style: none;
}
/* Breadcrumb */
.breadcrumb {
  padding: 30px 0;
}
.breadcrumb a {
  background: #fa605a;
  padding: 5px 15px;
  margin: 5px;
  color: #fff;
  display: inline-block;
}
.breadcrumb a:hover {
  background: #1a7e83;
  color: #fff;
}
.breadcrumb span {
  background: #fa605a;
  color: #fff;
  padding: 5px 15px;
  display: inline-block;
  margin: 5px;
}
.breadcrumb span:hover {
  background: #1a7e83;
  color: #fff;
}

/*---------------- Media Queries ---------------*/
@media screen and (max-width: 720px) and (min-width: 320px) {
  .readbutton a {
    padding: 5px 15px;
  }
  .page-template-home-custom #masthead {
    position: static;
    background: #1a7e83;
  }
  .alignwide {
    margin-left: 0;
    margin-right: 0;
  }
  .logo-img {
    position: static;
    transform: none;
  }
  img.header-updesign {
    margin-top: 5px;
  }
  img.header-downdesign {
    margin-top: -28px;
  }
  .main-navigation.toggled-on > div > ul {
    background-color: #fa605a;
  }
  .navigation-top a {
    color: #fff;
  }
  img.footer-design {
    top: 9px;
  }
  .header-menu .main-navigation {
    display: none;
  }
  .responsive {
    display: block;
  }
  .topbar,
  .logo-img,
  .logo-text,
  .social-icon,
  #slider .inner_carousel {
    text-align: center;
  }
  .logo-text {
    position: static;
    transform: none;
  }
  .logo-text h1 a {
    color: #fa605a;
    font-size: 25px;
  }
  #we-offer hr {
    width: 10%;
  }
  #slider .carousel-caption {
    right: 15%;
  }
  #slider .carousel-control-prev {
    right: 21%;
  }
  #slider .carousel-control-next {
    right: 0;
    left: auto;
  }
  #slider .carousel-control-prev {
    left: 0;
  }
  #slider .carousel-control-next,
  #slider .carousel-control-prev {
    width: 15%;
    top: 0;
  }
  .site-footer .search-form .search-submit {
    padding: 13px;
  }
  .main-navigation ul ul li a,
  .dropdown-toggle {
    color: #fff !important;
  }
  .main-navigation li {
    border: none;
  }
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product,
  .woocommerce form.login .form-row input.input-text {
    width: 100% !important;
  }
  #slider img {
    height: auto !important;
  }
  #slider .carousel-caption {
    text-align: center !important;
    top: 0%;
    transform: translateY(0%);
  }
}
@media screen and (min-width: 20em) {
  .customize-partial-edit-shortcuts-shown .site-header .site-title {
    padding-left: 0;
  }
  button.menu-toggle {
    border: solid 1px;
  }
}
@media screen and (max-width: 30em) {
  #slider .inner_carousel p {
    display: none;
  }
  #slider .inner_carousel h1 {
    font-size: 20px;
  }
  .custom-logo-link {
    float: none;
  }
  .page-template-home-custom .main-header {
    position: static;
    padding: 18px 0;
  }
  img.alignleft {
    float: left;
    margin-right: 1.5em;
  }
  img.alignright {
    float: right;
    margin-left: 1.5em;
  }
  .page-numbers.current,
  .site-footer {
    font-size: 16px;
  }
  .widget_calendar th,
  .widget_calendar td {
    padding: 3px;
  }
}
@media screen and (max-width: 1030px) and (min-width: 1000px) {
  .topbar a.call {
    font-size: 14px;
  }
  #slider .inner_carousel h1 {
    font-size: 35px;
  }
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
  img.header-downdesign {
    margin-top: -10px;
  }
  .main-navigation a {
    padding: 15px 10px !important;
  }
  #slider .carousel-caption {
    top: 56%;
  }
  .logo-text {
    width: 150px;
    height: 150px;
  }
  .logo-text h1 {
    font-size: 25px;
  }
}
@media screen and (min-width: 48em) {
  h2,
  .home.blog .entry-title,
  .page .panel-content .recent-posts .entry-title {
    font-size: 26px;
  }
  .navigation-top a {
    color: #fff;
  }
  .site-title {
    font-size: 36px;
  }
  .site-description {
    font-size: 14px;
    color: #fff;
  }
  .navigation-top {
    bottom: 0;
    font-size: 14px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
  }
  .navigation-top .wrap {
    max-width: 1000px;
  }
  .navigation-top nav {
    margin-left: -1.25em;
  }
  .site-navigation-fixed.navigation-top {
    bottom: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  .admin-bar .site-navigation-fixed.navigation-top {
    top: 32px;
  }
  .menu-toggle,
  .dropdown-toggle {
    display: none;
  }
  .main-navigation {
    width: auto;
  }
  .main-navigation ul,
  .main-navigation ul ul,
  .main-navigation > div > ul {
    display: block;
  }
  .main-navigation ul {
    background: transparent;
    padding: 0;
  }
  .main-navigation > div > ul {
    border: 0;
    margin-bottom: 0;
    padding: 0;
  }
  .main-navigation li {
    border: 0;
    display: inline-block;
  }
  .main-navigation li li {
    display: block;
    padding: 0;
  }
  .main-navigation a {
    padding: 14px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border-bottom: none;
  }
  .main-navigation ul ul {
    background: #fff;
    left: -999em;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 99999;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
  }
  .main-navigation ul li.menu-item-has-children:before,
  .main-navigation ul li.menu-item-has-children:after,
  .main-navigation ul li.page_item_has_children:before,
  .main-navigation ul li.page_item_has_children:after {
    border-style: solid;
    border-width: 0 6px 6px;
    content: "";
    display: none;
    height: 0;
    position: absolute;
    right: 1em;
    bottom: -1px;
    width: 0;
    z-index: 100000;
  }
  .main-navigation ul li.menu-item-has-children:before,
  .main-navigation ul li.page_item_has_children:before {
    border-color: transparent transparent #bbb;
    bottom: 0;
  }
  .main-navigation ul li.menu-item-has-children:after,
  .main-navigation ul li.page_item_has_children:after {
    border-color: transparent transparent #fff;
  }
  .main-navigation ul ul li:hover > ul,
  .main-navigation ul ul li.focus > ul {
    left: 100%;
    right: auto;
    top: -1px;
  }
  .main-navigation ul ul a {
    padding: 0.75em 1.25em;
    width: 14em;
  }
  .main-navigation li li {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
  }
  .main-navigation li li a {
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
  }
  .main-navigation li li:focus > a,
  .main-navigation li li:hover > a {
    color: #1a7e83;
  }
  .main-navigation ul li:hover > ul,
  .main-navigation ul li.focus > ul {
    left: 0.5em;
    right: auto;
  }
  .main-navigation .menu-item-has-children > a > .icon,
  .main-navigation .page_item_has_children > a > .icon {
    display: inline;
    left: 5px;
    position: relative;
    top: -1px;
  }
  .main-navigation ul ul .menu-item-has-children > a > .icon,
  .main-navigation ul ul .page_item_has_children > a > .icon {
    margin-top: -9px;
    left: auto;
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -ms-transform: rotate(-90deg); /* IE 9 */
    transform: rotate(-90deg);
  }
  .main-navigation ul ul ul {
    left: -999em;
    top: 0;
  }
  .main-navigation ul ul li a {
    color: #1a7e83;
    border-bottom: 2px dashed #dfdfdf;
  }
  .main-navigation ul ul li:hover {
    border-left: 4px solid #1a7e83;
  }
  .site-header .site-navigation-fixed .menu-scroll-down,
  .main-navigation ul ul li.menu-item-has-children.focus:before,
  .main-navigation ul ul li.menu-item-has-children:hover:before,
  .main-navigation ul ul li.menu-item-has-children.focus:after,
  .main-navigation ul ul li.menu-item-has-children:hover:after,
  .main-navigation ul ul li.page_item_has_children.focus:before,
  .main-navigation ul ul li.page_item_has_children:hover:before,
  .main-navigation ul ul li.page_item_has_children.focus:after,
  .main-navigation ul ul li.page_item_has_children:hover:after {
    display: none;
  }
  .header-menu .menu-item-has-children a:after {
    content: "\f078";
    font-weight: 900;
    font-family: "Font Awesome 7 Free";
    padding: 10px;
    font-size: 12px;
  }
  .header-menu ul.sub-menu li:not(.menu-item-has-children) a:after {
    content: none;
  }
  .header-menu ul.sub-menu .menu-item-has-children a:after {
    content: "\f054";
    font-weight: 900;
    font-family: "Font Awesome 7 Free";
    padding: 10px;
    font-size: 12px;
    right: 0;
    top: 5px;
    position: absolute;
  }

  /* Posts */
  .single-post .entry-title,
  .page .entry-title {
    font-size: 26px;
  }
  .comments-pagination,
  .post-navigation {
    clear: both;
  }
  .post-navigation .nav-previous {
    float: left;
    width: 50%;
  }
  .post-navigation .nav-next {
    text-align: right;
  }
  .nav-next,
  .post-navigation .nav-next {
    margin-top: 0;
  }
  .navigation.pagination {
    clear: both;
  }
  ol.children .children {
    padding-left: 2em;
  }
  .nav-links .nav-title {
    position: relative;
  }
  .nav-title-icon-wrapper {
    position: absolute;
    text-align: center;
    width: 2em;
  }
  .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
    left: -2em;
  }
  .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
    right: -2em;
  }
  #secondary {
    font-size: 14px;
    line-height: 1.6;
  }
  .site-footer {
    font-size: 14px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 67em) {
  .navigation-top .wrap {
    padding: 0;
  }
  .navigation-top nav {
    margin-left: 0;
  }
  .page-numbers {
    display: inline-block;
  }
  .page-numbers.current {
    font-size: 15px;
  }
}
@media screen and (max-width: 48.875em) and (min-width: 48em) {
  .admin-bar .site-navigation-fixed.navigation-top,
  .admin-bar .site-navigation-hidden.navigation-top {
    top: 46px;
  }
  h1.site-title {
    line-height: 0.7;
  }
  td,
  th {
    padding: 0px;
  }
  .site-title a {
    font-size: 20px;
  }
}
@media screen and (min-width: 720px) and (max-width: 768px) {
  .alignwide {
    margin-left: -25px;
    margin-right: -25px;
  }
  img.footer-design {
    top: 10px;
  }
  .logo-img {
    position: static;
    transform: none;
  }
  .logo-text {
    width: 140px;
    height: 140px;
    left: -30px;
  }
  .logo-text h1 {
    font-size: 20px;
  }
  .main-navigation a {
    padding: 10px 15px;
  }
  .site-description {
    font-size: 13px;
  }
  #slider .inner_carousel p {
    display: none;
  }
  #slider .inner_carousel h1 {
    font-size: 35px;
  }
  img.header-downdesign {
    margin-top: -16px;
  }
  #slider .carousel-caption {
    top: 50%;
  }
  .page-template-home-custom #masthead {
    position: static;
    background: #1a7e83;
    padding-bottom: 2em !important;
  }
  .main-navigation li {
    padding: 0;
  }
  .woocommerce .related ul.products li.product,
  .woocommerce-page .related ul.products li.product {
    width: 46% !important;
    float: left !important;
    margin-right: 15px;
  }
  #slider img {
    height: auto !important;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
  li.wc-block-grid__product {
    max-width: 48% !important;
    float: left;
    clear: both;
    margin: 0 1% 2.992em;
    flex: 1 0 48% !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .footer_text {
    float: none;
  }
  .copyright {
    padding: 10px;
    text-align: center;
  }
}
@media screen and (max-width: 720px) {
  tr.wc-block-cart-items__row {
    gap: 0.4em;
  }
  td.wc-block-cart-item__total {
    padding-left: 0px !important;
  }
  li.wc-block-grid__product {
    max-width: 100% !important;
    float: none;
    flex: 100% !important;
  }
  .wc-block-grid__product-onsale {
    right: 0px !important;
    top: 0px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .wp-block-woocommerce-cart.alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
}
