/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sfra-webpack-builder/node_modules/css-unicode-loader/index.js!./node_modules/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./cartridges/app_bab_core/cartridge/client/default/scss/corporateEvents.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0056a2;
  --color-green: #088310;
  --color-primary: #00a1e0;
  --color-red: #e62144;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f8f8f8;
  --color-grey2: #f0eeee;
  --color-grey3: #d3d3d3;
  --color-grey4: #b7b7b7;
  --color-grey5: #7e7e7e;
  --color-grey6: #616161;
  --color-grey7: #333;
  --color-grey8: #222;
  --color-grey-transparent-1: rgba(0, 0, 0, 65%);
  --color-grey-transparent-2: rgba(0, 0, 0, 25%);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  --skin-header-font: "Dosis";
  --skin-body-font: var(--font-family-sans-serif);
}

:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-blue: #0056a2;
  --color-poolblue: #01AFEC;
  --color-bearblue: #0056a2;
  --color-blue-dark: #1d3557;
  --color-blue100: #f2fbfe;
  --color-blue200: #e5eef6;
  --color-blue300: #88b2d5;
  --color-blue400: #bfebfa;
  --color-cream: #fff5e4;
  --color-bc-black: #0f0f0f;
  --color-bc-lt-black: #1f1f1f;
  --color-glowworm: #dfe33c;
  --color-bc-red: #d41C55;
  --color-midnight: #201b50;
  --color-midnight100: #F4F4F6;
  --color-midnight200: #E9E8EE;
  --color-teal: #00807d;
  --color-teal100: #f5ffff;
  --color-teal200: #e0ffff;
  --color-teal300: #006c69;
  --color-teal400: #005855;
  --color-teal500: #00a6a4;
  --color-orange: #f28a21;
  --color-green: #088310;
  --color-gold: #f2b721;
  --color-primary: #0056a2;
  --color-secondary: #e62144;
  --color-red: #e62144;
  --color-red100: #ffecf0;
  --color-red200: #ffd8e0;
  --color-red300: #d00a2d;
  --color-red400: #a5001d;
  --color-light-blue: #7ed0ee;
  --color-light-green: #88c290;
  --color-dark-green: #b6c534;
  --color-purple: #662d91;
  --color-brown: #5B3B1B;
  --color-red-dark: #d00a2d;
  --color-success: #088310;
  --color-warning: #f28a21;
  --color-danger: #d00a2d;
  --color-white: #fff;
  --color-grey1: #f8f8f8;
  --color-grey2: #f0eeee;
  --color-grey3: #d3d3d3;
  --color-grey4: #b7b7b7;
  --color-grey45: #777677;
  --color-grey5: #7e7e7e;
  --color-grey6: #616161;
  --color-grey7: #333;
  --color-grey8: #222;
  --color-black: #000;
  --color-grey-transparent-1: rgba(0, 0, 0, 0.65);
  --color-grey-transparent-2: rgba(0, 0, 0, 0.25);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: #e6e6e6;
  --util-box-shadow: 0 4px 10px rgba(0,0,0,.08);
  --util-box-shadow-active: 0 0 7px 0 rgb(119 119 119);
  --util-box-shadow-blue: 0 0 0 0.2rem rgba(0, 86, 162, 0.5);
  --util-box-shadow-glowworm: 0 0 0 0.2rem rgba(223, 227, 60, 0.5);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color: var(--color-white);
  --skin-background-color-1: var(--skin-background-color);
  --skin-border-color-1: var(--color-white);
  --skin-box-shadow: var(--util-box-shadow);
  --skin-box-shadow-active: var(--util-box-shadow-active);
  --skin-main-text-color: var(--color-blue-dark);
  --skin-main-text-color-1: var(--skin-main-text-color);
  --skin-main-text-color-2: var(--skin-main-text-color);
  --skin-primary-color-1: var(--color-blue);
  --skin-primary-color-invert-1: var(--color-blue-dark);
  --skin-primary-color: var(--color-blue);
  --skin-primary-color-invert: var(--color-blue-dark);
  --skin-secondary-color: var(--color-red);
  --skin-secondary-color-invert: var(--color-red300);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color);
  --skin-banner-background-color-1: var(--color-red);
  --skin-banner-background-color-2: var(--color-red);
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-blue-dark);
  --skin-heading-color-1-invert: var(--color-blue);
  --skin-price-1: var(--color-grey7);
  --skin-header-font: SofiaPro, Arial, sans-serif;
  --skin-body-font: SofiaPro, Arial, sans-serif;
  --skin-promo-color: var(--color-light-green);
  --skin-bg-accent: var(--color-grey1);
  --skin-bg-dark: var(--color-bc-black);
  /** ==================================================================== **/
  /** ==================================================================== **/
  --skin-header-default-bg-color: var(--color-white);
  --skin-header-top-bg-color: var(--skin-header-default-bg-color);
  --skin-header-top-text-color: var(--skin-main-text-color);
  --skin-header-main-bg-color: var(--skin-header-default-bg-color);
  --skin-header-ribbon-bg-color: var(--color-blue);
  --skin-header-ribbon-text-color: var(--color-white);
  --skin-bc-header-default-bg-color: var(--color-bc-black);
  --skin-bc-header-top-bg-color: var(--skin-bc-header-default-bg-color);
  --skin-bc-header-top-text-color: var(--color-white);
  --skin-bc-header-main-bg-color: var(--skin-bc-header-default-bg-color);
  --skin-bc-header-ribbon-bg-color: var(--color-glowworm);
  --skin-bc-header-ribbon-text-color: var(--color-black);
  --skin-hb-header-default-bg-color: var(--color-white);
  --skin-hb-header-top-bg-color: var(--skin-hb-header-default-bg-color);
  --skin-hb-header-top-text-color: var(--skin-main-text-color);
  --skin-hb-header-main-bg-color: var(--skin-hb-header-default-bg-color);
  --skin-hb-header-ribbon-bg-color: var(--color-teal);
  --skin-hb-header-ribbon-text-color: var(--color-white);
  --skin-icon-color: var(--color-blue);
  --skin-bc-icon-color: var(--color-glowworm);
  --skin-hb-icon-color: var(--color-teal);
  --skin-menu-topnav-links-color: var(--skin-main-text-color);
  --skin-menu-topnav-links-color-hover: var(--color-blue);
  --skin-menu-nav-mobile-links-color: var(--color-blue);
  --skin-menu-nav-links-indicator-hover: var(--color-blue);
  --skin-menu-subnav-links-color: var(--skin-main-text-color);
  --skin-menu-subnav-bg-color: var(--color-white);
  --skin-bc-menu-topnav-links-color: var(--color-white);
  --skin-bc-menu-topnav-links-color-hover: var(--color-glowworm);
  --skin-bc-menu-nav-mobile-links-color: var(--color-white);
  --skin-bc-menu-nav-links-indicator-hover: var(--color-glowworm);
  --skin-bc-menu-subnav-links-color: var(--color-bc-black);
  --skin-bc-menu-subnav-bg-color: var(--color-bc-black);
  --skin-hb-menu-topnav-links-color: var(--skin-main-text-color);
  --skin-hb-menu-topnav-links-color-hover: var(--color-teal);
  --skin-hb-menu-nav-mobile-links-color: var(--skin-main-text-color);
  --skin-hb-menu-nav-links-indicator-hover: var(--color-teal);
  --skin-hb-menu-subnav-links-color: var(--skin-main-text-color);
  --skin-hb-menu-subnav-bg-color: var(--color-white);
  --skin-minicart-bg-desktop: transparent;
  --skin-minicart-bg-mobile: transparent;
  --skin-minicart-icon-color: var(--color-blue);
  --skin-minicart-icon-color-mobile: var(--color-blue);
  --skin-bc-minicart-bg-desktop: transparent;
  --skin-bc-minicart-bg-mobile: transparent;
  --skin-bc-minicart-icon-color: var(--color-glowworm);
  --skin-bc-minicart-icon-color-mobile: var(--color-glowworm);
  --skin-hb-minicart-bg-desktop: transparent;
  --skin-hb-minicart-bg-mobile: transparent;
  --skin-hb-minicart-icon-color: var(--color-teal);
  --skin-hb-minicart-icon-color-mobile: var(--color-teal);
  --skin-menu-color-1: var(--skin-menu-topnav-links-color);
  --skin-menu-color-1-invert: var(--skin-menu-topnav-links-color);
  --skin-menu-color-2: var(--skin-menu-topnav-links-color);
  /** ==================================================================== **/
  /** ==================================================================== **/
  --skin-footer-top-bg-color: var(--color-grey1);
  --skin-footer-main-bg-color: var(--color-white);
  --skin-footer-bottom-bg-color: var(--color-blue);
  --skin-bc-footer-top-bg-color: var(--color-grey1);
  --skin-bc-footer-main-bg-color: var(--color-bc-lt-black);
  --skin-bc-footer-bottom-bg-color: var(--color-bc-black);
  --skin-hb-footer-top-bg-color: var(--color-grey1);
  --skin-hb-footer-main-bg-color: var(--color-white);
  --skin-hb-footer-bottom-bg-color: var(--color-teal);
  /** ==================================================================== **/
  /** ==================================================================== **/
  --skin-icon-default-fill: var(--color-blue);
  /** ==================================================================== **/
  /** ==================================================================== **/
  --skin-link-color: var(--color-blue);
  --skin-link-color-hover: var(--color-blue);
  --skin-link-color-1: var(--skin-link-color);
  --skin-link-color-2: var(--skin-link-color-1);
  /** ==================================================================== **/
  /** ==================================================================== **/
  --skin-btn-font-size: 0.875rem;
  --skin-btn-padding: 0.75rem 0.75rem;
  --skin-btn-border-radius: 0.25rem;
  --skin-btn-sm-font-size: 0.75rem;
  --skin-btn-sm-padding: 0.5rem 0.5rem;
  --skin-btn-lg-font-size: 1rem;
  --skin-btn-lg-padding: 0.9375rem 0.875rem;
  --skin-btn-box-shadow: var(--util-box-shadow-blue);
  --skin-btn-primary-bg: var(--color-poolblue);
  --skin-btn-primary-txt: var(--color-white);
  --skin-btn-primary-bord: var(--color-poolblue);
  --skin-btn-primary-bg-hover: var(--color-bearblue);
  --skin-btn-primary-txt-hover: var(--color-white);
  --skin-btn-primary-bord-hover: var(--color-bearblue);
  --skin-btn-primary-bg-active: var(--color-bearblue);
  --skin-btn-primary-txt-active: var(--color-white);
  --skin-btn-primary-bord-active: var(--color-bearblue);
  --skin-btn-primary-bg-disabled: var(--color-grey4);
  --skin-btn-primary-txt-disabled: var(--color-white);
  --skin-btn-primary-bord-disabled: var(--color-grey4);
  --skin-btn-primary-ol-bg: var(--color-white);
  --skin-btn-primary-ol-txt: var(--color-blue);
  --skin-btn-primary-ol-bord: var(--color-blue);
  --skin-btn-primary-ol-bg-hover: var(--color-blue100);
  --skin-btn-primary-ol-txt-hover: var(--color-blue);
  --skin-btn-primary-ol-bord-hover: var(--color-blue);
  --skin-btn-primary-ol-bg-active: var(--color-blue200);
  --skin-btn-primary-ol-txt-active: var(--color-blue);
  --skin-btn-primary-ol-bord-active: var(--color-blue);
  --skin-btn-primary-ol-bg-disabled: var(--color-white);
  --skin-btn-primary-ol-txt-disabled: var(--color-grey4);
  --skin-btn-primary-ol-bord-disabled: var(--color-grey4);
  --skin-btn-primary-alt-bg: var(--color-poolblue);
  --skin-btn-primary-alt-txt: var(--color-white);
  --skin-btn-primary-alt-bord: var(--color-poolblue);
  --skin-btn-primary-alt-bg-hover: var(--color-white);
  --skin-btn-primary-alt-txt-hover: var(--color-poolblue);
  --skin-btn-primary-alt-bord-hover: var(--color-white);
  --skin-btn-primary-alt-bg-active: var(--color-white);
  --skin-btn-primary-alt-txt-active: var(--color-poolblue);
  --skin-btn-primary-alt-bord-active: var(--color-white);
  --skin-btn-primary-alt-bg-disabled: var(--skin-btn-primary-bg-disabled);
  --skin-btn-primary-alt-txt-disabled: var(--skin-btn-primary-txt-disabled);
  --skin-btn-primary-alt-bord-disabled: var(--skin-btn-primary-bord-disabled);
  --skin-btn-secondary-bg: var(--color-bearblue);
  --skin-btn-secondary-txt: var(--color-white);
  --skin-btn-secondary-bord: var(--color-bearblue);
  --skin-btn-secondary-bg-hover: var(--color-poolblue);
  --skin-btn-secondary-txt-hover: var(--color-white);
  --skin-btn-secondary-bord-hover: var(--color-poolblue);
  --skin-btn-secondary-bg-active: var(--color-poolblue);
  --skin-btn-secondary-txt-active: var(--color-white);
  --skin-btn-secondary-bord-active: var(--color-poolblue);
  --skin-btn-secondary-bg-disabled: var(--skin-btn-primary-bg-disabled);
  --skin-btn-secondary-txt-disabled: var(--skin-btn-primary-txt-disabled);
  --skin-btn-secondary-bord-disabled: var(--skin-btn-primary-bord-disabled);
  --skin-btn-secondary-ol-bg: var(--color-white);
  --skin-btn-secondary-ol-txt: var(--color-red400);
  --skin-btn-secondary-ol-bord: var(--color-red400);
  --skin-btn-secondary-ol-bg-hover: var(--color-red100);
  --skin-btn-secondary-ol-txt-hover: var(--color-red400);
  --skin-btn-secondary-ol-bord-hover: var(--color-red400);
  --skin-btn-secondary-ol-bg-active: var(--color-red200);
  --skin-btn-secondary-ol-txt-active: var(--color-red400);
  --skin-btn-secondary-ol-bord-active: var(--color-red400);
  --skin-btn-secondary-ol-bg-disabled: var(--skin-btn-primary-ol-bg-disabled);
  --skin-btn-secondary-ol-txt-disabled: var(--skin-btn-primary-ol-txt-disabled);
  --skin-btn-secondary-ol-bord-disabled: var(--skin-btn-primary-ol-bord-disabled);
  --skin-btn-secondary-alt-bg: var(--color-bearblue);
  --skin-btn-secondary-alt-txt: var(--color-white);
  --skin-btn-secondary-alt-bord: var(--color-bearblue);
  --skin-btn-secondary-alt-bg-hover: var(--color-white);
  --skin-btn-secondary-alt-txt-hover: var(--color-bearblue);
  --skin-btn-secondary-alt-bord-hover: var(--color-white);
  --skin-btn-secondary-alt-bg-active: var(--color-white);
  --skin-btn-secondary-alt-txt-active: var(--color-bearblue);
  --skin-btn-secondary-alt-bord-active: var(--color-white);
  --skin-btn-secondary-alt-bg-disabled: var(--skin-btn-primary-alt-bg-disabled);
  --skin-btn-secondary-alt-txt-disabled: var(--skin-btn-primary-alt-txt-disabled);
  --skin-btn-secondary-alt-bord-disabled: var(--skin-btn-primary-alt-bord-disabled);
  /** ==================================================================== **/
  /** ==================================================================== **/
  --skin-label-font-size: 0.875rem;
  --skin-label-color: var(--skin-main-text-color);
  --skin-input-font-size: 0.875rem;
  --skin-input-border-radius: 0.25rem;
  --skin-input-border-width: 1px;
  --skin-input-border-color: var(--color-grey4);
  --skin-input-border-color-filled: var(--color-grey5);
  --skin-input-text-color: var(--skin-main-text-color);
  --skin-input-bg-color: var(--color-white);
  --skin-input-placeholder-color: var(--color-grey4);
  --skin-input-focus-border-color: var(--color-blue);
  --skin-input-focus-text-color: var(--skin-input-text-color);
  --skin-input-disabled-border-color: var(--color-grey2);
  --skin-input-disabled-bg-color: var(--color-grey2);
  --skin-input-disabled-text-color: var(--color-grey5);
  --skin-input-disabled-placeholder-color: var(--color-grey5);
  --skin-fl-label-font-size: 0.875rem;
  --skin-fl-label-color: var(--color-grey45);
  --skin-fl-input-text-color: var(--skin-main-text-color);
  --skin-fl-input-placeholder-color: var(--color-grey5);
  --skin-input-helper-font-size: 0.75rem;
  --skin-input-helper-color: #777677;
  --skin-check: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  --skin-check-dk: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
  --skin-checkbox-border-radius: 0.25rem;
  --skin-checkbox-border-width: 2px;
  --skin-checkbox-border-color: var(--color-blue);
  --skin-checkbox-background: transparent;
  --skin-checkbox-active-border-color: var(--color-blue);
  --skin-checkbox-active-background: var(--color-blue);
  --skin-checkbox-disabled-label-color: var(--color-grey5);
  --skin-checkbox-disabled-border-color: var(--color-grey2);
  --skin-checkbox-disabled-background-color: var(--color-grey2);
  --skin-dot: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  --skin-dot-dk: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e");
  --skin-radio-border-width: 2px;
  --skin-radio-border-color: var(--color-blue);
  --skin-radio-background: transparent;
  --skin-radio-dot-size: 0.625rem;
  --skin-radio-active-border-color: var(--color-blue);
  --skin-radio-active-background: var(--color-blue);
  --skin-radio-disabled-label-color: var(--color-grey5);
  --skin-radio-disabled-border-color: var(--color-grey2);
  --skin-radio-disabled-background-color: var(--color-grey2);
  --skin-switch-border-width: 1px;
  --skin-switch-border-color: var(--color-blue);
  --skin-switch-btn-color: var(--color-blue);
  --skin-switch-background: var(--color-grey1);
  --skin-switch-active-border-color: var(--color-blue);
  --skin-switch-active-btn-color: var(--color-white);
  --skin-switch-active-background: var(--color-blue);
  --skin-switch-disabled-label-color: var(--color-grey5);
  --skin-switch-disabled-border-color: var(--color-grey3);
  --skin-switch-disabled-btn-color: var(--color-grey5);
  --skin-switch-disabled-background-color: var(--color-grey2);
  /** ==================================================================== **/
  /** ==================================================================== **/
  --skin-tile-text-color: var(--color-blue-dark);
  --skin-workshop-badge-color: var(--color-blue400);
  /** ==================================================================== **/
  /** ==================================================================== **/
  --skin-breadcrumb-color: var(--color-blue);
  /** ==================================================================== **/
  /** New Theme Variables **/
  /** ==================================================================== **/
  --link-color-switch-uk: #0056a2;
  --data-transfer-svg-color: #0056a2;
  --skin-box-background: #f8f8f8;
  --skin-box-border-color: var(--color-grey3);
  --skin-gift-card-bonus: var(--color-blue100);
  --password-strength-color1: var(--color-red300);
  --password-strength-color2: #F38A21;
  --password-strength-color3: #40AE49;
  --password-strength-color4: var(--color-green);
  /** ==================================================================== **/
  /** ==================================================================== **/
  --skin-progress-indicator-inactive: var(--color-grey3);
  --skin-progress-indicator-active: var(--color-blue);
  --skin-progress-indicator-check-svg: url('data:image/svg+xml;charset=utf-8,<svg stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 13L9 17L19 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  /** ==================================================================== **/
  /** Age Gate Theme Variable **/
  /** ==================================================================== **/
  --skin-background-color-agegate: #0056a2;
  --skin-text-color-agegate: var(--color-white);
}

.corpevent-container {
  max-width: 90%;
  text-align: center;
  margin: auto;
}

#main {
  display: block;
}

picture.corpevent img {
  max-width: 100%;
  margin-top: 3.75rem;
}

.main-image {
  display: block;
}

.main-frame {
  display: initial;
  vertical-align: middle;
  text-align: center;
}

img {
  max-width: 100%;
}

.center {
  text-align: center;
}

.pt_brand .page-body ul {
  margin: 0.3125rem 1.25rem 0;
}

.vidframe {
  margin: 0 auto;
  width: 75%;
  text-align: center;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 1.5625rem;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wrapper {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#one,
#four {
  float: left;
  margin-right: 1.25rem;
  width: 50%;
  padding-left: 9.375rem;
}

#two {
  overflow: hidden;
  margin: auto 0;
}

#two img,
#four img,
#five img {
  max-width: 12.5rem;
}

#three {
  float: left;
  margin: 1.25rem 12.5rem 0 0;
  width: 51%;
}

#four {
  overflow: hidden;
  margin: 1.25rem;
}

.itbig {
  display: inline;
}

.itsmall {
  display: none;
}

.legacy .details {
  list-style-position: outside;
  list-style-type: circle;
  text-align: left;
  max-width: 40.625rem;
  margin: 0 auto;
  display: inline;
  vertical-align: middle;
}
.legacy .details li {
  list-style-position: outside;
  list-style-type: circle;
  margin-left: 1.25rem;
}
.legacy .sucess-msg-corporate {
  color: var(--color-green);
  font-size: 1.125rem;
  font-family: SofiaProBold, Arial, sans-serif;
  font-weight: 600;
}
.legacy .sucess-msg-corporate.errorMsg {
  color: var(--color-red-dark);
}

form.form-horizontal {
  margin: 0 auto;
}

form#RegistrationForm {
  margin: 1.25rem auto;
}

label span {
  float: none;
  margin-left: 0;
}

.char-count {
  margin-top: -0.625rem;
  font-size: 0.8em;
  font-style: italic;
}

.form-row.row-multiple label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.0625rem;
  margin: -0.0625rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.0625rem;
}

.crewbear {
  width: 12.5rem;
}

.greenbox {
  padding: 1.25rem;
  background-color: var(--color-dark-green);
  color: var(--color-white);
}

span.note {
  margin-bottom: 1.25rem;
  display: inline-block;
}

.temptexttop,
.temptextbtm {
  font-size: 1.25em;
}

@media screen and (min-width: 48rem) {
  .temptexttop {
    padding-top: 3.125rem;
  }
  .temptextbtm {
    padding-top: 3.125rem;
  }
  .pt_brand h1 {
    padding: 0.625rem 0 0.625rem;
  }
  .form-horizontal .field-wrapper {
    max-width: 20.875rem;
  }
  #eventday-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 7.9375rem;
  }
  select#dwfrm_corporateevent_eventyear,
  select#dwfrm_corporateevent_eventday {
    width: 4.0625rem;
  }
}
@media screen and (max-width: 47.875rem) {
  .temptexttop {
    padding-top: 9.375rem;
  }
  .temptextbtm {
    padding-top: 2.5rem;
  }
  picture.corpevent img {
    margin-top: 2.5rem;
  }
  .pt_brand h1 {
    padding: 1.25rem 0 0.625rem;
  }
  h1.sd1 {
    font-size: 1.5rem;
  }
  p.pictext {
    text-align: center;
  }
  .fullwrap {
    max-width: 73.75rem;
    margin: 0 auto;
  }
  .wrapper {
    display: inline-block;
  }
  .quote {
    margin-top: 1.25rem;
  }
  #one,
  #four {
    float: none;
    margin-right: 0;
    width: auto;
    border: 0;
    padding-left: 0;
  }
  #two {
    margin: 0 auto;
    text-align: center;
  }
  #three {
    margin: 0 auto;
    padding: 0.625rem;
    text-align: center;
    width: 100%;
  }
  #four {
    margin: 0 auto;
    padding: 0.625rem;
    text-align: center;
  }
  .itbig {
    display: none;
  }
  .itsmall {
    display: inline;
    line-height: 1.5em;
  }
  .vidframe {
    width: 90%;
  }
  label span {
    float: left;
    margin-left: 0;
  }
  label[for=eventday-input] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .crewbear {
    width: 9.375rem;
  }
  picture.corpteam img {
    width: 100%;
  }
}

/*# sourceMappingURL=corporateEvents.css.map*/