:root{
	--TColor: #951d20;
}


/*Header Text Positioning*/



.main-form > div:last-child{
height: 100%;
}
.main-form div:last-child .component:nth-of-type(n-1){
height: calc(100% - 371px);
}

.select2-results{
	margin-top: 0px!important;
}

/*reduce padding*/
.component{
padding-left: 6%!important;
padding-right: 6%!important;
}

/*white center background*/
[data-page] {
    background: white;
}
.form-control:focus{
border-bottom: 1.5px solid var(--TColor)!important
}
/*btn default colour*/
.btn{
background:  white!important;
background-color:  white!important;
color: var(--TColor);
border-color: var(--TColor)!important;
font-size: 12pt;
}

/*btn on hover*/
.btn:hover{
color: white;
border-color: var(--TColor)!important;
background: var(--TColor) radial-gradient(circle, transparent 1%, var(--TColor) 1%) center/15000%!important;
}


/*btn on pressed */
.btn:active {
color: white;
background-color: var(--TColor)!important;
background-size: 100%!important;
transition: background 1s;
}
/*btn on focus*/
.btn:focus{
color: white;
border-color: var(--TColor)!important;
background-color: var(--TColor)!important;
}
.theme-summary-content h3, .theme-summary-content h4{
	height: auto;
	line-height: 1.2;
}
.form-submit{
	margin-right: 15px;
}

/*replace loading image*/
.loading-spinner, div.splash.big div, div.holding.big div{
background-image: url('https://az659834.vo.msecnd.net/eventsairaueprod/production-telstra-public/1f86cb44224a4dc0952ed59bbaaf3609')!important;
background-size: 100px;
}

/* remove progress bar */
.theme-progress {
	display: none;
}

/*remove toggle from navbar */
.navbar-inverse .navbar-toggle {
	display:none;
}

/* Submit button spacing fix when sign in component is used*/
[role="navigation"] .navbar-collapse {
display: none!important;
}


/*adjustment for the no-option of flights to align*/
input[id$="NoOption"] {
margin-left: -5px!important;
    margin-right: 8px;
	}

	/*adjustment for the non-custom markting tags to align 
	form.dynamic-target.form-horizontal.clearfix.theme-panel, .theme-component-registration {
    padding-left: 6%;
}*/
	

/*ensure all buttons are same size*/
.theme-btn-primary{
min-height: 37px;
}

@media only screen and (max-width: 380px) {

.nav .page-summary {
max-width: 140px;
white-space: pre-line;
padding: 0 5px;
}}
@media only screen and (max-width: 360px) {

.nav .page-summary {
    max-width: 99px;
    white-space: pre-line;
    padding: 0 0px;
    min-width: 99px;
}
.nav .btn{
height: 50px;
}

.checkbox .col-sm-2{
padding: 0;
}
}

/*align please select labels */
.under-header {
	margin-left: 5%;
	font-weight: normal;
}

/*mobile label fix */
.intl-tel-input+.theme-label-floating{
z-index: 0; 
}

/*align custom field text */
.cust .text-left {
	padding-left: 15px;
}

/*remove box shadow and blend background */
#main-form {
	box-shadow: none;
	background-color: #fff;
	/*max-width:100%!important;*/
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	}
	
	
/*change Passengers text, set current to white */
div[data-templateplaceholder="travelPassengers"] h4 {
display:none;
}

/*add in new text and set to be black */
div[data-templateplaceholder="travelPassengers"]:before{
    content: 'Passenger name as per passport';
    color: #444;
	float: left;
}
/*add red asteriks after above text */
div[data-templateplaceholder="travelPassengers"] > div:nth-child(1):before{
 content: " *";
    color: red;
    width: 25%;
    padding-left: 5px;
	float: left;
}


	/*fix width for mobile */
	@media only screen and (max-width: 768px) {
		.form-horizontal .form-group {
		width:100%;
	}}
	
	/*portal centering */
	form[action$="Portal/Authenticate"], #portalCont {
		max-width: 1000px!important;
		margin: 0 auto;
		padding-left: 3%;
		padding-right: 3%;
	}
	
	input[type="submit"] {
		float: right;
	}
	
	/* for the portal */
	.main-form {

		box-shadow: none!important;
	/*background-color: #fff!important;*/
	max-width:100%!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
	}
	
	/*portal dropdown */
	#State {
		border: 0px!important;
		border-bottom: 1.5px solid #ccc!important;
		box-shadow: none!important;
	}
	
	/*portal dropdown options */
	#State:focus {
		border: 0px!important;
		outline: none!important;
	}
	
		
	 /*remove default colouring*/
 .btn-primary:active, .btn-primary:hover {
	 background-position: unset;
 }
 
	
	/*forward button */
	/*add in > for button */
 .page-forward:after, .btn-primary:after {
	 font-family: 'FontAwesome' !important;
    content: "\f105";
	left: 10px;
    position: relative;
    font-weight: bold;
padding-right: 10px;
 }
 

 
/* back button */
/*add in > for button */
 .page-backward:before {
	 font-family: 'FontAwesome' !important;
    content: "\f104";
	left: -10px;
    position: relative;
    font-weight: bold;
padding-left: 10px;
 }
 

.body-content{
 min-height: 100%;
 padding-bottom: 0px!important;
 display: flex;
 flex-direction: column;
}

.main-form{
box-shadow: none!important;
flex: 1 0 auto;
padding-bottom: 0px!important;
}
.sponFooter .socials a,
.sponFooter .contacts p{
padding: 3%;
}

/*footer margins*/
.brand-footer{
flex-shrink: 0;
width: 100%;
max-width: 1000px!important;
margin: 0 auto;
margin-top: 0px!important;
padding: 0px;
} 



/*navbar margins*/
.navbar-inside-page{
margin-right: -30px;
margin-left: -30px;
padding-top: 15px;
}
 .cstField label.has-error, .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline{
	color: #D0021B!important;
 }

 
 /*button for portal */
 .btn-primary {
	background-image: -webkit-linear-gradient(top,var(--TColor) 0%,#001045 100%);
    background-image: linear-gradient(to bottom,var(--TColor) 0%,#001045 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff001e82',endColorstr='#ff001045',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border-color: #000e3b;
	border-radius: 0;
	
 }
 

 
/* fix up components width
.component {
	max-width: 1000px!important;
	margin: 0 auto;
	padding-left: 4%;
	padding-right: 4%;
} */	

/* header image 100% */
.header-image {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	background-color: white;
}


/*style for text fields*/
input[type="text"], .select2-container, .select2-results {
border: 0px!important;
border-bottom: 1.5px solid #ccc!important;
background: #0e020200!important;
box-shadow: none!important;
}
.select2-container-active{
    outline: none!important;
    border-bottom: 1.5px solid var(--TColor)!important;
    background: #0e020200!important;
    box-shadow: none!important;
}

/*background for the dropdown options */
.select2-results {
	background: #fff!important;
}

/*override col width for landing page */
#s2id_State {
	width: 100%;
}

/* pink style for selected fields */
input[type="text"]:focus {
outline: none!important;
border-bottom: 1.5px solid var(--TColor)!important;
background: #0e020200!important;
box-shadow: none!important;
}

/*fix up the dropdown options */
.select2-search > input, .select2-search > input:focus {
background: white!important;
border-bottom: none!important;
}

/*and more dropdown fix ups */
.theme-select.form-control.select2-container-active .select2-choice {
    border-color: unset;
    box-shadow: none;
}
/* and the last dropdown fix ups */
.select2-drop-active, .select2-container-active .select2-choice, .select2-choice {
border-bottom: none!important;
border: 0px!important;
background: #0e020200!important;
box-shadow: none!important;
}



/*remove the padding change for the h1's */
h1, .h1 {
	padding-left: 0;
}


/*fix up panels to blend into background */
.theme-panel {
box-shadow: none;
margin-bottom: 0px;
padding: 2% 15px;
}

html {
	height: 100%;
}

/*remove the padding from the form body */
.body-content {
padding: 0px!important;
height: 100%;
}

/*remove the extra padding from the bottom */
body {
padding-bottom: 0px!important;
height:100%;
/*background-color: #fff;*/
}

/*make navbar white */
.navbar-inverse {
	background-color:#fff;
	background-image: none;
}

#terms{
display: contents;
}
.navbar {
    margin-bottom: 50px!important;
	height: 50px;
}

/*mobile number float right */
.intl-tel-input {
	float:right;
}

/* Dropdown border and shadow fix */
.select2-container--bootstrap.theme-select.form-control .select2-selection {
    border-color: transparent!important;
    box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%), 0 0 0px rgb(0 0 0 / 60%)!important;
}


/* Mobile number layout fix */
label[for$="MobileNumber"] ~ span.has-error {
    top: 0;
    right: 15px;
    left: 330px!important;
    position: absolute;
    width: 34pt;
    height: 34pt;
    line-height: 34pt;
    text-align: center;
}

.intl-tel-input {
    margin-bottom: 0px !important;
    display: block !important;
    max-height: 54px;
    float: none !important;
}

.intl-tel-input+.theme-label-floating {
    padding-left: 53px !important;
    padding-top: 6px !important;
}

/* Field spacing fix*/
.form-horizontal .form-group {
    padding: 10px 0;
}


/*change warning colour to be red */
.text-warning {
	color:red;
}

/* combined with a text filed above and below the custom fields to arrange them in two columns */

.cust {
	max-width: 1000px!important;
	margin: 0 auto;
	display:block;
	width:100%;
	font-weight: normal;
}
.cust .component{
width:50%;
float:left;
position: relative;
padding: 0px 9%;
}

.cust .component .form-group{
	width: 100%;
}

textarea {
	max-width: 100%;
}

/*error messages*/
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline{
	color: #D0021B;
}

/*summary page*/
.summary-table .theme-panel{
	padding: 0px;
}

[data-templatename="groupSummary"] ~ .theme-panel{
	padding: 0px;
}

[data-templatename="groupSummary"] ~ .theme-panel .row{
	margin: 0px;
}
@media only screen and (max-width: 768px) {

.cust .component{
width:100%;
}
.theme-summary-content h3, .theme-summary-content h4{
font-size: 15pt;
}
.theme-summary-content h3, .theme-summary-content h4{
line-height: 1.5;
}
}

.component ~ .component, 
.theme-panel:not(.colz) > .component,
.theme-panel.colz {
    padding: 0 calc(6% + 45px)!important;
}

.theme-panel.colz > .component ~ .component {
	padding: 0 6%!important;
}

.component.colz, .theme-panel.colz{
    padding-right: 6%!important;
}

@font-face {    font-family: 'Telstra Akkurat Bold';
    src: url('https://telstraevents.s3.ap-southeast-2.amazonaws.com/fonts/telstra-akkurat-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'Telstra Akkurat Regular';

src: url('https://telstraevents.s3.ap-southeast-2.amazonaws.com/fonts/telstra-akkurat-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'Telstra Akkurat Light';
    src: url('https://telstraevents.s3.ap-southeast-2.amazonaws.com/fonts/telstra-akkurat-light.woff') format('woff');
font-weight: normal;
    font-style: normal;

}



/* Interactive Sites */

html, body, * {

font-family: 'Telstra Akkurat Light', sans-serif !important;
font-size: 12pt;
}


h1, .h1{
	font-family: 'Telstra Akkurat Bold', sans-serif !important;
font-size: 48px;
}

h2, .h2 {
	font-family: 'Telstra Akkurat Bold', sans-serif !important;
font-size: 36px;
}

h3, .h3{
	font-family: 'Telstra Akkurat Bold', sans-serif !important;
font-size: 32px;
}

 h4, .h4 {
	font-family: 'Telstra Akkurat Bold', sans-serif !important;
font-size: 24px;
}

h5, .h5, h6, .h6{
font-family: 'Telstra Akkurat Regular', sans-serif !important;
}

strong, b{
font-family: 'Telstra Akkurat Bold', sans-serif !important;
}

.btn{
font-family: 'Telstra Akkurat Bold', sans-serif !important;
}


/* Attendee App */

.x-button.x-button-back .x-button-label, .x-button.x-button-back .x-badge {
font-family: 'Telstra Akkurat Bold', sans-serif!important;
}


.x-button-normal .x-button-label, .x-button-normal .x-badge, .x-button-round .x-button-label, .x-button-round .x-badge, .x-button-small .x-button-label, .x-button-small .x-badge, .x-button-forward .x-button-label, .x-button-forward .x-badge{
font-family: 'Telstra Akkurat Bold', sans-serif!important;
}

.x-msgbox .x-msgbox-buttons .x-toolbar-inner .x-button .x-button-label, .x-msgbox .x-msgbox-buttons .x-toolbar-inner .x-button .x-badge{
font-family: 'Telstra Akkurat Regular', sans-serif !important;
}


/* Restore Font for Icons */

.fa, .fal, .far, .fas, .fab {

  font-family: FontAwesome, Font Awesome\ 5 Pro!important;

}


.glyphicon {
font-family: 'Glyphicons Halflings' !important;
}