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

body { background: #EEEEEF; }

/* Header */
#header { background: #fff; }
#header h1 a { display: block; width: 230px; height: 80px; background: url(../../../img/site-specific/fermanagh-herald/logo.png) no-repeat left center; background-size: auto 80%; text-indent: -9999px; }

@media only screen and (max-width: 520px) {
	#header h1 a { width: 100%; height: 60px; background-size: contain; background-position: center;}
	#header #account-header {  margin-top: 15px; }
}

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

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

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

/* Buttons */
.button, .ui-dialog .ui-dialog-buttonset button {
  background: #008745;
  box-shadow: inset 0px 1px 0px #00de71, 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 #003b1e;
  border-top-color: #00542b;
  border-bottom-color: #002111;
}
.button:hover, .ui-dialog .ui-dialog-buttonset button:hover {
  background: #006333;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 1px 0px #00964d, inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border-color: #00170c;
  border-top-color: #003019;
  border-bottom-color: black;
}

/* Footer */
#footer { background: #414040; color: #ccc; }