
:root {
	/* Live Nation brand */
	--ln-red: #e21836;          /* brand red (from the Live Nation logo) */
	--ln-red-dark: #b51129;     /* darker red for hover/active */
	--ln-black: #0a0a0a;        /* near-black used on livenation.com */
	--ln-ink: #1a1a1a;          /* body text */

	--background-green: #ccff99;
	--background-purple-light: #f2f2f2;   /* repurposed: light neutral table header */
	--background-red: #DEC0C0;
	--background-dark-grey: #ccc;
	--background-link-hover: #fbe4e8;     /* soft brand-red tint on hover */
}

body {
	margin: 0 0 0 0;
	background-color:#FFFFFF;
	color: var(--ln-ink);
	text-decoration: none;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	line-height: 1.45;
	-webkit-font-smoothing: antialiased;
	background-repeat: repeat-x;

}

td, th {
	color: var(--ln-ink);
	text-decoration: none;
	font-size: 13px;
}

.success {
	color:green;
}

.bold {
	font-weight:bold;
}


table.alternate {border-collapse:collapse;margin:0.5em 0em;}
table.alternate td,
table.alternate th {padding:0.3em .5em;border:1px solid #bbbbbb;white-space:nowrap;vertical-align: middle;}
table.alternate th {font-weight:normal;text-align:center;}

table.alternate_rows > tbody > tr:nth-child(even) {background-color:#eee;}
table.alternate_rows > tbody > tr:nth-child(odd) {}

table.alternate_rows_shifted tbody tr:nth-child(even) {}
table.alternate_rows_shifted tbody tr:nth-child(odd) {background-color:#eee;}


table.alternate thead,
.greybackground_1 {
	background-color: var(--ln-black);
	color: #fff;
}

table.alternate thead td,
table.alternate thead th,
.greybackground_1,
.greybackground_1 td,
.greybackground_1 th {
	color: #fff;
}

table.alternate thead a,
.greybackground_1 a {
	color: #fff;
}
table.alternate thead a:hover,
.greybackground_1 a:hover {
	color: #fff;
	background-color: var(--ln-red);
}

td.grey {
	background-color:#eee;
}

tr.thickline {border-bottom:2px solid #bbb;}

table.disablenowrap td {
	white-space:normal;
}

td.letitwrap {
	white-space:normal!important;
}


table.general {border-collapse:collapse;margin:0.5em 0em;}
table.general td, table.form  td 	{padding:0.3em .5em;vertical-align:top;}
table.general {text-align:left;}

table.boxedform {
	padding:1em;
	margin:0 0 2em 0;
}
table.boxedform td {
	padding:0.3em .5em;
}

div.formhugger {display:table;padding:1em 3em;background-color:#eeeeee;}

table.centertd td {text-align:center;}
td.left, th.left  {text-align:left !important;}
td.center, th.center {text-align:center !important;}
td.right, th.right {text-align:right !important;}
td.middle, th.middle {vertical-align:middle !important;}
td.top, th.top {vertical-align:top !important;}
td.bottom, th.bottom {vertical-align:bottom !important;}

.tourheader {
	font-size:	120%;
}


input[type="text"],
input[type="password"],
input[type="number"],
select,
option,
textarea
{padding:0.6em 1em;border:#bcbcbc 1px solid;border-radius:4px;font-family:inherit;font-size:13px;background:#fff;color:var(--ln-ink);}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
	outline:none;
	border-color:var(--ln-red);
	box-shadow:0 0 0 2px rgba(226,24,54,0.18);
}

input[type="number"] {text-align:right;}

/* Live Nation primary action buttons */
input[type="submit"],
input[type="button"],
button
	{padding:0.65em 1.6em;border:1px solid var(--ln-red);border-radius:4px;background-color:var(--ln-red);color:#fff;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:0.03em;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	background-color:var(--ln-red-dark);
	border-color:var(--ln-red-dark);
}
input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled {
	background-color:#cfcfcf;
	border-color:#cfcfcf;
	cursor:default;
}

input[type="text"].money {text-align:right;}

input[type='number']{width: 70px;
} 

/* remove arrows - Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* remove arrows - Firefox */
input[type=number] {
  -moz-appearance: textfield;
}




.nowrap {
	white-space:nowrap;
}

a {
	font-family: inherit;
	color: var(--ln-red);
	text-underline-offset:3px;
	/*
	 !!! The below 3 lines will negatively impact the datepicker functionality.
	 In include/functions.php -> datepicker_setup() undo this!
	*/
	padding:10px;
	margin-left:-10px;
	margin-right:-10px;
}

a:hover {
	color: var(--ln-red-dark);
	background-color: var(--background-link-hover);
}

a.clear {
	padding:unset;
	margin:unset;
	text-decoration:none;
	color:black;
}


a.clear:hover {
	color:unset;
	background-color:unset;
}


.like-link:hover {
	background-color: var(--background-link-hover);
	cursor:pointer;
}

.redtext {color:red;}
.error_message {
	display:table;
	border:1px solid #dab5ae;
	text-align:center;
	background-color:#dab5ae!important;
	border-radius:10px!important;
	padding:1em!important;
	margin:1em 0em;
}


a.bad, a.badfeb {background-color:powderblue;}
.pagetitle {text-align:left;font-size:large;margin-bottom:0.5em;}


/**** START: bigger checkbox ****/
.checkbox-real {
	display:none;
}

/* Fake checkbox */
.checkbox-fake {
  display:inline-block;
  width:20px;
  height:20px;
  vertical-align: middle;
  background: #fff; /*#ededed;*/
  border: 1px solid #aeaeae;
  border-radius: 4px;
  margin: 0 .5em;
  cursor:pointer;
}

/* Adding the checkmark when the checkbox is checked */
.checkbox-real:checked + span:after { /* '+' to to select following span element, ':after' to add content to that found element
	/* Add a block-level blank space */
	  content:"";
	  display:block;
	/* Make a small rectangle */
	  width: 4px;
	  height: 10px;
	/* Add a border on the bottom and right, creating an 'L' */
	  border: solid #505050;
	  border-width: 0 4px 4px 0;
	/* Position it on top of the custom checkbox */
	  position:absolute; 
	  top: 0.3em;
	  left: 1.2em;
	/* Rotate the L to make it look like a checkmark */
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
}

.checkboxcontainer {
	position:relative;
	display:table;
	margin:0px auto;
}

/**** END: bigger checkbox ****/

.rowlineabove {
	border:solid;
	border-width:2px 0px 0px 0px;
	border-color:#bbbbbb;
}




table.price_quantities {border-collapse:collapse;} /* prevent extra padding/margins so that they line up with the text in parent table */
table.price_quantities tbody tr td {border-width:0px;}
table.price_quantities td:nth-child(1) {width:8em;}
table.price_quantities td:nth-child(2) {width:2em;}

.required, .red {
	color: red;
}

hr.nav {
	height:1px;
	border:none;
	color:#000;
	background-color:#bbb;
}



div.tooltip {
  position: relative;
}

div.tooltip div {
	display:inline-block;
	color:var(--ln-red);
	padding:0px 6px;
	border:1px solid var(--ln-red);
	border-radius:4px;
}

div.tooltip:hover div {
	display:inline-block;
	color:#fff;
	background-color: var(--ln-red);
}

div.tooltip > .tooltiptext {
	visibility: hidden;
	width: 260px;
	background-color: #000!important;
	color: #fff;
	font-weight:bold;
	text-align: left;
	border-radius: 6px;
	padding: 14px;
	position: absolute;
	z-index: 1;
	text-wrap:wrap;
}

div.tooltip:hover > .tooltiptext {
  visibility: visible;
}

a.jump {}
a.jump_disabled { 
	pointer-events:none;
	cursor:default;
	color:grey;
}

.button_animate
{	background : url(/img/ajax-loader.gif) no-repeat;
	background-position: center center;		
	background-color:#eee;
	color:transparent;
}

tr.lessimportant:nth-child(even) {background-color:#bdfa00!important;}
tr.lessimportant:nth-child(odd) {background-color:#e7fd00!important;}

.highlight {
	background-color: #fffa8b;
}

.page-message {
	padding: 10px;
	margin: 10px 0;
	border-radius: 4px;
}

.page-message.success {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.page-message.error {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

.entire-tour-form .charge-btn {
	margin-left: 385px;
	padding: 0.6em 2em;
}

.show-basis-form .charge-btn {
	margin-left: 280px;
	padding: 0.6em 2em;
}

.charge-btn {
	margin-top:1em;
}

.template-type-info {
	background: #fffa8b;
	padding: 12px 16px;
	border-radius: 6px;
	margin-bottom: 1em;
	width: fit-content;
	cursor: default;
}


/**** START: Live Nation header bar ****/
.ln-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5em;
	background-color: var(--ln-black);
	/* thin brand-red rule under the bar, echoing livenation.com */
	border-bottom: 3px solid var(--ln-red);
	padding: 0 24px;
	min-height: 56px;
	box-sizing: border-box;
}

.ln-header-logo {
	display: inline-flex;
	align-items: center;
	/* override the global <a> padding/margin hack so the logo sits flush */
	padding: 0 !important;
	margin: 0 !important;
}
.ln-header-logo:hover {
	background: transparent !important;
}
.ln-header-logo img {
	height: 26px;
	width: auto;
	display: block;
}

.ln-header-user {
	color: #d6d6d6;
	font-size: 13px;
	white-space: nowrap;
}
.ln-header-user a {
	color: #fff;
	padding: 6px 8px;
	margin: 0;
	border-radius: 4px;
	text-decoration: none;
}
.ln-header-user a:hover {
	color: #fff;
	background-color: var(--ln-red);
}
/**** END: Live Nation header bar ****/


.tourheader {
	font-size: 120%;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.pagetitle {
	text-align: left;
	font-size: large;
	font-weight: 700;
	margin-bottom: 0.5em;
}
