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

body { background: #efefef; }

/* Header */
/*The header was made overflow:visible and added clearfix to accomodate Briker's overflowing logo.*/
#header { background: #21205f; overflow: visible; margin-bottom: 110px; }
#header .container { overflow: visible; }
#header .container:after { content: ""; display: table; clear: both; }

#header h1 a { display: block; width: 130px; height: 130px; background: url(../../../img/site-specific/thehill/thehill_extra_logo.png) no-repeat left center; background-size: 100% auto; text-indent: -9999px; margin: 20px 0 -72px 0; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); }
#header #account-header { margin: 16px 5px 0 0; }
#header #account-header a { color: #fff !important; color: rgba(255,255,255,0.95) !important; }
#header .phone { display: none !important; }


@media only screen and (max-width: 520px) {
	#header { padding: 7px 0 12px 0; margin-bottom: 40px; min-height: 58px; }
	#header h1 a {  width: 90px; height: 90px; margin-top: 10px; }
	#header #account-header { float: right !important; margin: -11px 0 8px 0 !important; }
	.homepage .main-content:first-child { margin-top: 70px !important; }
}
@media only screen and (max-width: 350px) {
	#header .container { padding: 0 20px; }
}


/* Main Headings */
.option-heading { background: #21205f; border-radius: 5px 5px 0 0; }
.option-heading p { color: #CECED4; }

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

/* Error Message */
.error-message { background: #DB3832; }

/* Buttons */
.button, .ui-dialog .ui-dialog-buttonset button {
  background: #DB3832;
  box-shadow: inset 0px 1px 0px #e8807c, 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border: 1px solid #a4221d;
  border-top-color: #b92621;
  border-bottom-color: #8e1d19;
}
.button:hover, .ui-dialog .ui-dialog-buttonset button:hover {
  background: #c62923;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 1px 0px #dd453f, inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border-color: #851b17;
  border-top-color: #9b201b;
  border-bottom-color: #701714;
}
.button.disabled {
  background: #ccc;
  box-shadow: inset 0px 2px 0px #ddd, 0px 1px 3px rgba(0, 0, 0, 0.4);
  border: 1px solid #aaa;
  border-top-color: #bbb;
  border-bottom-color: #999;
}


/* Input Focus */
INPUT:focus { outline: none; border: 1px solid #709DA3; box-shadow: inset 0px 0px 3px #709DA3; }


/* Footer */
#footer { background: #21205f; color: #fff; color: rgba(255,255,255,0.8); }
#footer a { color: #fff; color: rgba(255,255,255,0.8); }
#footer p { font-size: 13px; }
#footer .right { color: #fff; color: rgba(255,255,255,0.8); }

@media only screen and (max-width: 780px) {
	#footer { height: auto; padding: 15px 0 7px 0; }
	#footer p { line-height: normal; float: none; margin-bottom: 7px; }
	body { margin-bottom: 70px !important; } /*sticky footer*/
}
@media only screen and (max-width: 480px) {
	#footer p { font-size: 12px; }
}
@media only screen and (max-width: 330px) {
	body { margin-bottom: 90px !important; } /*sticky footer*/
}

.cnd-members td.action { min-width: 155px; }