#login-overlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);overflow-y:scroll;z-index:10000;}#login-overlay,.login-box > div{display:none;}#login-wrapper,.login-box{max-width:540px;min-width:350px;top:10%;margin:auto;width:100%;}.login-box{background-color:#252a36;position:absolute;}#close-login-box-button{width:24px;height:24px;border:none;background:rgba(0,0,0,0) url('/sites/all/themes/piipe/img/CLOSE.png') no-repeat;background-size:24px 24px;position:absolute;top:18px;right:18px;margin:0;padding:0;}.login-box > div,.page-piipe-login div.login-form,.page-piipe-register div.create-account-form{width:70%;margin:0 15%;}.login-box,.login-box a{color:white;}.page-piipe-login,.page-piipe-register,.page-piipe-login a,.page-piipe-register a{color:black;}.login-header{text-align:center;margin-bottom:36px;margin-top:21px;font-weight:bold;font-size:18px;}.login-box-info{text-align:center;margin:0 auto 36px;}.login-box-info > span{font-weight:300;font-size:16px;}.login-box .error-message,.page-piipe-login .error-message,.page-piipe-register .error-message{text-align:center;padding:12px;margin-bottom:12px;}.login-box input,.login-box button,.page-piipe-login form input,.page-piipe-login form button,.page-piipe-register form input,.page-piipe-register form button{width:100%;margin-bottom:20px;}.login-box .form-checkbox{width:auto;}.login-box button,.page-piipe-login form button,.page-piipe-register form button{margin-top:18px;font-size:16px;}.login-box-footer{width:80%;text-align:center;margin:auto;}.login-box-footer span{font-size:16px;font-weight:300;}.login-box-footer.create-footer{margin-bottom:20px;}.login-box-footer.login-footer{margin-bottom:25px;}.footer-link{text-align:center;padding-bottom:18px;font-size:16px;color:#c8c8c8;}.footer-link a{color:#c8c8c8;}.facebook-connect-button{background-color:#204477;margin-bottom:18px;padding:4px 16px;text-align:center;text-transform:uppercase;}.facebook-connect-button img{height:30px;margin-right:16px;margin-left:-16px;}.facebook-connect{color:white;font-size:16px;vertical-align:middle;line-height:36px;}.fb-seperator{margin-bottom:25px;}.fb-seperator span{width:50px;display:inline-block;text-align:center;}.fb-seperator:before,.fb-seperator:after{content:'';width:calc((100% - 60px)/2);max-width:50%;background:rgba(255,255,255,0.2);height:2px;display:inline-block;vertical-align:middle;}#login-overlay.visible,.login-box > div.active{display:block;}@media(max-width:991px){#login-wrapper,.login-box{max-width:100%;min-width:350px;top:50px;margin:auto;width:100%;height:100%;overflow:hidden;}.login-header{font-size:1.125em;}.login-box-info > span,.login-box button,.page-piipe-login form button,.page-piipe-register form button,.login-box-footer span,.footer-link,.facebook-connect,.facebook-seperator span{font-size:1em;}}