/****************************************************************************
**
**	File Name: Yavapai AudienceView v7 CSS
**
**	Date Created: 10 March 2019
**	Date Updated: 04 April 2019
**
**	Created By:	Nimit Jethwa
**
****************************************************************************/

/****************************************************************************
**
**	File Name: Yavapai_AV7_100432019.css
**	Description: File does a breif Reset of key elements, classes and so on.
**
**	DO NOT EDIT THIS SECTION
**
****************************************************************************/

/* == Import Fonts */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Lato');

*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}

html {
	font-size: 62.5%;
}

body {
	box-sizing: border-box;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	line-height: 1.7;
	color: #777;
	font-size: 1.5rem;
	padding-bottom: 0px;
}

/****************************************************************************
**
**	File Name: Yavapai_AV7_100432019.css
**	Description: File does a breif Reset of key elements, classes and so on.
**
**	YOU CAN EDIT THIS SECTION
**
****************************************************************************/

/* == Things o Hide */
#menuTopItem-help,
.start-date-label,
.show-more {
	display: none;
}

/* == Headers */
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #666;
    font-size: 20px;    
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 10px;
    margin-bottom: 20px;
}
.h6, h6 {
    font-size: 22px;
}

/* == Fix Pagination */
.pagination > li {
    margin-left: 0px;
}

/* == Footer */
.footer-content {
    background-color: #342f29;
    padding: 40px 20px 40px 20px;
}

#footer {
	color: #fff;
	background: #342f29;
}

.header-image-size {
	padding-bottom: 15px;
}

.result-box-item {
    background: #f1f1f1;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #666;
    margin-bottom: 10px;
}

.availability-icon {
	display: none !important;
}

/* == Buttons */
.btn-primary {
    background: #820000 !important;
    border-radius: 0px;
    padding: 8px 30px;
}

/* == Change More Info Section */
.performance-info #item-description-text.text-truncate {
    height: auto !important;
	overflow: visible !important;
    display: block !important;
}

/* == Price Zone */
.price-zone-price {
    color: #666 !important;
}

/* == Search Box */
#searchBox .field-label {
	/* display: none; */
	display: block;
	text-align:left;
	text-transform: uppercase;
	padding-bottom:0px;
}

#searchBox {
	margin-bottom: 0px;
}

	.detailed-search-results .item-description {
		width: 50%;
	}

	.detailed-search-results .item-link.result-box-item-details {
		width: 20%;
		text-align: right;
		position: relative;
		top: 5px;
	}
	
	.search-results-container .item-description .item-name {
		font-size: 20px;
		display: block;
	}
	
	.search-results-container .item-teaser {
		font-size: 14px;
		font-style: normal;
		line-height: 20px;
		height: 20px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-align: left;
	}	
}

@media screen and (max-width: 767px) {
	img.footer-logo {
		width: 40%;
		padding-top: 40px;
	}	
	
	/* == Search */
	#searchBox .field-label {
		text-align: center;
	}

	#searchBox .item-search-start-date, 
	#searchBox .item-search-end-date {
		display: none;
	}
	
	.search-box {
		margin-bottom: 0px;
		margin-top: 12px;
	}	
}

@media screen and (max-width: 991px) {
	#header {
		background: #820000;
	}

	/* == Logo */
	.jor-logo {		
		position: relative;
		/*
		top: 30px;
		width: 400px;
		margin-left: calc(50% - 125px);		
		*/
		top: 35px;
		/*width: 75%; */
		margin-left: calc(50% - 22%);		
	}	
	
	body {
		padding: 0rem 0rem 3rem 0rem;
	}	
	
	img.footer-logo {
		width: 36%;
		padding-top: 40px;
	}
	
	/* == Search */
	.search-box {
		margin-bottom: 0px;
	}
	
	.search-box form ul li .form-control, 
	.search-box form ul li .input-group, 
	.search-box form ul li .input-group .form-control {
		width: 90% !important;
		/* min-width: 190px; */
		max-width: none;
	}
	
	.search-box .btn {
		width: 90%;
	}	
	
	.search-box {
		background: #fff;
		width: 100vw;
		margin-left: calc(-50vw + 50%);
		border-bottom: 1px solid grey;
	}
	
	#searchBox label {
		margin-bottom: 0px;
	}	
}

@media (min-width: 992px) and (max-width: 1199px){	
	/*
	.search-box form ul li .form-control, 
	.search-box form ul li .input-group, 
	.search-box form ul li .input-group .form-control {
		width: 260px !important;
		min-width: 190px;
	}
	*/
}

/* == Responsive */
@media screen and (min-width: 992px) {
	body {
		padding: 3rem 0rem 3rem 0rem;
	}	
	
	/* == Content */
	#content {
		padding: 0px;
		position: relative;
		padding-bottom: 40px;	
	}

	/* == Logo */
	.jor-logo {
		position: absolute;
		z-index: 1;
		margin-top: -65px;
	}

	.jor-logo img { max-width:300px!important;}

	.header-content {
		min-height: 55px;
	}
	
	/*#menu {
		background: #820000;
	}*/

	#header {
		padding: 85px 0 0px;
		background: #820000;
		top: 15px;
	}
	
	.primary-feature-wrapper {
		width: 100vw !important;
		margin-left: calc(-50vw + 50%) !important;
	}
	
	.menuContainer.main-nav .nav .menuTopItem .menu_item {
		width: auto;
		border: 0;
		outline: none;
		display: inline-block;
		float: none;
		padding: 10px 20px 15px;
		color: #fff;
		font-size: 16px;
		text-transform: uppercase;
	}

	.events .col-md-7 {
		padding-left: 0px;
	}
	
	.events .col-md-5 {
		padding-right: 0px;
	}	
	
	.menuContainer.main-nav .nav .menuTopItem a.menu_item span.menu-label:hover	 {
		color: rgba(255,255,255,0.8);
		border: 0;
	}
	
	.bodyDetails {
		padding-top: 20px;
		padding-bottom: 0px;
	}
	
	#default {
		padding-top: 0px;
		padding-bottom: 0px;
		position: relative;
		top: -5px;		
	}
	
	.customer-options {
		background: rgb(0,0,0);
	}
	
	img.footer-logo {
		width: 80%;
		float: right;
	}
	
	.search-box {
		background: #fff;
		width: 100vw;
		margin-left: calc(-50vw + 50%);
		border-bottom: 1px solid grey;
	}
	
	#searchBox label {
		margin-bottom: 0px;
	}	
}

@media screen and (min-width: 1200px) {	
	#menu {
		position: absolute;
		top: 89px;
		left: 532px;
		right: 0;
		margin: 0 auto !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		background-color: transparent !important;
	}
	
	#content {
		top: 20px;
	}	
	
	/* == Logo */
	.jor-logo {
		position: absolute;
		z-index: 1;
		margin-top: -45px; /*-55px*/
	 /*	width: 400px;450px*/
	}	

	
	/* == guest order information fix */
 	#orderInfoSecondBar {position:absolute; top:2px; left:18%;}
.menuContainer.main-nav .nav .menuTopItem.show [data-toggle="dropdown"] { color:black!important;}
	
	/* == Search */
	/*
	.search-box form ul li .form-control, 
	.search-box form ul li .input-group, 
	.search-box form ul li .input-group .form-control {
		width: 340px !important;
	}
	*/	
}


/* === 7.38 AudienceView Changes - Start */
.searchBoxLabel {
	margin-right:10px;
}

a.btn.btn-primary {
	color: white;
	font-size:14px;
}

#searchBox .form-control {
    height: 35px;
}

#searchBox input.btn.btn-secondary {
    padding: 7px 15px 7px 15px;
    font-size: 13px;
}

/*bundle charge result page displaying incorrect price, css fix */
#bundleResult .qty-amount-section.section-box-item-details.tabular-data.float-right {
    visibility: hidden;
}

#bundleResult .item-total.section-box-item {
    visibility: hidden;
}

#bundleResult .subtotal.float-right {
    visibility: hidden;
}



/* custom css 14.04.2023 */

#header { background:#fff!important;}
.menuContainer.main-nav .nav .menuTopItem .menu_item { color:#000!important;}
.menuContainer.main-nav .nav .menuTopItem a.menu_item span.menu-label:hover { color:#820000!important; }
#footer,.footer-content{background:#000!important;}
body {padding-bottom:0!important;}
#searchBox{ background: #f5f5f5; }

@media screen and (max-width:992px){
	.jor-logo { margin-left:0!important; }
	.header-content img {max-width:100%!important; height: 100%!important;}
	 .search-box form ul { width:100%;}
    #searchBox .field-label,  .search-box form ul li { text-align:center!important;}
    .search-box form ul li .input-group {margin:0 auto;}
}