@charset utf-8;
/*
Theme Name: MCM Custom Framework
Theme URI: moderncraftmedia.com
Author: Modern Craft Media
Author URI: moderncraftmedia.com
Version: 0.9 (Beta)

NOTE: This stylesheet should only include styles pertaining to visual elements of the website, not the overall layout and positioning of the containing elements on the site. 
Examples of appropriate styles to be put here include:
	* Backgrounds
	* Font styles
	* Content Styles for ul, ol, a, etc.
	
Also references to the HTML5 layout tags should be made whenever possible to support future browser features.
HTML5 layout tags used:
	* header
	* nav
	* article (this tag wraps the main content of the website)
	* footer
*/
/*
.home-slide-text .slidetitle{
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 100;
}
*/
nav .ddsmoothmenu ul li.nav-btn > a, nav .ddsmoothmenu li.nav-btn.alt > a{ 
	color: #dfb429;
	font: 600 20px/22px "inter-18pt", sans-serif;
	font-size: 20px;
	border: solid 2px #dfb429;
	border-radius: 5px;
	margin: 0 5px;
}
nav .ddsmoothmenu li.nav-btn.alt > a{
	color: #f8a286;
	border-color: #f8a286;
}
nav .ddsmoothmenu ul li.nav-btn > a:hover, nav .ddsmoothmenu li.nav-btn > a.selected{
	color: #000;
	background: #dfb429;
}
nav .ddsmoothmenu li.nav-btn.alt > a:hover, nav .ddsmoothmenu li.nav-btn.alt > a.selected{
	color: #000;
	background: #f8a286;
}
.ddsmoothmenu ul li.hide{
	display: none;
}
.bighead-txt p{
	line-height: 40px;
}
.bighead-txt a:hover{
	color: #fff;
}
.special{
	background-color: #D6D1C4;
	background-image: linear-gradient(180deg, #D6D1C4 65%, #68594C 100%);
	padding: 1vw 1vw 3.5vw 1vw;
}
.special .add-cont-section .slick-slide {
	max-width: 90%;
}
.special h2{
	position: absolute;
	top: -2.725vw;
	color: #d6d1c4;
	padding: 0 2% 0 1%;
	font-size: 3.25vw;
	line-height: 1;
}
.special a{
	text-decoration: none;
	color: #000;
}
.specials a:hover{
	color: #000;
}
.greyout img{
filter: grayscale(100%);
}
.promotion{
	/*margin: 0 auto;
    box-sizing: border-box;*/
    /*padding: 100px 25px;*/
	padding: 40px 25px 60px;
}
#contactus {
	padding: 40px 25px 60px;
}
.ipromotion h3{
	padding-bottom: 10px;
	width: 28vw;
}
.promotion .add-cont-section p{
	width: 28vw;
	padding-bottom: 
}
.prominfo{
	position: relative;
	min-height: 250px;
	padding-top: 20px;
}
#content .prominfo p{
	display: -webkit-box;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;  
  	overflow: hidden;
	padding-bottom: 0;
}
.promotion .add-cont-section a {
	margin-top: 25px;
}

.ipromotion {
	max-width: 90vw;
	margin: 0 auto;
	padding: 0;
	position: relative;
	overflow: visible;
}
.ipromotion .slick-slide {
	padding: 1vw;
	/* font-size: 36px;
	line-height: 2;
	font-weight: 700;
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;*/
}

.ipromotion .add-cont-img-banr {
	/*height: 19.5vw; JW Removed 6-10/26 */
    width: 28vw;
    position: relative;
    overflow: hidden;
	box-shadow: 0 .25vw .5vw 0.125vw rgba(0,0,0,0.5);
}
.ipromotion .add-cont-img-banr img{
	transition: all .2s;
}
.ipromotion .add-cont-img-banr::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: #f3c300;
	background-image: linear-gradient(135deg, #f3c300 0%, #ea5e26 100%);
	opacity: 0;
	z-index: 1;
	transition: all .6s;
}
.ipromotion .add-cont-img-banr::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	/*border: 1px solid rgba(255, 255, 255,1); JW Removed 6-10/26 */
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	color: transparent;
	z-index: 1;
	transition: all .2s;
}
.ipromotion a:hover .add-cont-img-banr img,
.ipromotion a:focus .add-cont-img-banr img{
	filter: grayscale(80%) blur(.5vw); 
}
.ipromotion a:hover .add-cont-img-banr::before,
.ipromotion a:focus .add-cont-img-banr::before{
	opacity: 70%;
}
.ipromotion a:hover .add-cont-img-banr::after,
.ipromotion a:focus .add-cont-img-banr::after{
	content: 'Click for event details.';
	font-size: 1.375vw;
	color: #000;
	text-shadow: 0 0 5px #FFC, 0 0px 30px #FF9, 0 0px 40px #FF6;
}
.ipromotion .slick-slide img {
	width: 100%;
    height: 100%;
	object-fit: cover;
}
.ipromotion .slick-arrow {
	top: 50%;
}
.ipromotion .slick-prev {
	left: calc(-40px + -.5vw);
}
.ipromotion .slick-next {
	right: calc(-40px + -.5vw);
}
.ipromotion.slick-slider .slick-prev::before, .ipromotion.slick-slider .slick-next::before, .slider-half.slick-slider .slick-prev::before, .slider-half.slick-slider .slick-next::before{
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.ipromotion.slick-slider .slick-prev::before {
	background-image: url('images/LeftArrow.png');
}
.ipromotion.slick-slider .slick-next::before {
	background-image: url('images/RightArrow.png');
}
.slider-half.slick-slider .slick-prev::before{
	background-image: url("images/GLeftArrow.png");
}
.slider-half.slick-slider .slick-next::before{
	background-image: url("images/GRightArrow.png");
}
.slick-prev:hover, .slick-next:hover{
	background: none;
}
.ipromotion .slick-arrow:hover, .slider-half .slick-arrow:hover{
	background: none;
}
.spacehead{
	padding-bottom: 1vw;
}
.spaceh3{
	padding-bottom: 22px !important;
}

.ipromotion .btn-wrap {
	text-align: center;
	width: 100%;
}
.contact-info .add-cont-txt.txt2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 550px;
    gap: 10px;
	padding-right: 0%;
}
.contact-info .add-cont-txt.txt2 .dashicons{
	font-size: 50px;
	padding: 0 0 20px 0;
	color: #186d6a;
}
.contact-info .address::before, .contact-info .address-email::before, .contact-info .address-phone::before, .contact-info .address-hours::before {
	font-family: dashicons;
	font-size: 50px;
	padding: 0 0 20px 0;
	color: #186d6a;
}
.contact-info .address::before{
	content: "\f230";
}
.contact-info .address-email::before{
	content: "\f465";
}
.contact-info .address-phone::before{
	content: "\f525";
}
.contact-info .address-hours::before{
	content: "\f469";
}
#chaos-current-modal{
	/*width: 90% !important;*/
}
.modalmain{
	background: #f9f1e4;
}
.imodalmain{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	padding: 1%;
}
/*.modalimg{
	width: 98%;
	height: 23.625vw;
    position: relative;
    overflow: hidden;
	padding: 1%;
}*/
.modalimg img{
	width: 100%;
	height: auto;
    /*height: 100%;
    object-fit: cover;*/
}
.modaltext{
	display: flex;
	flex-direction: column;
	width: 98%;
	padding: 1%;
	color: var(--main-text-color, #000);
    font-family: "inter-18pt", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    line-height: 26px;
}
.modaltext p{
	padding-bottom: 18px;
}
#ourstory{
	border-bottom: solid 5px #186d6a;
}
#modal-content-ourstory .modaltext{
	/*width: 100%;*/
}
.ourstory-links{
	display: flex;
}
.ourstory-modal-link .modaltext{
	display: flex;
	margin: 0 auto;
}
.ourstory-modal-link .order-buttons{
	display: flex;
	gap: 20px;
}
#ourmenu{
	background: #186d6a;
	transition: all 2s ease;
}
#ourmenu .btn:hover{
	color: #fff;
}
#tabs-group {
	padding-top: 60px;
}
.tab-content{
	transition: opacity 0.5s ease;
}
.download-menu.btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
	margin: 0;
	padding: 8px 12px;
	font-size: 16px;
	line-height: 18px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.page-loaded .download-menu.btn {
	visibility: visible;
	opacity: 1;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion-now {
	background: transparent;
	color: #fff;
	cursor: pointer;
	padding: 6px 0;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	border-top: solid 2px #e5b223;
	font: 36px/38px "bebas-neue", sans-serif;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion-now.active, .accordion-now:hover {
 
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
	color: #fff;
}

.accordion-now:before {
	font-family: "dashicons";
  content: "\f139"; /* Unicode character for "plus" sign (+) */
  font-size: 40px;
  color: #fff;
  float: right;
  margin-left: 5px;
}

.accordion-now.active:before {
  content: "\f140"; /* Unicode character for "minus" sign (-) */
}

/* tabs */
.tab-menu-wrap ul{
	display: flex;
}
.tab-menu-wrap ul li{
	list-style: none !important;
	margin-left: 6px !important;
	padding: 6px 0;
	font: 30px/32px "bebas-neue", sans-serif;
	border: 2px solid #e5b223;
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
}
.tab-menu-wrap ul li.first {
	margin-left: 0;
}
.tab-menu-wrap ul li a{
	text-decoration: none;
	text-decoration: none;
	padding: 6px 10px;
	transition: all 0.5s ease;
}
.tab-menu-wrap ul li a:hover{
	color: #dfb429;
}
.tab-menu-wrap ul li.active a{
	color: #000;
	background: #dfb429;
}
.tab-menu{
    color: #fff;
    padding-bottom: 0px !important;
}
.panel p{
	font-size: 18px;
}
.MenuPrice{
	display: flex;
}
.MenuPrice h4{
	padding-bottom: 0;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: .5px;
}
.MenuPrice p {
	padding: 0 10px !important;
	font: 30px/32px "bebas-neue", sans-serif;
	letter-spacing: .5px;
}
.panel .submenu{
	padding: 0 0 0 50px;
}
.ourstory-content > p:nth-child(n+3) {
  display: none;
}
footer .cform input[type="submit"]{
	color: #fff;
}
footer .cform input[type="submit"]:hover{
	color: #dfb429;
}
.right-foot-social, .left-foot-social{
	display: flex;
	width: 100%;
	justify-content: space-around;
    flex-wrap: wrap;
    text-align: left;
	gap: 20px;
}
.social, footer .nav .menu{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	

}
footer h5{
	text-align: left;
}
footer .ddsmoothmenu{
	font: 16px/25px "inter-18pt", sans-serif;
}
footer .nav .menu a{
	padding: 8px 0;
	margin: 0;
}