/* ==========================================================================
	#Section Login
========================================================================== */
.section-login { min-height: 525px; padding-top: 160px; background: url(/static/images/login-bg.jpg) 50% 50% no-repeat;
	-webkit-background-size: cover; 
	        background-size: cover;

	-webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box; 
	        box-sizing: border-box; 
    position:relative;
}
.section-login .shell{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); /* IE 9 */
-webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
}
.section-login-space{height:30px;}
.section-login .section-inner { padding:0; background: rgba(255,255,255, .85); box-shadow: white 0 -15px 20px -20px rgba(0,0,0,0.8); float:left; width:100%;}
.section-login .section-head { padding: 25px; }
.section-login .section-body {padding: 0 25px 55px 25px; overflow:hidden;}
.section-login h2 { font-family: 'Freight Sans', sans-serif; font-size: 50px; font-weight: 300; }
.section-login .bordered-right:before { right: 5px; background: #8d734a; }

.form-login { padding: 0 20px 20px 0; }
.form-login .field { height: 37px; font-size: 25px; font-weight: normal; }
.form-login .form-row { padding-bottom: 10px; }
.form-login .form-actions { padding-bottom: 3px; }
.form-login .btn { width: 100%; height: 37px; padding: 0 10px; font-size: 20px; line-height: 37px; min-width: 0; font-weight: normal; }
.form-login .btn i { font-size: 15px; }
.form-login p.password-reset-message { font-size: 16px; }

.login-callout h3 { padding-bottom: 3px; font-family: 'Freight Sans', sans-serif; font-size: 25px; font-weight: 300; }

.login-callout-contacts ul { list-style: none outside none; }
.login-callout-contacts li { float: left; position: relative; padding-left: 23px; }
.login-callout-contacts li + li { margin-left: 20px; }
.login-callout-contacts i { position: relative; top: 0; left: 0; color: #8d734a; }

.login-updates-head { padding-bottom: 11px;  }
.login-updates-head h4 { font-family: 'Freight Sans', sans-serif; color: #8d734a; line-height: 1; }
.login-updates{display:none;}
.login-updates-body { font-size: 20px; line-height: 1.2; }
.login-updates.selected{display:block;}
.login-updates ul { margin: 20px 0 20px 20px; line-height: 1.1; list-style: circle inside none; }
.login-updates li { padding-bottom: 10px; }
.login-updates a:hover { text-decoration: none; }
.login-updates li { color: #000; }
.login-updates li span.icon-container { display: inline-block; vertical-align: middle; width: 35px; height: 35px; border: 2px solid #8d734a; border-radius: 50%; margin-right: 10px; font-size: 20px; line-height: 35px; color: #8d734a; text-align: center; }
.login-updates li i { line-height: 35px;  }

#submits input[type=email]{width:93.5%; padding-left:6.5%;}
#submits .email-input-icon{position:absolute; font-size:20px; color:#ccc; top:13px; left:4%;}
#submits .submit-triangle-right-icon{position:absolute; font-size:20px; color:#fff; top:16px; left: 61%;}
#submits-msg{text-align:center;}
#submits-msg .success-msg{font-size:20px; font-weight: 300; }
#submits-msg i{font-size:18px; color: #8d734a; position: relative; top: 2px; padding-right: 2px;}

.author_row .author a:hover{text-decoration:none;}
.author_row .author a:hover h3{color:#005d83;}

.new-site-pw { position: relative; top: 10px; left: 5px; font-size: 20px; font-weight: 600; line-height: 1; }

@media(max-width: 1120px){
    .section-login{min-height:650px;}
	.section-login .section-body { padding-bottom:25px; }
	.form-login { float: left; width: 75%; padding: 3px 10px 15px 0; 
		-webkit-box-sizing: border-box; 
		   -moz-box-sizing: border-box; 
		        box-sizing: border-box; 
	}
	.form-login .field { font-size: 20px; }

	.login-callout { float: right; width: 25%; padding-left: 10px; border-left: 1px solid #999;
		-webkit-box-sizing: border-box; 
		   -moz-box-sizing: border-box; 
		        box-sizing: border-box; 
	}

	.section-login .bordered-right:before { display: none; }
	.section-login .bordered-right { overflow: hidden; }
    .section-login h2 { font-size:40px ;}

	
	.login-callout h3 { padding-left: 12px; font-size: 20px; }
    .login-callout-contacts li { float: left; padding-left:0; padding-right:2%; width:48%; }
    .login-callout-contacts li + li { margin: 0; padding-top: 0px; }
	.login-callout-contacts i { display: none; color: #000; }
	.login-callout-contacts .btn { min-width: 0; width: 100%; height: 37px; padding: 0 10px; font-size: 20px; line-height: 37px; text-align: center; }
    .login-callout-contacts .btn:hover i{color:white;}
	.resources { padding-top: 33px; border-top: 1px solid #8d734a; }

    #submits .col-xs-12{padding:0; width:100%;}
    #submits .row{margin:0;}

    #submits input[type=email]{width:92%; padding-left:8%;}
    #submits .email-input-icon{left:4%;}
    #submits .submit-triangle-right-icon{left:54%;}
}

@media(max-width: 740px){
	.section-login { padding-top: 60px; min-height: 475px;}
	.section-login h2 { text-align: center; }
	.section-login .section-head { padding-bottom: 8px; }
	
	.form-login { float: none; width: auto; padding: 0; }
	.form-login .field { border: 1px #999 solid; text-align: center; }
	
	.login-callout { float: none; width: auto; padding-top: 12px; border: 0; border-top: 1px solid #999; text-align: center; }
	.login-callout h3 { padding-bottom: 10px; font-size: 20px; }
	.login-callout-contacts ul { overflow: hidden; margin: 0 -8px; }
	.login-callout-contacts li { float: left; width: 50%; padding: 0 8px;
		-webkit-box-sizing: border-box; 
		   -moz-box-sizing: border-box; 
		        box-sizing: border-box; 
	}
	.login-callout-contacts li + li { padding-top: 0; }

    #submits input[type=email]{width:88%; padding-left:12%;}
    #submits .submit-triangle-right-icon{left:58%;}
}

/* ==========================================================================
	#Paywall
========================================================================== */
    .section-login.pw { background: #FFF; padding-top: 0; z-index: 3; min-height: 0; height: 0; width: 100%;}

    .section-login.pw .shell { left:auto; top: auto; bottom: 0;  transform: none; margin: 0; width: 100vw; }
    .section-login.pw .shell .section-inner { width: 100vw; float:none; background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0; }
    .section-login.pw .shell .section-inner .section-head { max-width: 1120px;  margin: 0 auto; }
    .section-login.pw .shell .section-inner .section-body { max-width: 1120px;  margin: 0 auto; padding-bottom: 24px; }
    .section-login.pw .login-callout-contacts ul { overflow: visible; }

    .section-login.pw .shell .section-inner .section-head .one-time-button { font-size: 15px; text-transform: uppercase; border: 1px solid black; padding: 1px 9px; position: relative; top: -4px;}
    .section-login.pw .shell .section-inner .section-head .one-time-button:hover { background: black; color: white; cursor: pointer; }

    .section-login.pw .form-login { padding-bottom: 0; }

    .section-login.pw .one-time .form-row { padding-bottom: 15px; }
    .section-login.pw .one-time .row { padding-bottom: 15px; }
    .section-login.pw .one-time .form-login { padding-top: 15px; }

    [data-sitesection="Member_Events"] .one-time-button, [data-sitesection="Comms_Events"] .one-time-button { display:none; }
    .section-login.pw input.disabled::-webkit-input-placeholder { color: #aaa; }
    .section-login.pw input.disabled::-moz-placeholder { color: #aaa; }
    .section-login.pw input.disabled:-moz-placeholder { color: #aaa; /* Older versions of Firefox */ }
    .section-login.pw input.disabled:-ms-input-placeholder { color: #aaa; }

    .section-login.pw .about { font-family: Georgia; font-size: 15px; line-height: 1.4;}
    .section-login.pw .other-quote { font: bold 18px Georgia; line-height: 30px; }
    .section-login.pw .source { font-family: Freight Sans, sans-serif; font-size: 16px; }

    .section-login.pw .resources { display: block; }
    .section-login.pw .resources li span.ben { display: table-cell; vertical-align: middle; padding-left: 5px; color: #000; }
    .section-login.pw .resources li span.icon { display: table-cell; vertical-align: top; }
    .section-login.pw .resources .rotating-promo { padding: 0 5px; overflow: visible; }

    .section-login.upgrade .section-inner { padding-top: 30px; }
    .section-login.upgrade h2 { padding-bottom: 20px; padding-right: 20px; }
    .section-login.upgrade h3 { padding-bottom: 20px; padding-right: 20px; }

    .section-login.upgrade img { float: left; max-height: 130px; width: 130px; }

    .section-login.upgrade .login-callout-contacts li { float:none; padding-left: 20px; padding-bottom: 5px; overflow: hidden; }
    .section-login.upgrade .login-callout-contacts i { position: static; padding-right: 5px; padding-bottom: 5px; overflow: hidden; }

    .section-login.upgrade .login-callout-contacts li.name { text-transform: uppercase; font-size: larger; padding-bottom: 0;}
    .section-login.upgrade .login-callout-contacts li.title { padding-bottom: 0;}
    .section-login.upgrade .login-callout-contacts li.type { display:none; }

    .section-login.upgrade .login-callout .one-time-button { font-size: 15px; text-transform: uppercase; border: 1px solid black; padding: 1px 9px; position: relative; top:0; width: 190px; margin-bottom: 20px; }
    .section-login.upgrade .login-callout h3 { clear: both; }
    .section-login.upgrade .login-callout .one-time-button:hover { background: black; color: white; cursor: pointer; }

    .section-login.upgrade .benefits { border-left: 1px solid #8d734a; }
    .section-login.upgrade .benefits .login-callout { padding-left: 20px; }
    .section-login.upgrade .benefits ul { padding-left: 20px; }
    .section-login.upgrade .benefits h3 { padding-bottom: 30px; }

    .resources-head h4 { font-family: 'Freight Sans', sans-serif; color: #8d734a; line-height: 1; }
    .resources-body { font-size: 15px; line-height: 1.2; }
    .resources-body.selected {display:block;}
    .resources-body ul { margin: 20px 0 20px 20px; line-height: 1.1; list-style: none inside none; }
    .resources-body li { padding-bottom: 10px; }
    .resources-body a:hover { text-decoration: none; }
    .resources-body li { color: #000; }
    .resources-body li span.icon-container { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border: 2px solid #8d734a; border-radius: 50%; margin-right: 10px; font-size: 15px; line-height: 33px; color: #8d734a; text-align: center; }
    .resources-body li i { line-height: 25px;  }

    .section-login.upgrade .resources ul { margin: 20px 0 20px 20px; line-height: 1.1; list-style: none inside none; }
    .section-login.upgrade .resources li span.icon-container { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border: 2px solid #8d734a; border-radius: 50%; margin-right: 10px; font-size: 15px; line-height: 33px; color: #8d734a; text-align: center; }
    .section-login.upgrade .resources li  { padding-bottom: 10px; }

    @media(max-width: 1120px) {
        .section-login.pw .login-callout h3.not-yet { padding-left: 0; }

        .section-login.pw .shell .section-inner .section-body .form-login { width: 60%; }
        .section-login.pw .shell .section-inner .section-body .login-callout { width: 38%; }

        .section-login.pw .shell .section-inner .section-head .one-time-button { font-size: 14px; }

        .section-login.pw .one-time .row { float: left; clear: both; width: 100%; }

        .section-login.upgrade h2 { padding-left: 20px; }

        .section-login.upgrade .section-head { padding-left: 10px; }
        .section-login.upgrade .section-body h3 { padding-left: 0; }
        .section-login.upgrade .login-callout { float: none; width: auto; border-left: none; padding-left: 0; }
        .section-login.upgrade .login-callout-contacts li { padding-top: 0; }
        .section-login.upgrade .login-callout { padding-bottom: 70px; }
        .section-login.pw.upgrade .shell .section-inner .section-body .login-callout { width: auto; }

        .section-login.upgrade .benefits { overflow: hidden; }
        .section-login.upgrade .benefits .login-callout { padding-left: 0; padding-bottom: 0; }

        .section-login.pw .resources li span.ben { display: inline; margin-left: -7px; }

        .section-login.upgrade .resources { border: none; }
        .section-login.upgrade .resources { padding-top: 0; }
        .section-login.upgrade .resources li a span { display: none; }
        .section-login.upgrade .resources li a span.icon{ display:inline; }

        .section-login.upgrade .resources li { color: #8d734a; }
        .section-login.upgrade .benefits h3 { padding-bottom: 20px; padding-left:20px; }
    }

    @media(max-width: 740px) {
        .section-login .shell{width:100%;}

        .section-login.pw { right: 20px; }
        .section-login.pw h2 { font-size: 30px; text-align: left; }
        .section-login.pw h3 { font-size: 25px; text-align: left; }
        .section-login.pw .section-inner { padding-left: 0px; padding-top: 20px; }

        .section-login.pw .shell .section-inner .section-head .one-time-button {  }
        .section-login.pw .shell .section-inner .section-body .form-login { width: 100%; }
        .section-login.pw .shell .section-inner .section-body .login-callout { width: 100%; }
        .section-login.pw .form-login .one-time-button { border: 1px solid black; background-color: white; margin-top: 5px; margin-bottom: 10px; font-size: 18px; position: static; padding: 5px; text-align: center; display: block; text-transform: uppercase; }

        .section-login.pw .one-time .row { padding: 0; }

        .login-callout-contacts i { display: inline-block; }

        .section-login.upgrade h2 { padding-left: 0; }

        .section-login.pw .resources-column .row h4 { padding-bottom: 20px; color: #8d734a; text-transform: uppercase; font-family: "Freight Sans", sans-serif; font-size: 20px; }

        .section-login.upgrade .login-callout { background-color: rgba(255, 255, 255, .9); }
        .section-login.upgrade .bordered-right { background-color: rgba(255, 255, 255, .9); }
        .section-login.upgrade.pw  .shell .section-inner .section-body { background-color: rgba(255, 255, 255, 0.9); }

        .section-login.upgrade .login-callout-contacts li { width: auto; padding-top: 0; }
        .section-login.upgrade .login-callout-contacts li i { padding: 0; margin: 0; }

        .section-login.pw .shell .section-inner .section-head .one-time-button { width: 180px; top: 8px; margin-bottom: 30px; }

        .new-site-pw { top: 0; }
    }