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

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

body { background: #FFFFFF; font-family: 'Poppins', "SourceSansPro", Arial, sans-serif; }

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

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

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

/* 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: #006fac; }

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

/* Buttons */
.button, .ui-dialog .ui-dialog-buttonset button {
  background: #006fac;
  box-shadow: inset 0px 1px 0px #04a6ff, 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 #003e60;
  border-top-color: #004e79;
  border-bottom-color: #002d46;
  /* color: #fff !important; */
}
.button:hover, .ui-dialog .ui-dialog-buttonset button:hover {
  background: #005888;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 1px 0px #0090df, inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border-color: #00273c;
  border-top-color: #003755;
  border-bottom-color: #001622;
  /* color: #fff !important; */
}

/* Checkboxes */
.checkbox > input:checked + .checkbox-placeholder { 
  background-color: #006fac;
  border-color: #003e60;
  border-top-color: #004e79;
  border-bottom-color: #002d46;
  box-shadow: inset 0px 1px 1px #04a6ff, 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: #006fac; }

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

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

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

/* Advanced Theme Settings - Custom CSS */
/* Header */
#header { border-bottom: 4px solid #d9d9d9; box-shadow: none; }

/* Main Headings */
.option-heading { border-bottom: 1px solid #D3D7DE; }
.option-heading h2 { font-size: 21px; color: #000; }
.option-heading p { font-size: 0.8em; margin-top: 7px; }
.option-heading p,
.option-heading p a { color: rgba(0,0,0,0.4) !important; }

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

/* Buttons */
.button, .ui-dialog .ui-dialog-buttonset button {
  background: #006fac;
  border: 1px solid #006fac;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
}
.button:hover, .ui-dialog .ui-dialog-buttonset button:hover {
  background: #005888;
  border-color: #005888;
  box-shadow: none;
}
.button.disabled {
  background: #80b7d5;
  border-color: #80b7d5;
  box-shadow: none;
}

/* Extra Customization */
.main-content { border: 1px solid #D3D7DE; box-shadow: none; }
.main-content.vo-login { background: #f8f8f8; }
.subscription-options .signup h3 { font-size: 21px; color: #000; }
.subscription-options .signup .term { font-weight: 400; }
.page-title h1 { color: #000; font-size: 21px; font-weight: 600; }
.page-title .back-to-site { font-size: 12px; padding: 0; }
.page-title .back-to-site:after { display: none;}
h2 { font-size: 21px; margin-top: -10px; }
ul.links li,
ul.text-list li { margin-bottom: 3px; }
#login a.forgot { color: #006fac; }

.voForm LI INPUT,
.dropdown-toggle { font-size: 16px !important; }

.choose-plans .plan-detail { border: none !important; box-shadow: none !important; padding: 0; }
.choose-plans .plan-detail ul.vo-subscription-plan { margin: 0 !important; }
.choose-plans .plan-detail ul.vo-subscription-plan li { float: left; margin-right: 20px; width: calc(50% - 10px) !important; border: 1px solid #93979e; padding: 15px; overflow: hidden; cursor: pointer; }
.choose-plans .plan-detail ul.vo-subscription-plan li:last-child { margin: 0; }
.choose-plans .plan-detail ul.vo-subscription-plan .subscription-plan-title { font-size: 18px; }
.choose-plans .plan-detail ul.vo-subscription-plan li.selected { background: #006fac; border-color: #006fac; color: rgba(255,255,255,0.85); }
.choose-plans .plan-detail ul.vo-subscription-plan li.selected .subscription-plan-title { color: #fff; }
.choose-plans .plan-detail ul.vo-subscription-plan li:hover { box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); }
.choose-plans .plan-detail ul.vo-subscription-plan li .radio { margin-left: -41px; }
.choose-plans .plan-detail ul.vo-subscription-plan.term-count-1 li { width: 100% !important; }

.braintree-card-element { margin: 0; }
.vo-form-subscription-summary { box-shadow: none; }

@media only screen and (min-width: 580px) {
  .page-title  { padding: 35px 50px; }
  .main-content .block { padding: 50px; }
  .main-content .block .slider { margin: 70px -50px 10px -50px; padding: 50px; }
  .description { padding: 50px 50px 0 50px; }
  .vo-form-subscription-summary { margin-bottom: 50px; }
  #footer { height: 64px; padding-top: 10px; }
  #footer p { float: none; line-height: 21px; font-size: 12px; }
}
@media only screen and (max-width: 780px) {
  .page-title h1 { float: none; }
  .page-title .back-to-site,
  .page-title .back-to-dash { float: none; margin: 0; }
}
@media only screen and (max-width: 580px) {
  #footer .container { padding: 0; }
  #footer p { font-size: 10px; }
}
@media only screen and (max-width: 550px) {
  h2 .accepted-cards-image { float: none; margin-top: 11px; }
}



/* One Trust Modal */
.modal-one-trust {}
.modal-one-trust h2,
.modal-one-trust h3 { color: #006fac; }
.modal-one-trust .button a { color: #fff; }

.modal-one-trust h2 { font-size: 24px; background: url(../../../img/site-specific/skiinfo/logo-colored.png) no-repeat left center; background-size: auto 100%; padding: 3px 0 1px 98px; }

@media only screen and (max-width: 600px) {
  .modal-one-trust h2 { text-align: center; font-size: 21px; background: url(../../../img/site-specific/skiinfo/logo-colored.png) no-repeat center top; background-size: auto 50px; padding: 70px 0 0 0; }
}
