/**

Signup form CSS for the Canadian Wildlife Federation

*/

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('/includes/fonts/proximanova-regular-webfont.eot?') format('eot'),
         url('/includes/fonts/proximanova-regular-webfont.woff') format('woff'),
         url('/includes/fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('/includes/fonts/proximanova-regular-webfont.svg#webfontHCxn0Ebw') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('/includes/fonts/proximanova-bold-webfont.eot?') format('eot'),
         url('/includes/fonts/proximanova-bold-webfont.woff') format('woff'),
         url('/includes/fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('/includes/fonts/proximanova-bold-webfont.svg#webfontbMevTDb4') format('svg');
    font-weight: normal;
    font-style: normal;
}

.cwfsu-wrapper {
	background-color: #f7f7f7;
	font-family: "ProximaNovaRegular", Helvetica, Arial, sans-serif;
	margin: 25px 0 50px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 15px 0;	
}

.cwfsu-wrapper > h1 {
	font-size: 1.75rem;
	margin: 10px 0 30px;
	padding: 0 30px;	
}

.cwfsu-create-account {
	padding: 0 30px;
}

.cwfsu-create-account input[type="text"],
.cwfsu-create-account input[type="password"] {
	border: 1px solid #C7C7C7;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 2px 2px #F7F7F7 inset;
	box-shadow: 0 2px 2px 2px #F7F7F7 inset;
}

.cwfsu-newsletters > legend {
    background-color: inherit;
    font-family: "ProximaNovaBold", Helvetica, Arial, sans-serif;
	font-size: 0.9375rem;
	margin-bottom: 5px; 
}

/* If the user doesn't have Javascript enabled (as checked by Modernizr), the Javascript-based city finder won't work so hide the city field */
.no-js .cwfsu-city-field {
	display: none;
}

/* City Autocomplete */
.cwfsu-city-field .ui-autocomplete {
	background: #fff;
	border: 1px solid grey;
	max-height: 230px;
	overflow: auto;
}

.cwfsu-city-field .ui-autocomplete[style] {
	position: absolute !important; /* Prevents dropdown from expanding form */
}

.cwfsu-city-field .ui-autocomplete .ui-menu-item {
	padding: 3px;
	border-top: 1px solid #ededed;
	list-style: none;
}

.cwfsu-city-field .ui-autocomplete-loading {
	background: url("/images/icons/city-autocomplete-loading.gif") no-repeat scroll right center white;
}	

.cwfsu-city-field .ui-helper-hidden-accessible {
	/* Based on the visuallyhidden class from HTML 5 Boilerplate */
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
}

.cwfsu-create-account fieldset {
    border: none;
    padding: 0;
}

.cwfsu-submit {
	font-family: ProximaNovaBold; 
	font-size: 1rem;
	background-color: #008cba;
	border-radius: 5px;
}

.cwfsu-submit:hover {
	background: #0078A0;
}