/**
 * (2017-10-17) This CSS file is currently shared on both:
 *	- football-booking template (ITYPE 144, body.football-booking)
 *  - pricetable-booking template (ITYPE 145, body.pricetable-booking)
 * The same html class name 'football-booking-box' and 'football-booking-pricebox' is also used in the pricetable-booking template.
 */


/**
 * === colors ===
 *


 * --- LIGHTGRAY ---
 *
 * NORMAL HEX: #fafafa
 * DARK HEX: #efefef
 *

 * --- TEXT HEADING ---
 *
 * NORMAL HEX: #2e2a25
 *

 * --- ALERT ---
 *
 * NORMAL HEX: #7014cc
 * DARK HEX: #430cb3
 * DARK RGB: 67,12,179
 *

 * --- PRICE ---
 *
 * NORMAL HEX: #ff5600
 *

 * warning RED:
 *	#ff1a00
 *
 */

/* =====
 BOOKING BOX - GENERAL
 ====== */

.render-pricetable-booking-version .box-image{
	margin-bottom:0;
}

.render-pricetable-booking-version .box-inner{
	/*max-width:400px;*/
	max-width:100%;
}

.render-pricetable-booking-version .box,
.render-pricetable-booking-version .box-inner,
.render-pricetable-booking-version .box-title{
	border-radius:4px;
}



.render-pricetable-booking-version .box-title{
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}

.render-pricetable-booking-version .box-inner{
	padding:13px 0;
	padding:1.3rem 0;
}

.render-pricetable-booking-version .box-title{
	text-align:left;
	/*text-align:center;*/
	margin-top:-13px;
	margin-top:-1.3rem;
	margin-bottom:0;
	padding-top:13px;
	padding-top:1.3rem;
	padding-bottom:13px;
	padding-bottom:1.3rem;
}

.render-pricetable-booking-version .box-title,
.render-pricetable-booking-version .box-desc,
.render-pricetable-booking-version .box-nav{
	padding-left:9px;
	padding-right:9px;
	padding-left:0.9rem;
	padding-right:0.9rem;
}

.render-pricetable-booking-version .box-image,
.render-pricetable-booking-version .box-image img{
	border-radius:0;
}

.render-pricetable-booking-version .box-desc{
	padding-top:0.375em;
	padding-bottom:0.375em;
}

.render-pricetable-booking-version .box-nav{
	text-align:center;
	font-size:1.286em;
	padding-top:1.5em;
	/* padding-top:0; */
}

.render-pricetable-booking-version .box-title + .box-desc{
	padding-top:18px;
	padding-top:1.8rem;
	padding-bottom:6px;
	padding-bottom:0.6rem;
}


.football-booking-textarea-box .box-title + .box-desc{
	padding-top:18px;
	padding-top:1.8rem;
	padding-bottom:0;
}

.render-pricetable-booking-version .box-desc .box-nav{
	padding-top:0;
	padding-left:0;
	padding-right:0;
}

/* =====
 BOOKING CONTENT BOX - SKIN
 ====== */

.football-booking-box,
.football-booking-box .box-inner{
	background:#fff;
}

.football-booking-box .box-title,
.football-booking-box .box-title a{
	/*color:#fff;*/
	color:#2e2a25;
	background-color:#fafafa;
	
}



.football-booking-box .box-inner{
	box-shadow:0px 0px 0px 1px #efefef;
}

.football-booking-box .box-title,
.football-booking-box .box-title + .box-image{
	border-bottom:1px solid #efefef;
}

.football-booking-box{
	/* margin-bottom:0; */
	margin-bottom: 2.25em;
}

.football-booking-box .box-nav .button{
	margin-right:0.75em;
}

.football-booking-box .box-nav .button:last-of-type{
	margin-right:0;
}

.football-booking-box .box-nav:before,
.football-booking-box .box-nav .button{
	vertical-align:bottom;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
}


.football-booking-box:first-child .box-title:before{
	display:none;
}

.football-booking-box + .ajax-wrap .football-booking-box:first-child .box-title:before{
	display:block;
}

/**/

.render-pricetable-booking-version .football-booking-box,
.football-booking-box .box-inner,
.football-booking-box .box-title{
	/*border-radius:0;*/
}

.render-pricetable-booking-version .football-booking-box:first-child,
.football-booking-box:first-child .box-inner,
.football-booking-box:first-child .box-title{
	/* border-top-left-radius: 4px; */
	/* border-top-right-radius: 4px; */
	border-radius:4px;
}

.football-booking-hotel-box + .ajax-wrap .football-booking-box:first-child,
.football-booking-hotel-box + .ajax-wrap .football-booking-box:first-child .box-inner,
.football-booking-hotel-box + .ajax-wrap .football-booking-box:first-child .box-title{
	/*border-top-left-radius:0;*/
	/*border-top-right-radius:0;*/
}

.render-pricetable-booking-version .football-booking-box:last-of-type,
.football-booking-box:last-of-type .box-inner,
.render-pricetable-booking-version .football-booking-submit-box,
.football-booking-submit-box .box-inner{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}


/* =====
 BOOKING PRICEBOX  - SKIN
 ====== */
.football-booking-pricebox,
.football-booking-pricebox .box-inner{
	background:#fafafa;
}

.football-booking-pricebox .box-title{
	color:#2e2a25;
	background-color:#fafafa;
}

.football-booking-pricebox .box-inner{
	box-shadow:0 0 0 1px #efefef;
}

.football-booking-pricebox .box-title,
.football-booking-pricebox .box-title + .box-image{
	border-bottom:1px solid #efefef;
}

html .football-booking-pricebox .box-title{
	font-size:2em;
	line-height: 1.25;
	letter-spacing: 0;
	text-align: left;
	border-bottom: none;
	padding-bottom:0.333em;
	margin-bottom: 0;
}

/* =====
 BOOKING CONTENT BOX BUTTON - SKIN
 ====== */

/**
 * First child button (ALERT COLOR)
 */

.render-pricetable-booking-version .box-nav .button:first-of-type,
.render-pricetable-booking-version .box-nav .button:first-of-type:disabled:hover,
.render-pricetable-booking-version .box-nav .button:first-of-type:disabled:active{
	/*text-shadow:1px 1px 1px rgba(0,0,0,0.3);*/
	/*box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);*/
	/*background-image:-webkit-linear-gradient(top,transparent 0%,rgba(67,12,179,0.65) 100%);*/
	/*background-image:linear-gradient(to bottom,transparent 0%,rgba(67,12,179,0.65) 100%);*/
	/*color:#fff;*/
	/*background-color:#7014cc;*/
	/*border-color:#430cb3;*/
}

.render-pricetable-booking-version .box-nav .button:first-of-type:hover{
	/*text-shadow:0 0 2px rgba(0,0,0,0.4);*/
	/*box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);*/
	/*background-image:-webkit-linear-gradient(top,#7014cc 50%,#430cb3 100%);*/
	/*background-image:linear-gradient(to bottom,#7014cc 50%,#430cb3 100%);*/
	/*background-color:#7014cc;*/
	/*color:#fff;*/
	/*border-color:#430cb3;*/
}

.render-pricetable-booking-version .box-nav .button:first-of-type:active{
	/*text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);*/
	/*box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);*/
	/*background-image:none;*/
	/*background-color:#430cb3;*/
	/*color:#fff;*/
	/*border-color:#430cb3;*/
}


/* =====
 BOOKING CONTENT VALIDATION BOX (ERROR) - SKIN
 ====== */

.validation-ajax-box .box-inner{
	box-shadow:0px 0px 0px 1px #ff1a00;
	
}

.validation-ajax-box .box-title,
.validation-ajax-box .box-title + .box-image{
	border-bottom:1px solid #ff1a00;
}


/* =====
 BOOKING
 ====== */

.booking-pricebox-row{
	padding: 0 0 1em 0;
	
}


.booking-pricebox-row-title{
	display:block;
	font-family:'Open Sans',sans-serif;
	font-weight:600;
	font-size:1.167em;
	line-height: 1.286em;
	letter-spacing: 0.018em;
	padding: 0 0 0.75em 0;
}

.booking-pricebox-row-included{
	padding-bottom:0.75em;
}

.booking-pricebox-totalcost-row{
	border-top: 1px dashed rgba(0,0,0,0.12);
	padding-top: 0.75em;
	margin-top: 0;
}

.booking-pricebox-totalcost-row .booking-pricebox-row-title{
	text-transform: uppercase;
}
/**/
.id-booking-pricebox-totalcost-row .key{
	font-weight:normal;
	color:inherit;
}

.id-booking-pricebox-totalcost-row .value{
	font-weight:bold;
	color:inherit;
}

.id-booking-pricebox-totalcostpp-row .key,
.id-booking-pricebox-totalcostpp-row .value{
	font-weight:bold;
	color:#ff5600;
}
/**/
.booking-pricebox-list a,
.booking-pricebox-list a:hover{
	text-decoration:none;
}

.booking-pricebox-list,
.booking-pricebox-item{
	display:block;
	padding:0;
	margin:0 auto;
	list-style:none;
}

.booking-pricebox-list{
	text-align:center;
}

.booking-pricebox-item{
	text-align: left;
	display:block;
	padding-bottom:0.375em;
	
}

.booking-pricebox-item:last-child{
	padding-bottom:0;
}


.booking-pricebox-item-key,
.booking-pricebox-item-value{
	display:inline-block;
	vertical-align:top;
	text-align:left;
}


.booking-pricebox-item-key-inner,
.booking-pricebox-item-value-inner{
	display:block;
	display:inline-block;
	vertical-align:top;
	text-transform: uppercase;
}


.booking-pricebox-item-key{
	width:73%;
	width:calc(169px + 1px);
	min-width:10em;
	min-width:calc(1px + 1px);

}


.booking-pricebox-item-value{
	width:27%;
	width:calc(100% - (170px + 1%));
	min-width:5em;
	min-width:calc(1em + 4em);
	padding:0.083em 0;
	text-align: right;
}


/**/

/* 
	CSS place in calendar-pickadate.css when done
	* Adjustments when placed in '/functions-booking-step1.asp':
*/

.football-booking-calendar-box-row .requiredfield-asterisk{
	display:none;
}

.football-booking-calendar-box-row .picker__input{
	height:2.285em;
	line-height: 2.285;
	padding-top:0;
	padding-bottom:0;
}
.football-booking-calendar-box-row .pickadate-date-icon{
	margin-top:0.6em;
}

/** FORM & TAGS **/

.render-pricetable-booking-version .form-item{
	padding-top:0.75em;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}


.render-pricetable-booking-version .form-item-key{
	width: 130px;
	width: 13rem;
}
.render-pricetable-booking-version .form-select,
.render-pricetable-booking-version .form-input-text{
	width: 200px;
	width: 20rem;
	max-width:100%;
}

.render-pricetable-booking-version p{
	padding-bottom:0.375em;
}

.render-pricetable-booking-version p:last-of-type{
	padding-bottom:0;
}

