
/* These styles were generated from the Theme Builder in the site admin. */

#header .container, #footer .container { max-width: 800px; }

body { background: #f1f3f2;  }

/* Header */
#header { background: #FFFFFF; }

#header h1 a { display: block; width: 260px; height: 80px; background: url(https://subscriber.provincetownindependent.org/c/vo_image_private/af/38/98e4d66b05e1d90978c2d5105981.png) no-repeat center; background-size: 100% auto; text-indent: -9999px; }

@media only screen and (max-width: 520px) {
	#header h1 a { width: 85%; height: auto; max-height: 110px; aspect-ratio: 760 / 156; background-size: contain; margin: 0 auto; }
	#header #account-header {  margin-top: 15px; }
}

/* Main Headings */
.option-heading { background: #0091bf; }

/* Sub Text */
.main-content a:not(.button), .subscription-options .signup .info p, .agreement, .agreement a, .cnd-user-orders #order-detail .name, .default-more-plans, .homepage .plans-selection-box p { color: #0091bf; }

/* Error Message */
.error-message {  }

/* Buttons */
.button, .ui-dialog .ui-dialog-buttonset button {
  background: #ed2124;
  box-shadow: inset 0px 1px 0px #f47173, 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 #b30f11;
  border-top-color: #cb1013;
  border-bottom-color: #9b0d0f;
  /* color: #fff !important; */
}
.button:hover, .ui-dialog .ui-dialog-buttonset button:hover {
  background: #d91215;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 1px 0px #f15154, inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border-color: #920c0e;
  border-top-color: #aa0e10;
  border-bottom-color: #7b0a0c;
  /* color: #fff !important; */
}

/* Checkboxes */
.checkbox > input:checked + .checkbox-placeholder { 
  background-color: #ed2124;
  border-color: #b30f11;
  border-top-color: #cb1013;
  border-bottom-color: #9b0d0f;
  box-shadow: inset 0px 1px 1px #f47173, inset 0px -1px 1px rgba(0, 0, 0, 0.1), inset 0px 5px 8px rgba(255, 255, 255, 0.1);
}
.checkbox > input:hover:checked + .checkbox-placeholder { border-color: #ed2124; }

/* Radios */
/* .radio > input:checked + .radio-placeholder,
.radio.radio--fake .radio-placeholder { background-color: #ed2124; border-color: #ed2124; }
.radio > input:hover:checked + .radio-placeholder { border-color: #ed2124; } */

/* Footer */
#footer { background: #cbcbcb; }

/* Date Picker */
.datepick-nav { background: #ed2124 !important; }
.datepick-nav a { color: #fff !important; }
.datepick-cmd:hover { background-color: rgba(255,255,255,0.2) !important; box-shadow: 0 0 2px rgba(0,0,0,0.2); }
.datepick-month-header, .datepick-ctrl { background-color: #474747 !important; }
.datepick-month td .datepick-highlight, .datepick-month td .datepick-selected { background: #ed2124 !important; color: #fff !important; }

/* Advanced Theme Settings - Custom CSS */
/* Error Message */
.error-message { background: #ed2124; }



/*Special Banner Img*/
.banner-img { max-width: 740px; margin: 60px auto; border-radius: 5px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); overflow: hidden; }
.banner-img img { display: block; width: 100%; }

@media only screen and (max-width: 780px) {
	.banner-img { max-width: calc(100% - 60px); margin: 40px auto; }
}
@media only screen and (max-width: 580px) {
	.banner-img { max-width: calc(100% - 40px); margin: 30px auto; }
}
