/* This is where you can create custom override styles for individual sites. */
#header .container, #footer .container { max-width: 800px; }

body { background: #F6F6F6; }


/* Header */
#header { background: #fff; box-shadow: none; border-bottom: 1px solid #B3B3B3; }
#header h1 a { display: block; width: 215px; height: 80px; background: url(../../../img/site-specific/disabilityscoop/logo.svg) no-repeat center 25px; background-size: auto 36px; text-indent: -9999px; }
#header #account-header a { color: #333 !important; }
#header #account-header a:hover { color: #00a3da !important; }

@media only screen and (max-width: 520px) {
	#header { padding: 0; height: auto; }
	#header .container { padding: 0; }
	#header h1 a { width: 100%; height: 52px; background: url(../../../img/site-specific/disabilityscoop/logo.svg) no-repeat center 14px; background-size: auto 32px; }
	#header h1,
	#header #account-header { float: none; display: block; text-align: center; height: auto; line-height: normal; }
	#header #account-header { color: #bcbcbc; border-top: 1px solid #b3b3b3; width: 100%; margin: 0; padding: 10px 0; background: #F6F6F6; }
}
@media only screen and (max-width: 350px) {
	#header h1 a { height: 50px; background: url(../../../img/site-specific/disabilityscoop/logo.svg) no-repeat center 13px; background-size: auto 30px; }
	#header #account-header a { font-size: 14px; }
}


/* Main Headings */
.option-heading { background: #333; }
.option-heading p,
.option-heading p a { color: #fff; color: rgba(255,255,255,0.6); }


/* Sub Text */
.main-content a, .subscription-options .signup .info p, p.agreement, p.agreement a, .cnd-user-orders #order-detail .name { color: #00a3da; }

.subscription-options .signup h3,
.subscription-options .signup .info ul li { color: #444; }


/* Error Message */
.error-message { background: #FF7300; }
#login a.forgot { color: #aaa; }


/* Buttons */
.button, .ui-dialog .ui-dialog-buttonset button {  background: #FF7C0A; border: 2px solid #FF7C0A; text-shadow: none; box-shadow: none; border-radius: 0; }
.button:hover, .ui-dialog .ui-dialog-buttonset button:hover { background: #fff; color: #FF7C0A !important; box-shadow: none; }
.button.disabled { background: #ccc; border-color: #ccc; box-shadow: none;  }
.button.disabled:hover { color: #fff; }


/* Input Focus */
INPUT:focus { outline: none; border: 1px solid #00a3da !important; box-shadow: inset 0px 0px 3px rgba(0, 163, 218, 0.25); }
input, .input, .dropdown-toggle { border-radius: 0 !important; }


/* Login Inputs */
#login FORM INPUT.button { height: 40px; line-height: 38px; }


/* Checkout Complete */
@media only screen and (max-width: 450px) {
	#cmc_checkout-complete .page-title { padding-bottom: 0; margin-bottom: 0; font-size: 25px; border: none; }
	#cmc_checkout-complete h1 { font-size: 25px; }
}


.vo-subscription-plan li { overflow: visible; clear: both; }
.vo-subscription-plan li .subscription-plans { overflow: visible; clear: right; font-size:14px; }


/* Footer */
#footer { background: #fff; border-top: 1px solid #B3B3B3; color: #79797C; }
#footer p { text-shadow: 0px 1px 1px #fff; opacity: 0.9; }
#footer a:first-child { margin: 0; }
#footer a { color: #79797C; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer .right { color: #79797C; display: none; }
#footer .left { float: none; }

@media only screen and (max-width: 600px) { 
	#footer { height: auto; padding: 10px 0; }
	#footer p { float: none; line-height: 2em; }
}
@media only screen and (max-width: 350px) { 
	#footer p { font-size: 13px; }
}