@font-face {
    font-family: "Flatline-SemiBold";
    src: url("/assets/fonts/Flatline-SemiBold.otf") format("truetype");
    font-weight: 500;
}
@font-face {
    font-family: "Brandon-Grotesque";
    src: url("/assets/fonts/Brandon-Grotesque.otf") format("truetype");
    font-weight: normal;
}
body{
	/* font-family: 'Brandon Grotesque'!important; */
    font-family: 'Brandon-Grotesque' !important;
	background:#F8F2ED;
    color: #534730 !important;
}
body{
	background-attachment: fixed;
}
.text-white {
	color: #fff !important;
}
.card-para {
	color: #534730 !important;
}
.self-form label{
	color: #534730 !important;	
}
.form-control{
	color: #534730 !important;	
}
.text-muted {
	color: #534730 !important;
}

.event-sub-quantity{
	color: #534730;
}
[dir="ltr"] span {
  color: #534730 !important;
}
.food-category-title{
	color: #534730 !important;
}
.card-heading{
	color: #534730 !important;
}
.bg-img-p{
    background:#F8F2ED !important;
}
.event-list p{
    color:#534730 !important;
}
ul.ul_list li a{
   color:#534730 !important;
}
.read-more-container span{
    color:#534730 !important;
}

.select-box span.selected-option{
    color:#534730;
}
.select-box i.fa-caret-down{
    color:#534730 !important;
}
.select-event-div span.select-event{
    color:#534730;
}
.dropdown-menu{
    border: 1px solid rgb(83 71 48) !important;
}
.primary-navbar li .dropdown-item{
    color: #534730;
}
.select-event-div i.fa-caret-down{
    color: #534730;
}
.primary-logo {
    height: 25px;
    margin: 10px;
}
.primary-navbar{
	padding:0px!important;
	border-bottom:1px solid #534730!important;
}

.primary-navbar{
	background-color:#F8F2ED;
}

.top-row{
	background-color:#FCFAF8;
}

.primary-navbar li .nav-link{
	color:#534730;
}

.primary-navbar li .nav-link:hover{
	color:#534730;
}

.cart-div .heading{
	background-color:#f1f1f1!important;
	color:#534730;
}

.proceed-to-checkout{
	border:1px solid #534730;
}


.btn-success{
	background:#534730;
	border:1px solid #534730;
}

.navbar-toggler-icon{
	color:#534730;
}


.btn-success:hover{
	color:#534730!important;
	border:1px solid #534730!important;
	background-color:#FCFAF8;
}

.btn.cart-empty{
	background:#534730!important;
	border:1px solid #534730!important;
	color:#FCFAF8!important;
}


.popup-text.popup-category-button{
	background:#534730!important;
	color:#FCFAF8!important;
	border:1px solid #534730!important;	
}

.popup-text.popup-category-button:hover{
	color:#534730!important;
	background:transparent!important;
}

.toc{
	color:#534730!important;
}

.alert-success, .alert-warning{
    background-color:#FCFAF8!important;
    border-color: #534730!important;
    color:#534730 !important;
    font-weight:normal;
	font-size:14px;
}

.cart-count{
	color:#FCFAF8;
	background-color:#534730;	
	border:1px solid #FCFAF8;
}

.text-success{
	color:#534730!important;
}

.cart-icon{
	color:#534730;
}

.border-text-main-color{
	 border-color: #534730!important;
}

.text-main-color{
	 color: #534730!important;
}

.bookNowBtn:hover {
    background-color: #534730!important;
    color: #FCFAF8!important;
}


.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active,.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
    color: #534730!important;
}
    
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    border:1px solid #534730 !important;
	color:#534730!important;
}

#payBtn{
	color:#FCFAF8;
	border:1px solid #534730;
	background-color:#534730;
}
#payBtn:hover{
	color:#534730!important;
	border:1px solid #534730!important;
	background-color:#FCFAF8;
}

.hvr-radial-out:before {
	background-color:#534730!important;
	color:#FCFAF8!important;
}

.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:active{
	color:#FCFAF8!important;
}

.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
    color: #FCFAF8!important;
}

.price{
	color:#534730!important;
}

.hvr-sweep-to-bottom:before{
	background-color:#534730!important;	
}

.events-pagination .page-item.active .page-link, .events-pagination .page-item .page-link:hover{
	background:#534730!important;
}

.event-list h5{
	color:#534730!important;
}

.btn-primary{
	background-color:#534730!important;
	color:#FCFAF8;
	border: 1px solid #534730!important;
}

.btn-primary:hover{
	border: 1px solid #534730!important;
}

.read-more-event{
	color:#534730!important;
	font-weight:700;
	background-color:#FCFAF8!important;
	border: 1px solid #534730;
	font-size:10px;
}

.read-more-event:hover{
	border: 1px solid #534730!important;
}

.toc-box h3{
	color:#534730;
}

.close-button{
	background-color:#FCFAF8!important;
	color:#534730!important;
	border:1px solid #534730!important;
}

.success-btn{
	background-color:#FCFAF8!important;
	color:#534730!important;
	border:1px solid #534730!important;
}

.book-tickets {
    margin-left: 15px;
    position: absolute;
    right: 25px;
    top: -3px;
	color:#FCFAF8!important;
	font-weight:600;
    background-color: #534730!important;
	border:2px solid #FCFAF8!important;
	z-index:9;	
}
.book-tickets:hover{
	border:2px solid #FCFAF8!important;
}
.legend-text{
	color:#534730 !important;
}
.addon-card .addon-button{
	border:1px solid #534730;
}
.addon-card .addon-button:hover{
	color:#534730!important;
}

.btn-box > button{
	color:#FCFAF8;
	background-color:#534730;
	border:1px solid #534730;
}

.modal-content .table-list .e-sub-title{
	color:#534730;
}
.modal-content .table-list .e-title{
	color:#534730;
}
.full-date{
	border-left:0px!important;
}
.full-date span{
	top:0px!important;
}
.full-date i{
	top:4px!important;
    color: #534730 !important;
}
.date-box.date-box-large .month span{
   color: #534730 !important; 
}
.popup-text.popup-category-capacity{
	font-weight:normal!important;
}

polygon.polygon-deactive{
    cursor: not-allowed;
    fill:#733b8ce0;
}

polygon.polygon-deactive-category{
    cursor: not-allowed;
    fill: #733b8ce0;
}

polygon.polygon-booked{
    cursor: pointer;
    fill: #733b8ce0;
}

.category-list{
	left:28%;
}

.addon-card .addon-input{
	padding-top:6px;
	padding-bottom:4px;
}

/******/
.cart-card .cart-div{
	position:relative;
}

.mh-350{
	min-height:350px;
}

.addon-package-list{
	position:relative;
}

.addon-package-list .select-addon{
	border:1px solid #ccc;
	padding:7px 10px;
	border-radius:5px;
	margin-bottom:10px;
	background-color:#f1f1f1;
	width:100%;	
}

.addon-package-list .select-addon > i {
    float: right;
    padding-top: 2px;
    font-size: 21px;
    padding-right: 7px;
}
.addon-package-list ul.package-list{
	list-style: none;
    margin-left: 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    position: absolute;
    background: #FCFAF8;
    z-index: 999;
	top:43px;
	display:none;
}
.addon-package-list ul.package-list li{
	border-bottom:1px solid #f1f1f1;
	margin-bottom:10px;
	cursor:pointer;
	position:relative;
	min-height:50px;
	padding:8px;
}
.addon-package-list ul.package-list li > img{
	width:60px;
	position:absolute;
}
.addon-package-list ul.package-list li > p{
	display:block;
	clear:both;
	margin-bottom:2px;
	padding-left:70px;
}
.addon-package-list ul.package-list li > p.description{
	font-size:13px;
	padding-right:60px;
}
.addon-package-list ul.package-list li > p.title{
	font-size:14px;
	font-weight:600;
	padding-right:60px;
	position:relative;
}
.addon-package-list ul.package-list li > p.title > span.price{
	padding:4px 5px;
	font-size:13px;
	border:1px solid #ccc;
	position:absolute;
	right:0px;
}

.addon-package-list ul.package-list li.min-spend > span{
	position:absolute;
	right:10px;
}
.payment-amount-selection{
	padding-left:5px;
}
.cart-total{
	position:relative;
	font-weight:600;
}
.addon-package-list ul.package-list li:last-child {
  border-bottom:none;
  margin-bottom:0px;
  padding-bottom:5px;
}

.addon-package-list ul.package-list li.active{
	background-color:#d4e9d2;
	 padding-bottom:15px;
}

.package-error{
	color:red;
	font-size:13px!important;
}

.form-error{
	color:red;
	font-size:12px;
}


ul.zooming {
	margin: 0px;
    display: none;
    position: absolute;
    right: 0px;
    list-style: none;
    top: 0px;
    font-size: 14px;
    right: 13px;
	z-index:999;
}

ul.zooming > li {
    padding: 3px 15px;
    border: 1px solid #534730;
    color: #534730;
    cursor: pointer;
}

ul.zooming > li#zoom-in-button{
	border-radius:0px 5px 5px 0px;
}
ul.zooming > li#zoom-out-button{
	border-right: none;
	
	border-radius:5px 0px 0px 5px;
}

.move-direction {
	position: absolute;
	right: 140px;
	top: 0px;
	border: 1px solid #534730;
	border-radius: 50px;
	z-index: 999;
	height: 40px;
	width: 40px;
	color: #534730;
	padding: 3px!important;
	display:none;
}
.move-direction > .move-up{
	position: absolute;
	font-size: 15px;
	cursor: pointer;
	font-weight: 600;
	right: 12px;
	top: -2px;
}
.move-direction > .move-down{
	position: absolute;
	font-size: 15px;
	top: 20px;
	cursor: pointer;
	font-weight: 600;
	right: 12px;
}

.move-direction > .move-left{
	position: absolute;
	font-size: 15px;
	top: 9px;
	cursor: pointer;
	left: 2px;
	font-weight: 600;
}
.move-direction > .move-right{
	position: absolute;
	font-size: 15px;
	right: 2px;
	top: 9px;
	cursor: pointer;
	font-weight: 600;
}

.continue-booking{
	color:#534730;
	border-color:#534730;
	background-color:#FCFAF8;
}

.popup-category-capacity.hide{
	display:none;
}


@media only screen and (max-width: 600px){
	.primary-navbar {
		border-bottom: 2px inset #FCFAF8;
	}
	.daterangepicker.show-calendar{
		left:20px!important;
	}
	
	.footer-checkout-btn{
		color:#534730;
		border:2px solid #534730;
	}	
	.arrrow-span{
		border-bottom: 2px solid #534730;
		border-right: 2px solid #534730;
	}
	.proceed-to-checkout:hover{
		color:#534730!important;
		border:2px solid #534730;
		font-weight:600;
	}
	
	#limit-div{
		height: 322px!important;
		margin-top: 60px;
	}
	#pinchzoom{
		height: 355px!important;
		margin-top: 30px;
	}
	
	.book-tickets {
		top: 0px;
		position: absolute;
		right: 165px;
	}
	ul.zooming{
		top:0px;
	}
	.event-link{
		top:40px;
	}
	#limit-svg{
		height:auto!important;
	}
	.modal-content .table-list .e-title{
		margin-top:0px;
	}	
	.primary-logo{
		height: 15px;
		padding: 0px 12px;
	}
	.nav-link{
		padding:0px;
		left:20px!important;
	}
	a.mobile-user {
		left: 13px;
		position: relative;
	}
	.navbar-toggler{
		padding:0px;
	}
	.navbar-toggler-icon > i {
		font-size:18px!important;
	}
	.nav-link > i {
		font-size: 16px;
	}
	.navbar-toggler-right:focus{
		 outline: none!important;
	}
	.navbar-toggler>.close{
		font-weight:normal;		
		color:#534730;
	}
	.mobile-user-icon a.nav-link{
		color:#534730!important;
	}
	.navbar-toggler>.close {
		font-size: 18px;
	}
	.full-date-mob span{
		font-weight:500;
		font-size: 9px;
        color: #FCFAF8 !important;
	}
	.date-row{
		margin-bottom:3px!important;
	}
	.footer-class{
		background-color:none!important;
		position:relative!important;
	}	
	.m-btn.select-event-div{
		display:none!important;
	}
    
	.select-event-div span {
		font-size: 10px !important;
		top: 5px !important;
		text-transform: uppercase;
		color: #FCFAF8 !important;
		font-weight: 500;
	}
	.full-date-mob span {
		top: 0px !important;
		font-weight: 600;
	}
	svg {
		padding-top: 10px!important;
	}
	.payment-amount-selection label{
		font-size:12px;
	}
	.container-fluid.top-row {
		padding-left: 0px;
		padding-right: 10px;
	}
	.select-box{
		width:96%;
	}
	.mobile-user-icon a.nav-link{
		color:#FCFAF8;
	}
	
	.mobile-view .dropdown-item{
		font-size:12px;
		padding-left:8px;
	}
	.mobile-view .dropdown-item:hover{
		background-color:#f1f1f1!important;
	}
	
	ul.zooming{
		display:flex!important;
	}
	
	.select-box .selected-option{
		top:10px!important;
        color:#FCFAF8!important;
	}

	.move-direction{
		display:block;
	}
	
	.layout-section{
		background-color: #191919cf;
		padding-top:10px!important;
	}
	
	a.nav-link.mobile-cart {
		left: 38px!important;
	}
	
	.full-date-mob.border-right{
		margin-left:5px;
	}
	.event-filter-image{
		display:none;
	}
	.layout-section i.fa-caret-down{
		font-size:12px!important;
		color:#FCFAF8!important
	}
	
	.guest-box i.fa-caret-down {
        font-size: 12px !important;
        color: #FCFAF8 !important;
        padding-left: 0px;
        left: unset !important;
        top: 10px;
        position: absolute !important;
    }
	.parent-time-slots i.fa-caret-down {
        font-size: 12px !important;
        color: #FCFAF8 !important;
        padding-left: 3px;
        left: unset !important;
        top: 8px;
        position: absolute !important;
    }
	.guest-box {
        letter-spacing: 0.2px !important;
    }
	    .guest-box .selected-guest-option {
        font-size: 9px !important;
        top: 4px !important;
        text-transform: uppercase;
        color: white !important;
        font-weight: 500;
		left: -4px;
    }
	.select-box-time {
        font-size: 9px !important;
    }
	.layout-section {
        font-size: 9px !important;
        padding-top: 8px;
    }
  .guests-list {
        width: 235px !important;
    }
	.seat-ticket-category {
    	font-size: 12px;
    }
	.daterangepicker.show-calendar {
        top: 75px !important;
    }
    .select-event-div, .select-box, .guest-box, .full-date-mob, .seat-ticket-btn, .time-slot-box{
        background-color: #534730 !important;
    }

}

/*popover css*/
.popover-body {
    background: #FCFAF8;
    padding: 0px !important;
    border-radius: 0px 0px 10px 10px;
    opacity: 0.95;
   /* height: 320px;*/
}

.popover{
  background-color: transparent!important;
  border: 0px !important;
  
}

.popover-header {
    background-color: #e7dbd2!important;
    color: #FCFAF8 !important;
    width: 276px;
    margin: 0 auto;
    height: auto;
    align-items: center;
    border-radius: 8px 8px 0px 0px;
    opacity: 0.95;
    font-weight: normal;
    padding: 13px 20px 0px 0px!important;
	position:relative;
	z-index:999;
}
.popup-text.popup-category-name{
    color: #534730 !important;
    position: relative;
	bottom: 6px;
}
.popover img.img-fluid.mb-2 {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 10px 10px 0px 0px;
}
i.close-btn.fas.fa-times {
    background-color: #534730;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    padding: 3px 3px;
    position: relative;
    left: 18px;
    top: -6px;
    bottom: 4px;
    font-size: 18px;
    color: #FCFAF8 !important;
}

.popup-text.popup-category-note{
    color: #534730!important;
	padding:2px 10px;
}
.popup-text.popup-category-capacity{
    color: #534730!important;
}
.arrow::before {
    content: "";
    border-right-color: #534730 !important;
    opacity: 0.6;
}
.arrow::after {
    content: "";
    border-right-color: #534730 !important;
    opacity: 0.6;
}

.popup-text.popup-category-button:hover {
    background-color:transparent !important;
    border: 1px solid #534730 !important;
    color: #534730 !important;
    transition: 0.7s;
}
span.txt-8 {
    margin-left: 7px;
    letter-spacing: 6px;
}

.popup-text.popup-category-capacity .secondary-color{
	color:#534730!important;
}

.popover-body .popup-text.popup-category-button{
	border:1px solid #534730!important;	
	margin-bottom: 15px;
}



.popover-body > div{
	padding-top:165px;
}

.popover-body .popover-empty{
	padding-bottom: 12px;
    margin-top: 0px;
    padding-top: 10px;
	color:#534730!important;
}

.modal-body {
   /* background-image: linear-gradient(to right, rgba(255,0,0,0), #f4efe6);*/
}

.close-button {
    position: absolute;
    right: 14px;
}
p.help-text {
    color: #646363;
    font-size: 13px;
    padding: 3px 10px;
}

@media(max-width: 768px){
    .popover{
        transform: translate3d(100px, 200px, 0px) !important;
    }
	
}

@media only screen and (max-width: 989px) and (min-width: 768px){
	.mobile-user-icon a.nav-link {
		color: #FCFAF8!important;
	}
}

.applied-coupon-box .c-message, .c-discount {
    padding-left: 30px;
    padding-top: 12px;
}
.remove-coupon{
	top:11px;
}

/*Web App View*/
.web-app-view .card{
	background-color:transparent!important;
}
.alert-popup{
	position: absolute;
    right: 0px;
    margin-left: 15px;
    border: 1px solid #FCFAF8;
    font-size: 13px;
	float:none!important;
	z-index:999;
}
.alert-box .close-button{
    position: absolute;
    border: 1px solid #534730 !important;
    border-radius: 25px;
    padding: 0px;
    top: -13px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    right: -12px;
}
.alert-box .alert-body{
	padding:0px 0px 25px;
	font-size:16px;
	text-align:left;
}
.desc-text{
	font-size:12px;
	padding-top:5px;
	padding-left:15px;
}
.active-svg{
	stroke: #e6555d;
}
	
.event-desc span{
	color:#FCFAF8!important;
}

@media only screen and (max-width: 600px){
	.web-app-view .daterangepicker.show-calendar{
		top:20px!important;
	}
	.web-app-view .a.alert-confirm-button button{
		margin-right: 10px;
		color: #FCFAF8!important;
	}
	.alert-no{
		color:#534730!important;
	}
	
	.select-event-div {
		margin-top: 0px!important;
		margin-left: 5px;
		margin-right: 5px;
		/* display:none; */
	}
	.legend-text{
		clear:both!important;
		position: relative;
		top: 56px;
	}
	.title-line2{
		top: 80px !important;
	}
	.extra-m-btn{
		background-color: #191919cf;
        padding: 8px 20px !important;
        float: left;
        position: absolute;
        left: 10px;
        top: 0px !important;
	}
	.layout-section .layout-box, .filter-url-box{
		margin-top:7px!important;
	}
	.select-box-time{		
		padding-top: 8px!important;
	}
	.select-box-time .selected-time-option{
		top:2px!important;
	}
	.seat-ticket-category {
        width: 230px;
        top: 32px;
        z-index: 9999;
        left: 10px;
    }
}