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

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

body { background: #F6F6F6;  }

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

#header h1 a { display: block; width: 215px; height: 80px; background: url(https://pigeon.s3.us-east-va.io.cloud.ovh.us/2a20e74bd45be4317f7ba8089658bc1b.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: 640 / 110; background-size: contain; margin: 0 auto; }
	#header #account-header {  margin-top: 15px; }
}

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

/* 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: #00a3da; }

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

/* Buttons */
.button, .ui-dialog .ui-dialog-buttonset button {
  background: #FF7C0A;
  box-shadow: inset 0px 1px 0px #ffaa61, 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 #bd5800;
  border-top-color: #d66400;
  border-bottom-color: #a34c00;
  /* color: #000 !important; */
}
.button:hover, .ui-dialog .ui-dialog-buttonset button:hover {
  background: #e56b00;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 1px 0px #ff973d, inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border-color: #994700;
  border-top-color: #b25300;
  border-bottom-color: #7f3b00;
  /* color: #000 !important; */
}

/* Checkboxes */
.checkbox > input:checked + .checkbox-placeholder { 
  background-color: #FF7C0A;
  border-color: #bd5800;
  border-top-color: #d66400;
  border-bottom-color: #a34c00;
  box-shadow: inset 0px 1px 1px #ffaa61, 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: #FF7C0A; }

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

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

/* Date Picker */
.datepick-nav { background: #FF7C0A !important; }
.datepick-nav a { color: #000 !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: #FF7C0A !important; color: #000 !important; }

/* Advanced Theme Settings - Custom CSS */
/* Header */
#header { box-shadow: none; border-bottom: 1px solid #B3B3B3; }
#header h1 a { background-position: center 25px; background-size: auto 36px; }
#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; max-height: none; aspect-ratio: auto; margin: 0; background-position: 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-position: center 13px; background-size: auto 30px; }
	#header #account-header a { font-size: 14px; }
}

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

/* Sub Text */
.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 !important; text-shadow: none; box-shadow: none; border-radius: 0; color: #fff !important; }
.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 !important; }

/* 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; }
}

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

/* Footer */
#footer { 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; margin-top: -1px; }
	#footer p { float: none; line-height: 2em; }
}
@media only screen and (max-width: 350px) {
	#footer p { font-size: 13px; }
}
