@font-face {
  font-family: "Tequila Sunset";
  	   src:url("../fonts/TequilaSunset-Regular.woff") format("woff"),
       	   url("../fonts/TequilaSunset-Regular.ttf") format("truetype"),
           url("../fonts/TequilaSunset-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.navbar-brand img {
  height: 40px;     
  width: auto;
}

@media (min-width: 768px) {
  .navbar-brand img {
    height: 60px;
    width: auto;
  }
}

.background-graffit{
	background-image: image-set(
		url('../images/mwtaco-background.webp') type("image/webp"),
		url('../images/mwtaco-background.jpg') type("image/jpeg")
	);
}

.mw-border {
    background-color: #000000;
    border-color: #FFFFFF;
    border-width: thick;
    border-style: solid;
    color: #FFFFFF;
}

.page-item .page-link {
    background-color: #000000;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.page-item.active .page-link {
    background-color: #E63A42;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.page-link:hover {
	background-color: #333333;
	color: #E63A42;
	border-color: #E63A42;
}

.page-link {
	font-family: "Fjalla One";
}

.card {
	font-family: "Fjalla One";
}

.nav-link{
	font-family: "Tequila Sunset", "Candara", sans-serif;
}

.navbar-dark .navbar-nav .nav-link {
	color: #ffffff;
}

.navbar-dark .navbar-toggler {
	color: #ffffff;
	border-color: #ffffff; /* optional: make the border white too */
}

.card {
	background-color: #000000;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
}

.card .card-title,
.card .card-text {
	color: #FFFFFF;
}

h2, h3, h4, h5, h6 {
	font-family: "Tequila Sunset", "Candara", sans-serif;
	text-transform: uppercase !important;
	color: white !important;
	font-size: 3rem;
    text-decoration-line: underline;
    text-decoration-color: #E63A42;
    text-decoration-thickness: 6px;
    text-underline-offset: 8px; 
	line-height: 1.5;
}

h1 {
	font-family: "Tequila Sunset", "Candara", sans-serif;
	text-transform: uppercase !important;
	color: white !important;
	font-size: 2rem;
    text-decoration-line: underline;
    text-decoration-color: #E63A42;
    text-decoration-thickness: 6px;
    text-underline-offset: 8px; 
	line-height: 1.5;
}

h5{
	font-size: 2rem;
}


.embed-column {
  height: 500px;          
  overflow: hidden;      
}
.embed-column iframe,
.embed-column blockquote {
  height: 100% !important;
}