/*
Theme Name: Rico Hot Dog
Theme URI: https://rubycom.com/
Author: Ivan Mercedes - Rubycom team
Author URI: https://ivanmercedes.com/
Description: Wordpress Rico Hot Dog theme
*/

body {
  background-image: url("/wp-content/themes/ricohotdog/assets/img/bg-rico-hot-dog.png");
  background-position: center;
  /* background-size: cover; */
}

#main-menu li:not(.not) a.active:first-of-type {
  color: #c50b07;
  position: relative;
}

#main-menu li:not(.not) a.active::after {
	display: none;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='62px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(250, 175, 62)' d='M24.865,10.210 C13.525,9.546 4.391,7.387 0.0,4.718 C19.75,12.78 49.22,6.56 60.82,0.0 C61.515,1.227 62.9,2.528 61.300,3.830 C58.806,8.437 42.439,11.289 24.865,10.210 L24.865,10.210 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 204, 4)' d='M25.68,10.692 C13.746,9.915 4.664,7.665 0.335,4.954 C19.234,12.502 49.321,6.778 60.523,0.832 C61.928,2.74 62.390,3.379 61.650,4.675 C59.48,9.257 42.615,11.945 25.68,10.692 L25.68,10.692 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M61.588,2.832 C61.543,3.55 61.477,3.278 61.364,3.502 C59.26,8.143 42.759,11.226 25.152,10.396 C24.899,10.385 24.652,10.369 24.401,10.356 C24.495,10.363 24.587,10.371 24.681,10.378 C42.228,11.631 58.661,8.943 61.263,4.361 C61.554,3.851 61.653,3.341 61.588,2.832 L61.588,2.832 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100% 20px;
  width: 100%;
  height: 25px;
  position: absolute;
  left: 1px;
  top: 25px;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  color: #ffcc04;
}

.text-red {
  color: #c31117;
}

.bebidas .producto .info {
  position: absolute;
  top: -24px;
  right: -68px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

@media (max-width: 450px) {
  .bebidas .producto .info {
    right: -10px;
  }
}

.box-text {
  font-family: "Amatic SC", cursive;
  font-size: 3rem;
  font-weight: 600;
}

.img-overlay {
  position: absolute;
  left: 15px;
  bottom: 2px;
  text-shadow: 2px 0 #000;
}

.page header {
  background-position: center;
  background-repeat: no-repeat;
}

.page header h1 {
  font-weight: 900;
  text-shadow: 2px 1px black;
}

.page-404 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: inherit;
  min-height: 75vh;
}
.page-404 h2 {
  font-size: 5rem;
}

.radius-yellow {
  background: #ffcc04;
  /* border-radius: 50px; */
  color: black;
}

@media only screen and (max-width: 600px) {
  .navbar-brand img {
    width: 95px;
  }

  #main-menu li:not(.not) a.active::after {
    width: 15%;
  }
	
	.franquicias .rounded-pill{
		border-radius: 5px !important;
	}
	
	.menu-title{
		font-size: 1.8rem;
	}
}

.gray {
  background-color: #eeeeee;
}

body.offcanvas-active {
  overflow: hidden;
}

.offcanvas-header {
  display: none;
}

.screen-darken {
  height: 100%;
  width: 0%;
  z-index: 30;
  position: fixed;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(34, 34, 34, 0.6);
  transition: opacity 0.2s linear, visibility 0.2s, width 2s ease-in;
}

.screen-darken.active {
  z-index: 10;
  transition: opacity 0.3s ease, width 0s;
  opacity: 1;
  width: 100%;
  visibility: visible;
}

/* ============ mobile view ============ */
/* @media all and (max-width: 991px) {
  .offcanvas-header {
    display: block;
  }

  .mobile-offcanvas {
    visibility: hidden;
    transform: translateX(-100%);
    border-radius: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 80%;
    z-index: 1200;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
  }

  .mobile-offcanvas.show {
    visibility: visible;
    transform: translateX(0);
  }
  .mobile-offcanvas .container,
  .mobile-offcanvas .container-fluid {
    display: block;
  }
} */