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




body { font-family:sans-serif; background: #fff; margin:0; }

body.homePage { background:url(/images/spash-bg.jpg) top center no-repeat #fff; }


.cb { clear:both;}







.container { 

  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 10px 20px;
  box-sizing: border-box; 
  }

.header {
	margin: 0px auto;
	}
	
	
.header .logo{ float:left; margin: 10px 0 30px 30px; }

.header h1.about { margin: 40px 0 0 30px; padding: 0; color: #666; font-size: 20px; float:left }

.header .login {
	float:right;
    border-radius: 3px;
    background-color:  #CC0000;
    color: #ffffff;
    font-weight: bold;
	font: 0.8em;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 7px 11px;
	margin: 0 20px 10px 0;
    border: 0;

	text-decoration:none
}
	
	
.logo { max-width: 100% }


.splash {
	clear:both;
	min-height: 540px;

}

.form-main{clear:left;max-width:440px;padding:25px;box-sizing:border-box;background:rgba(255, 255, 255, 0.9);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.3);font:bold 14px;text-align:center;margin:30px 0 0 30px;}
.form-main .sub{float:left;}
.form-main .form-row{text-align:left;margin-bottom:10px;}
.form-main .form-title-row{text-align:center;margin-bottom:25px;}
.form-main h2{display:inline-block;box-sizing:border-box;color:#4c565e;font-size:24px;padding:0 10px 5px;border-bottom:2px solid #CC0000;margin:0;}
.form-main .form-row > label span{display:inline-block;box-sizing:border-box;color:#5F5F5F;width:130px;text-align:right;vertical-align:top;padding:12px 20px 12px 10px;font-size:0.9em;font-weight:bold;white-space:nowrap;}
.form-main input,
.form-main select{color:#5f5f5f;padding:8px;border:1px solid #a8a8a8;box-shadow:1px 2px 4px 0 rgba(0, 0, 0, .08);box-sizing:border-box}
/* .form-main input{width:240px}
.form-main select{background-color:#fff;max-width:240px} */
.form-main button{display:block;border-radius:4px;background-color:#C00;color:#fff;font-weight:700;box-shadow:1px 2px 4px 0 rgba(0, 0, 0, .08);padding:14px 22px;font-size:1em;border:0;margin:0 auto;cursor:pointer}
.form-local{clear:left;max-width:440px;box-sizing:border-box;font:bold 14px;}
.form-local .form-row{text-align:left;margin-bottom:10px;}
.form-local select{background-color:#ffffff;color:#5f5f5f;box-sizing:border-box;box-shadow:1px 2px 4px 0 rgba(0, 0, 0, 0.08);padding:8px 8px;border:1px solid #dbdbdb;}

.content section{font-size:1em;padding:10px 0;max-width:960px;margin:0 auto;}
.content section:before,
.content section:after{content:'';display:table;}
.content section:after{clear:both;}
.no-js .content section{display:block;padding-bottom:2em;border-bottom:1px solid #47a3da;}
.content section.content-current{display:block;}



#intro {

	background: #fff;
	float: none;
	width: auto;
	padding: 10px 30px 30px 0;
	font-size: 90%;
	margin: 20px 0 0 0;
	clear: both;
	
	}

#intro img {
	float: left;
/**	margin: 15px 30px 0 20px; **/

	}
	

#intro .form-main{margin:20px 30px 0 30px;float:left}

#intro h1 { font-size: 20px;}
.subPage .form-main h2{color:#666!important}
#intro p { font-size: 14px;}

#intro p a { color:#C00; text-decoration:none; }
#intro p a:hover { text-decoration:underline; }


.points {background:#EDFAFA; display:inline-block; padding: 10px;  border-radius: 6px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);}
.points ul { display: inline-block; margin: 0; padding: 0 30px 0 0; font-size:16px; }
.points li { list-style:none;
background: url(/images/star.png) no-repeat left top;
background-size: 16px auto;
padding: 0 0 5px 25px;
}



.pointsSub {background:#EDFAFA; display:inline-block; padding: 10px;  border-radius: 6px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);}
.pointsSub ul { display: inline-block; margin: 0; padding: 0 30px 0 0; font-size:16px; }
.pointsSub li { list-style:none;
background: url(/images/star.png) no-repeat left top;
background-size: 16px auto;
padding: 0 0 5px 25px;
}



.mediabox {
	float: left;
	width: 30%;
	padding: 0;
	color:#333;}
	
	
.mediabox.padded {
	margin: 0 5% 0 0 ;
}

.mediabox img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.mediabox h3 {
	margin: 0.75em 0 0.5em;
	color: #333;
}

.mediabox p {
	padding: 0 0 1em 0;
	margin: 0;
	line-height: 1.3;
}
.mediabox a { color:#C00; text-decoration:none; }
.mediabox a:hover { text-decoration:underline; }



.members { background:#F5F6F0; clear:both; margin-bottom: 10px; }
.members h3 { padding: 20px 0 0 20px; }

.regions h3 { padding: 20px 0 0 20px }

.regions { background:#F5F6F0; clear:both; margin: 30px 0 20px 0; }
.regions ul { float:left; list-style:none; }

.regions ul li.parent { font-weight:bold; color:#333 }
.regions ul li.parent a { color:#333; text-decoration:none; }
.regions ul li.parent a:hover { text-decoration:underline; }
.regions ul li.child a { color:#666; text-decoration:none; }
.regions ul li.child a:hover { text-decoration:underline; }


#wld_badge_wrapper{border:0px solid black;overflow:hidden;margin:0;padding:0;}
#wld_badge_wrapper p{margin:5px 0 5px 25px;font-size:14px;color:#666;}
#wld_badge_wrapper p a{color:#666;text-decoration:underline;}

#wld_badge_wrapper h2{font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;margin:5px 0 10px 25px;padding:0;font-weight:normal;color:#fff}
#wld_badge_inner{padding:0;}
.wld_badge_item{float:left;margin:0 14px;padding:0;height:162px}
.wld_badge_item img{border:1px solid #ccc;padding:5px 5px 15px 5px;background:#F7F7F2;}
.wld_badge_item_detail{margin-top:5px;font-size:10px;width:90px;overflow:hidden;text-align:center;color:#666}
#wld_badge_wrapper.homepage .wld_badge_item_detail{margin-top:5px;font-size:12px;width:102px;overflow:hidden;text-align:center;color:#34548A}
.wld_badge_clear{clear:both;height:1px;}



/* rotator in-page placement */
    div.rotator { position:relative; height:237px; width:288px; display: none; z-index: 1; background: url(/images/members/members_bg.png) top center no-repeat; float:left; margin: 20px}
/* rotator css */
	div.rotator ul li { position:absolute; list-style: none; margin: 19px 0 0 24px;  }
/* rotator image style */	
	div.rotator ul li img { padding: 0px;  }
    div.rotator ul li.show { padding: 0px; }
	
	
	


@media (max-width: 930px) {
	
	.points ul {  display: block;  }
	
	
}





@media (max-width: 800px) {
	

	
	
	section.media-section-1 {
	margin-top: 15px;
}
	
	
	


	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
	
	
	
	
	#wld_badge_item_8, #wld_badge_item_9, #wld_badge_item_10 { display: block}
	
	
	
}
@media (max-width: 750px) {

.header h1.about { margin: 0 0 10px 30px; clear:left }

}


@media (max-width: 625px) {
	
	.points ul {  display: inline-block;}
	
	
}






@media (max-width: 600px) {
	
	body.homePage { background:url(/images/spash-bg.jpg) no-repeat -280px 0 ; }


.container {

  padding: 10px 10px;
}

#intro h2 { clear:left; }

#intro { padding: 10px; }

#intro .form-main.sub{margin:20px auto 0px auto;float:none;}

.header h1.about {color:#333 }

#wld_badge_wrapper{border:0px solid black;overflow:hidden;margin:0;padding:0 10px;}

.splash{padding-bottom:10px;background:url(/images/bg-header-3.jpg) no-repeat; background-size:contain; min-height:inherit }

.form-main{padding:15px;max-width:90%;margin:240px auto 0 auto; background:rgba(255, 255, 255)}
.form-main h2{font-size:18px;}
.form-main .form-row{max-width:300px;margin:12px auto;text-align:left;}
.form-main .form-title-row{margin-bottom:15px;}
.form-main .form-row > label span{display:block;text-align:left;padding:0 0 5px;}
.form-main select{width:100%;max-width:none;}
.form-main select.dob{width:32%;}
.form-main input{width:100%;}
.form-main .form-radio-buttons > div{margin:0 0 10px;}
.form-main button{margin:0 auto;}


	section.media-section-1 {
	margin-top: 30px;
}


.tabs nav ul,
	.tabs nav ul li a {
		width: 100%;
		padding: 0 7px;
	}

	
	
	
		.tabs nav a {

	font-size: 0.8em;

}

div.rotator { display:none!important }




	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}


.wld_badge_item{float:left;margin:0 2px;padding:0;height:155px}

#wld_badge_item_9, #wld_badge_item_10 { display: none}

.header .logo{  margin: 10px 0 10px 30px; max-width:90% }

}
@media (max-width: 400px) {


body.homePage { background:url(/images/spash-bg.jpg) no-repeat -420px 0 #fff; }


}

@media (max-width: 360px) {

#wld_badge_item_7, #wld_badge_item_8 { display: none}


.header .logo{ float:none; text-align:center; margin:0 auto; padding: 0; display:block;}
.header h1.about { margin: 0 0 10px 0; display:block; clear:left; float:none; text-align:center; }



	
body.homePage { background:url(/images/spash-bg.jpg) no-repeat -480px 0 #fff; }

}

.footer {
	text-align:center;
	clear: left;
	padding: 20px 0;
	margin: 20px 0 0 0;
	background: #f7f7f7;
	font-size: 0.8em;
	}
.footer a { text-decoration:none; color: #666; }
.footer a:hover { text-decoration:underline; }

/* DGRP Form... 
------------------------------------------------ */

.signup { background: rgba(255,255,255,.5); display: flex; max-width: 403px; height: auto; margin: 30px auto 0 auto; padding: 20px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; }


.signup__form { flex: 1; }
.signup .wld-component { height: 100%; }
.signup .wld-form { display: flex; height: 100%; flex-direction: column; }
.signup .wld-form__fields { flex: 1; display: flex; margin: 0 0 6px 0; }
.signup .wld-form__actions { display: flex; justify-content: space-between; }
.signup .wld-fieldgroup { flex: 1; align-self: center; display: none; }
.signup .wld-fieldgroup--active { display: block; }
.signup .wld-field__input { display: flex; }
/* add space between date pickers */
.signup .wld-input + .wld-input { }
#signup-dobday { -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }
#signup-dobmonth {  border-radius: 0; }
#signup-dobyear { -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
.signup .wld-input--select,
.signup .wld-input--text { width: 100% }
/* confirmation fields */
.signup .wld-field--confirm { display: flex; flex-wrap: wrap; padding: 5px 0; }
.signup .wld-field--confirm .wld-field__input { flex: 0; order: 0; }
.signup .wld-field--confirm .wld-field__caption { order: 1; flex: 1; font-size: 12px; }
/* hide <labels> */
.wld-field:not(.wld-field--confirm) .wld-field__caption { }
/*--Tooltip--*/
.signup .wld-field__help { background: #fff; color: #777; font-size: 11px; font-family: "Open sans", sans-serif; font-weight: 400; line-height: 13px; margin: 0;
    padding: 10px; width: 100%; height: auto; box-shadow: 0 0 4px rgba(0,0,0,.2); -webkit-border-radius: 15px; border-radius: 15px; position: absolute; bottom: 192px; display: flex; align-items: center; width: 383px; }
.signup .wld-field__help::before { content: ''; background: #fff; width: 1em; height: 1em; transform: rotate(45deg); position: absolute; bottom: -4px; left: 20px; }

.wld-form__suffix p { padding:10px 0 0 0!important; margin:0; font-size:12px!important; width:100%!important }

.signup input[type=checkbox] { width:auto!important; transform: scale(1.2); margin: 5px 15px 0 10px; }
.signup .wld-field__caption { text-align:left; }


/* GENERAL INPUT STYING
------------------------------------------------ */
.wld-input { font: inherit; }
.wld-input--text, .wld-input--select { display: block; color: #666; background: #fff; width: 100%; height: 60px; font-size: 16px; font-family: "Open sans", sans-serif; font-weight: 400; padding: 0; margin: 0; text-indent: 10px; border: 1px solid #ccc; box-shadow: none; -webkit-border-radius: 2px; border-radius: 2px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ }
.wld-input--select { background: url(/images/form-arrow.png) no-repeat right #fff; background-size: 44px 60px; }
/*--Mozilla Text-indent Fix--*/
@-moz-document url-prefix() { .wld-input--text, .wld-input--select { text-indent: 10px!important; }
}
.wld-button { background: #CC0000; 
color: #fff; display: block; font-size: 25px!important; font-family: 'Open sans', sans-serif; font-weight: 600; margin: 0 auto; padding: 21px 0; text-transform: uppercase; text-decoration: none; line-height: 19px; height: 60px; text-align: center; border: 0; cursor: pointer; width: 100%; z-index: 9997; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 200ms ease-in-out 100ms; -moz-transition: all 200ms ease-in-out 100ms; -ms-transition: all 200ms ease-in-out 100ms; -o-transition: all 200ms ease-in-out 100ms; transition: all 200ms ease-in-out 100ms; }
/* ERRORS
------------------------------------------------ */
.wld-error-overlay { position: absolute; background: #c00; font-size: 14px; font-family: 'Open sans', sans-serif; font-weight: 400; padding:.5em; margin-top: .75em; z-index: 9999; max-width: 15em; box-shadow: 0 3px 5px rgba(0,0,0,.2); border-radius: 4px; color: #fff; z-index: 9999; }
.wld-error-overlay::before { content: ''; width: 1em; height: 1em; transform: rotate(45deg); background: inherit; position: absolute; top: -.5em; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* 
.signup .wld-field--confirm { margin-bottom: 60px }
.wld-input { margin-bottom: 60px } */
.signup { padding-top: 70px!important }
.wld-input--select { background:none!important; }
.signup .wld-form__actions { clear:both; margin-top: 80px; }
.wld-field__caption { margin-left: 20px!important; margin-top: 4px }
.signup .wld-field--confirm .wld-field__caption { padding-left: 20px; }
}
/*------------Media Queries------------*/
@media screen and (max-width: 610px) {
.signup { margin: 10px auto 0 auto; }
.signup .wld-field__caption { padding-left: 10px; }
.wld-input--select { text-indent: 0px;  }
}
@media screen and (max-width: 483px) {
    .signup .wld-field__help { width: auto; left: 0; margin: 0 20px; }
    .signup .wld-field__help::before { left: 0; right: 0; margin: auto; }
}
@media screen and (max-width: 443px) {
    .signup { background: none; border-radius: 0;}
    .signup .wld-field__help { bottom: 222px; }
}
@media screen and (max-width: 360px) {
    #signup-dobday, #signup-dobmonth, #signup-dobyear { text-indent: 5px!important; }
}
@media screen and (max-width: 340px) {
    #signup-dobmonth { letter-spacing: -1px; }
}
::-webkit-input-placeholder {
   color:transparent;
}

:-moz-placeholder { /* Firefox 18- */
   color:transparent; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color:transparent; 
}

:-ms-input-placeholder {  
   color:transparent;
}

/* HP additional styles */

button:hover {opacity: 0.8; }
.error {color: #f00;}
label.error { position: absolute; background: #c00; font-size: 14px; font-family: 'Open sans', sans-serif; font-weight: 400; padding:.5em; margin-top: 3.8em; z-index: 9999; max-width: 15em; box-shadow: 0 3px 5px rgba(0,0,0,.2); border-radius: 4px; color: #fff; left: 30px; }
label.error::before { content: ''; width: 1em; height: 1em; transform: rotate(45deg); background: inherit; position: absolute; top: -.5em; }
#day-error { left: 8%;  }
#month-error { left: 38%;  }
#year-error { left: 68%;  }
#agree-error { left: 19px; }
a { /* Remove all the outline border all in our document. */ outline: none; }