/*

Theme Name: AAAU Themes

Theme URI: http://best-php-tutorials.com

Author: 79Digital Solutions

Author URI: https://79Digital.com/

Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.

Version: 99.1.0

License: GNU General Public License v2 or later

License URI: LfICENSE

Text Domain: AAAU

Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

# Woocommerce

# Footer

--------------------------------------------------------------*/

/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/

body {

  margin: 0;

  -webkit-font-smoothing: auto;
  background-color: #f5f7fa !important;
  color: #222222;

}




article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

  display: block;

}



audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



[hidden],

template {

  display: none;

}



a {

  background-color: transparent;

}



a:active,

a:hover {

  outline: 0;
  text-decoration: none;

}



dfn {

  font-style: italic;

}



mark {

  background: #ff0;

  color: #000;

}



small {

  font-size: 80%;

}



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



img {

  border: 0;

}



svg:not(:root) {

  overflow: hidden;

}



figure {

  margin: 1em 2.5rem;

}



hr {

  box-sizing: content-box;

  height: 0;

}



button {

  overflow: visible;

}



button,

select {

  text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}



button[disabled],

html input[disabled] {

  cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



input {

  line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



legend {

  border: 0;

  padding: 0;

}



textarea {

  overflow: auto;

}



optgroup {

  font-weight: bold;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,

th {

  padding: 0;

}



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {

  clear: both;

  color: #24292e;

  font-weight: 600;

  margin-top: 24px;

  margin-bottom: 15px;

}

h1 {

  font-size: 42px;

  padding-bottom: 10px;

}

h2 {

  font-size: 18px;

  padding-bottom: 0.3em;

  line-height: 1.25;

}

h2 a {

  font-size: 24px;

  padding-bottom: 0.3em;

  line-height: 1.25;

}

h3 {

  font-size: 18px;

  line-height: 25px;

}

h4 {

  font-size: 16px;

  line-height: 20px;

}

h5 {

  font-size: 14px;

  line-height: 17.5px;

}



p {

  margin-bottom: 1.5em;

}

h1.entry-title {

  font-size: 1.31rem;

  border-bottom: 1px solid #eaecef;

}

h2.entry-title {

  border-bottom: 1px solid #eaecef;

}

h3.widget-title {

  font-size: 1.2rem;

}



/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

body {

  background: #fff;

  /* Fallback for when there is no custom background color defined. */

}



img {

  height: auto;

  /* Make sure images are scaled correctly. */

  max-width: 100%;

  /* Adhere to container width. */

}



figure {

  margin: 1em 0;

  /* Extra wide images within figure tags don't overflow the content area. */

}



table {

  margin: 0 0 1.5em;

  width: 100%;

}



/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/

body {
  padding-top: 100px;
}

header#masthead {
  margin-bottom: 0;
  background-color: #1c2b3a;
  padding: 10px 45px;
  position: fixed;
  left: 0;
  top: 0;
  height: 100px;
  width: 100%;
  z-index: 9999;
}

body.admin-bar header#masthead {
    top: 32px;
}

.navbar-brand {
  padding: 0;
}

header#masthead .container {
  max-width: 100%;
  position: relative;
  z-index: 11;
}
.navbar-brand img {
}


.navbar-brand > a {

  color: rgba(0, 0, 0, 0.9);

  font-size: 1.1rem;

  outline: medium none;

  text-decoration: none;

  color: #fff;

  font-weight: 700;

}



.navbar-brand > a:visited, .navbar-brand > a:hover {

  text-decoration: none;

}



#page-sub-header {

  position: relative;

  padding-top: 5rem;

  padding-bottom: 0;

  text-align: center;

  font-size: 1.25rem;

  background-size: cover !important;

  min-height: 440px;

}



body:not(.theme-preset-active) #page-sub-header h1 {

  line-height: 1.5;
  font-size: 32px;
  color: #ffffff;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;

}



#page-sub-header p {


  margin-bottom: 0;

  line-height: 1.4;

  font-size: 1.25rem;

  font-weight: 300;


}

body:not(.theme-preset-active) #page-sub-header p {

color: #ffffff;

}

a.page-scroller {

  color: #ffffff;

  font-size: 2.6rem;

  display: inline-block;

  margin-top: 2rem;

}



@media screen and (min-width: 768px) {

  body:not(.theme-preset-active) #page-sub-header h1 {

    font-size: 54px;

  }

  body:not(.theme-preset-active) #page-sub-header {

    font-size: 18px;

  }

}

@media screen and (min-width: 992px) {

  #page-sub-header p {

    max-width: 43rem;

    margin: 0 auto;

  }

}

/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

#masthead nav {

  padding-left: 0;

  padding-right: 0;

}



body:not(.theme-preset-active) #masthead .navbar-nav > li > a {

  color: #ffffff;
  font-size: 18px;
  line-height: 1.5;
  text-transform: uppercase;
}


#masthead .navbar-nav > li > a {
  padding: 0;
  margin: 0 25px;
}




body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,

body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {

  color: #C9A86A;
  /*background: #f9f9f9;*/

}



.navbar-brand {

  height: auto;

}



.navbar-toggle .icon-bar {

  background: #000 none repeat scroll 0 0;

}



.dropdown-menu .dropdown-toggle::after {

  border-bottom: 0.3em solid transparent;

  border-left: 0.3em solid;

  border-top: 0.3em solid transparent;

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

  display: block;

}



.dropdown-item {

  line-height: 1.2;

  padding-bottom: 0.313rem;

  padding-top: 0.313rem;

}



.dropdown-menu {

  min-width: 12.500rem;

}



.dropdown .open .dropdown-menu {

  display: block;

  left: 12.250em;

  top: 0;

}



.dropdown-menu .dropdown-item {

  white-space: normal;

  background: transparent;

  line-height: 1.6;

}

.dropdown-menu .dropdown-item:hover {

  background: transparent;

}



@media screen and (min-width: 37.5em) {

  .menu-toggle {

    display: none;

  }

}

@media screen and (min-width: 769px) {

  .dropdown-menu li > .dropdown-menu {

    right: -9.875rem;

    top: 1.375rem;

  }

}

@media screen and (max-width: 991px) {

  .navbar-nav .dropdown-menu {

    border: medium none;

    margin-left: 1.250rem;

    padding: 0;

  }



  .dropdown-menu li a {

    padding: 0;

  }



  #masthead .navbar-nav > li > a {

    padding-bottom: 0.625rem;

    padding-top: 0.313rem;

  }



  .navbar-light .navbar-toggler {

    border: medium none;

    outline: none;

  }








}

.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

  margin: 0 0 1.5em;

  overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

  float: left;

  width: 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

  float: right;

  text-align: right;

  width: 50%;

}

.comment-content.card-block {

  padding: 20px;

}



.navigation.post-navigation {

  padding-top: 1.875rem;

}



.post-navigation .nav-previous a,

.post-navigation .nav-next a {

  border: 1px solid #ddd;

  border-radius: 0.938rem;

  display: inline-block;

  padding: 0.313rem 0.875rem;

  text-decoration: none;

}



.post-navigation .nav-next a::after {

  content: " \2192";

}



.post-navigation .nav-previous a::before {

  content: "\2190 ";

}



.post-navigation .nav-previous a:hover,

.post-navigation .nav-next a:hover {

  background: #eee none repeat scroll 0 0;

}



/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

  word-wrap: normal !important;

  /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}

.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 0.313rem;

  line-height: normal;

  padding: 0.938rem 1.438rem 0.875rem;

  text-decoration: none;

  top: 0.313rem;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

  outline: 0;

}



/*--------------------------------------------------------------

# 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;

}



a img.alignright {

  float: right;

  margin: 0.313rem 0 1.25rem 1.25rem;

}



a img.alignnone {

  margin: 0.313rem 1.25rem 1.25rem 0;

}



a img.alignleft {

  float: left;

  margin: 0.313rem 1.25rem 1.25rem 0;

}



a img.aligncenter {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.wp-caption.alignnone {

  margin: 0.313rem 1.25rem 1.25rem 0;

}



.wp-caption.alignleft {

  margin: 0.313rem 1.25rem 1.25rem 0;

}



.wp-caption.alignright {

  margin: 0.313rem 0 1.25rem 1.25rem;

}



/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

  content: "";

  display: table;

  table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

  clear: both;

}



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {

  margin: 0 0 1.5em;

  font-size: 0.875rem;

  /* Make sure select elements fit in widgets. */

}

.widget select {

  max-width: 100%;

}



.widget_search .search-form input[type="submit"] {

  display: none;

}



.nav > li > a:focus,

.nav > li > a:hover {

  background-color: #eee;

  text-decoration: none;

}

.half-rule {

  width: 6rem;

  margin: 2.5rem 0;

}

.widget_categories .nav-link {

  display: inline-block;

}



/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/


#content.site-content {

  padding-bottom: 3.75rem;

  padding-top: 4.125rem;

}



.sticky .entry-title::before {

  content: '\f08d';

  font-family: "Font Awesome\ 5 Free";

  font-size: 1.563rem;

  left: -2.5rem;

  position: absolute;

  top: 0.375rem;

  font-weight: 900;

}



.sticky .entry-title {

  position: relative;

}



.single .byline,

.group-blog .byline {

  display: inline;

}



.page-content,

.entry-content,

.entry-summary {

  margin: 1.5em 0 0;

}



.page-links {

  clear: both;

  margin: 0 0 1.5em;

}



.page-template-blank-page .entry-content,

.blank-page-with-container .entry-content {

  margin-top: 0;

}



.post.hentry {

  margin-bottom: 4rem;

}



.posted-on, .byline, .comments-link {

  color: #9a9a9a;

}



.entry-title > a {

  color: inherit;

}



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.comment-content a {

  word-wrap: break-word;

}



.bypostauthor {

  display: block;

}



.comment-body .pull-left {

  padding-right: 0.625rem;

}



.comment-list .comment {

  display: block;

}



.comment-list {

  padding-left: 0;

}



.comments-title {

  font-size: 1.125rem;

}



.comment-list .pingback {

  border-top: 1px solid rgba(0, 0, 0, 0.125);

  padding: 0.563rem 0;

}



.comment-list .pingback:first-child {

  border: medium none;

}



/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

.infinite-scroll.neverending .site-footer {

  /* Theme Footer (when set to scrolling) */

  display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

  display: block;

}



/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

  max-width: 100%;

}



/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {

  background: #f1f1f1 none repeat scroll 0 0;

  border: 1px solid #f0f0f0;

  max-width: 96%;

  padding: 0.313rem 0.313rem 0;

  text-align: center;

}

.wp-caption img[class*="wp-image-"] {

  border: 0 none;

  height: auto;

  margin: 0;

  max-width: 100%;

  padding: 0;

  width: auto;

}

.wp-caption .wp-caption-text {

  font-size: 0.688rem;

  line-height: 1.063rem;

  margin: 0;

  padding: 0.625rem;

}



.wp-caption-text {

  text-align: center;

}



/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery {

  margin-bottom: 1.5em;

}



.gallery-item {

  display: inline-block;

  text-align: center;

  vertical-align: top;

  width: 100%;

}

.gallery-item .gallery-columns-2 {

  max-width: 50%;

}

.gallery-item .gallery-columns-3 {

  max-width: 33.33333%;

}

.gallery-item .gallery-columns-4 {

  max-width: 25%;

}

.gallery-item .gallery-columns-5 {

  max-width: 20%;

}

.gallery-item .gallery-columns-6 {

  max-width: 16.66667%;

}

.gallery-item .gallery-columns-7 {

  max-width: 14.28571%;

}

.gallery-item .gallery-columns-8 {

  max-width: 12.5%;

}

.gallery-item .gallery-columns-9 {

  max-width: 11.11111%;

}



.gallery-caption {

  display: block;

}



/*--------------------------------------------------------------

# Plugin Compatibility

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Woocommerce

--------------------------------------------------------------*/

.woocommerce-cart-form .shop_table .coupon .input-text {

  width: 8.313rem !important;

}



.variations_form .variations .value > select {

  margin-bottom: 0.625rem;

}



.woocommerce-MyAccount-content .col-1,

.woocommerce-MyAccount-content .col-2 {

  max-width: 100%;

}



/*--------------------------------------------------------------

## Elementor

--------------------------------------------------------------*/

.elementor-page article .entry-footer {

  display: none;

}



.elementor-page.page-template-fullwidth #content.site-content {

  padding-bottom: 0;

  padding-top: 0;

}



.elementor-page .entry-content {

  margin-top: 0;

}



/*--------------------------------------------------------------

## Visual Composer

--------------------------------------------------------------*/

.vc_desktop article .entry-footer {

  display: none;

}



.vc_desktop #content.site-content {

  padding-bottom: 0;

  padding-top: 0;

}



.vc_desktop .entry-content {

  margin-top: 0;

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

footer#colophon {

  font-size: 85%;

}

body:not(.theme-preset-active) footer#colophon {

  color: #99979c;

  background-color: #f7f7f7;

}

.navbar-dark .site-info {

  color: #fff;

}

.copyright {

  font-size: 0.875rem;

  margin-bottom: 0;

  text-align: center;

}



.copyright a, footer#colophon a {

  color: inherit;

}



@media screen and (max-width: 767px) {

  #masthead .navbar-nav > li > a {

    padding-bottom: 0.938rem;

    padding-top: 0.938rem;

  }

}

/*--------------------------------------------------------------

# Media Query

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Notebook

--------------------------------------------------------------*/

@media only screen and (max-width: 1280px) {

  html {

    font-size: 95%;

  }

}



@media screen and (max-width: 1199px) {

  .navbar-dark .dropdown-item {

    color: #fff;

  }

  .navbar-nav .dropdown-menu {

    background: transparent;

    box-shadow: none;

    border: none;

  }

}

/*--------------------------------------------------------------

## Netbook

--------------------------------------------------------------*/

@media only screen and (max-width: 1024px) {

  html {

    font-size: 90%;

  }

}

/*--------------------------------------------------------------

## iPad

--------------------------------------------------------------*/

@media only screen and (max-width: 960px) {

  html {

    font-size: 85%;

  }

}

/*--------------------------------------------------------------

## iPad

--------------------------------------------------------------*/

@media only screen and (max-width: 768px) {

  html {

    font-size: 80%;

  }

}

/*--------------------------------------------------------------

## iPad

--------------------------------------------------------------*/

@media only screen and (max-width: 480px) {

  html {

    font-size: 75%;

  }

}

#page-sub-header .container {
  position: absolute;
  width: 100%;
  max-width: 100%;
  left: 0;
  bottom: 50px;
  color: #ffffff;
}


.button, .button.alt, .woocommerce ul.products li.product .button {
  background: #c62828;
  color: #ffffff;
  transition: background 0.4s ease;
}

.button:hover, .button.alt:hover, .woocommerce ul.products li.product .button:hover {
  background: #a91f1f;
  color: #ffffff;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  margin: 0;
  float: none;

  flex: 1 1 calc(25% - 24px);
  max-width: calc(25% - 24px);
  text-align: left;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;


}

.woocommerce ul.products li.product:first-child, .woocommerce-page ul.products li.product:first-child {
  margin-left: -24px;
}



.woocommerce .products ul, .woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: left;
  align-items: stretch;
}




.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

    position: relative;

    overflow: hidden;

    transition: 

        transform 0.35s ease,

        box-shadow 0.35s ease,

        background-color 0.35s ease;

    border-radius: 12px !important;
    overflow: hidden;

}
 
/* Hover state */

.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {

    box-shadow: 0 18px 40px rgba(0,0,0,0.15);

}
 
.woocommerce ul.products li.product img, .woocommerce-page ul.products li.product img {

    transition: transform 0.4s ease;

}
 
.woocommerce ul.products li.product:hover img, .woocommerce-page ul.products li.product:hover img {


}
 
 
 
.woocommerce ul.products li.product::after, .woocommerce-page ul.products li.product::after {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 12px;

    border: 2px solid transparent;

    transition: border-color 0.35s ease;

    pointer-events: none;

}
 
.woocommerce ul.products li.product:hover::after, .woocommerce-page ul.products li.product:hover::after {

    border-color: rgba(0, 0, 0, 0.15);

}



















.shop-cat-box {

    position: relative;

    overflow: hidden;

    transition: 

        transform 0.35s ease,

        box-shadow 0.35s ease,

        background-color 0.35s ease;

}
 
/* Hover state */

.shop-cat-box:hover {

    transform: translateY(-6px);

    box-shadow: 0 18px 40px rgba(0,0,0,0.15);

}
 
.shop-cat-box img {

    transition: transform 0.4s ease;

}
 
.shop-cat-box:hover img {

    transform: scale(1.08);

}
 
.shop-cat-box h3,

.shop-cat-box .cat-title {

    transition: color 0.3s ease;

}
 
.shop-cat-box:hover h3,

.shop-cat-box:hover .cat-title {

    color: #1c2b3a; /* red works great for auto sites */

}
 
.shop-cat-box::after {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 12px;

    border: 2px solid transparent;

    transition: border-color 0.35s ease;

    pointer-events: none;

}
 
.shop-cat-box:hover::after {

    border-color: #1c2b3a;

}
 
@media (hover: none) {

    .shop-cat-box:hover {

        transform: none;

        box-shadow: 0 10px 25px rgba(0,0,0,0.08);

    }

}
 














.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  background: #ffffff;
  box-shadow: 15px 15px 20px #0000001F;
  padding-bottom: 90px;
}
.custom-buttons-wrapper {
  position: absolute;
  padding: 0 25px;
  display: block;
  left: 0;
  bottom: 20px;
  width: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  padding: 0 25px;
}

.woocommerce ul.products li.product .button {
}
.product-reference {
  padding: 0 25px;
  color: #6e5622;
  margin-bottom: 10px;
}
.product-fob-price {
  padding: 0 25px;
  color: #6e5622;
  margin-bottom: 10px;
}

.price {
  padding: 0 25px;
  color: #ff0000 !important;
  font-size: 20px !important; 
  font-weight: 600;
  margin-bottom: 15px !important;
}

.site-content .container {
  padding: 0 25px;
}

@media screen and (min-width: 1200px) {
  .site-content .container {
    max-width: 80% !important;
  }
  .site-content .container {
    padding: 0 40px;
  }

  .woocommerce .products ul, .woocommerce ul.products {
    display: flex;
  }

  .navbar-expand-xl {
    justify-content: space-between !important;
  }

}

@media screen and (max-width: 1199px) {
  .site-content .container {
    max-width: 100% !important;
  }
}




.whatsapp-btn {
  color: #ffffff !important;
  font-size: 20px;
  display: block;
  margin: 0 0 0 auto;
  background: #25D366;
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  position: absolute;
  right: 25px;
  bottom: 0;
  text-align: center;
  line-height: 40px;
}

.whatsapp-btn i {
  color: #ffffff !important;
  font-size: 24px !important;
  margin: 0 !important;
  line-height: 36px;
}
.whatsapp-btn:hover {
    background: #1ebe57;
    color: #fff;
    opacity: 0.95;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(37, 211, 102, 0.4);
}

@media only screen and (max-width: 480px) {

  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }


}


.site-content {
  padding-top: 0 !important;
}
body.home .site-content {
  padding-top: 40px !important;
}



.breadcrumbs {
  background: #cfcfcf;
  text-align: center;
  padding: 15px;
  margin-bottom: 60px;
  color: #444444;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  opacity: 0.8;
}

.breadcrumbs span {
  color: #444444;
}


.breadcrumbs span:after {
  content: '>';
  font-size: 12px;
  display: inline-block;
  margin: 0 6px;
  color: currentColor;
}

.breadcrumbs span span:after {
  display: none;
}

.breadcrumbs span:last-child:after {
  display: none;
}
.breadcrumbs a span {
  color: #1c2b3a;
}
.breadcrumbs a:hover span {
  color: #1c2b3a;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
  background: #c62828;
  color: #ffffff;
  transition: background 0.4s ease;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background: #a91f1f;
  color: #ffffff;
}


footer#colophon {
  background: #1c2b3a !important;
  color: #ffffff !important;
}
a {
  color: #2a1c00;
}


.tab_content {

}




.woocommerce div.product .woocommerce-tabs ul.tabs {
  margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 1px solid #cfcfcf;
  background-color: #cfcfcf;
  padding: 0 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    box-shadow: 2px 2px 0 #cfcfcf;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 1px solid #cfcfcf;
}
.tab_content_row {
  padding: 2px 0px;
  background-color: #fefdf7;
  width: 100%;
  margin: 0;
  font-size: 14px;
}

.tab_content_row:nth-child(even) {
  background: #f0f0f0;
}




.woocommerce-Tabs-panel--sale_points .tab_content_row .label {
  width: 100%;
}
.woocommerce-Tabs-panel--sale_points .tab_content_row .details {
  width: 100%;
}



h1.entry-title {
  padding-bottom: 10px !important;
  font-size: 32px;
  color: #1c2b3a;
}

.product-type-simple .button {
  position: absolute;
  right: 0;
  top: 0;
}





.shop-page-title-bottom {
  text-align: center;
  font-size: 42px;
  color: #1c2b3a;
  margin-bottom: 30px;
}
.home .page-description {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 60px;
}

.shop-top-categories {
  display: flex;
  flex-wrap: wrap;
  /*gap: 24px;*/
  justify-content: center;
  align-items: stretch;
  margin-bottom: 100px;
}
.shop-top-categories .shop-cat-box {
    /*flex: 1 1 calc(11.1% - 24px);
    max-width: calc(11.1% - 24px);*/
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}
.shop-top-categories .shop-cat-box a {
  display: block;
}








.woocommerce .products ul, .woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
}






@media screen and (min-width: 992px) {

  .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 33%;
  }
  .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 63%;
    margin-top: 0;
  }

}

@media screen and (min-width: 769px) and (max-width: 1199px) {

 

}

@media screen and (max-width: 767px) {

    .tab_content_row .label {
      width: 35%;
    }
    .tab_content_row .details {
      width: 65%;
    }

}


@media only screen and (max-width: 1199px) {
.navbar-toggler {
  display: none;
}

  header#masthead {
    padding: 10px 0px;
  }

  .navbar-light .navbar-toggler {
    background: #ffffff;
  }


  .navbar-collapse {
    left: 0px;
    position: fixed;
    display: block;
    background: #1c2b3a;
    top: 0px;
    padding-top: 70px;
    z-index: -1;
    width: 100% !important;
    height: 100% !important;
    padding-top: 170px;
  }

    #masthead .navbar-nav > li > a {
        padding-bottom: 0.938rem;
        padding-top: 0.938rem;
    }


}


.sn_product_container {
  position: relative;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0 15px 15px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
  padding-top: 15px;
}


.sn_custom_buttons_wrapper {
    position: absolute;
    right: 0;
    top: -10px;
    margin-bottom: 10px;
}
.sn_custom_buttons_wrapper .whatsapp-btn {
    position: relative;
    right: auto;
    bottom: auto;
}

.summary .price {
  padding: 0;
}



@media only screen and (max-width: 767px) {


  .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100%;
  }
  .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 100%;
    margin-top: 25px;
  }

  .sn_custom_buttons_wrapper {
    position: relative;
    right: 0;
    top: auto;
    margin-bottom: 10px;
    display: block !important;
  }

  .sn_custom_buttons_wrapper .whatsapp-btn {
    position: relative;
    right: auto;
    bottom: auto;
    display: inline-block;
    margin-left: 15px;
  }


}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
  margin: 0;
}

#page-sub-header {
      background-position: bottom center !important;
}


.home #brand-search-form {
  margin-top: -100px;
}

#brand-search-form {

    padding: 24px 28px;

    background: #0b1c2d;

    border-radius: 18px;

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    gap: 14px;

    margin-bottom: 40px;

}
 
#brand-search-form button {

    grid-column: span 2; /* wider button */

    height: 42px;

    background: #c62828;

    color: #fff;

    border: none;

    border-radius: 8px;

    font-weight: 600;

    cursor: pointer;

    transition: background 0.3s ease;

}
 
#brand-search-form button:hover {

    background: #a91f1f;

}
 
#brand-search-form select {

    height: 42px;

    padding: 8px 12px;

    font-size: 13px;

    border-radius: 8px;

    border: none;

    background: #fff;

}
 
@media (max-width: 991px) {

    #brand-search-form {

        grid-template-columns: repeat(3, 1fr);

    }
 
    #brand-search-form button {

        grid-column: span 3;

    }

}
 
@media (max-width: 576px) {

    #brand-search-form {

        grid-template-columns: 1fr;

    }
 
    #brand-search-form button {

        grid-column: span 1;

    }

}
 




@media screen and (max-width: 1199px) {
    

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      flex: 1 1 calc(33.3334% - 24px);
      max-width: calc(33.3334% - 24px);
    }



}
@media screen and (max-width: 880px) {
    

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      flex: 1 1 calc(50% - 24px);
      max-width: calc(50% - 24px);
    }

}





@media screen and (max-width: 576px) {
    
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      flex: 1 1 calc(100% - 0px);
      max-width: calc(100% - 0px);
    }

    .woocommerce .products ul, .woocommerce ul.products {
      gap: 24px 0;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      margin: 0 !important;
    }
    .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
      float: none;
    }

}

.makers_heading {
  margin-top: 100px;
  text-align: center;
}

.makers_heading h2 {
  font-size: 42px;
  color: #0b1c2d;
  margin-bottom: 40px;
}



.adfy-wl-add-to-wishlist span {
  display: none;
}

.adfy-wl-add-to-wishlist {
  background: transparent !important;
  padding: 0 !important;
  display: inline-block;
  border-radius: 0;

  position: absolute !important;
  right: 80px !important;
  bottom: 25px;
  top: auto !important;
  margin: 0 !important;
  z-index: 11 !important;
}


.adfy-wl-add-to-wishlist:before {
  content: '';
  width: 30px;
  height: 30px;
  content: "\f004";
  font-family: "Font Awesome\ 5 Free";
  font-weight: 400;
  color: #c62828;
  font-size: 30px;
}
.adfy-wl-add-to-wishlist:hover:before {
  color: #a91f1f;
}



.adfy-wl-add-to-wishlist.added-to-wishlist:before {
  font-weight: 900;
}



.single-product .product {
  position: relative;
}


.woocommerce #content div.product div.summary .adfy-wl-add-to-wishlist, .woocommerce div.product div.summary.adfy-wl-add-to-wishlist .adfy-wl-add-to-wishlist, .woocommerce-page #content div.product div.summary .adfy-wl-add-to-wishlist, .woocommerce-page div.product div.summary .adfy-wl-add-to-wishlist {
  top: 6px !important;
  bottom: auto !important;
  right: 200px !important;
}

.pe-enq-wrapper {
	position: absolute;
	top: 3px;
  right: 51px;
}

.pe-enq-wrapper .button {
}

@media screen and (min-width: 768px) {

  h1.entry-title {
    padding-right: 250px !important;
  }

}

.sold-out {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 0;
  line-height: 0px;
  top: -67px;
  background-color: transparent !important;
  border: 60px solid transparent;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom: 60px solid transparent;
  left: -29px;
}
.sold-out .text-sold{
  position: absolute;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 0;
    top: 10px;
    right: 10px;
    background-color: transparent;
    transform: rotate(0deg);
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.pbfw_corner_badge {
    height: 40px;
    width: 60px;
    border-radius: 0px;
    line-height: 0px;
    font-size: 0px;
    padding: 6px 0px 10px 0px;
    background-color: transparent;
    display: flex;
    position: absolute;
    text-align: center;
    align-items: center;
    z-index: 999;
}


.sold-out-badge {
    display: none;
}

.show_product_badge {
  position: absolute;
  top: 8%; /* Position the stripline vertically in the middle of the image area */    left: 0;
  right: 0;
  transform: translateY(-50%) rotate(-45deg); /* Center and rotate the stripline */    background-color: #a91f1f; /* Red background */    color: white;
  text-align: center;
  padding: 5px 0;
  font-weight: bold;
  font-size: 16px;
  pointer-events: none; /* Allows clicks to pass through the stripline to the product link */    width: 200%; /* Ensure the stripline covers the product image at an angle */    margin-left: -88%;
  z-index: 10; /* Ensure it appears above the product image */    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Optional: add shadow for better visibility */}
/* Optional: Add a class to the product image itself for a slightly faded effect */.sold-out-stripline + img.attachment-woocommerce_thumbnail {
  opacity: 0.6;
}


.new-arrival-custom-badge {
  background: #1c2b3a;
}




@media screen and (max-width: 767px) {


  .pe-enq-wrapper {
    position: relative;
    top: -3px;
    right: auto;
    display: inline-block;
  }

  .sn_custom_buttons_wrapper {
    display: inline-block !important;
    margin-right: 10px;
  }
  .sn_custom_buttons_wrapper .whatsapp-btn {
    margin-left: 0;
  }


  .woocommerce #content div.product div.summary .adfy-wl-add-to-wishlist, .woocommerce div.product div.summary.adfy-wl-add-to-wishlist .adfy-wl-add-to-wishlist, .woocommerce-page #content div.product div.summary .adfy-wl-add-to-wishlist, .woocommerce-page div.product div.summary .adfy-wl-add-to-wishlist {
    right: 0px !important;
  }
  h1.entry-title {
    padding-right: 50px !important;
  }
  

}

.woocommerce .cars-stocks{
  margin-bottom : 60px;
}

.woocommerce .tender-cars-stock.cars-stocks{
  padding : 60px 0;
  position: relative;
}

.woocommerce .tender-cars-stock.cars-stocks::before {
    background: rgba(28,43,58,0.05);
    width: 100vw;
    position: absolute;
    margin-left: calc(-88vw + 100%);
    content: "";
    /* left: 0; */
    height: 100%;
    /* top: 0; */
    margin-top: -60px;
}


/*
.woocommerce .tender-cars-stock.cars-stocks::after{
  background: rgba(28,43,58,0.05);
  width: 100%;
  position: absolute;
  right: 100%;
  content : "";
}
*/

.woocommerce .cars-stocks h2{
  font-size : 24px;
}

.owl-carousel .owl-item img{
  max-width: 120px;
  margin: 0 auto;
}


html, body {
    overflow-x: hidden;
}