/*
Theme Name: Sayara Automotive
Theme URI: https://www.themescaliber.com/products/free-automotive-wordpress-theme
Author: ThemesEye
Author URI: https://www.themeseye.com/
Description: Sayara Automotive is a competent, versatile, well-structured and powerful automotive WordPress theme for car dealers, automobile manufacturer, car and bike showrooms, cab services, car rentals, ATV and RV manufacturer, car spare parts store, aircrafts manufacturing company, travel trailer, camper, forklifts & lift trucks supplier, auto mechanic, car repair, car wash, handyman, buses, car service, wheels, jalopy, clunker, autoparts, driving school, off road vehicles, wheel dealers, car booking, Heavy Vehicle rental, helicopter services, toe services, tyre repair services, Wheel allignment services, rustbucket, motor mechanic, repair shop, automobile garage, cycles, farming vehicles, electric vehicle, serviceman, car review site, auto dealer, car dealership, car listing, cardealer, modern, drivers, liscence, motors, second hand car seller, snow motorcycle dealers, cargo hubs, car lifters, garages, car rental agencies car washing centres and all such websites. It can be used as a portfolio and blog by creative vehicle designer and maker, it has one coulmn layout also. It has a perfect professional look and a thoughtfully designed homepage to make the best automobile website in the market. Sayara Automotive is responsive to changing screen sizes of devices and tested for cross-browser compatibility. It can be translated into many different languages with full support for RTL languages. It is coded with WordPress standards and based on recently launched WordPress version for a bug-free website. Its background is simple to understand and can be used by anyone with no coding knowledge. It has smart use of call to action (CTA) button and impressive homepage slider to make the theme more impactful. Demo:https://preview.themescaliber.com/tc-automotive-pro/
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2.1
License: GPLv3.0 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: sayara-automotive
Tags: left-sidebar, right-sidebar, one-column, two-columns, grid-layout, block-styles, wide-blocks, flexible-header, 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, portfolio, 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: "Montserrat", sans-serif;
}
p {
  color: #707070;
  line-height: 1.7;
  font-size: 15px !important;
  font-weight: normal;
}
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;
}
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
/*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;
}
.site-content-contain #content {
  padding: 3% 0 0;
}
.page-template-home-custom #content {
  padding: 0;
}
/*........not found page..........*/
#content .search-form label {
  display: inline-block;
  width: 100%;
}
#content .search-form .search-submit {
  position: absolute;
  right: 60%;
  padding: 16px;
  font-size: 14px;
  font-weight: bold;
}
#content input.search-field {
  border: 1px solid #bbb;
  padding: 13px;
}
#content .page-content label {
  width: 23%;
}

/*----------- Forms ---------------*/
label {
  display: block;
  font-weight: 800;
  margin: 0;
}
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: 12px;
  width: 100%;
}
select {
  border: 1px solid #bbb;
  padding: 10px;
  max-width: 100%;
  background: transparent;
}
button,
input[type="button"],
input[type="submit"] {
  background-color: #dd0004;
  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: 12px 20px;
  text-shadow: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
/*-------------- Lists -------------------*/
ul,
ol {
  margin: 0 0;
  padding: 0;
}
ul {
  list-style: none;
}
ol {
  list-style: decimal;
}
/*-------------------- Tables ---------------------*/
table {
  border-collapse: collapse;
  margin: 0 0 1.5em;
  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: #dd0004;
  text-decoration: none;
}
a:focus,
input:focus,
textarea:focus,
button:focus,
.menu-toggle:focus,
.dropdown-toggle:focus,
.close:focus,
.menu-scroll-down:focus,
.woocommerce form .form-row input:focus.input-text,
.woocommerce form .form-row textarea:focus {
  outline: 2px solid #007cba;
  border-bottom: 1px solid #000 !important;
}
.site-footer a:focus {
  outline: 2px solid #007cba;
  border-bottom: 1px solid #fff;
}
a:hover,
a:active {
  color: #153655;
  outline: 0;
}
.entry-date:hover a,
.entry-date:hover i,
.entry-author:hover a,
.entry-author:hover i {
  color: #153655;
}
/*---- Related post css -----*/
.related-posts {
  padding: 2% 0;
  clear: both;
}
.related-posts .page-box {
  margin: 20px 0;
}
.text p a,
.text a,
.comment-body p a,
.woocommerce-product-details__short-description p a,
.woocommerce-tabs.wc-tabs-wrapper p a {
  text-decoration: underline;
}
.text code {
  color: #dd0004;
}
/*--------------- 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: #dd0004;
}
.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,
.main-navigation ul ul.toggled-on {
  display: block;
}
.main-navigation ul ul {
  padding: 0 0 0 1.5em;
}
.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;
  border: solid 1px;
  color: #fff;
  display: none;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}
.menu-toggle,
.main-navigation.toggled-on ul.nav-menu {
  display: block;
}
.menu-toggle:hover,
.menu-toggle:focus {
  background-color: transparent;
}

/* Dropdown Toggle */
.dropdown-toggle {
  background-color: transparent;
  color: #222;
  display: block;
  font-size: 16px;
  right: 0;
  line-height: 1.5;
  padding: 0.5em;
  position: absolute;
  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);
}

/*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;
}
/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #dd0004;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 999999;
}
.page-template-home-custom .fixed-header #header {
  box-shadow: 2px 2px 10px 0px #2d2d2d;
}
/*----------- Header ----------------*/
#masthead {
  background: #dd0004;
}
.logo h1 a {
  color: #fff;
}
.page-template-home-custom .topbar {
  position: absolute;
  z-index: 99;
  width: 100%;
  background: transparent;
  border: none;
}
.topbar {
  position: static;
  background: #fff;
  border-bottom: 2px solid #153655;
}
.page-template-home-custom .top-bg {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 2px 12px #bbb6b6;
}
.top-bg {
  background: #fff;
  box-shadow: none;
  border: none;
}
.contact-details i {
  font-size: 35px;
  color: #dd0004;
}
.contact-details p,
.contact-details a {
  font-size: 15px;
  line-height: 1.3;
  color: #707070;
  font-weight: 500;
}
.contact-details a {
  display: block;
}
.contact-details p.top-head {
  color: #153655;
  font-size: 15px;
  font-weight: 600;
  line-height: 2;
}
.social-icon i {
  padding: 15px;
  background: #153655;
  color: #fff;
  border-radius: 50%;
}
.social-icon i.fab.fa-facebook-f {
  padding: 15px 18px;
}
.social-icon i:hover {
  background: #dd0004;
}

/*-----------------Search pop up----------------*/
.searchform-inner {
  position: absolute;
  top: 70px;
  width: 26%;
  padding: 30px 20px 20px;
  background: #fff;
  border-radius: 3px;
  right: 1%;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  z-index: 999999;
  visibility: hidden;
}
.searchform-inner input[type="search"] {
  padding: 9px;
  border: none;
  border: 1px solid;
}
.searchform-inner .search-form .search-submit {
  padding: 10px;
  position: absolute;
  font-size: 16px;
  font-weight: 600;
  right: 0;
}
.search-body i {
  color: #fff;
}
.search-body button {
  border: none;
  border-radius: 50%;
  padding: 0;
}
.search-body {
  text-align: center;
  margin: 15px;
}
.close {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 20px;
  color: #000;
  opacity: 1;
  padding: 5px;
  z-index: 99999999;
  background: none;
}
.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  border: none;
  opacity: 1;
  background: none;
}
a.close {
  border-bottom: none;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
button.search-submit {
  border: 0;
  background: transparent;
}
.modal-open .modal {
  overflow-y: hidden;
}
.modal-open {
  overflow-y: scroll;
  padding: 0 !important;
}
.modal-backdrop {
  position: relative;
}
.modal-content {
  background: transparent;
  border: 0;
}
.modal-dialog {
  max-width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: all;
}
.searchform-inner:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: transparent transparent #fff transparent;
  margin-right: 58px;
  position: absolute;
  right: -40px;
  top: -14px;
}
.modal-body {
  width: 100%;
  height: 100%;
}
#mastheader .search-submit span .screen-reader-text {
  position: static !important;
}
.modal {
  background: rgba(0, 0, 0, 0.2);
}
/* 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. */
}
.search-body i {
  background: #153655;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  border-radius: 50%;
}
.search_form button.search-submit {
  width: 20%;
  text-align: center;
  float: right;
  border-radius: 0;
  background: url(assets/images/Icon.png) no-repeat scroll 30px 11px;
  text-indent: -9999px;
  padding: 21px 20px;
  margin: 0;
}
.search_form {
  padding: 15px 0px;
  margin-bottom: 25px;
}
/* --------- SLIDER--------- */
#slider {
  max-width: 100%;
}
#slider img {
  width: 100%;
}
#slider .carousel-control-next,
#slider .carousel-control-prev {
  opacity: 1;
  width: 5%;
  top: 70%;
  bottom: auto;
}
#slider .carousel-control-next {
  right: 25%;
}
#slider .carousel-control-prev {
  left: 57%;
}
#slider span.carousel-control-prev-icon:hover,
#slider span.carousel-control-next-icon:hover {
  background: #dd0004;
  border-color: #dd0004;
}
#slider span.carousel-control-prev-icon:hover p,
#slider span.carousel-control-next-icon:hover p {
  color: #fff;
}
#slider span.carousel-control-prev-icon,
#slider span.carousel-control-next-icon {
  padding: 2px 10px;
  border: 2px solid;
  color: #153655;
  background: #fff;
}
#slider span.carousel-control-prev-icon p,
#slider span.carousel-control-next-icon p {
  line-height: 1.5;
  font-size: 14px;
  font-weight: 600;
}
#slider .carousel-caption {
  top: 43%;
  transform: translateY(-50%);
  right: 55%;
  left: 10%;
}
#slider .carousel-item {
  width: 100%;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: auto;
  height: auto;
}
#slider .inner_carousel h1 {
  color: #153655;
  font-size: 30px;
  font-weight: 700;
}
#slider .inner_carousel p {
  font-size: 15px;
  line-height: 2;
  color: #153655;
}
.box {
  position: relative;
  height: 100%;
}
#slider .box-content {
  padding: 50px 81px 50px 30px;
  text-align: left;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
  background: #fff;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
  width: 100%;
  height: 100%;
}
.shadow {
  position: absolute;
  z-index: -1;
  content: "";
  background: rgba(21, 54, 85, 0.3);
  width: 100%;
  height: 100%;
  left: 20px;
  top: 15px;
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 0% 0%, 85% 0, 100% 100%, 0% 100%);
}
.readbutton a {
  padding: 15px 20px;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  border-left: 25px solid #153655;
  background: #dd0004;
  border-radius: 4px;
}
.readbutton a:hover {
  background: #153655;
  color: #fff;
  border-color: #dd0004;
}

/*----------- About Section ----------------*/
#about .about-text h2 {
  font-size: 30px;
  font-weight: 700;
  color: #153655;
}
#about .pointer {
  padding: 15px 30px 8px;
  background: #fff;
  -webkit-clip-path: polygon(
    75% 0%,
    90% 50%,
    75% 100%,
    0% 100%,
    10% 50%,
    0% 0%
  );
  clip-path: polygon(75% 0%, 90% 50%, 75% 100%, 0% 100%, 10% 50%, 0% 0%);
}
#about .outside {
  width: 100%;
  padding: 2px 3px 2px;
  margin: 10px 0;
  background: #153655;
  -webkit-clip-path: polygon(
    75% 0%,
    90% 50%,
    75% 100%,
    0% 100%,
    10% 50%,
    0% 0%
  );
  clip-path: polygon(75% 0%, 90% 50%, 75% 100%, 0% 100%, 10% 50%, 0% 0%);
}
#about .outside:hover,
#about .pointer:hover,
a.pointer.nav-link.active.show,
#about .outside:focus-within {
  background: #dd0004 !important;
}
#about .pointer:hover h3,
a.pointer.nav-link.active.show h3 {
  color: #fff;
}
#about .pointer h3 {
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
}
.about-text p {
  font-size: 15px;
  line-height: 1.7;
  color: #153655;
}
.aboutbtn a {
  padding: 15px 20px;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  border-left: 25px solid #153655;
  background: #dd0004;
}
.aboutbtn a:hover {
  background: #153655;
  color: #fff;
  border-color: #dd0004;
}
.abt-image img {
  width: 100%;
}
/* Added Woocommerce css*/
.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 {
  background: #dd0004;
  border-radius: 4px;
  color: #fff !important;
  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: #153655;
}
.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 5px !important;
  background: #153655 !important;
  color: #fff !important;
  border-color: #153655 !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: 10px 12px;
  border-radius: 4px !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;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
span.posted_in {
  display: block;
  margin-bottom: 10px;
}
.woocommerce span.onsale {
  background: #dd0004;
  padding: 0;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin-bottom: 15px;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px !important;
  text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #153655;
  font-weight: 500;
}
.blogger h2 a:hover,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce .products .star-rating span {
  color: #153655;
}
.woocommerce ul.products li.product .price {
  display: inline-block;
}
.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  margin-bottom: 5px;
}
.woocommerce .products .star-rating {
  margin: 0 auto 10px;
  font-size: 15px !important;
}
.woocommerce #respond input#submit,
.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,
.woocommerce a.added_to_cart {
  color: #fff;
  background: #dd0004;
  border-left: 20px solid #153655;
}
.woocommerce a.added_to_cart {
  padding: 5px 25px;
  border-radius: 3px;
  margin-top: 10px;
  font-weight: 600;
}
.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,
.woocommerce a.added_to_cart:hover {
  background: #153655;
  border-color: #dd0004;
  color: #fff;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 10px;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 10px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
  display: inline-block;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #dd0004;
  padding: 12px;
  margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
  font-weight: 500;
}
.posted_in a,
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb,
.woocommerce form.woocommerce-shipping-calculator a,
.woocommerce td.product-name a,
.woocommerce-privacy-policy-text a,
.woocommerce-info a,
.woocommerce form .form-row .required,
.woocommerce-MyAccount-content a {
  color: #153655;
}
.woocommerce-privacy-policy-text p {
  color: #616060;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
  color: #fff;
}
.woocommerce .products ul {
  display: inline-table;
}
.woocommerce span.price,
.woocommerce ul.products li.product .button {
  margin: 0;
}
.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;
}
.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 a.remove,
.woocommerce form .form-row .required {
  color: #df0000 !important;
}
.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 .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  display: block;
}
.woocommerce form.login .form-row input.input-text {
  width: 100%;
}
.woocommerce form .form-row label {
  font-size: 15px;
  font-weight: 500;
}
.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{
  background: #dd0004;
  color: #fff !important;
  border: 1px solid #ccc;
  padding: 10px 20px;
}
.woocommerce-Address-title a:hover{
  background-color: #153655;
}
/*-------- 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;
}
.widget ul.cart_list li .star-rating,
.widget ul.product_list_widget li .star-rating {
  margin: 5px 0;
}
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a,
.woocommerce .widget_price_filter .price_slider_amount .button {
  border: 0;
}
.site-footer .widget_shopping_cart .cart_list li,
#sidebox .widget_shopping_cart .cart_list li {
  padding-bottom: 10px;
}
#sidebox .widget_shopping_cart .buttons a:hover,
#sidebox .widget_price_filter .price_slider_amount .button:hover,
.site-footer .widget_shopping_cart .buttons a:hover,
.site-footer .widget_price_filter .price_slider_amount .button:hover,
.site-footer form.woocommerce-product-search button:hover,
.site-footer form.woocommerce-product-search button:focus,
.site-footer button[type="submit"],
#sidebox button[type="submit"] {
  background: #dd0004;
  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: #dd0004;
}
#sidebox .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: #153655;
}
.site-footer .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: #fff;
}
.widget .price_label {
  font-size: 15px;
  font-weight: 600;
}
.site-footer .widget .price_label,
.site-footer #calendar_wrap a,
.site-footer #calendar_wrap a:hover {
  color: #fff;
}
/*----------- Blog Post ----------------*/
.blogger,
.page-box {
  text-align: left;
  border: 1px solid #153655;
  padding: 10px 20px;
  margin: 15px 0;
  border-radius: 3px;
}
.blogger .tags p a {
  margin: 5px;
}
.post-categories a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: #dd0004;
  padding-bottom: 3px;
}
.post-categories li {
  padding-top: 10px;
}
.blogger h2 {
  font-size: 25px;
  padding: 10px 0;
  margin: 0;
  font-weight: 700;
}
.blogger h2 a {
  color: #dd0004;
}
.blogger p {
  font-size: 15px;
  margin: 0;
  line-height: 1.8;
}
.post-link {
  margin: 20px 0;
  text-align: right;
}
.post-link a {
  padding: 15px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-left: 25px solid #153655;
  background: #dd0004;
  border-radius: 4px;
}
.post-link i {
  margin-left: 5px;
}
.post-link a:hover {
  background: #153655;
  color: #fff;
  border-color: #dd0004;
}
.page-template-home-custom #content {
  padding: 0;
}
.singlebox .category {
  margin-bottom: 10px;
}
.singlebox .category ul {
  margin-bottom: 10px;
}
.singlebox .category ul li a{
  background: #dd0004;
  color: #ffffff;
  padding: 10px;
}
.singlebox .category ul li a:hover{
  color: #153655;
}
.singlebox h1 {
  margin: 10px 0;
}
.post-info {
  font-size: 14px;
  text-align: left;
  background: #dd0004;
  padding: 5px 10px;
  margin-bottom: 10px;
  border-left: 20px solid #153655;
  border-radius: 3px;
  color: #fff;
}
.post-info i {
  color: #fff;
  margin-left: 1%;
  margin-right: 1%;
}
.post-info span {
  margin-left: 1%;
  margin-right: 1%;
  color: #fff;
  font-weight: 600;
}
.post-info a {
  color: #fff;
}
p.logged-in-as a {
  color: #153655;
}
.post-navigation .nav-next a {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #dd0004;
  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 {
  color: #fff;
  background: #153655;
}
.post-navigation .nav-previous a {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #dd0004;
  padding: 7px 20px 7px 30px;
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 0% 50%);
}
.tags i {
  font-size: 20px;
  color: #dd0004;
  margin-right: 10px;
}
.tags p a {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #dd0004;
  padding: 10px 20px 10px 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,
.search-form .search-submit:hover,
.site-footer button[type="submit"]:hover,
#sidebox button[type="submit"]:hover {
  color: #fff;
  background: #153655;
}
.tags {
  padding: 20px 0;
}
/*----------- Sidebar ----------------*/
#sidebox h3 {
  background: #dd0004;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-left: 25px solid #153655;
  padding: 12px 0;
  margin-bottom: 10px;
  border-radius: 3px;
}
#sidebox .textwidget p a {
  text-decoration: underline;
}
.site-footer h3,
.site-footer .wp-block-heading,
.site-footer .wp-block-search__label {
  font-size: 25px;
  font-weight: 700;
  color: #ffffff;
  border-bottom: 1px solid #fff;
  padding: 15px 0;
  margin-bottom: 15px;
}
#sidebox ul li {
  font-size: 16px;
  border-top: none;
  padding: 10px 0 0;
}
#sidebox ul li:last-child {
  border: none;
}
.site-footer ul li {
  font-size: 15px;
  border-top: none;
  padding-bottom: 6px;
  color: #fff;
  font-weight: 500;
}
#sidebox ul li a {
  color: rgb(34, 34, 34);
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  border-bottom: none;
}
#sidebox ul li a:hover {
  color: #dd0004;
}
.site-footer ul li a {
  color: #fff;
}
#sidebox .tagcloud a,
.site-footer .tagcloud a {
  display: inline-block !important;
  padding: 10px;
  font-size: 15px !important;
  margin-bottom: 4px;
  color: #000;
}
.site-footer input[type="search"],
.site-footer input[type="search"]::placeholder,
#sidebox .tagcloud a:hover,
.site-footer .tagcloud a,
.site-info a:hover,
.site-info a {
  color: #fff;
}
.site-info p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 0;
  text-align: center;
}
#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 !important;
  width: 100%;
}
#sidebox form.woocommerce-product-search button {
  width: 100%;
  border-radius: 3px;
}
#sidebox .search-form label {
  width: 100%;
}
.site-footer form.search-form label {
  display: block !important;
  width: 100%;
}
#sidebox .wp-block-heading,
#sidebox .wp-block-search__label {
  background: #dd0004;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-left: 25px solid #153655;
  padding: 12px 0;
  margin-bottom: 10px;
  border-radius: 3px;
}
/* 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;
}
.site-description {
  color: #fff;
  font-size: 13px;
}

/*post pagination*/
.nav-links .nav-previous a {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  background: #dd0004;
  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: #dd0004;
  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;
}
.pagination .icon,
.comments-pagination .icon {
  width: 0.666666666em;
  height: 0.666666666em;
}
.comments-pagination {
  border: 0;
}
.page-numbers {
  display: none;
  padding: 8px;
  background: #dd0004;
  color: #fff;
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  border-bottom: none;
  padding-bottom: none;
}
.page-numbers:hover,
.prev.page-numbers:hover {
  background: #153655;
  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;
}

/* 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;
}
/* scroll to top */
.scrollup {
  display: none;
}
.scrollup i {
  position: fixed;
  bottom: 60px;
  right: 50px;
  font-size: 25px;
  padding: 12px 17px;
  border: solid 2px #dd0004;
  background: #dd0004;
  z-index: 999;
  color: #fff;
}
.scrollup.left i {
  left: 50px;
  right: auto;
}
.scrollup.center i {
  left: 50%;
  right: auto;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
/*------------ Footer ---------------*/
button.search-submit:hover {
  background: #dd0004;
}
.site-footer ul li a:hover {
  color: #dd0004 !important;
}
.site-footer {
  background: #153655;
}

/* Footer widgets */
.search-form .search-submit {
  bottom: 0px;
  padding: 12px;
  position: absolute;
  right: 0px;
  font-size: 16px;
  font-weight: 600;
}
.search-form button.search-submit {
  background: #dd0004;
  color: #fff;
}
.woocommerce-info a.showcoupon:hover,
.widget-area p,
.widget-area label,
.widget-area select,
.widget-area td,
.widget-area td a,
.widget-area caption,
.widget-area th {
  color: #000;
}
.widget-area .textwidget p a {
  text-decoration: underline;
}
.textwidget a:hover {
  color: #dd0004;
}
.site-footer li,
.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;
}
.site-footer .widget-area select {
  color: #8094ad;
}
button.search-submit {
  background: #000;
  color: #fff;
}
.copyright {
  background: #dd0004;
  padding: 12px;
  color: #fff;
}
/*------------- Comments ----------------*/
.comments-title {
  font-size: 20px;
}
.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: 16px;
  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: 1.5em;
}
.comment-metadata {
  color: #767676;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}
.comment-metadata a {
  color: #767676;
}
.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: #dd0004;
  margin: 10px 0;
}
.comment-reply-link:hover {
  background: #153655;
  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;
  padding: 10px 0;
}
/*---------------- Widgets ---------------*/
#sidebox .widget {
  border: 1px solid #153655;
  margin: 3% 0;
  padding: 10px;
  border-radius: 3px;
}
.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;
}
/* 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: #dd0004;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
}
.widget_calendar th,
.widget_calendar td,
.widget_calendar td#prev,
.widget_calendar td#next {
  text-align: center;
  border: 1px solid;
}
.widget_calendar tfoot td {
  border: 0;
  border: 1px solid;
}
/* Breadcrumb */
.breadcrumb {
  padding: 30px 0;
}
.breadcrumb a {
  background: #dd0004;
  padding: 5px 15px;
  margin: 5px;
  color: #fff;
  display: inline-block;
}
.breadcrumb a:hover {
  background: #153655;
  color: #fff;
}
.breadcrumb span {
  background: #dd0004;
  color: #fff;
  padding: 5px 15px;
  display: inline-block;
  margin: 5px;
}
.breadcrumb span:hover {
  background: #153655;
  color: #fff;
}
/* clearing float pagination */
.page-links .post-page-numbers {
  padding: 8px;
  background: #dd0004;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  border-bottom: none;
  margin: 4px;
}
.page-links .post-page-numbers.current,
.page-links a:hover {
  background: #153655;
}
/* 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 {
  text-align: center !important;
  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;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  margin-bottom: 1.5em;
  max-width: 100%;
}
iframe {
  width: 100%;
}
/*---------------- Media Queries ---------------*/
@media screen and (max-width: 30em) {
  #slider .inner_carousel h1,
  #slider .inner_carousel p {
    font-size: 20px;
  }
  #slider .inner_carousel p {
    display: none;
  }
  img.alignleft {
    float: left;
    margin-right: 1.5em;
  }
  img.alignright {
    float: right;
    margin-left: 1.5em;
  }
  .taxonomy-description {
    font-size: 14px;
  }
  .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) {
  .post-info {
    border-left-width: 10px;
    font-size: 12px;
  }
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
  #slider .carousel-control-prev {
    left: 54%;
  }
  #slider .carousel-caption {
    top: 52%;
    right: 44%;
  }
  #slider .carousel-control-next,
  #slider .carousel-control-prev {
    top: 50%;
  }
  #slider .inner_carousel p {
    display: none;
  }
  #slider span.carousel-control-prev-icon p,
  #slider span.carousel-control-next-icon p {
    display: block;
  }
  .main-navigation li {
    padding: 8px 15px !important;
  }
  .social-icon i {
    padding: 10px;
  }
  .social-icon i.fab.fa-facebook-f {
    padding: 10px 14px;
  }
  #slider .box-content {
    padding: 30px;
  }
  .searchform-inner {
    width: 35%;
    right: 2%;
    top: 20%;
  }
}
@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: #dd0004;
  }
  .site-title {
    font-size: 36px;
  }
  .site-description {
    font-size: 14px;
  }
  .navigation-top {
    bottom: 0;
    font-size: 14px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999;
  }
  .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 {
    padding: 15px 10px;
    border: 0;
    display: inline-block;
  }
  .main-navigation li li {
    display: block;
    padding: 0;
  }
  .main-navigation a {
    padding: 3px 5px;
    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: #dd0004;
  }
  .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: #dd0004;
    border-bottom: 2px dashed #dfdfdf;
  }
  .main-navigation ul ul li:hover {
    border-left: 4px solid #dd0004;
  }
  .header-menu .menu-item-has-children a:after {
    content: "\f078";
    font-weight: 900;
    font-family: "Font Awesome 5 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 5 Free";
    padding: 10px;
    font-size: 12px;
    right: 0;
    top: 5px;
    position: absolute;
  }
  .comments-pagination,
  .post-navigation {
    clear: both;
  }
  .post-navigation .nav-previous {
    float: left;
    width: 50%;
  }
  .post-navigation .nav-next {
    float: right;
    text-align: right;
  }
  .nav-links {
    padding-top: 20px;
  }
  .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;
  }
  .site-footer {
    font-size: 14px;
    line-height: 1.6;
  }
  .site-info .sep {
    margin: 0 0.5em;
    display: inline;
    visibility: visible;
    height: auto;
    width: auto;
  }
  .footer_text {
    float: right;
  }
  .site-info {
    color: #fff;
  }
}
@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: 25px;
  }
  .copyright {
    text-align: center;
  }
  .copyright {
    color: #fff;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  .fixed-header {
    box-shadow: none;
    position: static;
    background: #dd0004;
  }
  #content .search-form .search-submit {
    right: 45%;
  }
  .scrollup i {
    bottom: 95px;
  }
  .copyright {
    text-align: center;
  }
  .alignwide {
    margin-left: 0;
    margin-right: 0;
  }
  .main-navigation li li:focus > a,
  .main-navigation li li:hover > a,
  .main-navigation a:hover,
  .main-navigation ul ul li a {
    color: #000 !important;
  }
  .woocommerce form.login .form-row input.input-text {
    width: 100%;
  }
  .main-navigation.toggled-on > div > ul {
    background-color: #fff;
  }
  #slider .inner_carousel {
    text-align: center;
  }
  .page-template-home-custom .topbar {
    position: static;
    background: #fff;
    border-bottom: 2px solid #153655;
  }
  #slider .carousel-caption {
    right: 15%;
    top: 45%;
  }
  .page-template-home-custom .top-bg {
    box-shadow: none;
  }
  .site-footer .search-form .search-submit {
    padding: 13px;
  }
  #slider span.carousel-control-prev-icon p,
  #slider span.carousel-control-next-icon p {
    display: block;
  }
  #slider .box-content {
    background: transparent;
    text-align: center;
    clip-path: none !important;
    padding: 0;
  }
  .shadow {
    display: none;
  }
  #slider .carousel-control-prev {
    left: 5%;
  }
  #slider .carousel-control-next {
    right: 0;
  }
  #slider span.carousel-control-prev-icon,
  #slider span.carousel-control-next-icon {
    padding: 1px 4px 0px 7px;
  }
  #slider span.carousel-control-prev-icon p,
  #slider span.carousel-control-next-icon p {
    font-size: 12px;
  }
  .readbutton a {
    padding: 12px 15px;
  }
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product,
  .woocommerce .related ul.products li.product,
  .woocommerce-page .related ul.products li.product {
    width: 100% !important;
  }
  .searchform-inner {
    top: 50%;
    width: 93%;
    padding: 25px;
    left: 3%;
    padding: 25px;
  }
  .searchform-inner .search-form .search-submit {
    padding: 12px;
    font-size: 14px;
  }
  .searchform-inner:before {
    content: none;
  }
  #slider .inner_carousel h1 {
    font-size: 20px;
  }
  #about .pointer h3 {
    padding: 10px 35px;
  }
  #slider img {
    height: auto !important;
  }
}
@media screen and (min-width: 720px) and (max-width: 768px) {
  .alignwide {
    margin-left: -25px;
    margin-right: -25px;
  }
  .logo h1 a {
    font-size: 25px;
  }
  .page-template-home-custom .topbar {
    position: static;
    background: #fff;
    border-bottom: 2px solid #153655;
  }
  .page-template-home-custom .top-bg {
    box-shadow: none;
  }
  .main-navigation li {
    padding: 10px 15px;
  }
  .site-description {
    font-size: 13px;
  }
  .social-icon {
    text-align: left;
  }
  #slider .inner_carousel p {
    display: none;
  }
  #slider span.carousel-control-prev-icon p,
  #slider span.carousel-control-next-icon p {
    display: block;
  }
  #slider .box-content {
    padding: 20px;
  }
  #slider .carousel-caption {
    top: 38%;
  }
  #slider .carousel-control-prev {
    left: 60%;
  }
  #slider .carousel-control-next {
    right: 15%;
  }
  #about .aboutbtn a {
    padding: 12px 25px;
    font-size: 12px;
  }
  #slider .readbutton a {
    padding: 15px 5px;
  }
  .woocommerce.widget ul.cart_list li img,
  .woocommerce.widget ul.product_list_widget li img {
    width: 40px;
    height: 40px;
  }
  .woocommerce .related ul.products li.product,
  .woocommerce-page .related ul.products li.product {
    width: 46% !important;
    float: left !important;
    margin-right: 15px;
  }
  .searchform-inner {
    width: 45%;
    right: 3%;
  }
  #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 (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;
  }
}
