/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
	scroll-behavior: smooth;
}

body {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	background-color: #ffecd7;
	color: #333;
}

a,
a:hover,
a:link,
a:visited {
	text-decoration: none;
	color: #fff;
}

ul {
	margin-top: 10px;
}

ul li {
	list-style: none;
}

hr.cc-hr {
	border: 5px solid #5d0320;
	opacity: 1;
}

section {
	padding-top: 35px;
	padding-bottom: 35px;
}

i.fas,
i.fab {
	margin-right: 12px;
}

/*------ Header ------*/

header {
	background: #5d0320;
}

header #cc-logo {
	max-width: 225px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

header #sub-header {
	background-color: #8d5924;
	padding-top: 8px;
	font-size: 14px;
	color: #ffecd8;
	letter-spacing: 5px;
}

header #sub-header p {
	margin-bottom: 8px;
}

header .social-links {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}

header .social-links img.social {
	width: 30px;
	margin-right: 8px;
}

header .social-links #fb-icon {
	margin-left: 3px;
}

/*------ For Sale ------*/

#for-sale h1 {
	font-size: 4em;
	font-weight: bolder;
	color: #5d0320;
	margin-top: 10px;
	margin-bottom: 5px;
}

#for-sale h2 {
	font-size: 2em;
	font-weight: bolder;
	color: #5d0320;
	margin-bottom: 20px;
}

#for-sale img.food-truck-image {
	border-radius: 15px;
	border: 5px solid #da9e29;
}

#for-sale ul {
	margin-top: 35px;
	margin-bottom: 35px;
}

#for-sale ul li {
	list-style: disc;
}

#for-sale #equipment {
	background-color: #fff;
}

#for-sale #photos img {
	border-radius: 10px;
	border: 5px solid white;
	margin-bottom: 15px;
}

#for-sale #contact {
	background: #da9e29;
	color: #5d0320;
}

#for-sale #contact a {
	color: #5d0320;
}

#for-sale #contact .social-links {
	display: flex;
	justify-content: center;
}

#for-sale #contact .social-links img.social {
	width: 30px;
	margin-right: 8px;
}

#for-sale #contact .social-links #fb-icon {
	margin-left: 3px;
}



/*------ Location/Carousel ------*/

/*#location #truck-map-loading .date-time, #truck-map-loading .address {
	color: #000000;
	opacity: 0.1;
}*/

#location p.placeholder-glow:nth-child(odd) {
	margin-bottom: 0;
}

#location p.tap-map {
	margin-top: -10px;
	margin-bottom: 5px;
}

#location h2 {
	font-size: 24px;
}

#location h3 {
	font-size: 18px;
}

#location .truck-map {
	border-radius: 20px;
}

#location .maps {
	position: relative;
	background-color: #da9e29;
	border: 3px;
	border-style: solid;
	border-radius: 20px;
	margin-bottom: 20px;
}

#location .afternoon {
	border-color: #8d5924;
}

#location .evening,
#location .none {
	border-color: #5d0420;
}

#location .maps .truck-map-icon {
	width: 150px;
	height: 150px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	overflow: hidden;
}

#location .maps #icon-type {
	width: 400px;
	height: 800px;
	background: url('../img/cc-icon-sprite.svg') -25px -25px;
	background-repeat: no-repeat;
}

#location .maps #icon-type.closed {
	background: url('../img/cc-icon-sprite.svg') -25px -225px;
}

#location .maps #icon-type.cooking-class {
	background: url('../img/cc-icon-sprite.svg') -225px -4250px;
}

#location .maps #icon-type.corporate {
	background: url('../img/cc-icon-sprite.svg') -225px -225px;
}

#location .maps #icon-type.maintenance {
	background: url('../img/cc-icon-sprite.svg') -25px -625px;
}

#location .maps #icon-type.overnight {
	background: url('../img/cc-icon-sprite.svg') -225px -625px;
}

#location .maps #icon-type.rain-snow {
	background: url('../img/cc-icon-sprite.svg') -225px 0;
}

#location .maps #icon-type.private {
	background: url('../img/cc-icon-sprite.svg') -25px -425px;
}

#location #cc-schedule-carousel .tap-map {
	margin-top: -10px;
	margin-bottom: 5px;
}

#location #cc-schedule-carousel .map-gMap-link .maps .tod-icon {
	width: 40px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
}

#location #cc-schedule-carousel.owl-theme .owl-dots {
	margin-top: -5px;
}

#location #cc-schedule-carousel.owl-carousel button.owl-dot {
	padding: 0 10px !important;
}

#location #cc-schedule-carousel.owl-carousel button.owl-dot span {
	width: 30px;
	height: 30px;
	background-color: #da9e29;
	cursor: pointer;
	border-radius: 30px;
	border-color: #ffecd8;
	margin: 0px;
}

#location #cc-schedule-carousel.owl-carousel .owl-dots button.active span {
	color: #ffecd8;
	background-color: #5d0420;
}

/*------ Contact Buttons ------*/

#contact-btns {
	padding-top: 0px;
	padding-bottom: 0px;
}

#contact-btns .btns {
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
}

#contact-btns .btn {
	color: #fff;
	width: 100%;
	font-size: 16px;
}

#contact-btns .btns .row div:last-child .btn {
	margin-bottom: 0px !important;
}

#contact-btns .btn-gh {
	background: #f63440;
	border-color: #f63440;
	padding-top: 5px;
	padding-bottom: 5px;
}

#contact-btns .btn-gh:hover {
	background: #f63440;
	border-color: #f63440;
}

#contact-btns .btn-dd {
	background: #ff3008;
	border-color: #ff3008;
}

#contact-btns .btn-dd:hover {
	background: #ff3008;
	border-color: #ff3008;
}

#contact-btns .btn-gc {
	background: #5d0420;
	border-color: #5d0420;
}

#contact-btns .btn-gc:hover {
	background: #5d0420;
	border-color: #5d0420;
}

#contact-btns .btn-cc-burgundy {
	background: #5d0420;
	border-color: #5d0420;
}

#contact-btns .btn-cc-burgundy:hover {
	background: #5d0420;
	border-color: #5d0420;
}

#contact-btns .btn-cc-brown {
	background: #8d5823;
	border-color: #8d5823;
}

#contact-btns .btn-cc-brown:hover {
	background: #8d5823;
	border-color: #8d5823;
}

#contact-btns .btn-cc-gold {
	background: #da9e29;
	border-color: #da9e29;
	color: #333;
	font-weight: 600;
}

#contact-btns .btn-cc-gold:hover {
	background: #da9e29;
	border-color: #da9e29;
}

#contact-btns .btn-cc-burgundy {
	background: #5d0420;
	border-color: #5d0420;
}

#contact-btns .btn-cc-burgundy:hover {
	background: #5d0420;
	border-color: #5d0420;
}

#contact-btns .cc-icons {
	height: 20px;
}

#contact-btns #gh-icon .cc-icons {
	height: 30px;
}

#contact-btns #cc-icons-email,
#contact-btns #cc-icons-phone-call {
	display: none;
}

/*------ Menu/Accordion ------*/

#menu h3,
#event-menu h3 {
	color: #5d0420;
}

#menu .disclaimer,
#event-menu .disclaimer {
	color: #787878;
}

#menu .disclaimer small,
#event-menu .disclaimer small {
	font-size: 70%;
}

.accordion-item:last-of-type {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#menu .accordion .accordion-button,
#event-menu .accordion .accordion-button {
	background: #5d0420;
	line-height: 40px;
	color: #fff;
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#menu .accordion .accordion-button#acc-btn-01,
#menu .accordion .accordion-button#acc-btn-06 {
	background-color: #da9e29;
	color: #333;
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='inherit'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='inherit'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#menu .accordion .accordion-button#acc-btn-07 {
	background-color: #da9e29;
	color: #333;
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='transparent'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='transparent'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#menu .accordion .accordion-button#acc-btn-01 p,
#menu .accordion .accordion-button#acc-btn-06 p {
	font-size: 16px;
}

#menu .accordion .accordion-button#acc-btn-07 {
	background: #8d5823;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#menu .accordion .accordion-button#acc-btn-07 h2 {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#menu .accordion .accordion-button img.gf-icon,
#event-menu .accordion .accordion-button img.gf-icon {
	max-width: 40px !important;
	margin-left: 25px;
}

#menu .accordion .extra-title-icon,
#event-menu .accordion .extra-title-icon {
	display: flex;
}

#menu .accordion .extra-title-icon img.gf-icon,
#event-menu .accordion .extra-title-icon img.gf-icon {
	display: block !important;
	max-width: 40px !important;
	margin-left: 10px;
	margin-top: -10px;
}

#menu .accordion-footer,
#event-menu .accordion-footer {
	background: #ddd;
	padding: 16px;
}

#menu .accordion .legend .legend-icons,
#event-menu .accordion .legend .legend-icons {
	text-align: center;
}

#menu .accordion .legend .legend-veg-icon,
#event-menu .accordion .legend .legend-mild-icon {
	margin-left: 15px;
}

#menu .accordion .legend .legend-gf-icon,
#event-menu .accordion .legend .legend-gf-icon {
	margin-left: 15px;
}

#menu .accordion .disclaimer,
#event-menu .accordion .disclaimer {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5px;
}

#menu .accordion .legend .legend-icon,
#event-menu .accordion .legend .legend-icon {
	max-width: 20px;
}

#menu .accordion .food-photos,
#event-menu .accordion .food-photos {
	position: relative;
}

@-webkit-keyframes shake {
	0%,
	5% {
		-webkit-transform: rotate(0deg);
	}
	10%,
	15% {
		-webkit-transform: rotate(20deg);
	}
	20%,
	25% {
		-webkit-transform: rotate(-20deg);
	}
	30%,
	35% {
		-webkit-transform: rotate(20deg);
	}
	40%,
	45% {
		-webkit-transform: rotate(-20deg);
	}
	50%,
	55% {
		-webkit-transform: rotate(20deg);
	}
	60%,
	65% {
		-webkit-transform: rotate(0deg);
	}
	70%,
	75% {
		-webkit-transform: rotate(0deg);
	}
	80%,
	85% {
		-webkit-transform: rotate(0deg);
	}
	90%,
	100% {
		-webkit-transform: rotate(0deg);
	}
}
@keyframes shake {
	0%,
	5% {
		transform: rotate(0deg);
	}
	10%,
	15% {
		transform: rotate(20deg);
	}
	20%,
	25% {
		transform: rotate(-20deg);
	}
	30%,
	35% {
		transform: rotate(20deg);
	}
	40%,
	45% {
		transform: rotate(-20deg);
	}
	50%,
	55% {
		transform: rotate(20deg);
	}
	60%,
	65% {
		transform: rotate(0deg);
	}
	70%,
	75% {
		transform: rotate(0deg);
	}
	80%,
	85% {
		transform: rotate(0deg);
	}
	90%,
	100% {
		transform: rotate(0deg);
	}
}

#menu .accordion .collapse .card,
#event-menu .accordion .collapse .card {
	border: none;
	border-radius: 0px;
}

#menu .accordion .card .fav-item-icon,
#event-menu .accordion .card .fav-item-icon {
	position: absolute;
	top: 5px;
	right: 5px;
	max-width: 45px;
	display: none;
	-webkit-animation: shake 1s infinite linear;
	animation: shake 1s infinite linear;
}

#menu .accordion .card .menu-item-icons,
#event-menu .accordion .card .menu-item-icons {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#menu .accordion .card img.menu-item-icon,
#event-menu .accordion .card img.menu-item-icon {
	max-width: 45px;
	display: none;
}

#menu .accordion .card .col-3,
#event-menu .accordion .card .col-3 {
	padding: 0px;
}

#menu .accordion .card .exclusives,
#event-menu .accordion .card .exclusives {
	justify-content: center;
}

#menu .accordion .extras-subtitle,
#event-menu .accordion .extras-subtitle {
	background-color: #fdde7f;
	margin-top: 15px;
	padding: 10px 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#menu .accordion .tray-img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 400px;
}

#menu .accordion #download-icon {
	width: 45px;
	margin-top: -5px;
}

#menu .accordion .catering {
	padding-top: 1.5rem;
}

#menu .accordion .catering .price {
	font-weight: bold;
}

/*----- Download Menu -----*/

section#dl-menu {
	padding-top: 100px;
	padding-bottom: 100px;
}

#dl-menu .btn-cc-burgundy {
	background: #5d0420;
	border-color: #5d0420;
}

#dl-menu .btn-cc-burgundy:hover {
	background: #5d0420;
	border-color: #5d0420;
	color: white;
}

#dl-menu .cc-icons {
	height: 40px;
	margin-top: -5px;
}

/*----- Event Menu -----*/

section#event-menu {
	padding-top: 0px;
}

#event-menu #event-logo {
	width: 200px;
	margin-top: 25px;
	margin-bottom: 25px;
}

#event-menu .card .card-header {
	background: #5d0420;
	color: #fff;
}

/*----- Reviews -----*/

#reviews {
	background-color: #8d5924;
	color: #ffecd8;
}

#reviews h3 {
	margin-bottom: 25px;
}

#reviews .five-stars {
	width: 250px;
	margin-bottom: 15px;
}

#reviews .reviewer {
	margin-bottom: 0px;
}

#reviews .review-src {
	opacity: 0.7;
}

#reviews .btn-cc {
	width: 90%;
	background: #ffecd7;
	border-color: #ffecd7;
	color: #5d0420;
}

#reviews .btn-cc:hover {
	background: #da9e29;
	border-color: #da9e29;
	color: #eee;
}

#reviews .review-icon {
	margin-top: -4px;
	margin-right: 6px;
	width: 25px;
}

/*----- Contact -----*/

#contact a,
#contact a:hover,
#contact a:link,
#contact a:visited {
	color: #000;
}

#contact p span {
	top: 3px;
	font-size: 16px;
}

#contact .pipe {
	padding-left: 15px;
	padding-right: 15px;
}

/*------ Footer ------*/

footer {
	background-color: #5d0420;
	color: #ffecd8;
	padding-top: 35px;
	padding-bottom: 35px;
}

footer p {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 0px;
}

footer .footer-contact a,
footer .footer-contact a:link {
	color: #ffecd8;
}

footer .legal {
	margin-top: 30px;
}

/*------ Form ------*/

#event-form form h5 {
	margin-bottom: 20px;
	text-transform: uppercase;
}

#event-form form .form-check {
	padding-left: 0px;
}

#event-form form .card .card-header {
	background: #5d0320;
	color: #fff;
}

#event-form form .card .card-body ul {
	margin-top: 0px;
}

#event-form .form-check {
	margin-left: 20px;
}

#event-form .alert {
	display: none;
}

#event-form #tac {
	padding: 10px;
	background: #5d0320;
	color: #fff;
}

#event-form #ceviche {
	margin-top: 20px;
}

#event-form .btn-cc,
#confirmation .btn-cc {
	color: #fff;
	background: #8d5823;
	border-color: #8d5823;
}

#event-form .btn-cc:hover,
#confirmation .btn-cc:hover {
	background: #8d5823;
	border-color: #8d5823;
}

#confirmation .contact {
	margin-bottom: 30px;
}

#confirmation .info .h5 {
	background: #5d0320;
	padding: 10px;
	color: #fff;
}

#spinner {
	display: none;
	position: fixed;
	z-index: 1031;
	top: 50%;
	right: 50%;
	margin-top: -3rem;
	margin-right: -3rem;
}

/*----- Survey -----*/

#ratings .card {
	padding: 0px;
	margin-bottom: 20px;
	border-radius: 15px;
}

#ratings .card .card-img-top {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

#ratings .card .card-body {
	padding-left: 0px;
	padding-right: 0px;
}

#ratings .tumi-rating {
	display: flex;
	justify-content: center;
}

#ratings .tumi-rating img {
	display: inline-block;
	cursor: pointer;
}

#ratings .tumi-rating .tumi {
	width: 42px;
	opacity: 0.2;
}

@media screen and (min-width: 375px) {
	header #sub-header {
		letter-spacing: 6px;
	}

	#modal #ws-btn,
	#btn-tel-link.btn-lg {
		font-size: 18px;
	}

	.event-name {
		font-size: 3em;
	}
}

@media screen and (min-width: 425px) {
	header #cc-logo {
		max-width: 275px;
	}

	header .social-links img.social {
		width: 35px;
		margin-right: 12px;
	}

	header #sub-header {
		letter-spacing: 8px;
	}

	#modal #ws-btn,
	#btn-tel-link.btn-lg {
		font-size: 20px;
	}

	#contact-btns .btn {
		width: 70%;
	}

	.card-deck {
		display: block;
	}

	.card-deck .card {
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 15px;
	}
}

@media (min-width: 576px) {
	header {
		padding-top: 0px;
	}

	header #cc-logo {
		display: flex;
		justify-content: right;
	}

	header .social-links-wrapper {
		margin-top: 48px;
	}

	header .social-links-wrapper .social-links {
		padding-top: 20px;
		padding-bottom: 5px;
		margin-bottom: 0px;
		border-left: 1px solid #da9e29;
	}

	header #sub-header {
		font-size: 16px;
		letter-spacing: 10px;
	}

	#location .maps .truck-map-icon {
		width: 125px;
		height: 250px;
	}

	#location .maps #icon-type {
		width: 500px;
		height: 1000px;
		background: url('../img/cc-icon-sprite.svg') -62px 0px;
		background-repeat: no-repeat;
	}

	#location .maps #icon-type.closed {
		background: url('../img/cc-icon-sprite.svg') -62px -250px;
	}

	#location .maps #icon-type.cooking-class {
		background: url('../img/cc-icon-sprite.svg') -312px -500px;
	}

	#location .maps #icon-type.corporate {
		background: url('../img/cc-icon-sprite.svg') -312px -250px;
	}

	#location .maps #icon-type.maintenance {
		background: url('../img/cc-icon-sprite.svg') -62px -750px;
	}

	#location .maps #icon-type.overnight {
		background: url('../img/cc-icon-sprite.svg') -312px -750px;
	}

	#location .maps #icon-type.rain-snow {
		background: url('../img/cc-icon-sprite.svg') -312px 0;
	}

	#location .maps #icon-type.private {
		background: url('../img/cc-icon-sprite.svg') -62px -500px;
	}

	#menu h1 {
		font-size: 2rem;
	}
}

@media screen and (min-width: 768px) {
	#contact-btns .btn {
		width: 100%;
	}

	.card-deck {
		display: flex;
	}

	#menu .accordion .legend .legend-icons,
	#event-menu .accordion .legend .legend-icons {
		text-align: left;
	}

	#menu .accordion .disclaimer,
	#event-menu .accordion .disclaimer {
		text-align: right;
		margin-top: 10px;
	}

	footer .legal {
		margin-top: 60px;
	}
}

@media screen and (min-width: 992px) {
	#info {
		padding-top: 50px;
	}

	.card-deck .card {
		margin-bottom: 0px;
	}

	#menu .accordion .card img.menu-item-icon,
	#event-menu .card img.menu-item-icon {
		max-width: 55px;
	}

	#menu .accordion .card .fav-item-icon,
	#event-menu .card .fav-item-icon {
		max-width: 55px;
	}

	#menu .accordion .tray-img {
		max-width: 300px;
	}

	#event-form .container {
		max-width: 720px;
	}
}

@media screen and (min-width: 1200px) {
	#info {
		padding-top: 100px;
	}

	#menu .accordion .card img.menu-item-icon {
		max-width: 65px;
	}

	#menu .accordion .card .fav-item-icon,
	#event-menu .card .fav-item-icon {
		max-width: 65px;
	}

	#menu .accordion .legend img:not(:first-child),
	#event-menu .accordion .legend img {
		margin-left: 15px;
	}

	#menu .accordion .disclaimer,
	#event-menu .accordion .disclaimer {
		margin-top: 0px;
	}
}