/*
Theme Name: Bootscore
Theme URI: https://bootscore.me/
Author: Bootscore
Author URI: https://bootscore.me
Description: Flexible Bootstrap WordPress starter-theme for developers with full WooCommerce support. <a href="https://bootscore.me/category/documentation/" target="_blank">Documentation</a>
Version: 6.0.0
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 7.4
License: MIT License
License URI: https://github.com/bootscore/bootscore/blob/main/LICENSE
Text Domain: bootscore
Tags: featured-images, threaded-comments, translation-ready

Use this theme to make something cool, have fun, and share what you've learned with others.

Bootscore is based on Underscores https://underscores.me/, (C) 2012-2024 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* 
All style editing is done via /assets/scss/_bootscore-custom.scss
*/
#menu_category_product {
  left: 0;
}

#menu_category_product ul.nav {
  border: 1px solid #bababa;
  display: inline-block;
  background: #fffffff0;
  border-radius: .3rem;
  margin-top: 1px;
}

#menu_category_product a {
  //font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  text-align: center;
}

#menu_category_product ul ul.dropdown-menu.show {
  display: inline-block;
}

#menu_category_product.navbar .navbar-nav .nav-link {
  background: #ffffff00;
}

#menu_category_product .nav-link:hover {
  background: #cbcbcb7a !important;
}

.font-montserrat {
  font-family: "Montserrat", sans-serif;
}

/*** NAVBAR JOYAS ***/
.z-9999 {
  z-index: 9999 !important;
}

.navbar-brand img {
  width: 80px;
}

.navbar-nav {
  align-items: center;
}

.navbar .navbar-nav .nav-link {
  color: #fff;
  font-size: 1.1em;
  padding: 0.5em 1em;
}

@media screen and (min-width: 768px) {
  .navbar-brand img {
    width: 250px;
  }

  .navbar-brand {
    margin-right: 0;
    padding: 0 1em;
  }
}


/*******/
.bg-header {
  background-image: url('img/bg-header.png');
  background-repeat: repeat-x;
  background-position-y: bottom;
  background-size: contain;
}


/*** NAVBAR ***/

.navbar .navbar-nav .nav-link {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #000;
  background: #FFF;
  margin: 0 1rem;
  border-radius: 0.5rem;
  padding: 0.2rem 1rem;
}

.title-section {
  font-family: "Montserrat", sans-serif;
  text-align: center;
}


/*** FONT ***/
.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

/*** BACKGROUND ***/
.bg-blue-100 {
  color: #000;
  background-color: #cfe2ff;
}

.bg-blue-200 {
  color: #000;
  background-color: #9ec5fe;
}

.bg-blue-300 {
  color: #000;
  background-color: #6ea8fe;
}

.bg-blue-400 {
  color: #000;
  background-color: #3d8bfd;
}

.bg-blue-500 {
  color: #fff;
  background-color: #0d6efd;
}

.bg-blue-600 {
  color: #fff;
  background-color: #0a58ca;
}

.bg-blue-700 {
  color: #fff;
  background-color: #084298;
}

.bg-blue-800 {
  color: #fff;
  background-color: #052c65;
}

.bg-blue-900 {
  color: #fff;
  background-color: #031633;
}

.bg-indigo-100 {
  color: #000;
  background-color: #e0cffc;
}

.bg-indigo-200 {
  color: #000;
  background-color: #c29ffa;
}

.bg-indigo-300 {
  color: #000;
  background-color: #a370f7;
}

.bg-indigo-400 {
  color: #fff;
  background-color: #8540f5;
}

.bg-indigo-500 {
  color: #fff;
  background-color: #6610f2;
}

.bg-indigo-600 {
  color: #fff;
  background-color: #520dc2;
}

.bg-indigo-700 {
  color: #fff;
  background-color: #3d0a91;
}

.bg-indigo-800 {
  color: #fff;
  background-color: #290661;
}

.bg-indigo-900 {
  color: #fff;
  background-color: #140330;
}

.bg-purple-100 {
  color: #000;
  background-color: #e2d9f3;
}

.bg-purple-200 {
  color: #000;
  background-color: #c5b3e6;
}

.bg-purple-300 {
  color: #000;
  background-color: #a98eda;
}

.bg-purple-400 {
  color: #000;
  background-color: #8c68cd;
}

.bg-purple-500 {
  color: #fff;
  background-color: #6f42c1;
}

.bg-purple-600 {
  color: #fff;
  background-color: #59359a;
}

.bg-purple-700 {
  color: #fff;
  background-color: #432874;
}

.bg-purple-800 {
  color: #fff;
  background-color: #2c1a4d;
}

.bg-purple-900 {
  color: #fff;
  background-color: #160d27;
}

.bg-pink-100 {
  color: #000;
  background-color: #f7d6e6;
}

.bg-pink-200 {
  color: #000;
  background-color: #efadce;
}

.bg-pink-300 {
  color: #000;
  background-color: #e685b5;
}

.bg-pink-400 {
  color: #000;
  background-color: #de5c9d;
}

.bg-pink-500 {
  color: #fff;
  background-color: #d63384;
}

.bg-pink-600 {
  color: #fff;
  background-color: #ab296a;
}

.bg-pink-700 {
  color: #fff;
  background-color: #801f4f;
}

.bg-pink-800 {
  color: #fff;
  background-color: #561435;
}

.bg-pink-900 {
  color: #fff;
  background-color: #2b0a1a;
}

.bg-red-100 {
  color: #000;
  background-color: #f8d7da;
}

.bg-red-200 {
  color: #000;
  background-color: #f1aeb5;
}

.bg-red-300 {
  color: #000;
  background-color: #ea868f;
}

.bg-red-400 {
  color: #000;
  background-color: #e35d6a;
}

.bg-red-500 {
  color: #fff;
  background-color: #dc3545;
}

.bg-red-600 {
  color: #fff;
  background-color: #b02a37;
}

.bg-red-700 {
  color: #fff;
  background-color: #842029;
}

.bg-red-800 {
  color: #fff;
  background-color: #58151c;
}

.bg-red-900 {
  color: #fff;
  background-color: #2c0b0e;
}

.bg-orange-100 {
  color: #000;
  background-color: #ffe5d0;
}

.bg-orange-200 {
  color: #000;
  background-color: #fecba1;
}

.bg-orange-300 {
  color: #000;
  background-color: #feb272;
}

.bg-orange-400 {
  color: #000;
  background-color: #fd9843;
}

.bg-orange-500 {
  color: #000;
  background-color: #fd7e14;
}

.bg-orange-600 {
  color: #000;
  background-color: #ca6510;
}

.bg-orange-700 {
  color: #fff;
  background-color: #984c0c;
}

.bg-orange-800 {
  color: #fff;
  background-color: #653208;
}

.bg-orange-900 {
  color: #fff;
  background-color: #331904;
}

.bg-yellow-100 {
  color: #000;
  background-color: #fff3cd;
}

.bg-yellow-200 {
  color: #000;
  background-color: #ffe69c;
}

.bg-yellow-300 {
  color: #000;
  background-color: #ffda6a;
}

.bg-yellow-400 {
  color: #000;
  background-color: #ffcd39;
}

.bg-yellow-500 {
  color: #000;
  background-color: #ffc107;
}

.bg-yellow-600 {
  color: #000;
  background-color: #cc9a06;
}

.bg-yellow-700 {
  color: #000;
  background-color: #997404;
}

.bg-yellow-800 {
  color: #fff;
  background-color: #664d03;
}

.bg-yellow-900 {
  color: #fff;
  background-color: #332701;
}

.bg-green-100 {
  color: #000;
  background-color: #d1e7dd;
}

.bg-green-200 {
  color: #000;
  background-color: #a3cfbb;
}

.bg-green-300 {
  color: #000;
  background-color: #75b798;
}

.bg-green-400 {
  color: #000;
  background-color: #479f76;
}

.bg-green-500 {
  color: #fff;
  background-color: #198754;
}

.bg-green-600 {
  color: #fff;
  background-color: #146c43;
}

.bg-green-700 {
  color: #fff;
  background-color: #0f5132;
}

.bg-green-800 {
  color: #fff;
  background-color: #0a3622;
}

.bg-green-900 {
  color: #fff;
  background-color: #051b11;
}

.bg-teal-100 {
  color: #000;
  background-color: #d2f4ea;
}

.bg-teal-200 {
  color: #000;
  background-color: #a6e9d5;
}

.bg-teal-300 {
  color: #000;
  background-color: #79dfc1;
}

.bg-teal-400 {
  color: #000;
  background-color: #4dd4ac;
}

.bg-teal-500 {
  color: #000;
  background-color: #20c997;
}

.bg-teal-600 {
  color: #000;
  background-color: #1aa179;
}

.bg-teal-700 {
  color: #fff;
  background-color: #13795b;
}

.bg-teal-800 {
  color: #fff;
  background-color: #0d503c;
}

.bg-teal-900 {
  color: #fff;
  background-color: #06281e;
}

.bg-cyan-100 {
  color: #000;
  background-color: #cff4fc;
}

.bg-cyan-200 {
  color: #000;
  background-color: #9eeaf9;
}

.bg-cyan-300 {
  color: #000;
  background-color: #6edff6;
}

.bg-cyan-400 {
  color: #000;
  background-color: #3dd5f3;
}

.bg-cyan-500 {
  color: #000;
  background-color: #0dcaf0;
}

.bg-cyan-600 {
  color: #000;
  background-color: #0aa2c0;
}

.bg-cyan-700 {
  color: #fff;
  background-color: #087990;
}

.bg-cyan-800 {
  color: #fff;
  background-color: #055160;
}

.bg-cyan-900 {
  color: #fff;
  background-color: #032830;
}

.bg-gray {
  color: #000;
  background-color: #DDDDDD;
}

.bg-gray-100 {
  color: #000;
  background-color: #f8f9fa;
}

.bg-gray-200 {
  color: #000;
  background-color: #e9ecef;
}

.bg-gray-300 {
  color: #000;
  background-color: #dee2e6;
}

.bg-gray-400 {
  color: #000;
  background-color: #ced4da;
}

.bg-gray-500 {
  color: #000;
  background-color: #adb5bd;
}

.bg-gray-600 {
  color: #fff;
  background-color: #6c757d;
}

.bg-gray-700 {
  color: #fff;
  background-color: #495057;
}

.bg-gray-800 {
  color: #fff;
  background-color: #343a40;
}

.bg-gray-900 {
  color: #fff;
  background-color: #212529;
}

.bg-white {
  color: #000;
  background-color: #fff;
}

.bg-black {
  color: #fff;
  background-color: #000;
}

/** PRODUCT ***/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
}

.product-item {
  text-align: center;
}

.product-item h4,
.product-item h5 {
  font-family: "Roboto", sans-serif;
}


.swiper-button-next,
.swiper-button-prev {
  color: #E53A3A;
}

.swiper-pagination-bullet-active {
  background: #E53A3A;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 2rem;
}

.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
}