/*
	Main purpose of this file is to
	- provide a 'catch-all' class (lead-gen-main) for all module and form classes
	- override (current and potential) conflicts with non-LeadGen styles loaded on pages
	- css for showing mobile alternative content
*/



/********************************************************************************/

/* 'catch-all' class:
	- added to outmost div containers for main LeadGen blocks
*/

/********************************************************************************/

.lead-gen-main {
	/*font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;*/
	color: #485964;
	font-size: 0.9375rem;
	line-height: 1.3em;
	font-weight: 200;
}

.lead-gen-main *, .select2-container *, #popover-container * {
  	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}


/* hide LeadGen for small screen sizes (mobile) */
.lead-gen-mobile {display: none;}
@media only screen and (max-width: 47.9375em) {
	.lead-gen-module {
		min-width: initial;
	}
	.lead-gen-main {
		display: none;
	}
	/* show alternative call to action */
	.lead-gen-mobile {
		display: block;
	}
}



/********************************************************************************/

/* Proxima - TODO: remove font-face and update font-family to use typekit fonts */

/********************************************************************************/

/*@font-face {
	font-family: 'Proxima Nova W01';
	src: url('fonts/proximanova-light-webfont.eot');
	src: url('fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/proximanova-light-webfont.woff2') format('woff2'),
	url('fonts/proximanova-light-webfont.woff') format('woff'),
	url('fonts/proximanova-light-webfont.ttf') format('truetype'),
	url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');
	font-weight: normal;
	font-style: normal;
}*/



/********************************************************************************/

/* Override Livingston theme styles */

/********************************************************************************/


/* input placeholders
	this will affect other form input fields on pages where
	the LeadGen module is included */

*::-webkit-input-placeholder {
	color: #B5BBC0;
	font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;
}
*:-moz-placeholder {
	/* FF 4-18 */
	color: #B5BBC0;
	font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;
}
*::-moz-placeholder {
	/* FF 19+ */
	color: #B5BBC0;
	font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;
}
*:-ms-input-placeholder {
	/* IE 10+ */
	color: #B5BBC0;
	font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;
}


/* form elements */

.lead-gen-form label {
	background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
}

.lead-gen-form label, .lead-gen-form input {
	display: block;
	vertical-align: middle !important;
	font-weight: 400 !important;
	margin: 0;
}

.lead-gen-main {
	/*font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;*/
	font-weight: 400;
}

.lead-gen-main a {
	/*font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;*/
	font-weight: 400 !important;
}

/* bold override */

.lead-gen-main b
{
	/*font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;*/
	font-weight: 400;
}


.lead-gen-main input, .select2-container input {
	display: inline-block;
	box-shadow: none;
	margin: 0;
}




/********************************************************************************/

/* Override select2 styles */

/********************************************************************************/

.select2-container
{
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 200 !important;
	z-index: 999999 !important;
}

/* add z-index to both select2-container and #popover to show above livingston header */

#popover {
	z-index: 999998 !important;
}


.select2-container input:focus {
	box-shadow: none !important;
}

.select2-container--default .select2-selection--single {
	background-color: none;
	-webkit-border-radius: 0.1875rem;
	-moz-border-radius: 0.1875rem;
	border-radius: 0.1875rem;
	border: solid 1px #DCE5EC;
}

.select2-dropdown {
	background-color: none;
	border: none;
}

.select2-container--open .select2-dropdown--above {
	border:none;
}

.select2-container--open .select2-dropdown--below {
	border:none;
}

/* list item */

.select2-container--default .select2-results>.select2-results__options {
	overflow-x: hidden;
	max-height: 14.625rem;
}

/* list item default */

.select2-container--default .select2-results__option
{
	font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;
	font-size: 0.9375rem;
	line-height: 1.3em;
	height:2.5rem !important;
	color:#485865;
	background-color: none;
	border-bottom: 1px solid #e5e5e5;
	padding-left: 0.875rem;
	padding-right: 0.875rem;
	padding-top: 0.75rem;
	white-space: nowrap;

}

/* list item selected */

.select2-container--default .select2-results__option[aria-selected=true]
{
	background-color: #F2F6F9;
}

/* list item highlighted */

.select2-container--default .select2-results__option--highlighted[aria-selected]
{
	background-color: #004E9C;
	border-bottom: 1px solid #004E9C; /*#e5e5e5 list item border*/
	color: white;
}

.select2-dropdown {
	left: 0;
	top: -21px;
}

.select2-selection {
	visibility: hidden;
}

.select2-search--dropdown {
	position: relative;
	margin: 0px;
	padding: 0px;
	background-color: none;
}

/* search area container behind seatch field*/

.lead-gen-module-popover-multiple-option a {
	font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;
}

.select2-search
{
	padding: 7px;
	padding-top: 0px;
	margin: 0px;
	border-bottom: 1px solid #D0DBE5;
}

/* search field*/

.select2-search__field
{
	font-family: "Proxima Nova W01", Helvetica, Roboto, Arial, sans-serif;
	-webkit-appearance: none;
	border: 2px;
	font-size: 19px;
	margin: 0px;
	padding: 0px;
	height: 36px;
	-webkit-border-radius: 0.1875rem;
	-moz-border-radius: 0.1875rem;
	border-radius: 0.1875rem;
	width: 100%;
	border: 1px solid #D0DBE5;
	outline:none;
}

.select2-container--default .select2-search--dropdown .select2-search__field
{

}

.select2-container--default .select2-search--dropdown .select2-search__field:focus
{

}