/* ----- -------------------- ----- */
/* ----- General site styling ----- */
/* ----- -------------------- ----- */

/* ----- Fonts ----- */
@font-face {
	font-family: 'Graphik Web';
	src: url('/App_Themes/UhubMembers_GlacierBay_Responsive/fonts/Graphik-Regular-Web.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
} 

@font-face {
	font-family: 'Graphik Web';
	src: url('/App_Themes/UhubMembers_GlacierBay_Responsive/fonts/Graphik-RegularItalic-Web.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
} 

@font-face {
	font-family: 'Graphik Web';
	src: url('/App_Themes/UhubMembers_GlacierBay_Responsive/fonts/Graphik-Medium-Web.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
} 

@font-face {
	font-family: 'Graphik Web';
	src: url('/App_Themes/UhubMembers_GlacierBay_Responsive/fonts/Graphik-MediumItalic-Web.woff2') format('woff2');
	font-weight: 500;
	font-style: italic;
	font-stretch: normal;
} 

@font-face {
	font-family: 'Graphik Web';
	src: url('/App_Themes/UhubMembers_GlacierBay_Responsive/fonts/Graphik-Semibold-Web.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
} 

@font-face {
	font-family: 'Graphik Web';
	src: url('/App_Themes/UhubMembers_GlacierBay_Responsive/fonts/Graphik-SemiboldItalic-Web.woff2') format('woff2');
	font-weight: 600;
	font-style: italic;
	font-stretch: normal;
} 

@font-face {
	font-family: 'Graphik Web';
	src: url('/App_Themes/UhubMembers_GlacierBay_Responsive/fonts/Graphik-SuperItalic-Web.woff2') format('woff2');
	font-weight: 900;
	font-style: italic;
	font-stretch: normal;
} 

@font-face {
	font-family: 'TeRiuRoa Web';
	src: url('/App_Themes/UhubMembers_GlacierBay_Responsive/fonts/TeRiuRoa-Display.woff2') format('woff2');
} 

.Graphik-Regular-Web {
	font-family: 'Graphik Web';
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

.Graphik-RegularItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
}
  
 .Graphik-Medium-Web {
	font-family: 'Graphik Web';
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}

.Graphik-MediumItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 500;
	font-style: italic;
	font-stretch: normal;
}

.Graphik-Semibold-Web {
	font-family: 'Graphik Web';
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
}

.Graphik-SemiboldItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 600;
	font-style: italic;
	font-stretch: normal;
}

.Graphik-SuperItalic-Web {
	font-family: 'Graphik Web';
	font-weight: 900;
	font-style: italic;
	font-stretch: normal;
}

.TeRiuRoa-Web {
	font-family: 'TeRiuRoa Web';
}



/* ----- Header ----- */


/* ----- Body ----- */
/* Repalce default fonts with custom fonts defined above */
body, h1, .h1, .PageTitle, h2, .h2, .PanelTitle{
	font-family: 'Graphik Web', 'Arial', sans-serif;
}

.JoinFormFT label, .JoinFormFT .Label, .JoinFormFT .PanelFieldLabelFont {
	font-weight: 500;
}

/* ----- Footer ----- */
/* General Styling */
#ft {
	background-color: #2841C3;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 11px;
}
.footer-content {
	background: revert;
}
.footer-nav-copyright {
	display: none;
}

/* revert member protal padding */
#ctl01_masterWrapper {
	padding: revert;
}
/* apply body and footer padding instead  */
header, 
#masterContntArea,
.footer-content {
    padding-left: 20px;
    padding-right: 20px;
}

/* Remove back to top */
a.backToTop {
	display: none;
}

/* ----- ------------ ----- */
/* ----- Form styling ----- */
/* ----- ------------ ----- */

/* Centered Page */


.RejoinHome header {
	display: none;
}

.JoinCentered {
	max-width: 600px;
	margin: auto;
}

.JoinCentered .LogoContainer {
	max-width: 300px;
	margin: auto;
}

.RejoinHome .PanelFieldValue input {
	width: 100%;
}

.RejoinHome h2 {
	border: revert !important;
	padding: revert;
}

.RejoinForm .col-md-6,
.RejoinForm .JoinButton {
	padding-left: 0;
}

/* Hide sign in/out link */
.UtilitySection.UtilityAuthenticationLink {
	display: none;
}


/* ----- CCO Styling ----- */
/* Hide tabs */
.JoinFormCCO .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
/* display: none; */
}

.JoinFormContainer #masterContentArea {
	max-width: 900px;
	margin: auto;
}
.ReplacementTitle {
	margin-left: 20px;
}

/* Remove border */
.JoinFormCCO .ContentWizardDisplay {
	border: none;
}

/* Tab Styling */
.JoinFormCCO .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
	background: none;
	margin-bottom: 1em;
	margin-left: 10px;
}
.JoinFormCCO .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
	background: none;
	color: #2841C3
}

.JoinFormCCO .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink.rtsSelected {
	background-color: #2841C3 !important;
	color: #fff
}

/* Remove extrra padding on CCO page form (to bring in line with title) */
.JoinFormCCO .JoinFormFT .panel-body {
	padding-left: 0;
}

/* ----- Page Headers ----- */
.TitleBlock {
	border-left: 5px solid #2841c3 !important;
	margin-left: -20px;
	margin-bottom: 20px;
}

.TitleBlock > div > .WebPartZone > .ContentItemContainer,
.TitleBlock > div > .ContentItemContainer .iMIS-WebPart > .ContentItemContainer  {
	margin-bottom: 0;
}

.TitleBlock h2 {
	border-left: none !important;
	padding-left: 0;
	margin: 0;
}



/* NZ header - faded */
.JoinSelectMembership .TitleBlock .iMIS-WebPart:nth-child(1) h2,
.TitleBlock .WebPartZone .ContentItemContainer:nth-child(1) h2 {
	font-size: 34px;
	color: #a6add3;
	font-weight: normal;
}

/* English header - full */
.JoinSelectMembership .TitleBlock .iMIS-WebPart:nth-child(2) h2,
.TitleBlock .WebPartZone .ContentItemContainer:nth-child(3) h2 {
	font-size: 34px;
	color: #2841C3;
	font-weight: bold;
}


/* ----- Select Membership Page - Eligibility section ----- */
.JoinSelectMembership .TitleMessageBlock {
	margin-bottom: 2em;
}

.JoinSelectMembership .TitleMessageBlock .Message > .ContentItemContainer {
	padding-right: 33%;
}




/* ----- Select Membership Page - Action Card Section ----- */




.JoinSelectMembership .ActionCardBlock {
	border-top: #F7F8FA 4px solid;
	margin-top: 2em;
	padding-top: 3em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/* Card height sizing */
.JoinSelectMembership .ActionCardBlock .col-sm-4 .ContentItemContainer,
.JoinSelectMembership .ActionCardBlock .col-sm-4 .ContentItemContainer .WebPartZone ,
.JoinSelectMembership .ActionCardBlock .col-sm-4 .ContentItemContainer .WebPartZone .iMIS-WebPart,
.JoinSelectMembership .ActionCardBlock .col-sm-4 .ContentItemContainer .WebPartZone .iMIS-WebPart .ContentItemContainer,
.JoinSelectMembership .ActionCardBlock .col-sm-4 .ContentItemContainer .WebPartZone .iMIS-WebPart .ContentItemContainer > div:first-child {
	height: 100%;
}

.JoinSelectMembership .ActionCardBlock .col-sm-4 {
	padding-bottom: 15px;
}



/* Cards */


.JoinSelectMembership .ActionCardBlock .NZEIActionCard,
.JoinSelectMembership .ActionCardBlock .NZEIActionCard2,
.JoinSelectMembership .ActionCardBlock .NZEIActionCard3 {
	border: 1px solid transparent;
	height: 100%;
	background: #ecf9f4;
	color: #01ab73;
	
}




.JoinSelectMembership .ActionCardBlock .CardTop {
	background: #01ab73;
	color: white;
	padding: 2em 2em;
	min-height: 15em;

}

.JoinSelectMembership .ActionCardBlock .CardTop h3 {
	margin-top: 0;
	color: white;
}

.JoinSelectMembership .ActionCardBlock .CardBottom {
	padding: 2em 2em;
	/*
	background: #e4fff4; 
	color: #00bc70;
	*/
	
}
.JoinSelectMembership .ActionCardBlock .CardBottom h4 {
	color: #01ab73;
}

.JoinSelectMembership .ActionCardBlock .CardBottom ul {
	margin: 0;
	list-style-type: none;
	padding-left: 15px;
}
.JoinSelectMembership .ActionCardBlock .CardBottom ul > li {
	text-indent: -5px;
}
.JoinSelectMembership .ActionCardBlock .CardBottom ul > li:before {
	content: "- ";
	text-indent: -5px;
}


/* Card button */
.NZEIActionCard .NZEIBtn.TextButton {	
	border: 1px solid transparent;
	background: #008256;
	color: white;
}

.NZEIActionCard .NZEIBtn.TextButton:hover {
	border: 1px solid #008256;
	color: #008256;
}



/* Reverse colours on hover - Option 2 */

.JoinSelectMembership .ActionCardBlock .NZEIActionCard2:hover {
	border: 1px solid #00bc70;
}

.JoinSelectMembership .ActionCardBlock .NZEIActionCard2:hover .CardTop {
	background: #ecf9f4;
	color: #00bc70;
}
.JoinSelectMembership .ActionCardBlock .NZEIActionCard2:hover .CardTop h3 {
	color: #00bc70;
}

.JoinSelectMembership .ActionCardBlock .NZEIActionCard2:hover {
	background: #00bc70;
	color: white;
}
.JoinSelectMembership .ActionCardBlock .NZEIActionCard2:hover .CardBottom h4 {
	color: white;
}



/* Reverse colours on hover - Option 3 */

.JoinSelectMembership .ActionCardBlock .NZEIActionCard3:hover {
	border: 1px solid #04d27f;
}

.JoinSelectMembership .ActionCardBlock .NZEIActionCard3:hover .CardTop {
	background: #04d27f;
	color: #e4fff4;
}
.JoinSelectMembership .ActionCardBlock .NZEIActionCard3:hover .CardTop h3 {
	color: #e4fff4;
}

.JoinSelectMembership .ActionCardBlock .NZEIActionCard3:hover {
	background: #e4fff4;
	color: #04d27f;
}
.JoinSelectMembership .ActionCardBlock .NZEIActionCard3:hover .CardBottom h4 {
	color: #04d27f;
}

/* Formtoolz inputs */



/* ----- Submit Button ----- */

/* Primary */
.NZEIBtn.TextButton,
.JoinFormCCO .TextButton,
.JoinFormCCO .TextButton.PrimaryButton {	
	background: #eef0f9;
	color: #2841C3;
	padding: 14px 30px;
	font-size: 16px;
	border-radius: 0px;
	font-weight: bold;
}
	
.NZEIBtn.TextButton:hover,
.JoinFormCCO .TextButton:hover,
.JoinFormCCO .TextButton.PrimaryButton:hover {
	background: #CCCFD6;
	color: #2841C3;
}

.NZEIBtn.TextButton:active,
.JoinFormCCO .TextButton:active,
.JoinFormCCO .TextButton.PrimaryButton:active {
	background: #2841C3;
	color: #ffffff;
}

/* Add arrow to button text */
/* Removed - does not work on FT button 
.NZEIBtn.TextButton::after {
  content: "  🡢";
}
*/


/* Join form field type classes
	.JoinFreetext
	.JoinMultiselect
	.JoinMultiselectSingle
	.JoinAutocomplete
	.JoinLabel
	.JoinDate
	.JoinDropdown
	.JoinCheckbox
	.JoinRadio
*/
	
/* General */
.JoinFormFT .FullWidth {
	width: 100%;
}
	
.JoinFormFT .PanelField.Top {
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}


/* Textbox */	
.JoinFormFT .JoinFreetext {
	min-width: 400px;
	border: 1px solid #D0D1D5;
	border-radius: 0px;
}

/* Dropdown */	
.JoinFormFT .JoinDropdown {
	min-width: 400px;
	border: 1px solid #D0D1D5;
	border-radius: 0px;
}

/* Multiselect box */	
.JoinFormFT .JoinMultiselectContainer .chosen-container.chosen-container-multi,
.JoinFormFT .JoinMultiselectSingleContainer .chosen-container.chosen-container-multi {
	min-width: 400px;	
}

.JoinFormFT .JoinMultiselectContainer .chosen-container.chosen-container-multi .chosen-choices,
.JoinFormFT .JoinMultiselectSingleContainer .chosen-container.chosen-container-multi .chosen-choices {
	border: 1px solid #D0D1D5;
	border-radius: 0px;
	padding: 5px 8px;
}

/* Autocomplete */	
.JoinFormFT .JoinAutocomplete .RadAutoCompleteBox {
	min-width: 400px;
	border: 1px solid #D0D1D5;
	border-radius: 0px;
	min-height: 39px;
}

.JoinFormFT .JoinAutocomplete .RadAutoCompleteBox .racTokenList {
	border: none;
	min-height: 39px;
}

.JoinFormFT .JoinAutocomplete .RadAutoCompleteBox .racTokenList .racTagList {
	position: relative;
	display: inline-block;
	margin: 6px 3px;
}

.JoinFormFT .JoinAutocomplete .RadAutoCompleteBox .racTokenList .racTagList .racToken {
	width: 100%!important; 
    max-width: 350px!important; 
    overflow-wrap: break-word; 
    white-space: pre-wrap; 
    word-wrap: break-word; resize: none;
	padding: 3px 5px;
}

.JoinFormFT .JoinAutocomplete .RadAutoCompleteBox .racTokenList .racInput {
	min-height: 39px;
}


/* Date Picker */	
.JoinFormFT .JoinDate .RadInput {
	min-width: 400px;
}

.JoinFormFT .JoinDate .RadInput input {
	border: 1px solid #D0D1D5;
	border-radius: 0px;
}



/* Radio buttons */	
.JoinFormFT .JoinRadio input[type=radio] {
    border: 0px;
	margin: 0;
    width: 1.5em;
    height: 1.5em;
	accent-color: #2841C3;
}

.JoinFormFT .JoinRadio tr {
	display: block;
	padding-top: 5px;
}

/* Checkbox */	
.JoinFormFT .JoinCheckbox input[type=checkbox] {
    border: 0px;
	margin: 0;
    width: 1.5em;
    height: 1.5em;
	accent-color: #2841C3;
}


/* Labels */	
.JoinFormFT .JoinLabel {
	
}

.clear {
	clear: both;
}

.FormtoolzOverflow	{
	overflow:auto;
}




/* Small screens smaller than 720px */
@media screen and (max-width: 720px) {
	.JoinFormMemberDetails {
		width: 100%; 
	}

	.JoinFormMemberDetails .JoinFreetext {
		box-sizing: inherit;
	} 

	.JoinFormMemberDetails .col-md-6 {
		overflow:auto;
	}

  
	/* Action Cards */
	.JoinSelectMembership {
		padding-right: 15px;
		padding-left: 15px;
		
	}
	.JoinSelectMembership .ActionCardBlock {
		display: block;
	}

	/* Card height sizing */
	.JoinSelectMembership .ActionCardBlock .col-sm-4 .ContentItemContainer,
	.JoinSelectMembership .ActionCardBlock .col-sm-4 .ContentItemContainer .WebPartZone ,
	.JoinSelectMembership .ActionCardBlock .col-sm-4 .ContentItemContainer .WebPartZone .iMIS-WebPart,
	.JoinSelectMembership .ActionCardBlock .col-sm-4 .ContentItemContainer .WebPartZone .iMIS-WebPart .ContentItemContainer,
	.JoinSelectMembership .ActionCardBlock .col-sm-4 .ContentItemContainer .WebPartZone .iMIS-WebPart .ContentItemContainer > div:first-child {
		height: revert;
	}

	.JoinSelectMembership .TitleMessageBlock .Message > .ContentItemContainer {
		padding: revert;
	}

  
	  
	  
	/* Revert min width on small screens */	
	.JoinFormFT .JoinFreetext,
	.JoinFormFT .JoinDropdown,
	.JoinFormFT .JoinMultiselectContainer .chosen-container.chosen-container-multi,
	.JoinFormFT .JoinMultiselectSingleContainer .chosen-container.chosen-container-multi,
	.JoinFormFT .JoinDate .RadInput,
	.JoinFormFT .JoinAutocomplete .RadAutoCompleteBox	{
		
		min-width: revert;
		width: 100%;
		max-width: 90vw;
	}

	/* revert margins on small screens traking things off page */
	.row {
		margin-left: revert;
		margin-right: revert;
	}
	select[multiple="multiple"] {
		min-width: revert;
	}
	
	.JoinMultiselectContainer .PanelFieldValue {
		max-width: 100vw;
	}
	
	.JoinMultiselectContainer select[multiple="multiple"] {
		max-width: 90vw;

	}
  	.JoinMultiselectContainer select[multiple="multiple"] option {
		max-width: 100%;
		overflow: hidden;
	}
	
	.panel-body, .PanelBody {
		padding: 10px 0;	
	}
	
	.JoinFormFT .col-md-1,
	.JoinFormFT .col-md-2,
	.JoinFormFT .col-md-3,
	.JoinFormFT .col-md-4,
	.JoinFormFT .col-md-5,
	.JoinFormFT .col-md-6,
	.JoinFormFT .col-md-7,
	.JoinFormFT .col-md-8,
	.JoinFormFT .col-md-9,
	.JoinFormFT .col-md-10,
	.JoinFormFT .col-md-11,
	.JoinFormFT .col-md-12 {
		padding-left: 0px;	
		padding-right: 0px;
	}
	/*
	.PanelField .PanelFieldValue,
	.PanelField .PanelFieldValue input	{
		width: 100%;
	}
	*/
	.ListSearchPrompt {
		display: none !important;
	}
	
	.ContentWizardDisplay {
		padding-left: 0px;
		padding-right: 0px;
	}

	.JoinFormCCO .TextButton, 
	.JoinFormCCO .TextButton.PrimaryButton {
		width: 45%;
	}
}