/* -----------------------------------
     AUTOMATION FOR zcustomalmon.css
   
   Use the below variables defined to 
   style components of site
   -----------------------------------
*/

:root {
  --font-family-main: "Montserrat-Light", sans-serif;
  --font-family-navbars: var(--font-family-main);

  --to-top-link-background-color: var(--btn-main-background);
  --to-top-link-color: var(--btn-main-color);
  --to-top-link-border-radius: 50%;
  --to-top-link-box-shadow: 0 1px 6px rgba(0, 0, 0, .1), 0 2px 24px rgba(0, 0, 0, .2);


  --background-color-body: #fff;
  --body-background-image: none;
  --body-background-position: top center;
  --body-background-repeat: no-repeat;
  --body-background-size: cover;

  --background-danger: #f2dede;
  --background-success: #dff0d8;

  --primary-text-color: #000;
  --secondary-text-color: #28d4ee;
  --required-text-color: #ff0000;
  --green-link-color: #42c8aa;

  --scrollbar-track-color: #fff;
  --scrollbar-color: #777;

  --alert-success-background-color: var(--background-success);
  --alert-success-border-color: var(--background-success);
  --alert-success-text-color: #3c763d;

  --alert-danger-background-color: var(--background-danger);
  --alert-danger-border-color: var(--background-danger);
  --alert-danger-text-color: #a94442;

  /* badge implies the number against text on certain pages, say eg: on Party page step 2, Package Includes section */
  --badge-background: var(--incrementor-button);
  --badge-content-color: #fff;

  /*  
        header and navbar
       ------------------- 
    */
  --header-background-color: #081731;
  --header-box-shadow: none;
  --header-min-height: 102px;

  /* navbar menu li anchors */
  --header-font-size: 14px;
  --header-line-height: 20px;
  --header-text-color: #fff;
  --header-text-onHover-color: #fff;
  --header-text-transform: uppercase;

  --header-link-dropdown-background-color: #ff8b1f;
  --header-link-dropdown-color: var(--header-text-color);
  --header-link-dropdown-hover-background-color: transparent;

  --header-language-dropdown-color: var(--header-text-color);
  --header-language-dropdown-font-size: 25px;
  --header-language-dropdown-menu-background-color: #000;

  --header-dropdown-menu-carrot-top: 6px solid #061a2dcc;
  --header-dropdown-menu-border-top: 2px solid #061a2dcc;

  /* cart */
  --header-cart-color: #fff;
  --header-cart-itemCount-background-color: #e56c70;
  --header-cart-itemCount-hover-background-color: #6c1316;
  --header-cart-count-color: #fff;

  /* dropdown menu mobile */
  --header-burger-btn-color: #706f6f;
  --header-burger-btn-onHover-color: #fff;
  --header-dropdown-menu-item-background-color: #3f3f3e;
  --header-dropdown-menu-item-border: 1px solid #575756;
  --header-dropdown-menu-font-size: 16px;

  /* 
        body and content 
       -------------------
    */

  /* page heading */
  --page-header-color: #114676;
  --page-header-text-transform: capitalize;
  --page-header-font-size: 43px;
  --page-header-font-weight: 900;
  --page-header-font-family: var(--font-family-main);

  --page-header-hover-color: #c0df16;

  /* location select page */
  --location-title-background: transparent;
  --location-title-color: #000;
  --location-title-weight: bold;
  --location-header-font-size: 24px;
  --location-line-divider-border: 1px solid #114676;

  --party-location-border-radius: 20px;
  --party-location-border: none;
  --party-location-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  --party-location-background-color: #fff;

  --party-location-location-color: #114676;
  --party-location-description-color: #000;
  --party-location-description-font-size: 14px;
  --party-location-description-font-weight: 400;

  /* Date select page */
  --date-container-background-color: #003241;
  --date-container-heading-color: #ff8b1f;
  --date-container-color: #fff;

  --date-picker-background-color: #d54742;
  --date-picker-calender-img-color: invert(1) brightness(1000);
  /* set none for black, invert(1) for white */

  /* Product package card */
  --content-card-background-color: #fff;
  --content-card-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  --content-card-border: none;
  --content-card-border-radius: 20px;

  --product-productName-color: #114676;
  --product-productName-font-size: 24px;
  --product-productName-font-weight: 900;
  --product-productName-border-radius: var(--content-card-border-radius);
  --product-productName-heading-text-transform: capitalize;

  --secondary-dark-background: transparent;

  --product-productDescription-color: #000;
  --product-productDescription-font-weight: 800;
  --product-productDescription-font-size: 13px;

  --product-ReadMore-background-color: #114676;
  --product-ReadMore-color: #ffffff;
  --product-ReadMore-font-size: 14px;
  --product-ReadMore-border: 1px solid #114676;
  --product-ReadMore-border-radius: 5px;
  --product-ReadMore-font-weight: 400;

  --product-pricing-color: var(--product-productDescription-color);
  --product-pricing-font-size: 18px;
  --product-pricing-font-weight: 700;

  --incrementor-border: 1px solid #114676;
  --incrementor-button: #114676;

  --product-totalPricing-color: var(--product-productDescription-color);
  --product-totalPricing-font-size: 18px;

  /* Contact Party page */
  --contact-party-container-margin-top: 100px;
  --contact-party-container-background-color: transparent;
  --contact-party-container-padding: 0px;
  --contact-party-container-border-radius: 0px;
  --contact-party-container-text-color: #000;

  /* Party Page */
  --party-screen1-subheading-background: #003241;
  --party-screen1-text-color: #fff;
  --breadcrumb-color: var(--party-screen1-text-color);

  --party-pills-active-background-color: #00a79d;
  --party-pills-active-title-color: #fff;
  --party-pills-active-description-color: var(--party-pills-active-title-color);

  --party-pills-border-bottom: 1px solid #003241;
  --party-pills-background-color: #003241;
  --party-pills-title-color: var(--party-pills-active-title-color);
  --party-pills-description-color: var(--party-pills-active-title-color);

  --party-pills-active-hover-background-color: #ff0000;
  --party-pills-hover-background-color: var(--party-pills-active-hover-background-color);

  --party-package-heading-color: #28d4ee;
  --party-package-heading-text-transform: capitalize;
  --party-package-content-color: #fff;

  --party-package-webDesc-background-color: #28d4ee85;
  --party-package-webDesc-border-radius: 10px 10px 0 0;
  --party-package-webDesc-btn-border-radius: 0 0 10px 10px;
  --party-package-webDesc-divider: 2px solid #ffffff5c;

  /* Should you require to add a background to the party steps, 
    if site has a dark background and visibility is affected, style the below */
  --party-steps-container-background-color: transparent;
  --party-steps-container-padding: 0px;
  --party-steps-container-border-radius: 0px;

  --party-schedule-section-background-color: #fff;
  --party-schedule-section-border: 1px solid #ddd;
  --party-schedule-slot-btn-border: 1px solid #000;
  --party-schedule-slot-btn-border-radius: 5px;
  --party-schedule-scheduleName-font-size: 14px;
  --party-schedule-scheduleName-font-weight: bolder;
  --party-schedule-scheduleName-font-color: #ff2222;
  --party-schedule-scheduleBody-font-color: #000;

  --party-schedule-slot-btn-onChecked-background: #b6e7e2;

  --party-addons-title-background: #f9f9f9;
  --party-addons-title-color: #42c8aa;
  --party-addons-title-border-color: #e0e0e0;
  --party-addons-title-font-size: 18px;

  --party-summary-panel-heading-color: #333;
  --party-summary-panel-heading-background-color: #f5f5f5;
  --party-summary-panel-heading-border-color: #ddd;
  --party-summary-panel-content-color: #000;
  --party-summary-panel-content-background-color: #fff;

  /* contact party side option */
  --party-support-spec-border-radius: 0 50% 50% 0;
  --party-support-spec-background-color: #ffffff;
  --party-support-spec-color: #0050a7;
  --party-support-spec-box-shadow: 2px 2px 3px #999;

  /* party-timer */
  --party-timer-font-size: 20px;
  --party-timer-color: #fff;
  --party-timer-border: 1px dashed #ff8b1f;
  --party-timer-border-radius: 20px;
  --party-timer-background: #02122b;

  /* combo product slot selection */
  --comboSlot-navtab-background-color: #fff;
  --comboSlot-navtab-border: 1px solid #ddd;
  --comboSlot-footer-background: #003e51;
  --comboSlot-table-body-background-color: #ffffff;
  --comboSlot-table-body-border: 1px solid #e3e6e6;

  /* cart */
  --cart-summary-products-background: #e9f3fc;
  --cart-summary-products-border-top: none;
  --cart-summary-text-color: #000;
  --cart-summary-top-position: 85px;

  --secondary-background: #fff;
  --cart-summary-Summary-text-color: var(--cart-summary-text-color);
  --cart-summary-Summary-font-size: 22px;
  --cart-summary-Summary-font-weight: 700;

  /* checkout page */
  --checkout-accordion-background-color: #fff;
  --checkout-accordion-title-color: #114676;
  --checkout-accordion-arrow-color: var(--checkout-accordion-title-color);
  --checkout-accordion-title-font-weight: 600;

  --checkout-accordion-dropdown-background-color: var(--checkout-accordion-background-color);
  --checkout-accordion-dropdown-table-head-background-color: #eaeaea;
  --checkout-accordion-dropdown-table-head-font-weight: bold;
  --checkout-accordion-dropdown-table-body-background-color: #fff;
  --checkout-accordion-dropdrown-table-body-color: #535353;
  --checkout-accordion-dropdown-table-body-font-weight: 400;
  --checkout-accordion-dropdown-table-body-paySummary-color: var(--checkout-accordion-dropdrown-table-body-color);
  --checkout-accordion-dropdown-table-body-paySummaryGrand-color: #114676;

  /* login page */
  --login-modal-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
  --login-modal-border-radius: 5px;
  --login-modal-border: none;
  --login-modal-background-color: #fff;
  --login-modal-color: #000;

  --login-modal-active-tab-border: solid 5px #114676;

  --login-page-headers-font-size: 14px;
  --login-page-headers-font-color: #444444dd;
  --login-page-headers-active-background-color: var(--login-modal-background-color);

  --login-page-TandC-checkbox-color: #28d4ee;
  --login-page-TandC-checkbox-font-size: 22px;
  --login-page-TandC-text-color: #337ab7;

  --login-page-TandC-modal-background-color: #f6f6f6;
  --login-page-TandC-modal-border: 1px solid rgba(0, 0, 0, .2);



  /* my account page */
  --my-account-sidebar-color: #506e80;
  --my-account-sidebar-font-weight: 400;
  --my-account-sidebar-font-size: 14px;
  --my-account-sidebar-background: #f0f6fa;
  --my-account-sidebar-border-left: solid 2px #c4d5df;
  --my-account-sidebar-border-bottom: solid 2px #c4d5df;

  --my-account-sidebar-active-color: #114676;
  --my-account-sidebar-active-background: #ecf5fb;
  --my-account-sidebar-active-border-left: solid 2px #114676;
  --my-account-sidebar-active-border-bottom: solid 2px #114676;

  --my-account-sidebar-content-background-color: #fff;
  --my-account-sidebar-content-border: 1px solid #ddd;

  --my-orders-box-shadow: rgba(0, 62, 81, 0.3) 1px 1px 6px 0px;
  --my-orders-border-radius: 15px;
  --my-orders-border: none;

  --guest-login-orders-table-border: 1px solid #dddddd;
  --guest-login-orders-odd-row-background: #f9f9f9;

  /* recharge page */
  --recharge-page-background: #fff;

  /*
       B2B Page extras
      -----------------
    */
  --card-balance-color: #ffffffb3;

  --pagination-background-color: #000;
  --pagination-border-color: #28d4ee;
  --pagination-left-right-arrow-color: #50e3c2;
  --pagination-inner-arrow-color: #fff;
  --pagination-active-background-color: #28d4ee;
  --pagination-active-border-color: #28d4ee;
  --pagination-active-color: #fff;

  /*
        BUTTONS
      ----------
    */

  --btn-main-color: #f7eeed;
  --btn-main-background: #d54742;
  --btn-main-border: 1px solid transparent;
  --btn-main-border-radius: 100px;
  --btn-main-padding: 10px 20px;
  --btn-main-font-size: 14px;
  --btn-main-font-weight: 600;
  --btn-main-text-transform: uppercase;
  --btn-payment-font-family: var(--font-family-main);

  --btn-main-hover-color: #f7eeed;
  --btn-main-hover-background: #040202;

  /* Buttons on the location select page */
  --btn-danger-color: var(--btn-main-color);
  --btn-danger-background: var(--btn-main-background);
  --btn-danger-border: var(--btn-main-border);
  --btn-danger-text-transform: var(--btn-main-text-transform);
  --btn-danger-font-family: var(--font-family-main);

  /* Buttons on the Select Party page */
  --btn-default-color: var(--btn-main-color);
  --btn-default-background: var(--btn-main-background);
  --btn-default-border: var(--btn-main-border);
  --btn-default-padding: var(--btn-main-padding);
  --btn-default-font-size: var(--btn-main-font-size);
  --btn-default-font-weight: var(--btn-main-font-weight);
  --btn-default-border-radius: var(--btn-main-border-radius);
  --btn-default-text-transform: var(--btn-main-text-transform);
  --btn-default-font-family: var(--font-family-main);

  /* Buttons on the cart summary close and other similar close areas */
  --btn-close-background-color: #d54742;
  --btn-close-border: 2px solid transparent;
  --btn-close-color: #f7eeed;
  --btn-close-border-radius: 100px;
  --btn-close-font-size: 14px;
  --btn-close-padding: 0 12px;
  --btn-close-font-family: var(--font-family-main);

  --btn-close-hover-background-color: #040202;
  --btn-close-hover-color: #fff;


  /* Checkout page pay buttons */
  --btn-payment-background-color: #d54742;
  --btn-payment-color: #f7eeed;
  --btn-payment-border: none;
  --btn-payment-border-radius: 100px;
  --btn-payment-padding: 10px 20px;
  --btn-payment-text-transform: uppercase;
  --btn-payment-font-family: 'Montserrat-Light', sans-serif;
  ;

  --btn-payment-hover-background-color: #040202;
  --btn-payment-hover-color: #fff;

  --btn-goback-background-color: #fff;
  --btn-goback-color: #fff;
}