@charset "UTF-8";
/* CSS Document */


@media(prefers-reduced-motion: no-preference) {html {scroll-behavior: smooth;}}	
nav {text-align: center;width: 100%;position: sticky;top: 0px;z-index:1000;}	

.active-logo{border-radius:10px; overflow:hidden; margin:.25em auto 0 auto; width:200px}

.tacos-nav {z-index:100;text-align:center;transition: 5s;background-color:#fed607;}
.carmelos-nav-items {color:#ffffff; width:150px; transition-duration: 0.4s;padding: 4px 28px;text-align: center;text-decoration: none;display:inline-block;border-radius: 5px;margin:0 25px; }
.carmelos-nav-items:hover {background-color:#ecd030; text-underline-position: below; line-height:1.5em; color:#373737;font-weight:bold;}

/* Add a black background color to the top navigation */
.mobiletnav-e { background-color:inherit; overflow: hidden;}

/* Style the links inside the navigation bar */
.mobiletnav-e a {display:block; text-align:center; padding:1%; font-size:1rem;text-decoration:none;color:#fff; width:100%; }
.mobiletnav-e .dropbtn-e a:hover {text-decoration:none;color:#333; border-radius:20px;background-color:#fed607;text-align:center; }

/* Hide the link that should open and close the mobiletnav-e on small screens */
.mobiletnav-e .icon-e {display: none;}

/* dropdown-e container - needed to position the dropdown-e content */
.dropdown-e {overflow: hidden;width:250px; text-align:center;display:inline; }
.dropdown-e a {background-color:#ef413e;border-radius:20px; }
/* Style the dropdown-e button to fit inside the mobiletnav-e */
.dropdown-e .dropbtn-e {font-size:1 rem;border: none;outline: none;padding: 12px 14px;background-color:inherit;}




/* When the screen is less than 990 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the mobiletnav-e (.icon-e) */
@media screen and (max-width: 991px) {	
.mobiletnav-e a:not(:first-child), .dropdown-e .dropbtn-e { display: none;text-decoration:none;color:#373737}
.mobiletnav-e a.icon-e {float:none;display: block; margin:0 0 .25rem 0 ; text-align:center;font-weight:bold;font-size:28px; color:#ef413e;text-decoration:none;}
.dropdown-e .dropbtn-e {font-size: 1rem; line-height:1.25em}
.mobiletnav-e a {font-size: 16px; text-decoration:none; line-height:1.5em; width:200px; }


/* The "responsive" class is added to the mobiletnav-e with JavaScript when the user clicks on the icon-e. This class makes the mobiletnav-e look good on small screens (display the links vertically instead of horizontally) */

  .mobiletnav-e.responsive {position: relative;}
  .mobiletnav-e.responsive a.icon-e { position: relative;center: 0;top: 0;text-decoration:none}
  .mobiletnav-e.responsive a {float: none;display: block;text-decoration:none; margin:auto}
  .mobiletnav-e.responsive .dropdown-e {float: none;}
  .mobiletnav-e.responsive .dropdown-e-content {position: relative;}
  .mobiletnav-e.responsive .dropdown-e .dropbtn-e { display: block;width: 100%;text-align: center;}
}

@media screen and (min-width: 992px) {
	.dropdown-e {width:200px}	
	.dropdown-e-content { width:200px}
	.dropbtn-e {width:200px}
}