@charset "UTF-8";
/* CSS Document */


  /* *** *** Custom Style Sheet for Elite Live Demo Portals  *** *** */
/* Colours */
 :root {
    --red:                      #dc3545;
    --red-hover:                #EA0606;

    --orange:                   #f07e26;
	--orange-hover:             #e36300;
    --orange-focus:             #d4650f;

    --yellow:                   #ffc107;

    --green:                    #28a745;
    --green-hover:              #218838;
    
    --blue:                     #007bff;
    --blue-hover:               #0069d9;

    --indigo:                   #6610f2;
    --purple:                   #6f42c1;
    --pink:                     #e83e8c;
    --teal:                     #20c997;
    --cyan:                     #17a2b8;

    --black:                    #000000;
    --black-90:                 #232323;
    --black-80:                 #3a3a3a;
    --black-70:                 #494949;
    --black-60:                 #606060;
    --black-30:                 #e6e6e6;
    --black-20:                 #d2d2d2;
    --black-10:                 #f4f4f4;
    --white:                    #ffffff;

    --grey:                     #6c757d;
    --grey-dark:                #343a40;

    --primary:                  #007bff;
    --secondary:                #6c757d;
    --success:                  #28a745;
    --info:                     #17a2b8;
    --warning:                  #ffc107;
    --danger:                   #dc3545;
    --light:                    #f8f9fa;
    --dark:                     #343a40;

    /* New Variables */

    /* Colours */
    --text-white:               var(--white);
    --text-black:               var(--black);
    --text-focus:               var(--black-70);
    --text-red:                   var(--red);

    /* Buttons */

    --btn-red:                          var(--red);
    --btn-red-hover:               var(--red-hover);
    --btn-orange:                    var(--orange);
    --btn-orange-hover:         var(--orange-hover);
    --btn-orange-focus:         var(--orange-focus);
    --btn-orange-text:            var(--text-white);

    --btn-black:                     var(--black);
    --btn-black-hover:          var(--black-90);
    --btn-black-focus:          var(--black-70);
    --btn-black-text:           var(--text-white);

    --btn-blue:                 var(--blue);
    --btn-blue-hover:           var(--blue-hover);
    --btn-blue-focus:           var(--blue);
    --btn-blue-text:            var(--text-white);

    --btn-green:                var(--green);
    --btn-green-hover:          var(--green-hover);
    --btn-green-focus:          var(--green);
    --btn-green-text:           var(--text-white);

    --bg-grey: rgba(35, 35, 35, 0.35);
    --bg-grey-90: rgba(35, 35, 35, 0.2);
	--bg-grey-80: rgba(35, 35, 35, 0.15);
    --bg-grey-70: rgba(35, 35, 35, 0.1);


    --border:               #ebebeb;
    --border-form:          #cccccc;
    --border-form-darker:   #b3b3b3;

    /* Border Radius */
    --border-radius-sm: 5px;
    --border-radius-md: 25px;
    --border-radius-lg: 50px;
    --border-radius-50pc: 50%;
    --border-radius-100pc: 100%;

/* SET LIVE COLOUR SCHEME HERE */

    --principle-colour:             var(--red);
    --principle-colour-hover:       var(--red-hover);

    --secondary-colour:             var(--blue);
    --secondary-colour-hover:       var(--blue-hover);

    /* SELECTION BUTTONS */
    --btn-primary:                  var(--btn-red);
    --btn-primary-hover:            var(--btn-red-hover);

    /* EXPORT GROUP BUTTONS */
    --btn-secondary:                  var(--btn-red);
    --btn-secondary-hover:       var(--btn-red-hover);

 /* Solid or outline pill buttons */


}

body {
    background: url('https://ww2.e-s-p.com/demos/esp-club/assets/images/carousel/adventure-golf.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.container {
	/* 
	max-width: calc(100% - 10px);
	padding-left: 0px;
	padding-right: 0px;
	*/
}

.card-body.p-5{
padding:1rem !important;}

/* EL Home Panel */

/* Messages */
.message_usage_frame {
    height: 30px;
}

.message_usage_frame span {
    display: inline;
}


/* EL Frame */

.ah_page_frame {
    margin: auto;
    /* max-width: 900px;*/ 
	max-width: calc(95%);
}

.ah_segment {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, #ffffff 20%, #efefef 100%);
    /*background-image: none;*/
	border-radius: var(--border-radius-sm);
	box-shadow: 1px 1px 4px 1px #00000026;
}

.ah_segment_title {
    text-decoration: none;
    border: 0;
}

.form_div_row {
    text-decoration: none;
}

/* EL Side Menu */
.cbp-spmenu-open {
}
.main_menu_btn {  
}


/* Export Group Link Buttons */
.tile_listbox_item {
    border-radius: var(--border-radius-lg);
    border: 0;
}

.tile_listbox_item a {
    background-color:   var(--btn-secondary);
    border-radius:      var(--border-radius-lg);
    border:             0;
	box-shadow:         0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
	color:              var(--text-white);
	padding-bottom:     20px;
    text-decoration:    none;
}

.tile_listbox_item a:hover {
    background-color:   var(--btn-secondary-hover);
    color:              var(--text-white);
    text-decoration:    none;
}

/* Group Buttons */

.ah_segment_frm_btn {
    background:         none;
    border:             2px solid;
    border-color:       var(--btn-secondary);
    border-radius:      var(--border-radius-md);
    box-shadow:         0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
	color:              var(--secondary-colour);
}

.ah_segment_frm_btn:hover {
    background-color:   var(--btn-secondary-hover);
    border:             2px solid;
    border-color:       var(--btn-secondary-hover);
    border-radius:      var(--border-radius-md);
    color:              var(--white);
	box-shadow:         none;
}

.ah_segment_frm_btn_club{
    background:         none;
    border:             2px solid;
    border-color:       var(--btn-primary);
    border-radius:      var(--border-radius-md);
    color:              var(--btn-primary);
   
}

.ah_segment_frm_btn_club:hover{
    background-color:   var(--btn-primary-hover);
    border:             2px solid;
    border-color:       var(--btn-primary-hover);
    border-radius:      var(--border-radius-md);
    color:              var(--white);
}


/* *** *** AVAILABILITY DISPLAYS *** *** */
/* Filters */
.wpd_droplist {
	font-size: unset; 
	font-family: unset;
}

/* EL Calendar */
.calendar_container {
}

.cal_month_frame{
    border-color:       var(--principle-colour);
    background-color:   var(--light);
    border-radius:      var(--border-radius-sm);
    box-shadow:         0 0 40px 0 rgba(0,0,0,.15);
	height:             300px;
	width:              280px;
}

.cal_box_weekday_names {
    border-color:       var(--principle-colour);
    color:              var(--principle-colour);
}

.cal_box_weekday {
    color:              var(--principle-colour);
    font-weight:        500;
    text-transform:     uppercase;
}


/* Calendar Dates Available */
.cal_box_dateslot a {
    background-color:   var(--principle-colour);
    border-radius:      100%;
	color:              var(--text-white);
}

.cal_box_dateslot a:hover {
    background-color:   var(--principle-colour-hover);
    color:              var(--text-white);
    border:             3px white;
}

/* *** *** Content Attribure for Colours *** *** */
 .cal_box_dateslot a.contentattrib_G {
    background-color:   var(--principle-colour);
    border-radius:      100%;
	color:              var(--text-white);
}

.cal_box_dateslot a:hover.contentattrib_G a:hover {
    background-color:   var(--principle-colour-hover);
    color:              var(--text-white);
    border:             3px white;
}

/* Calendar Activity View Times */
/* Time Picker */
.activity_viewtimes_frame {
    border-color:       var(--principle-colour);
    background-color:   var(--light);
	border-radius:      var(--border-radius-sm);
    box-shadow:         0 0 40px 0 rgba(0,0,0,.15);
}

.activity_viewtimes_iframe_wrapper {
	background-color:   var(--light-grey);
	border:             1px solid var(--principle-colour);
	border-radius:      var(--border-radius-sm);	
	overflow:           auto;
	-webkit-overflow-scrolling: touch;
}

.fullsheet_container_notavailable{
	background-color:   var(--red);
	border-radius:      var(--border-radius-sm);
}

.fullsheet_container_available {
	border-radius:      var(--border-radius-sm);
}

.fullsheet_container_available a {
    background-color:   var(--principle-colour);
	border-radius:      var(--border-radius-sm);
    color:              var(--text-white);
}

.fullsheet_container_available a:hover {
    background-color:   var(--principle-colour-hover);
	border-radius:      var(--border-radius-sm);
    color:              var(--text-white);
}

/* Event Listings */

.activity_displaybox{
	background-color:   var(--light);
	border:             1px solid var(--principle-colour);
	border-radius:      var(--border-radius-sm);
}

.activity_displaybox_row_odd {
	border-bottom:      1px solid var(--principle-colour);
}
.activity_displaybox_row_even {
	border-bottom:      1px solid var(--principle-colour);
}

.activity_displaybox_timebox {
	color:              unset;
	font-size:          12px;	
}

.activity_available a {
    background-color:   var(--principle-colour);
    color:              var(--text-white);
}

.activity_available a:hover {
    background-color:   var(--principle-colour-hover);
    color:              var(--text-white);
}


/* *** Selectable Ticket Prices *** *** */
.el_bnp_qty_subtract, .el_bnp_qty_add {
	background-color:   var(--principle-colour);
	background-image:   none;
	border-radius:      50%;
	color:              var(--white);
	display:            inline-block;
	height:             50px;
	width:              50px;
}

.el_bnp_qty_subtract::before{
	content:            "-";
	font-size:          2rem;
}
.el_bnp_qty_add::before {
	content:            "+";
	font-size:          2rem;
}

.el_bnp_calc_price{
	font-size:          1.2rem;
	font-weight:        500;
}

.el_bnp_running_total{
	font-size:          1.4rem;
	font-weight:        700;
}


/* CHECKOUT PAGE */
/* *** *** *** *** */
/* GUEST CHECKUT */
/* Input Boxes */
#guestchkout_name_field {
    border:             1px solid var(--principle-colour);
	border-radius:      var(--border-radius-sm);
}
#guestchkout_email_field {
    border:             1px solid var(--principle-colour);
    border-radius:      var(--border-radius-sm);
}

/* Guest Checkout Button */
#guest_checkout_content .ESPAuthBoxSubmit {
    background-color:   var(--btn-primary);
    color:              var(--text-white);
    text-decoration:    none;
    border-radius:      var(--border-radius-md);
}
#guest_checkout_content .ESPAuthBoxSubmit:hover {
    background-color:   var(--btn-primary-hover);
    color:              var(--text-white);
    text-decoration:    none;
}

/* *** *** EL LOGIN *** ***/
.ESPAuthBox{
    border-radius:      var(--border-radius-sm);
	font-family:        unset;
}

/* EL Sign In / Register */

/* Input Boxes */
.ESPAuthBox input[type="text"], .ESPAuthBox input[type="password"], .ESPAuthBox input[type="date"] {
	color:              var(--gray);
	font-family:        unset;
	width:              100%;
}

.ESPAuthBoxFieldValid {
    border:             1px solid var(--principle-colour);
}

#username_field {
	border-radius:      var(--border-radius-sm);
}

#password_field {
    border-radius:      var(--border-radius-sm);
}

#main_login_content .ESPAuthBoxSubmit {
    background-color:   var(--btn-primary);
    border-radius:      var(--border-radius-md);	
	color:              var(--text-white);
    text-decoration:    none;
}

#main_login_content .ESPAuthBoxSubmit:hover {
    background-color:   var(--btn-primary-hover);
    border-radius:      var(--border-radius-md);
	color:              var(--text-white);
    text-decoration:    none;
}

.ESPAuthBoxbtn  {
    background-color:   var(--btn-primary);
	border-radius:      var(--border-radius-md);
	color:              var(--text-white);
    text-decoration:    none;
}

.ESPAuthBoxbtn:hover {
    background-color:   var(--btn-primary-hover);
	border-radius:      var(--border-radius-md);
	box-shadow:         0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
	color:              var(--text-white);
    text-decoration:    none;
}

/* Register and Forgotten Buttons */
.ESPAuthBoxbtn_Forgot {
    /* background-color: var(--blue); */
    background:         none;
	border:             2px solid;
    border-color:       var(--btn-secondary);
    border-radius:      var(--border-radius-md);
	color:              var(--btn-secondary);
    text-decoration:    none;
}

a.ESPAuthBoxbtn_Forgot {
	color:              var(--secondary-colour);
}

.ESPAuthBoxbtn_Forgot:hover {
    background-color:   var(--btn-secondary-hover);
	border-radius:      var(--border-radius-md);
	box-shadow:         0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
	color:              var(--text-white);
    text-decoration:    none;
}

a#section_submit_fake_next {
    color:              var(--secondary-colour);
}
a#section_submit_fake_next:hover {
    color:              var(--text-white);
}

a.ESPAuthBoxbtn.ESPAuthBoxbtn_Forgot{
    color:              var(--secondary-colour);
}
a.ESPAuthBoxbtn.ESPAuthBoxbtn_Forgot:hover{
    color:              var(--text-white);
}
/* *** *** *** FRONT DESK *** *** *** */
/* .frontdesk_box {
    border: 1px solid;
	border-color: var(----secondary-colour);
    background-color: var(--light);
	border-radius: var(--border-radius-sm);
    box-shadow: 0 0 40px 0 rgba(0,0,0,.15);
	@media screen and (min-width: var(--breakpoint-md)) {width: calc( 33% - 1px );}
	@media screen and (min-width: var(--breakpoint-sm)) {width: calc( 40% - 1px );}
}
*/
/* Front Desk Boxes (Make Booking, F&B Ordering, Levy TopUp, Payment Request, Sales Statement) */
.frontdesk_box {
    background-color:   var(--text-white);
	border:             1px solid var(--secondary-colour);
	border-top:         1px solid var(--secondary-colour);
    border-radius:      var(--border-radius-sm);
	box-shadow:         1px 1px 1px var(--secondary-colour-hover);
	display:            inline-block;
    width:              calc((100% / 3) - 5px);
}

/* Phones */
	@media (min-width: 320px) and (max-width: 768px) {
    	.frontdesk_box {
        width:          calc(100%);
    	}	
	} 
/* Tablet */
	@media (min-width: 768px) and (max-width: 1024px) {
    	.frontdesk_box {
        width:          calc(calc(100% / 2) - 5px);
    	}	
	} 



/* Booking Process Navigation */
.form_div_row {
    border:         none;
}

/* Back Button */
.booking_back_btn_submit {
    background-color:   var(--black-70);
    border-radius:      var(--border-radius-md);
    border:             0;
    color:              var(--white);
}

/* Submit Button */
.submit_box_ok {
    background-color:   var(--btn-primary) !important;
    border-radius:      var(--border-radius-md);
    border:             none;
    font-size:          16px;
    height:             40px;
    min-width:          200px;

}
.submit_box_ok:hover {
    background-color:   var(--btn-primary-hover)!important;
    border-radius:      var(--border-radius-md);
    border:             none;
}

/* Members Guest Switch */
.membguestswitch-inner:before {
    background-color:   var(--btn-primary);
}



/* *** *** PAYMENT PAGE *** *** */

/* Basket Container */
.bv_receipt_paper {
	border-radius:      var(--border-radius-sm);
}

/*Transaction Detail */
.itemised_box_listing {
    background-color:   var(--light);
    border:             0;
}

.itemised_detail_row_item {
    background-color:   var(--light);
    color:              var(--dark);
    border-bottom:      1px lines;
}

.itemised_row_person {
    background-color:   var(--light);
    color:              var(--dark);
}

.itemised_row_sundry {
    background-color:   var(--light);
    bolor:              var(--dark);
}

.itemised_row_paytotal {
    background-color:   var(--light);
    color:              var(--dark);
    border-bottom:      1px lines;
}

.itemised_row_paynow{
    background-color:   var(--light);
    color:              var(--dark);
    border-top:         1px lines;
    border-color:       var(--gray);
	font-weight:        bold;
}

/* Payment Container */
.attachment_container{
	border-radius:      var(--border-radius-sm);
}

/* Buttons */

.shoppingcart_add_btn {
    background-color:   var(--btn-secondary) !important;
    background-image:   none;
    border-radius:      var(--border-radius-sm);
    min-width:          100px;
}

.shoppingcart_add_btn:hover {
    background-color:   var(--btn-secondary-hover)!important;
}

.EL_Confirm_controls button {
    min-width:          100px;
}

/* Booking Confirmation Page */
.successful_booking_text {
	text-shadow:        none;
	font-weight:        400;
}


/* *** *** CONTENT MANAGEMENT *** *** */
/* EL Dynamic Content Box */

.dc_maingrp_box {
    background-color:   var(--light);
    border-radius:      var(--border-radius-sm);
    border-color:       var(--gray);
    box-shadow:         0 0 40px 0 rgba(0,0,0,.15);
	width:              auto;
}

.dc_maingrp_box_body {
    background-color:   transparent;
    border:             none;
}

.dc_maingrp_box_title {
    text-align:         center;
}

.dc_maingrp_box_btn {
    background-color:   var(--secondary-colour);
    border-radius:      20px;
}
.dc_maingrp_box_btn a:hover {
    background-color:   var(--secondary-colour-hover)!important;
}