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

body{
/*
	margin: 0px auto 0px auto;
    background: url(../images/bg.png) repeat top left;
    background-size: contain;
    width: 1200px;
    height: 100vh;
*/
	margin: 0px auto 0px auto;
    background: #000 url(../images/bg.png) no-repeat top left;
    background-size: cover;
    width: 1200px;
    height: 100vh;	
}
/******** Basic Styles ********/

p{
	font-family: 'Cantarell', sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #fff;
	font-weight: normal;
}
b{
	color: #a5b1be;
}
h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2.5em;
	color: #d85600;
	font-weight: normal;
}
h2{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2em;
	color: #a5b1be;
	font-weight: normal;
}
h2 b{
	color: #fff;
}
h3{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 1.7em;
	color: #d85600;
	font-weight: normal;
}
h4{
	font-family: 'Cantarell', sans-serif;
    font-size: 1.2em;
	color: #a5b1be;
	font-weight: normal;
	font-weight: 600;
}
h5 {
	font-family: 'Cantarell', sans-serif;
    font-size: 0.8em;
	color:#d85600;
	font-weight: normal;
	font-weight: 600;
	margin:0;
}
a{
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
    color: #a5b1be;
    font-weight: 400;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000;
}
a:hover{
	color: #fff;
	text-decoration: none;
}
hr{
	border: 1px solid #a5b1be59;
	margin-bottom: 30px;
}

/******** Button Styles ********/

.blueButton {
    background-color: #283850;
    display: inline-block;
    cursor: pointer;
    color: #fff !important;
    font-family: 'Cantarell', sans-serif;
    font-size: 1.2em;
    padding: 12px 30px;
    text-decoration: none;
    border: 2px solid #fff;
}
.blueButton:hover {
	opacity: 0.8;
}
.orangeButton {
    background-color: #d85600;
    display: inline-block;
    cursor: pointer;
    color: #fff !important;
    font-family: 'Cantarell', sans-serif;
    font-size: 1.2em;
    padding: 12px 30px;
    text-decoration: none;
    border: 2px solid #fff;
}
.grayButton {
    background-color: #666666;
    display: inline-block;
    cursor: pointer;
    color: #fff !important;
    font-family: 'Cantarell', sans-serif;
    font-size: 1.2em;
    padding: 12px 30px;
    text-decoration: none;
    border: 2px solid #fff;
}
.orangeButton:hover,
.grayButton:hover {
	opacity: 0.8;
}
/*Large version of orangeButton for main screen*/
.lg{
	font-size: 2em;
    padding: 12px 130px;
	font-family: 'Allerta Stencil', sans-serif!important;
	text-transform: uppercase!important;
}
/******** Form Styles ********/

.form-style {
	margin: 10px auto;
    /* max-width: 400px; */
    padding: 20px 12px 10px 0px;
    font-family: 'Cantarell', sans-serif !important;
}
.form-style li {
	padding: 0;
	display: block;
	list-style: none;
	margin: 10px 0 0 0;
}
.form-style label{
	margin:0 0 3px 0;
	padding:0px;
	display:block;
	color: #fff;
    font-size: 1.2em;
}
.form-style input[type=text], 
.form-style input[type=date],
.form-style input[type=datetime],
.form-style input[type=number],
.form-style input[type=search],
.form-style input[type=time],
.form-style input[type=url],
.form-style input[type=email],
.form-style input[type=password],
textarea, 
select{
	 font-family: 'Cantarell', sans-serif !important;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border:1px solid #BEBEBE;
	padding: 7px;
	margin:0px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;	
	font-size:16px;
}
.form-style input[type=text]:focus, 
.form-style input[type=date]:focus,
.form-style input[type=datetime]:focus,
.form-style input[type=number]:focus,
.form-style input[type=search]:focus,
.form-style input[type=time]:focus,
.form-style input[type=url]:focus,
.form-style input[type=email]:focus,
.form-style input[type=password]:focus,
.form-style textarea:focus, 
.form-style select:focus{
	-moz-box-shadow: 0 0 8px #d85600;
	-webkit-box-shadow: 0 0 8px #d85600;
	box-shadow: 0 0 8px #d85600;
	border: 1px solid #d85600;
}
.form-style .field-divided{
	width: 50%;
}
.form-style .field-long{
	width: 100%;
}
.form-style .field-short{
	width: 50%;
}
.form-style .field-select{
	width: 45%;
}
.form-style .field-textarea{
	height: 100px;
}
.form-style input[type=submit], .form-style input[type=button]{
	/*background: #d85600;*/
	padding: 8px 15px 8px 15px;
	color: #fff;
}
.form-style input[type=submit]:hover, .form-style input[type=button]:hover{
	/*background: #d85600;*/
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.form-style .required{
	color:#d85600;
}
.checkbox {
    border-radius: 0;
    padding: 5px;
}
.checkbox input[type="checkbox"] {
    display: none;
}
.checkbox label {
	font-family: 'Cantarell', sans-serif;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: var(--border-radius);
    box-sizing: border-box;
}
.checkbox label::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: var(--border-radius);
    background-color: transparent;
    transform: translate(-50%, -50%);
    transition: background-color 0.25s;
}
.checkbox :checked ~ label::before {
    background-color: #d85600;
}
.checkbox span {
	font-family: 'Cantarell', sans-serif;
    color: #fff;
    vertical-align: top;
    transition: color 0.25s;
}
input[type=file] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:2px solid #d85600;
    padding: 1em;
    color: #fff;
}

/******** Main and Header Styles ********/

#mainDiv{
	margin:0px auto 0px auto;
	min-width: 1200px;
	height: 120vh;
}
#headerDiv{
	/*	background: url(../images/header.png) no-repeat top left;*/
	width: 1200px;
	height:145px;
	float: left;
	position: relative;
    z-index: 3;
}
#toolBar{
	background:#283850d6;
	height: 45px;
    padding: 0% 1% 1% 2%;
    float: right;
}
#titleRight{
	float: right;
	position:relative;
	width:100%;
}
#titleRight h1{
	font-family: 'Cantarell', sans-serif;
    font-size: 1.3em;
	color: #a5b1be;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom:0px;
	text-align:right;
}
#btnChangeRole {
	float: right;
    margin-left: 1%;
}
.pageTitle{
	float: left;
	width:1200px;
    /*clear: both;
    margin: -1% 2% 0% 0%;*/
}
.logo{
	background: transparent url() no-repeat top center;
    height: 160px;
    top: 10px;
    left: -10px;
    float: left;
    position: absolute;
    z-index: 999999;
}
.contentWrap{
	margin: -20px 0px 0px 0px;
}

/******** Choose your Role ********/

#pageTitle{
	text-align: center;
    width: 1200px;
	padding-top: 20px;
}
#pageHeaderTitle h1 {
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 3em;
    color: #a5b1be;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
}
#pageHeaderTitle h1 b{
	color: #d85600 !important;
}
.role-title{
	width: 100%;
    float: left;
    position: absolute;
    z-index: 99999;
    bottom: 0px;
	text-align: center;
}
.role-title h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 1.6em;
    line-height: 1.1em;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 0px 2px 5px #000;
}
/* For shorter titles */
.short{
/*	line-height: 2em!important;*/
}
.role-wrapper{
	float: left;
    position: absolute;
    width: 100%;	
	bottom:0px;
}
.role-title .orangeBox {
	display:flex;
	align-items: center;
    justify-content: center;
}
.orangeBox{
	background:#d85600;
	width:100%;
	height:90px;
	float: left;
	border-top: 1px solid #fff;
}
.learnMoreButton{
	width:100%;
	background-color: #283850;
    display: inline-block;
    cursor: pointer;
    color: #a5b1be !important;
    font-family: 'Cantarell', sans-serif;
    font-size: 1.1em;
    padding: 12px 0px;
    text-decoration: none;
    border-top: 1px solid #fff;
}
.learnMoreButton:hover{
	background: #171d20;
}
#roleContainer {
	background: transparent url(../images/container-bg.jpg) no-repeat top center;
	/* padding: 20px 0px; */
    position: relative;
    top: 25px;
    width: 1200px;
    height: 580px;
}

.role-main-group {
	position: relative;
    width: 400px;
    padding: 5% 3%;
    box-sizing: border-box;
    display: inline-block;
}

.role-select {
	cursor:pointer;
	position: relative;
    margin-right: 10px;
    height: 580px;
    width: 235px;
    float: left;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-size: cover !important;
}

.role-select.large {
	width:40%;
	margin:0;
	cursor:default;
}

.rolePhoto
{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
	font-family: 'object-fit: cover;';
}
.filter{
	filter: sepia(100%) hue-rotate(180deg) saturate(80%) !important;
}
.main-group {
    position: relative;
    width: 60%;
    padding: 5% 3%;
    box-sizing: border-box;
    display: inline-block;
}
/* Adds width to main content area */
#regContainerBG .main-group.full {
	padding:2% 0 2% 40%;
	margin-top: -160px;
    float: left;
	z-index:0;
}
.full{
	width: 100%;
	position: relative;
    z-index: 9;
}
#smallContainer {
	filter: sepia(100%) hue-rotate(180deg) saturate(80%);
    position: relative;
    /*top: -80px;*/
    width: 500px;
    right: -100px;
    float: right;
}
#smallContainer h1{
	font-family: 'Allerta Stencil', sans-serif;
    font-size: 2em;
	color: #fff;
	font-weight: normal;
	text-shadow: 0px 4px 2px #000;
	text-transform: uppercase;
	transform: rotate(-90deg);
	position: relative;
    bottom: -180px;
}
/* For smaller titles */
.small {
   margin: 0px 0px -70px 0px;
}
/* For larger titles */
.big{
   margin: 0px 0px 28px 0px;
}

/******** Registration Pages ********/

#regContainer {
	/* padding: 20px 0px; */
    position: relative;
    top: 160px;
    width: 1200px;
	min-height: 870px;
}
#regContainerBG{ 
	background: transparent url(../images/bg-with-splat.png) no-repeat top left;
	min-height:830px;
	width:1200px;
	background-size:cover;
}

.randomImgWrapper {
	position:relative;
}
/*
.randomImgCutout{
	background: transparent url(../images/splatter-frame-2.png) no-repeat;
	width: 40%;
    height: 700px;
    position: absolute;
	top:0;
	left:0;
}
*/
.randomImg{
	width: 40%;
    height: 830px;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

.randomImg img {
	height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
	font-family: 'object-fit: cover; object-position:center;';
}

.role-group-details {
	font-family: 'Cantarell', sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    color: #fff;
    font-weight: normal;
}

.reg-step-heading {
	margin:1% 0;
}

.halfScreen {
	width:50%;
	box-sizing:border-box;
	float:left;
}
.halfScreen:nth-of-type(odd) {
	padding-right:5%;
}

.form-row {
	padding:1% 0;
	float:left;
	width:100%;
}

#btnSelectedTypeSummary {
    float: right;
	color:#a5b1be;
}
#btnSelectedTypeSummary:hover,
#btnSelectedTypeSummary:hover b {
	color:#FFFFFF;	
}
#btnSelectedTypeSummary b,
#selectedTypeSummary a {
	color: #d85600;
}

#selectedTypeSummary a{
	position:absolute;
	right:5px;
	bottom:5px;	
	font-size:14px;
	font-weight:bold;
}

#selectedTypeSummary a:hover {
	color:#FFF;
}

#selectedTypeSummary {
	font-family: Cantarell, sans-serif;
	display:none;
	position: absolute;
    box-shadow: 0px 0px 10px #FFE;
    background: #000;
    border-radius: 5px;
    color: #fff;
    padding: 5% 10% 12% 10%;
    width: 400px;
    right: 30px;
    top: 75px;
}

#selectedTypeSummary:after {
   position: absolute;
    top: -15px;
    right: 0px;
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 15px solid rgb(225, 89, 21);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    filter: drop-shadow(0px 0px 10px #FFF);
}

#formValidationErrors ul {
	padding-left:5px;
}
#formValidationErrors li {
	font-family: Cantarell, sans-serif;
	font-size:18px;
	color:#fff;
	list-style-type:none;
}
#formValidationErrors li i {
	display:inline-block;
	margin-right:5px;
}

#fullContentContainer {
	float: left;
    padding: 5%;
    width: 90%;
}
#roleDetailContainer,
.role-detail-content { display:none; }

.role-type-question h4 {
	font-size: 1em;
    font-style: italic;
    font-family: "Allerta Stencil", sans-serif;
    font-weight: normal;
    margin: -5px 0 5px 0px;
}
.question-step {
	font-size: 0.7em;
    font-style: italic;
    margin-left: 2%;
}

.change-role-dialog .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float:none;
	width:100%;
}

.change-role-dialog .action-button {
	width:100%;
	display:block;
}

#scrollContainer { max-height:830px; padding-bottom:5%; box-sizing:border-box; }
#registrationSummaryContainer { max-height:830px; padding-bottom:5%; box-sizing:border-box; }
#registrationSummaryContainer .form-row span label { color:#a5b1be; }
#registrationSummaryContainer .form-row:not(a) { font-size:1.2em !important; }
#registrationSummaryContainer .form-row, #registrationSummaryContainer .form-row a { 
	color:#FFF; 
	font-family: 'Cantarell', sans-serif;
}
#registrationSummaryContainer .form-row span:not(.required) { display:block; margin-bottom:5px; }
#registrationSummaryContainer h3 {
	margin-bottom:5px;
	text-decoration:underline;
}
#registrationSummaryContainer .summary-item-container {
	margin: 1% 0;
	padding-bottom: 1%;
	border-bottom: 1px solid rgb(235,235,235,0.2);
	width: 95%;
}
#registrationSummaryContainer .summary-item-container:last-of-type { border-bottom:0; }
#registrationSummaryContainer #summaryTotalLineItems {
	width: 100%;
    text-align: left;
    font-size: 0.8em;
	font-family: 'Cantarell', sans-serif;	
	border-collapse:collapse;
}

#registrationSummaryContainer #summaryTotalLineItems th {
	background:#283850d6;
	font-weight:normal;	
}
#registrationSummaryContainer #summaryTotalLineItems th,
#registrationSummaryContainer #summaryTotalLineItems td {
	padding: 3px 5px;
}
#registrationSummaryContainer.payment h4 { margin:0; }
.payment-options input[type="radio"] { display: none; }
.payment-options input[type="radio"]:checked + .box { background: rgb(216, 86, 0,1); }
.payment-options .box {
		width: 210px;
		height: 60px;
		background: #283850d6;
		transition: all 250ms ease;
		will-change: transition;
		display: inline-block;
		text-align: center;
		cursor: pointer;
		position: relative;
}
.payment-options .box:active { transform: translateY(10px);	}
.payment-options .box span {
	position: absolute;
	transform: translate(0, 60px);
	left: 0;
	right: 0;
	top:-45px;
	transition: all 300ms ease;
	font-size: 1.1em;
	font-family: "Allerta Stencil", sans-serif;
	user-select: none;
	color: #FFFFFF;
}

#creditCardPaymentForm,
#checkPaymentForm {
	width:50%;
	min-width:400px;
	float:left;
}

.sq-input { display:none; }

.card-number {
	background-image: url(/events/images/credit-cards.png);
	background-position: 2px 1px;
	background-size: 50px, 50px;
	background-repeat: no-repeat;
	padding-left: 54px !important;
	height:39px;
}
.card-number.visa { background-position: 2px -43px; }
.card-number.mastercard { background-position: 2px -134px; }
.card-number.amex { background-position: 2px -267px; }
.card-number.discover { background-position: 2px -224px; }												

.card-number.visa_electron { background-position: 2px -88px; }			
.card-number.dankort { background-position: 2px -500px; }
.card-number.diners_club_carte_blanche { background-position: 2px -308px; }						
.card-number.diners_club_international { background-position: 2px -347px; }						
.card-number.jcb { background-position: 2px -384px; }
.card-number.laser { background-position: 2px -425px; }						
.card-number.maestro { background-position: 2px -179px; }
.card-number.uatp { background-position: 2px -463px; }			
.payment-method-content { font-size:1em; }
#creditCardPaymentForm, #checkPaymentForm { font-size:0.7em; padding:0; }
#checkPaymentForm { margin-top:0px; }
#bankName { height:1.2em; font-style:italic; }

#btnApplySponsorCode {
	font-size:1em;
	padding:5px 30px;
}
#sponsorCode {
	width:160px;
	margin-right:10px;
}

.discount { color:#FF0000; }
#registrationSummaryEventDetail,
.registration-summary-mpr-info { display:none; }
.registration-summary-mpr-info {
	
}

#eventRegistrationExpired {
	padding: 5% 3%;
    float: left;
}
#eventRegistrationExpired p {
	font-size:1.4em;
}

#adminUserNotify {
	font-family: "Allerta Stencil", sans-serif;
	font-size:1.1em;	
	color:#666;
	background:#F1F800;
	padding:1% 0; 
	text-align:center;
}

h3.waived-fee-note {
	font-size: 1.2em;
    margin-top: -1em;
    font-style: italic;
}

.wait-list-message {
	color:#FF0000;
}

.type-waitlist-container {
	position:absolute;
	float:left;
	width:92%;
	top:0;
	display:none;
}


#roleDetailContainer .main-group .type-waitlist-container {
	position:absolute;
}

.main-group .type-waitlist-container {
	position:relative;
}

.attendee-type-emphasized {
}

.attendee-type-emphasize-text {
	padding: 1% 3%;
    background: #FF0000;
    color: #FFF;
    margin-bottom: 10px;
}

.attendee-type-emphasize-text i { display:inline-block; margin-left:10px; margin-right:10px; }

#myAccountWaiver { clear:both; width:100%; margin-top:10px; font-family: 'Cantarell', sans-serif; color: #FFF; }
#myAccountWaiver .btn-download-wavier {
    padding: 5px 10px;
    background: #d85600;
    text-align: center;    
    font-size: 1.2em;
    color: #FFFFFF !important;
    border-radius: 3px;
    border: 1px solid #EBEBEB;
    box-shadow: 0px 0px 5px #CCC;
    display: block;
    float: left;
    margin-right: 5px;
	width:auto;
}