/* --- Setting ---------- */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* --- Tools ---------- */ /* Layer 2: These include all the global mixins and functions if required. This layer would not output any css */ /* Galaxie */ @font-face { font-family: GalaxieCopernicus; src: url('fonts/galaxie-copernicus/GalaxieCopernicus-Book.otf') format('opentype'); font-weight: 400; font-style: normal; } @font-face { font-family: GalaxieCopernicus; src: url('fonts/galaxie-copernicus/GalaxieCopernicus-BookItalic.eot'); src: url('fonts/galaxie-copernicus/GalaxieCopernicus-BookItalic.woff') format('woff'), url('fonts/galaxie-copernicus/GalaxieCopernicus-BookItalic.otf') format('opentype'); font-weight: 400; font-style: italic; } @font-face { font-family: GalaxieCopernicus; src: url('fonts/galaxie-copernicus/GalaxieCopernicus-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; } @font-face { font-family: GalaxieCopernicus; src: url('fonts/galaxie-copernicus/GalaxieCopernicus-Semibold.otf') format('opentype'); font-weight: 600; font-style: normal; } @font-face { font-family: GalaxieCopernicus; src: url('fonts/galaxie-copernicus/GalaxieCopernicus-SemiboldItalic.eot'); src: url('fonts/galaxie-copernicus/GalaxieCopernicus-SemiboldItalic.woff') format('woff'), url('fonts/galaxie-copernicus/GalaxieCopernicus-SemiboldItalic.otf') format('opentype'); font-weight: 600; font-style: italic; } @font-face { font-family: GalaxieCopernicus; src: url('fonts/galaxie-copernicus/GalaxieCopernicus-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; } @font-face { font-family: GalaxieCopernicus; src: url('fonts/galaxie-copernicus/GalaxieCopernicus-BoldItalic.otf') format('opentype'); font-weight: 700; font-style: italic; } @font-face { font-family: GalaxieCopernicus; src: url('fonts/galaxie-copernicus/GalaxieCopernicus-Extrabold.otf') format('opentype'); font-weight: 800; font-style: normal; } @font-face { font-family: GalaxieCopernicus; src: url('fonts/galaxie-copernicus/GalaxieCopernicus-ExtraboldItalic.otf') format('opentype'); font-weight: 800; font-style: italic; } @font-face { font-family: GalaxieCopernicus; src: url('fonts/galaxie-copernicus/GalaxieCopernicus-Heavy.otf') format('opentype'); font-weight: 900; font-style: normal; } /* Gotham */ @font-face { font-family: Gotham; src: url('fonts/gotham/Gotham-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: Gotham; src: url('fonts/gotham/Gotham-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: Gotham; src: url('fonts/gotham/Gotham-Book.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: Gotham; src: url('fonts/gotham/Gotham-BookItalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: Gotham; src: url('fonts/gotham/Gotham-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: Gotham; src: url('fonts/gotham/Gotham-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: Gotham; src: url('fonts/gotham/Gotham-Bold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: Gotham; src: url('fonts/gotham/Gotham-BoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } /* Flama */ @font-face { font-family: 'FlamaCondensed-Basic'; src: url('fonts/flama/FlamaCondensed-Basic.eot?#iefix') format('embedded-opentype'), url('fonts/flama/FlamaCondensed-Basic.woff') format('woff'), url('fonts/flama/FlamaCondensed-Basic.ttf') format('truetype'), url('fonts/flama/FlamaCondensed-Basic.svg#FlamaCondensed-Basic') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'flama-book'; src: url('fonts/flama/FlamaCondensed-Book.eot?#iefix') format('embedded-opentype'), url('fonts/flama/FlamaCondensed-Book.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'flama-light'; src: url('fonts/flama/FlamaCondensed-Light.eot?#iefix') format('embedded-opentype'), url('fonts/flama/FlamaCondensed-Light.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'flama-medium'; src: url('fonts/flama/FlamaCondensed-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/flama/FlamaCondensed-Medium.woff') format('woff'); font-weight: 400; font-style: normal; } /* Mercury */ @font-face { font-family: 'Mercury'; src: url('fonts/mercury/mercury-textg4bolditalic-webfont.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Mercury'; src: url('fonts/mercury/mercury-textg4italic-webfont.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Mercury'; src: url('fonts/mercury/mercury-textg4roman-webfont.ttf') format('truetype'); font-weight: 400; font-style: normal; } /* Elena */ @font-face { font-family: 'Elena'; src: url('fonts/elena/Elena-Regular.eot'); src: url('fonts/elena/Elena-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/elena/Elena-Regular.woff') format('woff'), url('fonts/elena/Elena-Regular.ttf') format('truetype'), url('fonts/elena/Elena-Regular.svg') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Elena'; src: url('fonts/elena/Elena-RegularItalic.eot'); src: url('fonts/elena/Elena-RegularItalic.eot?#iefix') format('embedded-opentype'), url('fonts/elena/Elena-RegularItalic.woff') format('woff'), url('fonts/elena/Elena-RegularItalic.ttf') format('truetype'), url('fonts/elena/Elena-RegularItalic.svg') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Elena'; src: url('fonts/elena/Elena-Bold.eot'); src: url('fonts/elena/Elena-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/elena/Elena-Bold.woff') format('woff'), url('fonts/elena/Elena-Bold.ttf') format('truetype'), url('fonts/elena/Elena-Bold.svg') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Elena'; src: url('fonts/elena/Elena-BoldItalic.eot'); src: url('fonts/elena/Elena-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/elena/Elena-BoldItalic.woff') format('woff'), url('fonts/elena/Elena-BoldItalic.ttf') format('truetype'), url('fonts/elena/Elena-BoldItalic.svg') format('svg'); font-weight: 700; font-style: italic; } /* --- Generic ---------- */ /* Layer 3: Reset and/or normalize styles, box-sizing definition, etc. This is the first layer which generates actual CSS */ body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, figure, table, th, td, caption, hr { margin: 0; padding: 0; } /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: 700; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; max-width: 100%; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: 700; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { box-sizing: border-box; } * {} *, *:before, *:after { box-sizing: inherit; } /* --- Base Elements ----------- */ /* Layer 4: These are element styles — no classes or IDs. Base typography styles go here, as well as anything needed to style raw elements */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ html { font-size: 16px; font-size: 1rem; color: #000; background-color: #fff; padding: 0; margin: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; overflow-x: hidden; } body { font-size: 16px; font-size: 1rem; line-height: 1.5; font-family: 'GalaxieCopernicus', serif; background-color: #fff; overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } &:-webkit-full-page-media { background-color: transparent; } body.non-sticky .site#page { position: relative; margin-top: 120px; } @media (min-width: 769px) { body.non-sticky .site#page { margin-top: 72px; } } @media (min-width: 1440px) { body.non-sticky .site#page { margin-top: 86px; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.5; } img { max-width: 100%; vertical-align: middle; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ a { color: #4D4D4D; text-decoration: none; } a:hover { color: #4D4D4D; outline: none; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { color: inherit; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ input, textarea, button { outline: none; -webkit-appearance: none; -moz-appearance: none; border: 1px solid transparent; } /* Make sure we are not adding the select height to multi select */ select[multiple] { height: auto; } /* Styles relevant to checkboxes */ input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; vertical-align: bottom; } /* Styles relevant to radio buttons */ input[type="radio"] { vertical-align: text-bottom; } /** * Browser Specific */ /* Remove extra spacing that Firefox adds to buttons */ button::-moz-focus-inner { padding: 0; border: 0; } /* Remove spinner from type="number" */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } .input-text { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 2px; /*border: 1px solid var(--lightgray-border);*/ background: transparent; font-size: 15px; } .input-text:focus { background: #fff; /*border: 1px solid var(--lightgray-border);*/ } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ ul { list-style: disc outside; } li > ul, li > ol { margin-left: 32px; margin-left: 2rem; margin-bottom: 0; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ hr { margin: 0; border: 0; padding: 0; height: 1px; background: #f2f2f2; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ table { border-collapse: separate; border-spacing: 0; max-width: 100%; width: 100%; } th { text-align: left; font-weight: 400; } th, td { padding: 5px; line-height: inherit; } th { vertical-align: bottom; } td { vertical-align: top; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ label { color: #000; font-size: 16px; font-size: 1rem; margin-bottom: 8px; margin-bottom: 0.5rem; display: inline-block; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ p {} /* Remove Default HTML5 Video Play button */ *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } /* --- Objects ----------- */ /* Layer 5: class-based selectors which define undecorated design patterns such as `.wrapper`, `.grid`, `.header`, `.footer` and `.media` */ /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Object specific settings */ .o-wrapper { max-width: 1440px; margin-left: auto; margin-right: auto; /* Responsive Sizing Custom */ padding-right: 20px; padding-left: 20px; padding-right: calc(20px + 30 * ((100vw - 320px) / 320)); padding-left: calc(20px + 30 * ((100vw - 320px) / 320)); } .o-wrapper:before { /* Responsive Sizing Custom */ content: ''; display: table; } .o-wrapper:after { /* Responsive Sizing Custom */ content: ''; display: table; clear: both; } @media (min-width: 640px) { .o-wrapper { padding-right: 50px; padding-left: 50px; } } @media (min-width: 1024px) { .o-wrapper { /* Responsive Sizing Custom */ max-width: 828px; max-width: calc(828px + 424 * ((100vw - 1024px) / 416)); padding-right: 0; padding-left: 0; padding-right: calc(0px + 40 * ((100vw - 1024px) / 416)); padding-left: calc(0px + 40 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .o-wrapper { max-width: 1252px; padding-right: 40px; padding-left: 40px; } } .o-wrapper--narrow { max-width: 770px; margin-left: auto; margin-right: auto; } .o-wrapper--narrow:before { content: ''; display: table; } .o-wrapper--narrow:after { content: ''; display: table; clear: both; } .o-wrapper--rel { position: relative; } .o-wrapper--medium { max-width: 1440px; margin-left: auto; margin-right: auto; /* Responsive Sizing Custom */ padding-right: 20px; padding-left: 20px; padding-right: calc(20px + 30 * ((100vw - 320px) / 320)); padding-left: calc(20px + 30 * ((100vw - 320px) / 320)); } .o-wrapper--medium:before { /* Responsive Sizing Custom */ content: ''; display: table; } .o-wrapper--medium:after { /* Responsive Sizing Custom */ content: ''; display: table; clear: both; } @media (min-width: 640px) { .o-wrapper--medium { padding-right: 50px; padding-left: 50px; } } @media (min-width: 1024px) { .o-wrapper--medium { /* Responsive Sizing Custom */ max-width: 828px; max-width: calc(828px + 424 * ((100vw - 1024px) / 416)); padding-right: 0; padding-left: 0; padding-right: calc(0px + 40 * ((100vw - 1024px) / 416)); padding-left: calc(0px + 40 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .o-wrapper--medium { max-width: 1340px; padding-right: 40px; padding-left: 40px; } } .o-wrapperMicro { margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; } @media (min-width: 640px) { .o-wrapperMicro { padding-right: 40px; padding-left: 40px; } } @media (min-width: 640px) { .o-wrapperMicro { padding-right: 70px; padding-left: 70px; } } @media (min-width: 1024px) { .o-wrapperMicro { max-width: 1046px; padding-right: 40px; padding-left: 40px; } } @media (min-width: 1280px) { .o-wrapperMicro { max-width: 1112px; } } @media (min-width: 1440px) { .o-wrapperMicro { max-width: 1380px; } } .o-wrapperProgram { margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; } @media (min-width: 640px) { .o-wrapperProgram { padding-right: 70px; padding-left: 70px; } } @media (min-width: 1024px) { .o-wrapperProgram { padding-right: 40px; padding-left: 40px; } } @media (min-width: 1280px) { .o-wrapperProgram { max-width: 1090px; } } .o-wrapper--fluid { max-width: 100%; } .o-wrapperNoPad { max-width: 1440px; margin-left: auto; margin-right: auto; } .o-wrapperNoPad:before { content: ''; display: table; } .o-wrapperNoPad:after { content: ''; display: table; clear: both; } .o-wrapperInner { max-width: 1164px; margin-left: auto; margin-right: auto; } .o-wrapperInner:before { content: ''; display: table; } .o-wrapperInner:after { content: ''; display: table; clear: both; } .o-wrapperInner--med { max-width: 1220px; margin-left: auto; margin-right: auto; } .o-wrapperInner--med:before { content: ''; display: table; } .o-wrapperInner--med:after { content: ''; display: table; clear: both; } /* Grid */ .row { width: 100%; max-width: 1134px; margin: 0 auto; } .row:before { content: ''; display: table; } .row:after { content: ''; display: table; clear: both; } .column { position: relative; float: left; width: 100%; padding-right: 20px; padding-left: 20px; } .column.row { float: none; } /* Large */ .column--large-5 {} @media (min-width: 1024px) { .column--large-5 { width: 41.666667%; } } .column--large-6 {} @media (min-width: 1024px) { .column--large-6 { width: 50%; } } .column--large-7 {} @media (min-width: 1024px) { .column--large-7 { width: 58.333333%; } } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Object specific settings */ .o-header { line-height: 1; position: absolute; width: 100%; z-index: 5; top: 0; } /* white header */ .o-header--white .c-logo a, .o-header--white .c-headerMenu__link { color: #fff; } .o-header--white .c-logo a:hover, .o-header--white .c-headerMenu__link:hover { color: #fff; } .o-header--white .c-headerMenu__link:before, .o-header--white .c-hamburger__patty { background-color: #fff; } .o-header--white .c-headerAd__wrapper .c-headerMenu__link { color: #000; } .o-header--white .c-headerAd__wrapper .c-headerAd__toggleText { color: #fff; } .o-header--fluid { max-width: 100%; } .o-headerRow { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto; padding: 0 19px; height: 40px; } @media (min-width: 640px) { .o-headerRow { height: 58px; padding-left: 30px; padding-right: 30px; } } @media (min-width: 1024px) { .o-headerRow { height: 57px; } } @media (min-width: 1280px) { .o-headerRow { height: 51px; } } @media (min-width: 1440px) { .o-headerRow { height: 63px; padding-left: 54px; padding-right: 54px; } } .o-headerRow__cell {} .o-headerRow__cell--left { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; text-align: left; } .o-headerRow__cell--right { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; text-align: right; } .page-template-player-page .o-header, .page-template-player-page-6-pillars .o-header, .page-template-player-page-13-keys .o-header, .page-template-player-page-faq .o-header, .page-template-page-waitlist-optin .o-header, .page-template-page-waitlist-thankyou .o-header { position: relative; background-color: #000; } .page-template-player-page .o-headerRow, .page-template-player-page-6-pillars .o-headerRow, .page-template-player-page-13-keys .o-headerRow, .page-template-player-page-faq .o-headerRow, .page-template-page-waitlist-optin .o-headerRow, .page-template-page-waitlist-thankyou .o-headerRow { /* Responsive Custom */ height: 32px; height: calc(32px + 14 * ((100vw - 320px) / 320)); padding: 0 6px 10px 10px; padding: 0 calc(6px + 16 * ((100vw - 320px) / 320)) 9px calc(10px + 4 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .page-template-player-page .o-headerRow, .page-template-player-page-6-pillars .o-headerRow, .page-template-player-page-13-keys .o-headerRow, .page-template-player-page-faq .o-headerRow, .page-template-page-waitlist-optin .o-headerRow, .page-template-page-waitlist-thankyou .o-headerRow { height: 46px; padding: 0 22px 10px 14px; } } @media (min-width: 1024px) { .page-template-player-page .o-headerRow, .page-template-player-page-6-pillars .o-headerRow, .page-template-player-page-13-keys .o-headerRow, .page-template-player-page-faq .o-headerRow, .page-template-page-waitlist-optin .o-headerRow, .page-template-page-waitlist-thankyou .o-headerRow { height: 44px; height: calc(44px + 14 * ((100vw - 1024px) / 416)); padding: 0 15px 13px 18px; padding: 0 calc(15px + 7 * ((100vw - 1024px) / 416)) 13px calc(18px + 7 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .page-template-player-page .o-headerRow, .page-template-player-page-6-pillars .o-headerRow, .page-template-player-page-13-keys .o-headerRow, .page-template-player-page-faq .o-headerRow, .page-template-page-waitlist-optin .o-headerRow, .page-template-page-waitlist-thankyou .o-headerRow { height: 53px; padding-right: 25px; padding-left: 25px; } } .page-template-page-sales .o-header { display: none; } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Object specific settings */ .o-footer { text-align: center; /* Responsive Custom */ padding-bottom: 30px; padding-bottom: calc(30px + 26 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .o-footer { padding-bottom: 56px; } } @media (min-width: 1024px) { .o-footer { padding-bottom: 30px; } } @media (min-width: 1440px) { .o-footer { /* padding-bottom: 30px; */ } } .o-footer--menu { margin: 30px 0; padding: 0; } @media (min-width: 1024px) { .o-footer--menu { margin-top: 80px; } } .o-footer--lightGray { background: #faf9f6; } .o-footer--lightGray .c-copyright { color: #7c7c7c; } .o-footer--lightGray .c-copyright a { color: #7c7c7c; } .o-footer--lightGray .c-copyright a:hover { color: #000; } .page-template-page-program .o-footer, .page-template-page-faq .o-footer { background: #faf9f6; } .page-template-page-program .o-footer .c-copyright, .page-template-page-faq .o-footer .c-copyright { color: #7c7c7c; } .page-template-page-program .o-footer .c-copyright a, .page-template-page-faq .o-footer .c-copyright a { color: #7c7c7c; } .page-template-page-program .o-footer .c-copyright a:hover, .page-template-page-faq .o-footer .c-copyright a:hover { color: #000; } .is-open-enrollment {} .is-open-enrollment.page-template-player-page-6-pillars .o-footer__padd, .is-open-enrollment.page-template-player-page-13-keys .o-footer__padd, .is-open-enrollment.page-template-player-page-faq .o-footer__padd, .is-open-enrollment.page-template-player-page .o-footer__padd, .is-open-enrollment.page-template-page-program .o-footer__padd, .is-open-enrollment.page-template-page-faq .o-footer__padd, .is-open-enrollment.page-template-page-reviews .o-footer__padd { background-color: #d97e3c; } .is-open-enrollment.page-template-player-page-6-pillars .o-footer__padd .o-footer, .is-open-enrollment.page-template-player-page-13-keys .o-footer__padd .o-footer, .is-open-enrollment.page-template-player-page-faq .o-footer__padd .o-footer, .is-open-enrollment.page-template-player-page .o-footer__padd .o-footer, .is-open-enrollment.page-template-page-program .o-footer__padd .o-footer, .is-open-enrollment.page-template-page-faq .o-footer__padd .o-footer, .is-open-enrollment.page-template-page-reviews .o-footer__padd .o-footer { background-color: #d97e3c; } .is-open-enrollment.page-template-player-page-6-pillars .o-footer__padd .c-copyright, .is-open-enrollment.page-template-player-page-13-keys .o-footer__padd .c-copyright, .is-open-enrollment.page-template-player-page-faq .o-footer__padd .c-copyright, .is-open-enrollment.page-template-player-page .o-footer__padd .c-copyright, .is-open-enrollment.page-template-page-program .o-footer__padd .c-copyright, .is-open-enrollment.page-template-page-faq .o-footer__padd .c-copyright, .is-open-enrollment.page-template-page-reviews .o-footer__padd .c-copyright { color: #fff; } .is-open-enrollment.page-template-player-page-6-pillars .o-footer__padd .c-copyright a, .is-open-enrollment.page-template-player-page-13-keys .o-footer__padd .c-copyright a, .is-open-enrollment.page-template-player-page-faq .o-footer__padd .c-copyright a, .is-open-enrollment.page-template-player-page .o-footer__padd .c-copyright a, .is-open-enrollment.page-template-page-program .o-footer__padd .c-copyright a, .is-open-enrollment.page-template-page-faq .o-footer__padd .c-copyright a, .is-open-enrollment.page-template-page-reviews .o-footer__padd .c-copyright a { color: #fff; } .is-open-enrollment.page-template-player-page-6-pillars .o-footer__padd .c-copyright a:hover, .is-open-enrollment.page-template-player-page-13-keys .o-footer__padd .c-copyright a:hover, .is-open-enrollment.page-template-player-page-faq .o-footer__padd .c-copyright a:hover, .is-open-enrollment.page-template-player-page .o-footer__padd .c-copyright a:hover, .is-open-enrollment.page-template-page-program .o-footer__padd .c-copyright a:hover, .is-open-enrollment.page-template-page-faq .o-footer__padd .c-copyright a:hover, .is-open-enrollment.page-template-page-reviews .o-footer__padd .c-copyright a:hover { color: #dedede; } .is-open-enrollment.page-template-player-page-6-pillars .o-footer__padd .c-copyright__text, .is-open-enrollment.page-template-player-page-13-keys .o-footer__padd .c-copyright__text, .is-open-enrollment.page-template-player-page-faq .o-footer__padd .c-copyright__text, .is-open-enrollment.page-template-player-page .o-footer__padd .c-copyright__text, .is-open-enrollment.page-template-page-program .o-footer__padd .c-copyright__text, .is-open-enrollment.page-template-page-faq .o-footer__padd .c-copyright__text, .is-open-enrollment.page-template-page-reviews .o-footer__padd .c-copyright__text { color: #fff; } .enrollment-closing-soon {} .enrollment-closing-soon.page-template-player-page-6-pillars .o-footer__padd, .enrollment-closing-soon.page-template-player-page-13-keys .o-footer__padd, .enrollment-closing-soon.page-template-player-page-faq .o-footer__padd, .enrollment-closing-soon.page-template-player-page .o-footer__padd, .enrollment-closing-soon.page-template-page-program .o-footer__padd, .enrollment-closing-soon.page-template-page-faq .o-footer__padd, .enrollment-closing-soon.page-template-page-reviews .o-footer__padd { background-color: #d97e3c; } .enrollment-closing-soon.page-template-player-page-6-pillars .o-footer__padd .o-footer, .enrollment-closing-soon.page-template-player-page-13-keys .o-footer__padd .o-footer, .enrollment-closing-soon.page-template-player-page-faq .o-footer__padd .o-footer, .enrollment-closing-soon.page-template-player-page .o-footer__padd .o-footer, .enrollment-closing-soon.page-template-page-program .o-footer__padd .o-footer, .enrollment-closing-soon.page-template-page-faq .o-footer__padd .o-footer, .enrollment-closing-soon.page-template-page-reviews .o-footer__padd .o-footer { background-color: #d97e3c; } .enrollment-closing-soon.page-template-player-page-6-pillars .o-footer__padd .c-copyright, .enrollment-closing-soon.page-template-player-page-13-keys .o-footer__padd .c-copyright, .enrollment-closing-soon.page-template-player-page-faq .o-footer__padd .c-copyright, .enrollment-closing-soon.page-template-player-page .o-footer__padd .c-copyright, .enrollment-closing-soon.page-template-page-program .o-footer__padd .c-copyright, .enrollment-closing-soon.page-template-page-faq .o-footer__padd .c-copyright, .enrollment-closing-soon.page-template-page-reviews .o-footer__padd .c-copyright { color: #fff; } .enrollment-closing-soon.page-template-player-page-6-pillars .o-footer__padd .c-copyright a, .enrollment-closing-soon.page-template-player-page-13-keys .o-footer__padd .c-copyright a, .enrollment-closing-soon.page-template-player-page-faq .o-footer__padd .c-copyright a, .enrollment-closing-soon.page-template-player-page .o-footer__padd .c-copyright a, .enrollment-closing-soon.page-template-page-program .o-footer__padd .c-copyright a, .enrollment-closing-soon.page-template-page-faq .o-footer__padd .c-copyright a, .enrollment-closing-soon.page-template-page-reviews .o-footer__padd .c-copyright a { color: #fff; } .enrollment-closing-soon.page-template-player-page-6-pillars .o-footer__padd .c-copyright a:hover, .enrollment-closing-soon.page-template-player-page-13-keys .o-footer__padd .c-copyright a:hover, .enrollment-closing-soon.page-template-player-page-faq .o-footer__padd .c-copyright a:hover, .enrollment-closing-soon.page-template-player-page .o-footer__padd .c-copyright a:hover, .enrollment-closing-soon.page-template-page-program .o-footer__padd .c-copyright a:hover, .enrollment-closing-soon.page-template-page-faq .o-footer__padd .c-copyright a:hover, .enrollment-closing-soon.page-template-page-reviews .o-footer__padd .c-copyright a:hover { color: #dedede; } .enrollment-closing-soon.page-template-player-page-6-pillars .o-footer__padd .c-copyright__text, .enrollment-closing-soon.page-template-player-page-13-keys .o-footer__padd .c-copyright__text, .enrollment-closing-soon.page-template-player-page-faq .o-footer__padd .c-copyright__text, .enrollment-closing-soon.page-template-player-page .o-footer__padd .c-copyright__text, .enrollment-closing-soon.page-template-page-program .o-footer__padd .c-copyright__text, .enrollment-closing-soon.page-template-page-faq .o-footer__padd .c-copyright__text, .enrollment-closing-soon.page-template-page-reviews .o-footer__padd .c-copyright__text { color: #fff; } .page-template-page-sales .o-footer__padd { background: #72beb8; padding: 15px 20px 10px 20px; } .page-template-page-sales .c-copyright, .page-template-page-sales .c-copyright__link, .page-template-page-sales .c-copyright__text { color: #fff; } .enrollment-closed {} .enrollment-closed.page-template-player-page-6-pillars, .enrollment-closed.page-template-player-page-13-keys, .enrollment-closed.page-template-player-page-faq, .enrollment-closed.page-template-player-page, .enrollment-closed.page-template-page-program, .enrollment-closed.page-template-page-faq {} .single-review .o-footer, .page-template-page-reviews .o-footer, .page-template-page-reviews-quiz .o-footer, .page-template-page-reviews-all .o-footer { background-color: #faf9f6; } .single-review.is-open-enrollment .o-footer, .single-review.enrollment-closing-soon .o-footer, .page-template-page-reviews.is-open-enrollment .o-footer, .page-template-page-reviews.enrollment-closing-soon .page-template-page-reviews-quiz.is-open-enrollment .o-footer, .page-template-page-reviews-quiz.enrollment-closing-soon .o-footer, .page-template-page-reviews-all.is-open-enrollment .o-footer, .page-template-page-reviews-all.enrollment-closing-soon .o-footer { padding-top: 100px; } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .o-grid { width: 100%; } .o-grid:before { content: ''; display: table; } .o-grid:after { content: ''; display: table; clear: both; } .o-grid__half--gutterSmall { margin-right: auto; margin-left: auto; } @media (min-width: 1024px) { .o-grid__half--gutterSmall { width: calc(99.9% * 1/2 - 8px); } .o-grid__half--gutterSmall:nth-child(1n) { float: left; margin-right: 16px; clear: none; } .o-grid__half--gutterSmall:last-child { margin-right: 0; } .o-grid__half--gutterSmall:nth-child(2n) { margin-right: 0; float: right; } .o-grid__half--gutterSmall:nth-child(2n + 1) { clear: both; } } .o-grid__half { margin-right: auto; margin-left: auto; } @media (min-width: 1024px) { .o-grid__half { width: calc(99.9% * 1/2 - 1rem); } .o-grid__half:nth-child(1n) { float: left; margin-right: 2rem; clear: none; } .o-grid__half:last-child { margin-right: 0; } .o-grid__half:nth-child(2n) { margin-right: 0; float: right; } .o-grid__half:nth-child(2n + 1) { clear: both; } } .o-grid__half--gutterMed { margin-right: auto; margin-left: auto; } @media (min-width: 1024px) { .o-grid__half--gutterMed { width: calc(99.9% * 1/2 - 20px); } .o-grid__half--gutterMed:nth-child(1n) { float: left; margin-right: 40px; clear: none; } .o-grid__half--gutterMed:last-child { margin-right: 0; } .o-grid__half--gutterMed:nth-child(2n) { margin-right: 0; float: right; } .o-grid__half--gutterMed:nth-child(2n + 1) { clear: both; } } .o-column { width: 100%; } .o-column:before { content: ''; display: table; } .o-column:after { content: ''; display: table; clear: both; } @media (min-width: 640px) { .o-column { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .o-column__item {} @media (min-width: 640px) { .o-column__item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } .o-column__box { width: 100%; } .o-column__two .o-column__item { margin: 0 0 20px 0; width: 100%; } @media (min-width: 769px) { .o-column__two .o-column__item { width: calc(99.9% * 1/2 - 10px); margin-bottom: 0; } .o-column__two .o-column__item:nth-child(1n) { float: left; margin-right: 20px; clear: none; } .o-column__two .o-column__item:last-child { margin-right: 0; } .o-column__two .o-column__item:nth-child(2n) { margin-right: 0; float: right; } .o-column__two .o-column__item:nth-child(2n + 1) { clear: both; } } .o-column__three .o-column__item { margin: 0 0 20px 0; width: 100%; } @media (min-width: 1024px) { .o-column__three .o-column__item { width: calc(99.9% * 1/3 - 13.333333333333332px); width: calc(99.8% * 1/3 - 13.333333333333332px); margin-bottom: 0; } .o-column__three .o-column__item:nth-child(1n) { float: left; margin-right: 20px; clear: none; } .o-column__three .o-column__item:last-child { margin-right: 0; } .o-column__three .o-column__item:nth-child(3n) { margin-right: 0; float: right; } .o-column__three .o-column__item:nth-child(3n + 1) { clear: both; } } @media (min-width: 1440px) { .o-column__three .o-column__item { width: calc(99.9% * 1/3 - 13.333333333333332px); } .o-column__three .o-column__item:nth-child(1n) { float: left; margin-right: 20px; clear: none; } .o-column__three .o-column__item:last-child { margin-right: 0; } .o-column__three .o-column__item:nth-child(3n) { margin-right: 0; float: right; } .o-column__three .o-column__item:nth-child(3n + 1) { clear: both; } } .o-column__four .o-column__item { margin: 0 0 20px 0; } @media (min-width: 640px) { .o-column__four .o-column__item { width: calc(99.9% * 1/2 - 10px); width: calc(99.8% * 1/2 - 10px); margin-bottom: 20px; } .o-column__four .o-column__item:nth-child(1n) { float: left; margin-right: 20px; clear: none; } .o-column__four .o-column__item:last-child { margin-right: 0; } .o-column__four .o-column__item:nth-child(2n) { margin-right: 0; float: right; } .o-column__four .o-column__item:nth-child(2n + 1) { clear: both; } } @media (min-width: 1024px) { .o-column__four .o-column__item { width: calc(99.9% * 1/4 - 15px); margin-bottom: 0; width: calc(99.8% * 1/4 - 15px); } .o-column__four .o-column__item:nth-child(1n) { float: left; margin-right: 20px; clear: none; } .o-column__four .o-column__item:last-child { margin-right: 0; } .o-column__four .o-column__item:nth-child(4n) { margin-right: 0; float: right; } .o-column__four .o-column__item:nth-child(4n + 1) { clear: both; } } @media (min-width: 1440px) { .o-column__four .o-column__item { width: calc(99.9% * 1/4 - 15px); } .o-column__four .o-column__item:nth-child(1n) { float: left; margin-right: 20px; clear: none; } .o-column__four .o-column__item:last-child { margin-right: 0; } .o-column__four .o-column__item:nth-child(4n) { margin-right: 0; float: right; } .o-column__four .o-column__item:nth-child(4n + 1) { clear: both; } } /* --- Components for micro site ----------- */ /* Layer 5: These are components styles */ /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Component specific settings */ :root { /* Deafult skin */ /* primary skin */ /* secondary skin */ } /* Component base styles */ .c-btn { padding: 9px 19px; margin: 0; border: 1px solid #f2f2f2; border-radius: 0; font-weight: 600; font-family: 'Gotham', sans-serif; line-height: 1.5; text-transform: uppercase; color: #000; background-color: #fff; display: inline-block; vertical-align: middle; text-align: center; white-space: nowrap; transition: background 300ms cubic-bezier(0.47, 0, 0.745, 0.715), color 300ms cubic-bezier(0.47, 0, 0.745, 0.715); /* Responsive Sizing Custom */ padding: 9px 19px; padding: calc(9px + 10 * ((100vw - 320px) / 320)) calc(19px + 10 * ((100vw - 320px) / 320)); font-size: calc(7px + 8 * ((100vw - 320px) / 320)); letter-spacing: calc(3px + 1.5 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-btn { letter-spacing: 4.5px; font-size: 15px; padding: 16px 36px; } } @media (min-width: 1024px) { .c-btn { /* Responsive Sizing Custom */ padding: 16px 26px; padding: calc(16px + 0 * ((100vw - 1024px) / 416)) calc(26px + 10 * ((100vw - 1024px) / 416)); font-size: calc(10px + 5 * ((100vw - 1024px) / 416)); letter-spacing: calc(3.5px + 1 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-btn { letter-spacing: 4.5px; font-size: 15px; padding: 16px 36px; } } .c-btn:hover { color: #fff; background-color: #000; cursor: pointer; } /* Component layout */ .c-btn--small {} .c-btn--large {} /* Component skin */ .c-btn--primary { color: #a94442; background-color: #f2dede; border: 1px solid #ebcccc; } .c-btn--primary:hover { color: #a94442; background-color: #f2dede; } .c-btn--secondary { color: #3c763d; background-color: #dff0d8; border: 1px solid #d0e9c6; } .c-btn--secondary:hover { color: #3c763d; background-color: #dff0d8; } .c-btn--orange { background-color: #E57726; color: #fff; border: 1px solid #fff; } .c-btn--orange:hover { background-color: #B92685; } .c-btn--purple { background-color: #B92685; color: #fff; border: 1px solid #fff; } .c-btn--purple:hover { background-color: #E57726; } .c-btn--teal { background-color: #52C2B9; color: #fff; border: 1px solid #fff; } .c-btn--teal:hover { background-color: #B92685; } .c-btn--black { padding: 8px 16px; color: #fff; font-size: 9px; font-weight: 400; letter-spacing: 0.15em; line-height: 1; background-color: #000; } @media (min-width: 640px) { .c-btn--black { padding: 11px 22px; font-size: 14px; } } @media (min-width: 1024px) { .c-btn--black { padding: 12px 24px; font-size: 12px; } } .c-btn--black:hover { color: #000; background-color: #fff65b; } .c-btn--black:after { display: none; } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Component specific settings */ :root { /* Default skin */ /* Error skin */ /* Success skin */ } /* Component base styles */ .c-alert { padding: 16px; padding: 1rem; margin-top: 16px; margin-top: 1rem; margin-bottom: 16px; margin-bottom: 1rem; border: 1px solid rgb(167, 167, 167); border-radius: 5px; font-size: 16px; font-size: 1rem; font-family: "Arial"; line-height: 1.5; color: #000; background-color: #f2f2f2; vertical-align: middle; text-align: center; display: block; } .c-alert--error { color: #a94442; background-color: #f2dede; border: 1px solid #ebcccc; } .c-alert--success { color: #3c763d; background-color: #dff0d8; border: 1px solid #d0e9c6; } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Component specific settings */ :root { /* Deafult skin */ } .c-form--singleRow { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .c-form--singleRow .c-input { width: 33%; } .c-form--errorAlt label.c-input__error { color: #fff; } .c-input { border: 1px solid #f2f2f2; border-radius: 0; padding: 4px 12px 0; letter-spacing: .5px; font-size: 15px; display: block; } ::-webkit-input-placeholder { color: #000; } :-ms-input-placeholder { color: #000; } ::placeholder { color: #000; } /* Component layout */ .c-input--inline { display: inline-block; } .c-input--fluid { width: 100%; } .c-input--small { width: 200px; } .c-input--large { width: 200px; padding: 16px; padding: 1rem; } .c-form__inputWrap { display: block; width: 100%; margin: 0 auto; /* Responsive Sizing Custom */ max-width: 300px; max-width: calc(300px + 240 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-form__inputWrap { max-width: 540px; } } @media (min-width: 1024px) { .c-form__inputWrap { -webkit-box-flex: 1.3; -ms-flex: 1.3; -webkit-flex: 1.3; flex: 1.3; width: 33%; margin-bottom: 0; margin-right: 8px; display: inline-block; } } @media (min-width: 1440px) { .c-form__inputWrap { -webkit-box-flex: 1.25; -ms-flex: 1.25; -webkit-flex: 1.25; flex: 1.25; } } label.c-input__error { display: block; color: red; text-align: left; font-family: 'Gotham', sans-serif; font-size: 11px; font-size: calc(11px + 5 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { label.c-input__error { font-size: 16px; } } @media (min-width: 1024px) { label.c-input__error { font-size: 11px; font-size: calc(11px + 3 * ((100vw - 1024px) / 416)); padding-top: 4px; text-align: left; } } @media (min-width: 1440px) { label.c-input__error { font-size: 15px; } } .c-form__submitWrap { display: block; } @media (min-width: 1024px) { .c-form__submitWrap { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } } .c-input--submit { border: 0; } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-nav {} /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-headerMenu ul { margin: 0; padding: 10px 0 0 0; list-style: none; } .c-headerMenu ul li { display: block; text-align: left; padding: 20px 18px; } @media (min-width: 1280px) { .c-headerMenu { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } @media (min-width: 1025px) { .c-headerMenu ul { padding: 0; } } @media (min-width: 1025px) { .c-headerMenu ul li { float: left; padding: 0 22px; } } .c-headerMenu--desktop { display: none; } @media (min-width: 1025px) { .c-headerMenu--desktop { display: block; position: relative; top: 2px; } } .c-headerMenu--mobile {} @media (min-width: 1025px) { .c-headerMenu--mobile { display: none; } } .c-headerMenu__link { color: #141414; font-family: 'Gotham', sans-serif; text-transform: uppercase; padding-bottom: 2px; font-size: 18px; letter-spacing: 2px; transition: all 250ms ease; font-weight: 500; position: relative; } @media (min-width: 1025px) { .c-headerMenu__link { font-size: 11px; } } .c-headerMenu__link:before { bottom: -2px; left: 0; content: ''; width: 100%; height: 1px; position: absolute; -webkit-transform-origin: 2px; transform-origin: 2px; background: #141414; -webkit-transform: scaleX(0); transform: scaleX(0); transition: -webkit-transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; } .c-headerMenu__link:hover, .c-headerMenu__link:hover { color: #141414; } .c-headerMenu__link:hover:before, .c-headerMenu__link:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .c-headerMenu__link.active {} .c-headerMenu__link.active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .c-headerAd__toggle.is-expanded .c-headerAd__toggleText { color: #2f2e2d; } .c-embedContainer iframe, .c-embedContainer object, .c-embedContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-logo { margin: 0; color: #000; text-transform: uppercase; font-weight: 500; font-family: 'Gotham', sans-serif; letter-spacing: 3px; line-height: calc(11px + 10 * ((100vw - 320px) / 320)); font-size: 20px; /* @media screen and (min-width: 360px) { line-height: 1; font-size: 21px } */ } @media (min-width: 640px) { .c-logo { line-height: 1; } } @media (min-width: 1024px) { .c-logo { letter-spacing: 5px; } } @media (min-width: 1440px) { .c-logo { letter-spacing: 3px; font-size: 21px; } } .c-logo--icon { width: 20px; line-height: 1; /* Responsive Custom */ width: calc(20px + 12 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-logo--icon { width: 32px; } } @media (min-width: 1024px) { .c-logo--icon { /* Responsive Custom */ width: calc(23px + 9 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-logo--icon { width: 32px; } } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-mobileNav { display: none; } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-copyright { font-family: 'Gotham', sans-serif; line-height: 24px; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: .7px; color: #939393; } @media (min-width: 640px) { .c-copyright { font-size: 10px; letter-spacing: 1px; } } @media (min-width: 1024px) { .c-copyright { ont-weight: 600; /* Responsive typography */ font-size: calc(8px + 3 * ((100vw - 1024px) / 416)); line-height: calc(7px + 4 * ((100vw - 1024px) / 416)); letter-spacing: calc(1px + .2 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-copyright { line-height: 11px; font-size: 10px; letter-spacing: 1.2px; } } .c-copyright__text { font-size: 11px; line-height: 23px; text-align: center; color: #4D4D4D; padding: 90px 30px; } .c-copyright__text a { text-decoration: underline; color: #4D4D4D; } .c-copyright__text a:hover { text-decoration: none; } @media (min-width: 640px) { .c-copyright__text { padding: 90px 70px; text-align: left; } } @media (min-width: 768px) { .c-copyright__text { max-width: 530px; margin: 0 auto; padding: 90px 0; max-width: calc(530px + 104 * ((100vw - 768px) / 384)); } } @media (min-width: 1024px) { .c-copyright__text { font-size: 11px; line-height: 20px; padding: 70px 0; max-width: calc(590px + 240 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-copyright__text { max-width: 805px; } } .c-copyright__item { padding: 0 2px; } .c-copyright__item--separator { display: none; } @media (min-width: 640px) { .c-copyright__item--separator { display: inline-block; } } .c-copyright__item--break {} @media (min-width: 640px) { .c-copyright__item--break { display: none; } } .c-copyright__link { color: #939393; } .o-footer--open-orange .c-copyright__item, .o-footer--open-orange .c-copyright__link, .o-footer--open-orange .c-copyright__text { color: #fff; } .o-footer--open-orange .c-copyright__text a { color: #fff; } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-headerAd__wrapper {} .c-headerAd { position: fixed; margin-top: -40px; right: -100%; width: 100%; background: #fff; padding: 10px; opacity: 0; transition: all 500ms ease-in-out; } .c-headerAd:after { content: ''; display: block; clear: both; } @media (min-width: 640px) { .c-headerAd { width: 372px; right: -372px; margin-top: -58px; } } @media (min-width: 1025px) { .c-headerAd { padding: 12px; margin-top: -57px; } } @media (min-width: 1280px) { .c-headerAd { margin-top: -51px; } } @media (min-width: 1440px) { .c-headerAd { margin-top: -63px; } } .c-headerAd.is-expanded { opacity: 1; right: 0; position: absolute; } @media (max-width: 1024px) { .c-headerAd.is-expanded { height: 100%; position: fixed; overflow-y: scroll; } } @media (max-width: 639px) { .c-headerAd.is-expanded { width: 100%; } } .c-headerAd__image { height: 400px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } @media (max-width: 1024px) { .c-headerAd__image { height: 570px; width: 100%; background-position: center 90%; } } @media (max-width: 768px) { .c-headerAd__image { height: 640px; background-position: center; } } @media (max-width: 639px) { .c-headerAd__image { height: 480px; } } @media (max-width: 320px) { .c-headerAd__image { height: 380px; } } @media (min-width: 1025px) { .c-headerAd__image { height: 586px; width: 348px; } } .enrollment-closed .c-headerAd__image {} @media (max-width: 639px) { .enrollment-closed .c-headerAd__image { background-position: center 100%; } } @media (max-width: 320px) { .enrollment-closed .c-headerAd__image { height: 480px; } } .c-headerAd__toggle { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: absolute; top: 0; right: 0; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; margin-top: 25px; margin-right: 22px; z-index: 12; letter-spacing: 2px; } @media (min-width: 640px) { .c-headerAd__toggle { margin-top: 41px; margin-right: 30px; } } @media (min-width: 1280px) { .c-headerAd__toggle { margin-top: 37px; margin-right: 26px; } } @media (min-width: 1440px) { .c-headerAd__toggle { margin-top: 47px; margin-right: 49px; } } .c-headerAd__toggle:hover { cursor: pointer; } .header-ad-is-open .c-headerAd__toggle.c-headerAd__toggle--original {} @media (max-width: 1024px) { .header-ad-is-open .c-headerAd__toggle.c-headerAd__toggle--original { display: none; } } .header-ad-is-open .c-headerAd__toggle.c-headerAd__toggle--copy {} @media (min-width: 1025px) { .header-ad-is-open .c-headerAd__toggle.c-headerAd__toggle--copy { display: none; } } .c-headerAd__toggle.is-expanded .c-hamburger__patty { background-color: #000; } .c-headerAd__toggleText { padding-right: 14px; color: #2f2e2d; font-weight: 400; font-size: 16px; line-height: 0; transition: 250ms color ease; display: none; position: relative; top: 1px; } @media (min-width: 640px) { .c-headerAd__toggleText { display: block; } } @media (min-width: 1280px) { .c-headerAd__toggleText { font-size: 14px; line-height: 0; } } @media (min-width: 1440px) { .c-headerAd__toggleText { font-size: 16px; line-height: 0; } } .c-headerAd__ad { padding: 30px 50px; color: #000; font-family: 'Gotham', sans-serif; position: absolute; text-align: center; width: 100%; left: 0; } @media (min-width: 640px) { .c-headerAd__ad { padding: 46px 50px; } } @media (min-width: 1280px) { .c-headerAd__ad { margin-top: 40px; } } .enrollment-closed .c-headerAd__ad { padding: 50px 22px 30px; } @media (min-width: 400px) { .enrollment-closed .c-headerAd__ad { padding: 30px 36px; } } @media (min-width: 640px) { .enrollment-closed .c-headerAd__ad { padding: 46px 36px; } } .c-headerAd__title { text-transform: uppercase; font-size: 11px; line-height: 25px; font-weight: 500; letter-spacing: 1.7px; } @media (min-width: 768px) { .c-headerAd__title { padding-top: 16px; } } @media (min-width: 1280px) { .c-headerAd__title { font-size: 14px; padding-top: 0; } } .c-headerAd__subtitle { font-size: 32px; line-height: 38px; margin-top: 7px; line-height: 45px; font-weight: 300; } @media (min-width: 1280px) { .c-headerAd__subtitle { font-size: 14px; font-size: 36px; } } .c-headerAd__cta { text-transform: uppercase; display: block; margin-top: 26px; color: #000; } @media (max-width: 639px) { .c-headerAd__cta { margin-top: 9px; } } .c-headerAd__ctaText { padding-bottom: 4px; color: #000; font-weight: 500; font-size: 13px; line-height: 25px; letter-spacing: 1.5px; position: relative; } .c-headerAd__ctaText:before { bottom: -2px; left: 0; content: ''; width: 100%; height: 1px; position: absolute; -webkit-transform-origin: 2px; transform-origin: 2px; background: #000000; -webkit-transform: scaleX(1); transform: scaleX(1); /* transition:transform .3s ease-in-out 0s, */ } .c-headerAd__ctaText:hover, .c-headerAd__ctaText:hover { color: #000; } .c-headerAd__ctaText:hover:before, .c-headerAd__ctaText:hover:before { /* transform:scaleX(1); */ -webkit-animation: x-move .3s linear 1; animation: x-move .3s linear 1; } @-webkit-keyframes x-move { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes x-move { 0% { -webkit-transform: scaleX(0); transform: scaleX(0); } 100% { -webkit-transform: scaleX(1); transform: scaleX(1); } } body.stop-scroll {} @media (max-width: 1024px) { body.stop-scroll { height: 100vh; overflow: hidden; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-banner { background-size: auto 100%; background-position: top left; background-repeat: no-repeat; } @media (min-width: 1024px) { .c-banner { background-size: cover; background-position: center top; } } .c-banner--lightCream { background-color: #f8f5f1; } .c-test-banner-style { background-color: #f8f5f1; } /* banner 2 style */ .c-banner2 { padding-top: 40px; } .c-banner2__inner { position: relative; min-height: 490px; padding-top: 45px; text-align: center; background-color: #fbfaf8; border: 10px solid #fff; } .c-banner2__inner .o-wrapper { position: relative; z-index: 1; padding: 0 20px; max-width: 1070px; } .c-banner2__inner .c-btn { padding: 13px 30px; font-size: 11px; border: 0; } @media (min-width: 640px) { .c-banner2__inner { min-height: 580px; padding-top: 70px; } } @media (min-width: 1024px) { .c-banner2__inner { min-height: 510px; text-align: left; border: 20px solid #fff; } } @media (min-width: 1920px) { .c-banner2__inner { min-height: 695px; padding-top: 96px; } } @media (min-width: 640px) { .c-banner2__inner .c-btn { font-size: 12px; } } @media (min-width: 1280px) { .c-banner2__inner .c-btn { padding-top: 16px; padding-bottom: 16px; } } @media (min-width: 1920px) { .c-banner2__inner .c-btn { font-size: 16px; padding-top: 18px; padding-bottom: 18px; } } .c-banner2__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .c-banner2__bg--small {} @media (min-width: 1024px) { .c-banner2__bg--small { display: none; } } .c-banner2__bg--large { display: none; } @media (min-width: 1024px) { .c-banner2__bg--large { display: block; } } .c-banner2__heading { margin-bottom: 8px; font-family: 'Gotham', sans-serif; font-size: 34px; font-weight: 300; line-height: 1.2; } @media (min-width: 640px) { .c-banner2__heading { margin-bottom: 18px; font-size: 42px; } } @media (min-width: 1024px) { .c-banner2__heading { margin-bottom: 8px; font-size: 46px; } } @media (min-width: 1280px) { .c-banner2__heading { font-size: 50px; } } @media (min-width: 1920px) { .c-banner2__heading { font-size: 60px; } } .c-banner2__desc { max-width: 415px; margin: 0 auto 22px; font-size: 12px; font-weight: 600; font-style: italic; line-height: 2.1; } @media (min-width: 640px) { .c-banner2__desc { margin-bottom: 32px; font-size: 14px; } } @media (min-width: 1024px) { .c-banner2__desc { margin: 0 0 32px; max-width: none; font-size: 15px; } } @media (min-width: 1280px) { .c-banner2__desc { font-size: 16px; } } @media (min-width: 1920px) { .c-banner2__desc { font-size: 18px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-overlay { width: 100vw; height: 100vh; position: fixed; top: 0; background-color: #000; opacity: 0; z-index: 8; } .c-overlay.c-overlay--enrollBar { height: 100%; } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-video__wrapper {} .c-video { position: relative; } .c-video.is-playing { height: auto; } .c-video.is-playing .c-video__videoContainer { display: block; position: absolute; } .c-video.is-playing .c-video__playText, .c-video.is-playing .c-video__playButton { opacity: 0; } .c-video.is-playing .c-video__videoInner--program { background: none; height: auto; } .c-video__videoInner { position: relative; z-index: 7; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 56.25%; } .c-video__videoInner.c-video__videoInner--blue-optin-6-pillars { background-image: url('images/optin/blue-video-bg-6-pillars-m1x.jpg'); } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--blue-optin-6-pillars { background-image: url('images/optin/blue-video-bg-6-pillars-m2x.jpg'); } } @media (min-width: 640px) { .c-video__videoInner.c-video__videoInner--blue-optin-6-pillars { background-image: url('images/optin/blue-video-bg-6-pillars.jpg'); } } @media (min-width: 640px) and screen and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (-moz-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--blue-optin-6-pillars { background-image: url('images/optin/blue-video-bg-6-pillars@2x.jpg'); } } .c-video__videoInner.c-video__videoInner--blue-optin-13-keys { background-image: url('images/optin/blue-video-bg-13-keys-m1x.jpg'); } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--blue-optin-13-keys { background-image: url('images/optin/blue-video-bg-13-keys-m2x.jpg'); } } @media (min-width: 640px) { .c-video__videoInner.c-video__videoInner--blue-optin-13-keys { background-image: url('images/optin/blue-video-bg-13-keys.jpg'); } } @media (min-width: 640px) and screen and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (-moz-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--blue-optin-13-keys { background-image: url('images/optin/blue-video-bg-13-keys@2x.jpg'); } } .c-video__videoInner.c-video__videoInner--blue-optin-no-excuses { background-image: url('images/optin/blue-video-bg-no-excuses-m1x.jpg'); } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--blue-optin-no-excuses { background-image: url('images/optin/blue-video-bg-no-excuses-m2x.jpg'); } } @media (min-width: 640px) { .c-video__videoInner.c-video__videoInner--blue-optin-no-excuses { background-image: url('images/optin/blue-video-bg-no-excuses.jpg'); } } @media (min-width: 640px) and screen and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (-moz-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--blue-optin-no-excuses { background-image: url('images/optin/blue-video-bg-no-excuses@2x.jpg'); } } .c-video__videoInner.c-video__videoInner--6-pillars { background-image: url('images/optin/video-bg-6-pillars-m1x.jpg'); } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--6-pillars { background-image: url('images/optin/video-bg-6-pillars-m2x.jpg'); } } @media (min-width: 640px) { .c-video__videoInner.c-video__videoInner--6-pillars { background-image: url('images/optin/video-bg-6-pillars.jpg'); } } @media (min-width: 640px) and screen and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (-moz-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--6-pillars { background-image: url('images/optin/video-bg-6-pillars@2x.jpg'); } } .c-video__videoInner.c-video__videoInner--13-keys { background-image: url('images/optin/video-bg-13-keys-m1x.jpg'); } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--13-keys { background-image: url('images/optin/video-bg-13-keys-m2x.jpg'); } } @media (min-width: 640px) { .c-video__videoInner.c-video__videoInner--13-keys { background-image: url('images/optin/video-bg-13-keys.jpg'); } } @media (min-width: 640px) and screen and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (-moz-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--13-keys { background-image: url('images/optin/video-bg-13-keys@2x.jpg'); } } .c-video__videoInner.c-video__videoInner--faq { background-image: url('images/optin/video-bg-faq-m1x.jpg'); } @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--faq { background-image: url('images/optin/video-bg-faq-m2x.jpg'); } } @media (min-width: 640px) { .c-video__videoInner.c-video__videoInner--faq { background-image: url('images/optin/video-bg-faq.jpg'); } } @media (min-width: 640px) and screen and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (-moz-min-device-pixel-ratio: 1.5), (min-width: 640px) and screen and (min-device-pixel-ratio: 1.5) { .c-video__videoInner.c-video__videoInner--faq { background-image: url('images/optin/video-bg-faq@2x.jpg'); } } .c-video__videoInner.c-video__videoInner--program { height: 390px; background-image: url(images/program/review-video-poster-mobile.jpg); background-size: cover; } @media (min-width: 640px) { .c-video__videoInner.c-video__videoInner--program { height: 530px; background-image: url(images/program/review-video-poster-mobilelarge.jpg); } } @media (min-width: 1024px) { .c-video__videoInner.c-video__videoInner--program { height: 567px; background-image: url(images/program/review-video-poster.jpg); } } .c-video__videoInner.c-video__videoInner--sales { background-image: url(images/sales/sales-hero-video-img.jpg); } @media (min-width: 1024px) { .c-video__videoInner { height: 0; } } .c-video__videoBox { position: relative; text-align: center; z-index: 1; } .c-video__videoBox:hover { cursor: pointer; } .c-video__playBox { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; cursor: pointer; } .c-video__playBox.c-video__playBox--blueOptin { margin-top: 10px; margin-top: calc(10px + 10 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-video__playBox.c-video__playBox--blueOptin { margin-top: 20px; } } @media (min-width: 1024px) { .c-video__playBox.c-video__playBox--blueOptin { margin-top: 12px; margin-top: calc(12px + 8 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-video__playBox.c-video__playBox--blueOptin { margin-top: 20px; } } .c-video__playBox--relative { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; cursor: pointer; } .c-video__playButton { opacity: 1; transition: opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715); -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); /* Responsive Custom */ width: 50px; height: 50px; width: calc(50px + 53 * ((100vw - 320px) / 320)); height: calc(50px + 53 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-video__playButton { width: 103px; height: 103px; } } @media (min-width: 1024px) { .c-video__playButton { /* Responsive Custom */ width: 70px; height: 70px; width: calc(70px + 50 * ((100vw - 1024px) / 416)); height: calc(70px + 50 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-video__playButton { width: 120px; height: 120px; } } .c-video__playButton:hover { cursor: pointer; } .c-video__playText { display: block; text-align: center; color: #fff; font-family: 'Gotham', sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; opacity: 1; transition: opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715); margin-top: 4px; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); /* Responsive Typography */ font-size: calc(7px + 7 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-video__playText { font-size: 14px; } } @media (min-width: 1024px) { .c-video__playText { /* Responsive Typography */ margin-top: 4px; font-size: calc(9px + 5 * ((100vw - 1024px) / 416)); margin-top: calc(4px + 4 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-video__playText { margin-top: 8px; font-size: 14px; } } .c-video__videoContainer { display: none; position: absolute; z-index: 9; top: 0; left: 0; right: 0; bottom: 0; } .c-video__videoEmbedContainer { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .c-video__videoEmbedContainer iframe, .c-video__videoEmbedContainer object, .c-video__videoEmbedContainer embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-video__captionBox { text-align: center; font-size: 8px; } @media (min-width: 640px) { .c-video__captionBox { font-size: 15px; } } .c-video__caption { display: block; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-heading { /* line-height: 1.8; */ } .c-h1 { font-size: 58px; } .c-h2 { font-size: 53px; line-height: 1.2; letter-spacing: 1.5px; } .c-h3 { font-size: 42px; line-height: 1.15; letter-spacing: .5px; } .c-h4 { font-size: 30px; line-height: 1.2; letter-spacing: .8px; } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-list { /* Responsive Sizing Custom */ padding-left: 16px; padding-left: calc(16px + 10 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-list { padding-left: 26px; } } @media (min-width: 1024px) { .c-list { padding-left: 30px; /* Responsive Sizing Custom */ padding-left: 30px; padding-left: calc(30px + 10 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-list { padding-left: 40px; } } .c-list__item { position: relative; list-style-type: none; line-height: 2; letter-spacing: .4px; /* Responsive Sizing Custom */ margin-bottom: 16px; margin-bottom: calc(16px + 10 * ((100vw - 320px) / 320)); font-size: calc(12px + 5 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-list__item { font-size: 17px; margin-bottom: 26px; } } @media (min-width: 1024px) { .c-list__item { /* Responsive Sizing Custom */ margin-bottom: 17px; margin-bottom: calc(17px + 7 * ((100vw - 1024px) / 416)); font-size: calc(12px + 5 * ((100vw - 1024px) / 416)); letter-spacing: calc(.45px - .05 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-list__item { font-size: 17px; margin-bottom: 24px; letter-spacing: .4px; } } .c-list__item:last-of-type { margin-bottom: 0; } .c-list__item:before { position: absolute; content: '\2022'; line-height: 1; /* Responsive Sizing Custom */ left: -12px; left: calc(-12px - 14 * ((100vw - 320px) / 320)); font-size: calc(20px + 14 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-list__item:before { font-size: 34px; left: -26px; } } @media (min-width: 1024px) { .c-list__item:before { /* Responsive Sizing Custom */ left: -17px; left: calc(-17px - 9 * ((100vw - 1024px) / 416)); font-size: calc(24px + 10 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-list__item:before { font-size: 34px; left: -26px; } } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-content {} .c-contentFocus p { font-size: 16px; font-size: 1rem; line-height: 1.9; margin-bottom: 24px; margin-bottom: 1.5rem; letter-spacing: 1px; } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Component specific settings */ /* Component Layout */ .c-modal { display: none; position: fixed; opacity: 0; width: 100%; padding: 20px; left: 50%; top: 50%; text-align: center; -webkit-transform: translate(-50%, calc(-50% + 30px)); transform: translate(-50%, calc(-50% + 30px)); z-index: 9; transition: opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715); transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715), opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715); transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715), opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715); /* Responsive Sizing Custom */ padding: 20px; padding: calc(20px + 16 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-modal { max-width: 570px; padding: 36px; } } @media (min-width: 1024px) { .c-modal { /* Responsive Sizing Custom */ min-width: 980px; min-width: calc(980px + 106 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-modal { min-width: 1086px; } } .c-modal.is-opening { display: inline-block; } .c-modal.is-open { transition: opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715); transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715), opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715); transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715), opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715); opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-modal__container { position: relative; /* Responsive Sizing Custom */ padding: 34px 18px; } @media (min-width: 560px) { .c-modal__container { padding: 35px 50px 30px; } } @media (min-width: 769px) { .c-modal__container { padding: 86px 48px 60px; } } @media (min-width: 1024px) { .c-modal__container { padding: 86px 48px 60px; } } @media (min-width: 1440px) { .c-modal__container { padding: 86px 48px 60px; } } .c-modal--default .c-modal__container { color: #fff; background-color: #52C2B9; } .c-modal__closeContainer { position: absolute; top: 8px; right: 6px; width: 12px; /* Responsive Sizing Custom */ width: 12px; width: calc(12px + 18 * ((100vw - 320px) / 320)); top: 8px; top: calc(8px + 8 * ((100vw - 320px) / 320)); right: 6px; right: calc(6px + 10 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-modal__closeContainer { top: 16px; right: 16px; width: 30px; } } .c-modal__closeContainer:hover { cursor: pointer; } .c-modal__close { fill: #fff; font-family: "Helvetica Neue"; font-weight: 100; width: 12px; /* Responsive Sizing Custom */ width: 12px; width: calc(12px + 18 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-modal__close { width: 30px; } } .c-modal__close--text { padding-right: 0px; color: #fff; font-weight: 400; font-size: 18px; transition: 250ms color ease; position: absolute; text-transform: uppercase; left: -50px; top: -2px; display: none; letter-spacing: 2px; font-family: 'Gotham', sans-serif; } @media (min-width: 1024px) { .c-modal__close--text { display: block; } } .c-modal__title { font-weight: 300; font-family: 'Gotham', sans-serif; letter-spacing: 1px; line-height: 57.6px; margin-bottom: 4px; /* Responsive Custom */ margin-bottom: calc(4px + 4 * ((100vw - 320px) / 320)); font-size: calc(23px + 25 * ((100vw - 320px) / 320)); } @media (min-width: 560px) { .c-modal__title { font-size: 32px; line-height: 40px; margin: 0; } } @media (min-width: 640px) { .c-modal__title { margin: 0 0 5px 0; } } @media (min-width: 769px) { .c-modal__title { font-size: 48px; margin-bottom: 8px; } } @media (min-width: 1024px) { .c-modal__title { font-size: 48px; } } @media (min-width: 1440px) { .c-modal__title { line-height: 48px; } } .c-modal__subtitle { font-family: 'Gotham', sans-serif; font-weight: 500; letter-spacing: 2px; line-height: 36.4px; margin-bottom: 13px; /* Responsive Custom */ margin-bottom: calc(13px + 11 * ((100vw - 320px) / 320)); line-height: calc(36.4px + 49.4 * ((100vw - 320px) / 320)); font-size: calc(28px + 38 * ((100vw - 320px) / 320)); } @media (min-width: 560px) { .c-modal__subtitle { font-size: 40px; line-height: 58px; margin: 0; } } @media (min-width: 640px) { .c-modal__subtitle { margin: 0 0 5px 0; } } @media (min-width: 769px) { .c-modal__subtitle { font-size: 66px; line-height: 85.8px; margin-bottom: 24px; } } @media (min-width: 1024px) { .c-modal__subtitle { font-size: 67px; } } .c-modal__ctaText { font-family: 'Gotham', sans-serif; font-weight: 400; letter-spacing: .2px; line-height: 1.65; padding: 0 2px; /* Responsive Custom */ margin-bottom: 25px; margin-bottom: calc(25px + 15 * ((100vw - 320px) / 320)); font-size: calc(14px + 6 * ((100vw - 320px) / 320)); } @media (min-width: 560px) { .c-modal__ctaText { font-size: 16px; line-height: 1.8; margin-bottom: 10px; } } @media (min-width: 640px) { .c-modal__ctaText { margin-bottom: 20px; } } @media (min-width: 769px) { .c-modal__ctaText { font-size: 20px; line-height: 1.8; margin-bottom: 40px; } } @media (min-width: 1024px) { .c-modal__ctaText { font-size: 19px; letter-spacing: 0; line-height: 1.3; margin-bottom: 0; padding: 0; } } .c-modal__form .c-input { display: block; width: 100%; font-family: 'Gotham', sans-serif; background-color: #f7f7f7; color: #000; margin: 0 auto 8px; /* Responsive Custom */ margin-bottom: 8px; margin-bottom: calc(8px + 2 * ((100vw - 320px) / 320)); max-width: 300px; max-width: calc(300px + 102 * ((100vw - 320px) / 320)); padding: 16px 14px 13px; padding-top: calc(16px + 3 * ((100vw - 320px) / 320)); padding-right: calc(14px + 1 * ((100vw - 320px) / 320)); padding-left: calc(14px + 1 * ((100vw - 320px) / 320)); font-size: calc(13px + 6 * ((100vw - 320px) / 320)); letter-spacing: calc(0px + 1 * ((100vw - 320px) / 320)); } .c-modal__form .c-input--submit { display: block; width: 100%; max-width: 300px; margin: 3px auto 0; line-height: 1; /* Responsive Custom */ margin-top: 3px; margin-top: calc(3px + 9 * ((100vw - 320px) / 320)); max-width: 300px; max-width: calc(300px + 102 * ((100vw - 320px) / 320)); padding: 15px 31px; padding-top: calc(15px + 5 * ((100vw - 320px) / 320)); padding-bottom: calc(15px + 5 * ((100vw - 320px) / 320)); font-size: calc(11px + 4 * ((100vw - 320px) / 320)); letter-spacing: calc(3px + .3 * ((100vw - 320px) / 320)); } @media (min-width: 1024px) { .c-modal__form { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; margin: 42px 0 auto; } } @media (min-width: 640px) { .c-modal__form .c-input { margin-bottom: 10px; max-width: 402px; padding: 19px 15px 13px; font-size: 19px; letter-spacing: 1px; } } @media (min-width: 1024px) { .c-modal__form .c-input { height: 54px; margin-right: 8px; margin-bottom: 0; padding: 18px 16px 14px; display: inline-block; font-family: 'Gotham', sans-serif; background-color: #f7f7f7; color: #000; font-size: 19px; letter-spacing: 1px; } } @media (min-width: 640px) { .c-modal__form .c-input--submit { margin-top: 12px; max-width: 402px; padding: 20px 31px; font-size: 15px; letter-spacing: 3.3px; } } @media (min-width: 1024px) { .c-modal__form .c-input--submit { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; height: 54px; font-size: 12px; margin-top: 0; letter-spacing: 3.2px; } } .c-modal--image { text-align: center; max-width: 480px; } .c-modal--image .c-modal__container { padding: 40px 0 0 0; } .c-modal--image .c-modal__container img {} .c-modal--image .c-modal__close { width: 16px; } @media (min-width: 640px) { .c-modal--image { max-width: 570px; } } @media (min-width: 768px) { .c-modal--image { max-width: 650px; } } @media (min-width: 1024px) { .c-modal--image { max-width: 670px; min-width: 440px; } } @media (min-width: 1440px) { .c-modal--image { max-width: 750px; } } @media (min-width: 640px) { .c-modal--image .c-modal__container { padding: 50px 16px 0 16px; } } @media (min-width: 1024px) { .c-modal--image .c-modal__container img { max-height: inherit; } } @media (min-width: 640px) { .c-modal--image .c-modal__close { width: 20px; } } html body .c-modal .ussr .moonray-form { background-color: transparent; border: none; width: 100%; } html body .c-modal .ussr .moonray-form .moonray-form-clearfix {} html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper .moonray-form-label { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-text, html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-email { display: block; width: 100%; margin: 0 auto; margin-bottom: 10px; padding: 0; border-radius: 0; border: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; /* Responsive Sizing Custom */ max-width: 300px; max-width: calc(300px + 240 * ((100vw - 320px) / 320)); } html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-text .moonray-form-input, html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-email .moonray-form-input { display: block; width: 100%; font-family: 'Gotham', sans-serif; background-color: #f7f7f7; color: #000; margin: 0 auto 8px; border-radius: 0; border: none; /* Responsive Custom */ margin-bottom: 8px; margin-bottom: calc(8px + 2 * ((100vw - 320px) / 320)); max-width: 300px; max-width: calc(300px + 102 * ((100vw - 320px) / 320)); padding: 16px 14px 13px; padding-top: calc(16px + 3 * ((100vw - 320px) / 320)); padding-right: calc(14px + 1 * ((100vw - 320px) / 320)); padding-left: calc(14px + 1 * ((100vw - 320px) / 320)); font-size: calc(13px + 6 * ((100vw - 320px) / 320)); letter-spacing: calc(0px + 1 * ((100vw - 320px) / 320)); } html body .c-modal .ussr .moonray-form .moonray-form-state-error { box-shadow: none; } html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-submit { display: block; padding: 0 !important; } html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-submit .moonray-form-input { display: block; width: 100% !important; max-width: 300px; margin: 0 auto 0; line-height: 1; background-color: #E57726; text-transform: uppercase; font-family: 'Gotham', sans-serif; font-weight: 600; border-radius: 0; border: 1px solid #fff; color: #fff; transition: background 300ms cubic-bezier(0.47, 0, 0.745, 0.715), color 300ms cubic-bezier(0.47, 0, 0.745, 0.715); /* Responsive Custom */ max-width: 300px; max-width: calc(300px + 102 * ((100vw - 320px) / 320)); padding: 15px 31px; padding-top: calc(15px + 5 * ((100vw - 320px) / 320)); padding-bottom: calc(15px + 5 * ((100vw - 320px) / 320)); font-size: calc(11px + 4 * ((100vw - 320px) / 320)); letter-spacing: calc(3px + .3 * ((100vw - 320px) / 320)); } html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-submit .moonray-form-input:hover { background-color: #B92685; } @media (min-width: 1024px) { html body .c-modal .ussr .moonray-form .moonray-form-clearfix { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; margin: 42px 0 auto; } } @media (min-width: 640px) { html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-text, html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-email { max-width: 540px; display: block; } } @media (min-width: 1024px) { html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-text, html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-email { -webkit-box-flex: 1.3; -ms-flex: 1.3; -webkit-flex: 1.3; flex: 1.3; width: 33%; margin-bottom: 0; margin-right: 8px; display: inline-block; } } @media (min-width: 1440px) { html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-text, html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-email { -webkit-box-flex: 1.25; -ms-flex: 1.25; -webkit-flex: 1.25; flex: 1.25; } } @media (min-width: 560px) { html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-text .moonray-form-input, html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-email .moonray-form-input { margin-bottom: 10px; max-width: inherit; padding: 15px 15px 13px; font-size: 13px; letter-spacing: 1px; } } @media (min-width: 769px) { html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-text .moonray-form-input, html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-email .moonray-form-input { margin-bottom: 10px; max-width: 402px; padding: 19px 15px 13px; font-size: 19px; letter-spacing: 1px; } } @media (min-width: 1024px) { html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-text .moonray-form-input, html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-email .moonray-form-input { height: 54px; margin-right: 8px; margin-bottom: 0; padding: 18px 16px 14px; display: inline-block; font-family: 'Gotham', sans-serif; background-color: #f7f7f7; color: #000; font-size: 19px; letter-spacing: 1px; } } @media (min-width: 1024px) { html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-submit { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } } @media (min-width: 560px) { html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-submit .moonray-form-input { padding: 16px 20px; font-size: 12px; letter-spacing: 3.3px; max-width: inherit; } } @media (min-width: 769px) { html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-submit .moonray-form-input { max-width: 402px; padding: 20px 31px; font-size: 15px; letter-spacing: 3.3px; } } @media (min-width: 1024px) { html body .c-modal .ussr .moonray-form .moonray-form-element-wrapper.moonray-form-input-type-submit .moonray-form-input { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; width: 100% !important; height: 54px; font-size: 12px; margin-top: 0; letter-spacing: 3.2px; padding: 0 !important; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-hamburger { text-indent: -9999px; width: 26px; height: 22px; position: relative; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: 0.5s ease-in-out; cursor: pointer; background-color: transparent; } .c-hamburger.is-open .c-hamburger__patty:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .c-hamburger.is-open .c-hamburger__patty:nth-child(2) { opacity: 0; } .c-hamburger.is-open .c-hamburger__patty:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .c-hamburger.c-hamburger--thick .c-hamburger__patty { height: 2px; transition: color 250ms ease; } .c-hamburger--bigger { width: 20px; height: 17px; } .c-hamburger--bigger .c-hamburger__patty {} .c-hamburger--bigger .c-hamburger__patty:nth-child(1) {} .c-hamburger--bigger .c-hamburger__patty:nth-child(2) { top: 8px; } .c-hamburger--bigger .c-hamburger__patty:nth-child(3) { top: 16px; } @media (min-width: 640px) { .c-hamburger--bigger { width: 22px; height: 19px; } } @media (min-width: 1280px) { .c-hamburger--bigger { width: 20px; height: 17px; } } @media (min-width: 1440px) { .c-hamburger--bigger { width: 22px; height: 19px; } } .c-hamburger--bigger.is-open .c-hamburger__patty:nth-child(1) {} .c-hamburger--bigger.is-open .c-hamburger__patty:nth-child(3) {} @media (min-width: 640px) { .c-hamburger--bigger.is-open .c-hamburger__patty:nth-child(1) {} } @media (min-width: 1280px) { .c-hamburger--bigger.is-open .c-hamburger__patty:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } } @media (min-width: 640px) { .c-hamburger--bigger.is-open .c-hamburger__patty:nth-child(3) {} } @media (min-width: 1280px) { .c-hamburger--bigger.is-open .c-hamburger__patty:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } } @media (min-width: 640px) { .c-hamburger--bigger .c-hamburger__patty:nth-child(1) {} } @media (min-width: 1280px) { .c-hamburger--bigger .c-hamburger__patty:nth-child(1) { top: 0px; } } @media (min-width: 640px) { .c-hamburger--bigger .c-hamburger__patty:nth-child(2) { top: 9px; } } @media (min-width: 1280px) { .c-hamburger--bigger .c-hamburger__patty:nth-child(2) { top: 8px; } } @media (min-width: 1440px) { .c-hamburger--bigger .c-hamburger__patty:nth-child(2) { top: 9px; } } @media (min-width: 640px) { .c-hamburger--bigger .c-hamburger__patty:nth-child(3) { top: 18px; } } @media (min-width: 1280px) { .c-hamburger--bigger .c-hamburger__patty:nth-child(3) { top: 16px; } } @media (min-width: 1440px) { .c-hamburger--bigger .c-hamburger__patty:nth-child(3) { top: 18px; } } .c-hamburger__patty { display: block; position: absolute; height: 1px; width: 100%; background: #000; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 0.5s ease-in-out; } .c-plyrHeader__videoInfo .c-hamburger__patty { background: #fff; } .c-hamburger__patty:nth-child(1) { top: 0px; } .c-hamburger__patty:nth-child(2) { top: 8px; } .c-hamburger__patty:nth-child(3) { top: 16px; } .c-hamburger__patty--black { background: #2f2e2d; } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-playIcon .circle { fill: #fff; stroke-miterlimit: 10; stroke-width: 6px; stroke: #fff; transition: all 400ms ease; } .c-playIcon .triangle { fill: #4D4D4D; transition: all 400ms ease; } .c-playIcon--alt .circle { fill: rgba(0, 0, 0, .4); stroke-miterlimit: 10; stroke-width: 6px; stroke: #fff; transition: all 400ms ease; } .c-playIcon--alt .triangle { fill: #fff; transition: all 400ms ease; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { /* display: block; */ } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list {} /* Icons */ @font-face { font-family: 'slick'; font-weight: 400; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:before { font-family: 'slick'; font-size: 46px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: 1; color: #a0a0a0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: #ac3c86; } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-enrollBanner { position: fixed; top: 0; left: 0; right: 0; z-index: 10; opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 250ms ease; } .c-enrollBanner.is-sticky { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .c-enrollBanner.non-sticky { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .c-enrollBanner--bottom { top: auto; bottom: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } .c-enrollBanner__inner { padding: 19px 0; text-align: center; background-color: #52C2B9; } .c-enrollBanner__message { color: #fff; } .c-enrollBanner__title { display: block; font-family: 'Gotham', sans-serif; font-size: 19px; /* Responsive Sizing Custom */ } @media (min-width: 769px) { .c-enrollBanner__title { display: inline-block; padding-right: 14px; font-size: 15px; letter-spacing: 0.4px; } } @media (min-width: 1024px) { .c-enrollBanner__title { font-size: 17px; } } @media (min-width: 1440px) { .c-enrollBanner__title { font-size: 21px; } } .c-enrollBanner__title--enrollmentOpen, .c-enrollBanner__title--enrollmentClosingSoon { display: none; } .c-enrollBanner__divider { display: none; } @media (min-width: 640px) { .c-enrollBanner__divider { width: 1px; background-color: #fff; height: 28px; vertical-align: middle; } } @media (min-width: 769px) { .c-enrollBanner__divider { display: inline-block; } } @media (min-width: 1440px) { .c-enrollBanner__divider { position: relative; top: -1px; } } .c-enrollBanner__subtitle { display: block; font-family: 'GalaxieCopernicus', serif; font-style: italic; font-size: 11px; letter-spacing: 0.5px; } @media (min-width: 769px) { .c-enrollBanner__subtitle { font-size: 13px; letter-spacing: 0.2px; padding-left: 12px; display: inline-block; } } @media (min-width: 1024px) { .c-enrollBanner__subtitle { /* Responsive Sizing Custom */ padding-left: 12px; } } @media (min-width: 1440px) { .c-enrollBanner__subtitle { padding-left: 14px; letter-spacing: 0.3px; font-size: 16px; } } .c-enrollBanner__button { display: none; background-color: transparent; border-color: #fff; color: #fff; margin-top: 10px; padding: 8px 42px; font-size: 10px; } .c-enrollBanner__button:hover { background-color: #fff; color: #B92685; } @media (min-width: 769px) { .c-enrollBanner__button { margin-top: 0; margin-left: 20px; } } @media (min-width: 1024px) { .c-enrollBanner__button { margin-left: 40px; } } @media (min-width: 1440px) { .c-enrollBanner__button { margin-left: 62px; font-size: 12px; } } .is-open-enrollment .c-enrollBanner__inner { padding: 17px 0; background-color: #B92685; } .is-open-enrollment .c-enrollBanner__message {} .is-open-enrollment .c-enrollBanner__title--enrollmentOpen { display: block; } .is-open-enrollment .c-enrollBanner__button--open { display: inline-block; } .is-open-enrollment .c-enrollBanner__title--default { display: none; } @media (min-width: 640px) { .is-open-enrollment .c-enrollBanner__message { max-width: 650px; margin: 0 auto; } } @media (min-width: 769px) { .is-open-enrollment .c-enrollBanner__message { max-width: inherit; margin: 0; } } @media (min-width: 640px) { .is-open-enrollment .c-enrollBanner__title--enrollmentOpen { display: inline-block; } } .c-enrollBanner__timer { display: none; max-width: 280px; background-color: transparent; margin: 10px auto 5px; width: 100%; } .c-enrollBanner__timer:after { content: ''; display: block; clear: both; } @media (min-width: 640px) { .c-enrollBanner__timer { max-width: 420px; } } @media (min-width: 1024px) { .c-enrollBanner__timer { margin-top: 0; margin-bottom: 0; border-left: 1px solid #fff; border-right: 1px solid #fff; } } @media (min-width: 1440px) { .c-enrollBanner__timer { max-width: 580px; } } .c-enrollBanner__timerSection { float: left; border-right: 1px solid rgba(222, 222, 222, .30000000000000004); width: 25%; padding: 0; } @media (min-width: 640px) { .c-enrollBanner__timerSection { float: left; } } .c-enrollBanner__timerSection:last-of-type { border-right: none; } .c-enrollBanner__timerNumber { font-size: 20px; color: #fff; line-height: 1; } @media (min-width: 640px) { .c-enrollBanner__timerNumber { font-size: 22px; } } @media (min-width: 1440px) { .c-enrollBanner__timerNumber { font-size: 30px; } } .c-enrollBanner__timerLabel { font-size: 8px; line-height: 1; color: #fff; font-weight: 600; } @media (min-width: 640px) { .c-enrollBanner__timerLabel { font-size: 11px; } } .enrollment-closing-soon .c-enrollBanner__title, .enrollment-closing-soon .c-enrollBanner__title--enrollmentOpen, .enrollment-closing-soon .c-enrollBanner__divider, .enrollment-closing-soon .c-enrollBanner__subtitle { display: none; } .enrollment-closing-soon .c-enrollBanner__inner { padding: 17px 0; background-color: #e57726; } .enrollment-closing-soon .c-enrollBanner__message { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; margin: 0 auto; width: 100%; } .enrollment-closing-soon .c-enrollBanner__timer { display: block; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } .enrollment-closing-soon .c-enrollBanner__title--enrollmentClosingSoon { display: inline-block; } .enrollment-closing-soon .c-enrollBanner__button { display: block; margin-top: 10px; margin-left: 0; } .enrollment-closing-soon .c-enrollBanner__button:hover { color: #d97e3c; } @media (min-width: 640px) { .enrollment-closing-soon .c-enrollBanner__message { width: 600px; } } @media (min-width: 1024px) { .enrollment-closing-soon .c-enrollBanner__message { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; width: 860px; } } @media (min-width: 1440px) { .enrollment-closing-soon .c-enrollBanner__message { width: 946px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; width: 946px; margin: 0 auto; } } @media (min-width: 1440px) { .enrollment-closing-soon .c-enrollBanner__timer { display: block; -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } } @media (min-width: 1024px) { .enrollment-closing-soon .c-enrollBanner__button { margin-top: 0; margin-left: 40px; } } .c-sales-enrollBanner.enrollment-closing-soon { position: relative; } .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner { opacity: 1; position: relative; -webkit-transform: translateY(0); transform: translateY(0); } .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__inner { background: #81cbc5; } .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__message { margin: 0 auto; } .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__title--enrollmentClosingSoon { font-family: GalaxieCopernicus; font-style: italic; font-size: 11px; line-height: normal; } .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__timer { border: none; } .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__timerSection { border-color: #75b8b3; } .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__timerNumber { font-size: 20px; } .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__timerLabel { display: block; font-size: 7px; } @media (min-width: 1024px) { .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__inner { padding: 12px 0; } } @media (min-width: 1440px) { .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__inner { padding: 15px 0; } } @media (min-width: 1024px) { .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__message { max-width: 805px; } } @media (min-width: 640px) { .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__title--enrollmentClosingSoon { font-size: 19px; line-height: 23px; } } @media (min-width: 640px) { .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__timerNumber { font-size: 40px; } } @media (min-width: 640px) { .c-sales-enrollBanner.enrollment-closing-soon .c-enrollBanner__timerLabel { font-size: 9px; } } .enrollment-closed .c-enrollBanner__inner { display: none; } /* when the filters are open, make the panel scrollable */ .c-enrollBanner--reviewSearch {} .c-enrollBanner--reviewSearch.review-filter-active {} @media screen and (max-width: 1023px) and (max-height: 600px) { .c-enrollBanner--reviewSearch.review-filter-active { height: 100%; overflow-x: hidden; overflow-y: scroll; } } .c-enrollNav__open { position: fixed; top: 20px; right: 20px; z-index: 10; width: 50px; height: 50px; background-color: #fff; border: 2px solid #e5e5e5; border-radius: 50%; cursor: pointer; opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 250ms ease; } .enroll-is-sticky .c-enrollNav__open { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .c-enrollNav__open span { position: absolute; top: 50%; left: 12px; display: inline-block; margin-top: -1px; width: 23px; border-bottom: 2px solid #040404; } .c-enrollNav__open span:before, .c-enrollNav__open span:after { content: ''; position: absolute; display: inline-block; width: 100%; border-bottom: 2px solid #040404; } .c-enrollNav__open span:before { top: -7px; } .c-enrollNav__open span:after { bottom: -9px; } .c-enrollNav__close { position: absolute; top: 20px; right: 20px; width: 50px; height: 50px; padding: 14px; cursor: pointer; } .c-enrollNav { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; overflow-x: hidden; overflow-y: auto; background-color: rgba(255, 255, 255, .9); opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .c-enrollNav ul { list-style: none; padding: 0; margin: 0; } .c-enrollNav li { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); transition: opacity 0.6s 0.1s, -webkit-transform 0.6s ease; transition: opacity 0.6s 0.1s, transform 0.6s ease; transition: opacity 0.6s 0.1s, transform 0.6s ease, -webkit-transform 0.6s ease; } .c-enrollNav li:nth-child(1) { transition-delay: 0.3s; } .c-enrollNav li:nth-child(2) { transition-delay: 0.4s; } .c-enrollNav li:nth-child(3) { transition-delay: 0.5s; } .c-enrollNav li:nth-child(4) { transition-delay: 0.6s; } .c-enrollNav li:nth-child(5) { transition-delay: 0.7s; } .c-enrollNav li:nth-child(6) { transition-delay: 0.8s; } .c-enrollNav a { display: inline-block; padding: 10px 0; font-family: 'Gotham', sans-serif; font-size: 18px; color: #aa3782; } .c-enrollNav a:hover { opacity: 0.8; } /* Open state */ .enroll-nav-open .c-enrollNav { opacity: 1; visibility: visible; } .enroll-nav-open .c-enrollNav li { opacity: 1; -webkit-transform: translate(0,0); transform: translate(0,0); } @media (min-width: 640px) { .c-enrollNav li { margin: 18px 0; } } @media (min-width: 1280px) { .c-enrollNav li { margin: 25px 0; } } @media (min-width: 640px) { .c-enrollNav a { font-size: 24px; } } @media (min-width: 1280px) { .c-enrollNav a { font-size: 30px; } } .c-enrollNav__contentSection { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; padding: 30px 0; min-height: 100%; } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-videoModal { display: none; position: fixed; max-width: 1280px; opacity: 0; width: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, calc(-50% + 30px)); transform: translate(-50%, calc(-50% + 30px)); z-index: 9; transition: opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715); transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715), opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715); transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715), opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715); } @media (min-width: 640px) { .c-videoModal { width: 70%; } } .c-videoModal.is-opening { display: inline-block; } .c-videoModal.is-open { transition: opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715); transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715), opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715); transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715), opacity 300ms cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715); opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-videoModal__container {} .c-videoModal__closeContainer { position: absolute; top: -20px; /* right: 12px; */ right: 0; width: 12px; z-index: 1; top: calc(-20px - 20 * ((100vw - 320px) / 320)); /* right: calc(12px + 6 * ((100vw - 320px) / 320)); */ width: calc(12px + 18 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-videoModal__closeContainer { top: -40px; right: 18px; right: 0; width: 30px; } } .c-videoModal__closeContainer:hover { cursor: pointer; } .c-videoModal__close { fill: #fff; font-family: "Helvetica Neue"; font-weight: 300; width: 12px; stroke: #fff; stroke-width: 1px; /* Responsive Sizing Custom */ width: 12px; width: calc(12px + 18 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-videoModal__close { width: 30px; } } .c-videoModal__container { position: relative; padding-bottom: 56.25%; height: 0; margin-top: 60px; max-width: 100%; } .c-videoModal__container iframe, .c-videoModal__container object, .c-videoModal__container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-videoModal__video {} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ .c-videoModal__closeContainer {} .c-plyrHeader__playButton { top: 0% !important; } } @media screen and (-ms-high-contrast: active) and (min-width: 640px), (-ms-high-contrast: none) and (min-width: 640px) { .c-videoModal__closeContainer { top: -92px !important; } } @media screen and (-ms-high-contrast: active) and (min-width: 640px), (-ms-high-contrast: none) and (min-width: 640px) { .c-plyrHeader__playButton { top: 19% !important; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .is-open-enrollment .c-timer__topPadding, .enrollment-closing-soon .c-timer__topPadding { padding-top: 22px; } .page-template-page-reviews-all .c-timer, .page-template-page-reviews-quiz .c-timer, .single-review .c-timer { margin: 10px; } @media (min-width: 1024px) { .page-template-page-reviews-all .c-timer, .page-template-page-reviews-quiz .c-timer, .single-review .c-timer { margin: 20px; } } .c-timer { display: none; text-align: center; background-color: #d97e3c; /* Responsive Sizing Custom */ padding-top: calc(27px + 19 * ((100vw - 320px) / 320)); padding-bottom: calc(27px + 19 * ((100vw - 320px) / 320)); } .is-open-enrollment .c-timer, .enrollment-closing-soon .c-timer { display: block; } .c-timer .o-wrapper {} @media (min-width: 640px) { .c-timer { /* Responsive Sizing Custom */ padding-top: calc(46px + 32 * ((100vw - 640px) / 384)); padding-bottom: calc(46px + 32 * ((100vw - 640px) / 384)); } } @media (min-width: 1024px) { .c-timer { /* Responsive Sizing Custom */ padding-top: calc(76px + 51 * ((100vw - 1024px) / 416)); padding-bottom: calc(76px + 51 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-timer { padding-top: 127px; padding-bottom: 127px; } } @media screen and (min-width: 320px) and (max-width: 640px) { .c-timer .o-wrapper { /* Responsive Sizing Custom */ padding-right: calc(16px + 10 * ((100vw - 320px) / 320)); padding-left: calc(16px + 10 * ((100vw - 320px) / 320)); } } @media screen and (min-width: 640px) and (max-width: 1024px) { .c-timer .o-wrapper { /* Responsive Sizing Custom */ padding-right: calc(26px + 14 * ((100vw - 640px) / 384)); padding-left: calc(26px + 14 * ((100vw - 640px) / 384)); } } .c-timer__inner { background-color: transparent; /* Responsive Sizing Custom */ padding: calc(33px + 33 * ((100vw - 320px) / 320)) 0 calc(10px + 10 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-timer__inner { padding: 0; } } .c-timer__title { text-align: center; margin: 0 auto 30px; color: #fff; /* Responsive Sizing Custom */ margin-bottom: calc(24px + 24 * ((100vw - 320px) / 320)); max-width: calc(220px + 220 * ((100vw - 320px) / 320)); font-size: calc(35px + 35 * ((100vw - 320px) / 320)); line-height: calc(43px + 40 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-timer__title { max-width: none; font-size: 38px; line-height: 44px; margin-bottom: 26px; /* Responsive Sizing Custom */ margin-bottom: calc(34px + 3 * ((100vw - 640px) / 384)); letter-spacing: calc(1.5px - 0.5px * ((100vw - 640px) / 384)); } } @media (min-width: 1024px) { .c-timer__title { /* Responsive Sizing Custom */ margin-bottom: calc(37px + 11 * ((100vw - 1024px) / 416)); font-size: calc(39px + 14 * ((100vw - 1024px) / 416)); line-height: calc(43pxpx + 20.6 * ((100vw - 1024px) / 416)); letter-spacing: calc(0.5px + 0.9 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-timer__title { margin-bottom: 48px; font-size: 50px; line-height: 64.13px; letter-spacing: 1.4px; } } .c-timer__noteOne { margin: 0 auto; letter-spacing: 0.3px; line-height: 27px; font-size: 12px; color: #fff; /* Responsive Sizing Custom */ max-width: calc(240px + 240 * ((100vw - 320px) / 320)); margin-bottom: calc(18px + 18 * ((100vw - 320px) / 320)); font-size: calc(12px + 12 * ((100vw - 320px) / 320)); line-height: calc(27px + 27 * ((100vw - 320px) / 320)); letter-spacing: calc(0.3px + 0.3 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-timer__noteOne { max-width: none; letter-spacing: 0.3px; line-height: 1.5; font-size: 15px; /* Responsive Sizing Custom */ margin-bottom: calc(14px + 2 * ((100vw - 640px) / 384)); } } @media (min-width: 1024px) { .c-timer__noteOne { /* Responsive Sizing Custom */ margin-bottom: calc(16px + 6 * ((100vw - 1024px) / 416)); font-size: calc(15px + 7 * ((100vw - 1024px) / 416)); letter-spacing: calc(0.3px - 0.3 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-timer__noteOne { letter-spacing: 0px; font-size: 20px; margin-bottom: 22px; } } .c-timer__noteTwo { margin: 0 auto 15px; letter-spacing: 0.3px; color: #fff; /* Responsive Custom */ max-width: calc(230px + 230 * ((100vw - 320px) / 320)); font-size: calc(12px + 12 * ((100vw - 320px) / 320)); line-height: calc(27px + 27 * ((100vw - 320px) / 320)); } .c-timer__noteTwo u { text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid; } @media (min-width: 640px) { .c-timer__noteTwo { max-width: none; margin-bottom: 43px; line-height: 19.5px; line-height: 1.5; /* Responsive Typography */ font-size: calc(13px - 1 * ((100vw - 640px) / 384)); } } @media (min-width: 1024px) { .c-timer__noteTwo { /* Responsive Sizing Custom */ margin-bottom: calc(43px + 19 * ((100vw - 1024px) / 416)); font-size: calc(12px + 4 * ((100vw - 1024px) / 416)); letter-spacing: calc(0.3px + 0.1 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-timer__noteTwo { font-size: 16px; letter-spacing: 0.4px; margin-bottom: 62px; } } .c-timer__timer { padding: 24px 20px; max-width: 300px; margin: 0 auto 20px; /* Responsive Custom */ margin-bottom: calc(20px + 20 * ((100vw - 320px) / 320)); max-width: calc(300px + 300 * ((100vw - 320px) / 320)); padding: calc(24px + 20 * ((100vw - 320px) / 320)); } .c-timer__timer:after { content: ''; display: block; clear: both; } @media (min-width: 640px) { .c-timer__timer { border: 1px solid #dedede; /* Responsive Sizing Custom */ max-width: calc(476px + 104 * ((100vw - 640px) / 384)); margin-bottom: calc(40px + 3 * ((100vw - 640px) / 384)); padding: calc(16px + 3 * ((100vw - 640px) / 384)) calc(2px - 2 * ((100vw - 640px) / 384)) calc(17px + 9 * ((100vw - 640px) / 384)); } } @media (min-width: 1024px) { .c-timer__timer { /* Responsive Sizing Custom */ max-width: calc(580px + 240 * ((100vw - 1024px) / 416)); margin-bottom: calc(43px + 17 * ((100vw - 1024px) / 416)); padding: calc(20px + 9 * ((100vw - 1024px) / 416)) calc(2px - 2 * ((100vw - 1024px) / 416)) calc(26px + 10 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-timer__timer { padding: 29px 0 36px; border: 1px solid #dedede; max-width: 820px; margin: 0 auto 60px; } } .c-timer__timerSection { float: left; border-right: 1px solid #dedede; width: 50%; padding: 4px 0 8px; } @media (min-width: 640px) { .c-timer__timerSection { border: none; border-right: 1px solid #dedede; /* Responsive Custom */ padding: calc(6px + 5 * ((100vw - 320px) / 320)) 0 calc(8px - 3 * ((100vw - 320px) / 320)); } } @media (min-width: 1024px) { .c-timer__timerSection { float: left; border-right: 1px solid #dedede; width: 25%; padding: 11px 0 5px; /* Responsive Custom */ padding-bottom: 5px; padding-bottom: calc(5px + 3 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-timer__timerSection { float: left; border-right: 1px solid #dedede; width: 25%; padding: 11px 0 8px; } } .c-timer__timerSection:first-of-type .c-timer__number {} @media screen and (max-width: 639px) { .c-timer__timerSection:first-of-type { border-bottom: 1px solid #dedede; /* Responsive Custom */ padding-bottom: 22px; padding-bottom: calc(22px + 22 * ((100vw - 320px) / 320)); } } @media (min-width: 640px) { .c-timer__timerSection:first-of-type { width: 24%; } } @media (min-width: 1024px) { .c-timer__timerSection:first-of-type .c-timer__number { /* Responsive Custom */ margin-left: -8px; margin-left: calc(-8px + 15 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-timer__timerSection:first-of-type .c-timer__number { margin-left: 7px; } } .c-timer__timerSection:nth-of-type(2) {} @media screen and (max-width: 639px) { .c-timer__timerSection:nth-of-type(2) { border-bottom: 1px solid #dedede; border-right: none; /* Responsive Custom */ padding-bottom: 22px; padding-bottom: calc(22px + 22 * ((100vw - 320px) / 320)); } } @media (min-width: 640px) { .c-timer__timerSection:nth-of-type(2) { width: 25.5%; } } .c-timer__timerSection:nth-of-type(3) {} @media screen and (max-width: 639px) { .c-timer__timerSection:nth-of-type(3) { /* Responsive Custom */ padding-top: 14px; padding-top: calc(14px + 14 * ((100vw - 320px) / 320)); } } @media (min-width: 640px) { .c-timer__timerSection:nth-of-type(3) { width: 25%; } } .c-timer__timerSection:last-of-type { border-right: none; } @media screen and (max-width: 639px) { .c-timer__timerSection:last-of-type { /* Responsive Custom */ padding-top: 14px; padding-top: calc(14px + 14 * ((100vw - 320px) / 320)); } } @media (min-width: 640px) { .c-timer__timerSection:last-of-type { width: 25.5%; } } .c-timer__number { display: block; line-height: 48px; font-size: 50px; color: #d97e3c; /* Responsive Typography */ font-size: calc(50px + 50 * ((100vw - 320px) / 320)); line-height: calc(50px + 50 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-timer__number { /* Responsive Typography */ font-size: calc(56px + 14 * ((100vw - 640px) / 384)); line-height: calc(56px + 9 * ((100vw - 640px) / 384)); } } @media (min-width: 1024px) { .c-timer__number { /* Responsive Typography */ font-size: calc(70px + 28 * ((100vw - 1024px) / 416)); line-height: calc(65px + 33 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-timer__number { font-size: 98px; line-height: 98px; } } .c-timer__label { display: block; font-size: 11px; letter-spacing: 0.3px; line-height: 1; color: #d97e3c; /* Responsive Typography */ font-size: calc(11px + 11 * ((100vw - 320px) / 320)); letter-spacing: calc(0.3px + 0.3 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .c-timer__label { /* Responsive Typography */ font-size: calc(13px + 4 * ((100vw - 640px) / 384)); letter-spacing: calc(0.1px - 0.1 * ((100vw - 640px) / 384)); } } @media (min-width: 1024px) { .c-timer__label { /* Responsive Typography */ font-size: calc(17px + 5 * ((100vw - 1024px) / 416)); letter-spacing: calc(0px + 0.5 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-timer__label { font-size: 22px; letter-spacing: 0.5px; } } .c-timer__button { /* Responsive Custom */ width: calc(288px + 288 * ((100vw - 320px) / 320)); padding: calc(18px + 18* ((100vw - 320px) / 320)) 0; letter-spacing: calc(3.5px + 3.5 * ((100vw - 320px) / 320)); font-size: calc(14px + 10 * ((100vw - 320px) / 320)); background-color: #d97e3c; color: #fff; border: 1px solid #fff; } .c-timer__button:hover { background-color: #fff; color: #d97e3c; } @media (min-width: 640px) { .c-timer__button { font-size: 13px; /* Responsive Custom */ width: 270px; height: 56px; width: calc(270px - 16 * ((100vw - 1024px) / 416)); padding: 17px 0; padding: calc(17px - 3 * ((100vw - 1024px) / 416)) 0; letter-spacing: calc(4.8px - 0.8 * ((100vw - 1024px) / 416)); } } @media (min-width: 1024px) { .c-timer__button { border: 2px solid #fff; /* Responsive Custom */ width: 254px; height: auto; width: calc(254px + 100 * ((100vw - 1024px) / 416)); padding: 17px 0; padding: calc(17px + 7 * ((100vw - 1024px) / 416)) 0; font-size: calc(13px + 3 * ((100vw - 1024px) / 416)); letter-spacing: calc(4px + 1 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .c-timer__button { font-size: 16px; padding: 26px 0 24px 0; width: 354px; letter-spacing: 5px; } } /* FAQS: */ /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Component specific settings */ .c-faq { padding: 40px 0 20px 0; } @media (min-width: 640px) { .c-faq { padding: 60px 0 0 0; } } @media (min-width: 1024px) { .c-faq { padding: 82px 0 0 0; } } .c-faq__title { font-family: 'Gotham', sans-serif; font-weight: 300; color: #000; font-size: 32px; line-height: 36px; margin: 0 0 10px 0; } @media (min-width: 640px) { .c-faq__title { font-size: 38px; line-height: 1.2; } } @media only screen and (min-width: 1550px) { .c-faq__title { font-size: 46px; margin: 0 0 22px 0; } } .c-faq__contentColumn { margin: 0 35px 40px 0; } @media (min-width: 640px) { .c-faq__contentColumn { margin: 0 35px 60px 0; } } @media (min-width: 1024px) { .c-faq__contentColumn { margin: 0 35px 80px 0; } } @media (min-width: 1280px) { .c-faq__contentColumn { margin-right: 0; } } .c-faq__trigger { position: relative; } .c-faq__heading { border-bottom: 1px solid #f2f2f2; font-family: 'Gotham', sans-serif; font-weight: 500; color: #B92685; font-size: 16px; line-height: 26px; padding: 15px 60px 15px 0; position: relative; cursor: pointer; transition: all 500ms ease; } .c-faq__heading a { color: #B92685; } @media (min-width: 640px) { .c-faq__heading { font-size: 20px; line-height: 30px; padding: 18px 50px 18px 0; } } @media (min-width: 1280px) { .c-faq__heading { font-size: 22px; line-height: 32px; } } @media only screen and (min-width: 1550px) { .c-faq__heading { font-size: 28px; line-height: 40px; } } .c-faq__heading.is-active .c-faq__icon--plus { display: none; } .c-faq__heading.is-active .c-faq__icon--minus { display: block; } .c-faq__headingIcon { position: absolute; right: -1px; top: 50%; line-height: 0; margin-top: -13px; } @media (min-width: 1440px) { .c-faq__headingIcon { margin-top: -18px; } } @media (max-width: 1279px) { .c-faq__headingIcon svg { width: 26px; height: 26px; } } .c-faq__linkIcon { position: absolute; right: -44px; top: 50%; margin-top: -13px; line-height: 0; cursor: pointer; } @media (max-width: 1279px) { .c-faq__linkIcon svg { width: 24px; height: 24px; } } @media (min-width: 1280px) { .c-faq__linkIcon { right: -51px; } } @media (min-width: 1440px) { .c-faq__linkIcon { margin-top: -17px; } } .c-faq__linkPanel { position: absolute; top: 23px; right: 0; z-index: 1; width: 235px; padding: 22px 24px 22px; line-height: 1; color: #000; background-color: #fff; border: 1px solid #ececec; border-radius: 5px; box-shadow: 2px -2px 4.98px 0.02px rgba(0, 0, 0, .05); opacity: 0; visibility: hidden; transition: top .3s 0s, opacity .3s 0s, visibility 0s .3s; } .c-faq__linkPanel p { margin-bottom: 11px; font-family: 'Gotham', sans-serif; font-size: 14px; } .c-faq__linkPanel input { display: block; width: 100%; padding: 6px 10px; font-size: 12px; font-weight: 300; color: #000; border: 1px solid #ececec; border-radius: 3px; } .c-faq__linkPanel.is-active { top: 28px; opacity: 1; visibility: visible; transition: top .3s 0s, opacity .3s 0s, visibility 0s 0s; } @media (min-width: 1280px) { .c-faq__linkPanel.is-active { top: 40px; } } .c-faq__icon svg { fill: #B92685; stroke: #B92685; stroke-width: 0.5px; } .c-faq__icon--minus { display: none; } .c-faq__copy { padding: 30px 0 0 0; display: none; } .c-faq__copy:after { content: ''; display: block; clear: both; } .c-faq__copy p, .c-faq__copy li, .c-faq__copy h6 { font-size: 13px; line-height: 27px; } .c-faq__copy p { padding: 0 0 25px 0; } .c-faq__copy p.pR35 {} .c-faq__copy ol { padding: 0; margin: 0 0 25px 10px; } .c-faq__copy ol li { padding: 0 0 5px 0; } .c-faq__copy ul { list-style: none; padding: 0; margin: 0 0 25px 0; } .c-faq__copy ul li { list-style: none; position: relative; padding: 0 0 5px 15px; } .c-faq__copy ul li:before { position: absolute; content: '\2022'; line-height: 1; left: 0; top: 5px; font-size: 16px; } .c-faq__copy h6, .c-faq__copy strong, .c-faq__copy b { font-weight: 600; } .c-faq__copy blockquote p { font-style: italic; } @media only screen and (min-width: 1550px) { .c-faq__copy { font-size: 18px; padding: 33px 0 0 0; } } .c-faq__copy.is-open { display: block; } @media (min-width: 640px) { .c-faq__copy p, .c-faq__copy li, .c-faq__copy h6 { font-size: 14px; line-height: 34px; } } @media (min-width: 1024px) { .c-faq__copy p, .c-faq__copy li, .c-faq__copy h6 { font-size: 14px; line-height: 30px; } } @media (min-width: 1280px) { .c-faq__copy p, .c-faq__copy li, .c-faq__copy h6 { font-size: 16px; line-height: 32px; } } @media only screen and (min-width: 1550px) { .c-faq__copy p, .c-faq__copy li, .c-faq__copy h6 { font-size: 18px; line-height: 40px; } } @media (min-width: 769px) { .c-faq__copy p { padding: 0 0 35px 0; } } @media only screen and (min-width: 1550px) { .c-faq__copy p { padding: 0 0 40px 0; } } @media (min-width: 1024px) { .c-faq__copy p.pR35 { padding-right: 35px; } } @media (min-width: 769px) { .c-faq__copy ol { margin: 0 0 35px 10px; } } @media (min-width: 769px) { .c-faq__copy ul { margin: 0 0 35px 0; } } @media only screen and (min-width: 1550px) { .c-faq__copy ul li { padding: 0 0 5px 18px; } } @media (min-width: 640px) { .c-faq__copy ul li:before { font-size: 18px; top: 8px; } } @media (min-width: 1024px) { .c-faq__copy ul li:before { top: 7px; } } @media only screen and (min-width: 1550px) { .c-faq__copy ul li:before { font-size: 18px; top: 11px; } } .c-faq__textSection a { color: #B92685; cursor: pointer; font-weight: 600; position: relative; /* display: inline-block; */ } .c-faq__textSection a:before { bottom: 5px; left: 0; content: ''; width: 100%; height: 1px; position: absolute; -webkit-transform-origin: 2px; transform-origin: 2px; background: #8e1b61; -webkit-transform: scaleX(0); transform: scaleX(0); transition: -webkit-transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; } .c-faq__textSection a:hover, .c-faq__textSection a:hover { color: #8e1b61; } .c-faq__textSection a:hover:before, .c-faq__textSection a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } @media (min-width: 1024px) { .c-faq__textSection { width: 70%; float: left; padding-right: 100px; } } .c-faq__imageSection { margin: 40px 0; max-width: 420px; margin-right: auto; margin-left: auto; } .c-faq__imageSection img { height: auto; } @media (min-width: 1024px) { .c-faq__imageSection { margin: 0; max-width: inherit; width: 32%; float: right; margin: 0; } } .c-faq__featuredImage { position: relative; } .c-faq__featuredImage .magnify-icon { transition: all 500ms ease; position: absolute; right: -10px; bottom: -15px; } @media (min-width: 1024px) { .c-faq__featuredImage .magnify-icon { opacity: 0; visibility: hidden; top: 50%; left: 50%; right: inherit; bottom: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .c-faq__featuredImage:hover {} @media (min-width: 1024px) { .c-faq__featuredImage:hover .magnify-icon { opacity: 0.9; visibility: visible; } } .c-faq__imageCaption { font-style: italic; margin-top: 30px; } .c-faq__quotation { padding: 0 0 25px 0; } .c-faq__quotation .c-faq__quotationText { font-style: italic; padding: 0 0 15px 0; } .c-faq__quotation .c-faq__quotationName { font-family: 'Gotham', sans-serif; text-transform: uppercase; font-size: 14px; line-height: normal; margin: 0 0 10px 0; letter-spacing: 2px; } .c-faq__quotation .c-faq__quotationLocation { font-size: 12px; line-height: normal; margin: 0; padding: 0; } @media (min-width: 769px) { .c-faq__quotation { padding: 0 0 35px 0; } } @media only screen and (min-width: 1550px) { .c-faq__quotation { padding: 0 0 40px 0; } } @media (min-width: 1440px) { .c-faq__quotation .c-faq__quotationLocation { font-size: 14px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-categories { padding: 50px 0 30px 0; background: #faf9f6; } @media (min-width: 640px) { .c-categories { padding: 70px 0 70px 0; } } @media (min-width: 1440px) { .c-categories { padding: 112px 0 115px 0; } } .c-categories__contentSection .o-column__item {} .c-categories__contentSection .o-column__item:first-child .c-categories__heading {} .c-categories__contentSection .o-column__item:first-child .c-categories__text {} .c-categories__contentSection .o-column__item:last-child .c-categories__heading {} @media (max-width: 639px) { .c-categories__contentSection { margin-right: auto; margin-left: auto; max-width: 280px; } } @media (min-width: 1440px) { .c-categories__contentSection .o-column__item:first-child .c-categories__text { padding: 0 5px; } } @media (min-width: 1440px) { .c-categories__contentSection .o-column__item:last-child .c-categories__heading { padding-left: 15px; padding-right: 15px; } } .c-categories__title { font-weight: 300; font-size: 24px; font-family: 'Gotham', sans-serif; line-height: 1.3; text-align: center; max-width: 890px; margin-right: auto; margin-bottom: 35px; margin-left: auto; } @media (min-width: 640px) { .c-categories__title { font-size: 28px; max-width: 510px; } } @media (min-width: 1024px) { .c-categories__title { font-size: 32px; margin-bottom: 50px; max-width: 780px; } } @media (min-width: 1440px) { .c-categories__title { font-size: 40px; max-width: 920px; margin-bottom: 68px; } } .c-categories__box { cursor: pointer; width: 100%; border: 2px solid #B92685; padding: 15px 20px; text-align: center; transition: all 500ms ease; } @media (min-width: 640px) { .c-categories__box { padding: 45px 20px; } } @media (min-width: 768px) { .c-categories__box { padding: 45px 55px; } } @media (min-width: 1024px) { .c-categories__box { padding: 50px 20px; } } @media (min-width: 1440px) { .c-categories__box { padding: 57px 50px 54px 50px; } } .c-categories__box:hover { background: #F1D3E6; } .c-categories__box:hover .c-categories__border { background: #B92685; } .c-categories__box:hover .c-categories__text { color: #B92685; } .c-categories__heading { font-family: 'Gotham', sans-serif; font-weight: 500; color: #B92685; font-size: 18px; line-height: 22px; } @media (min-width: 640px) { .c-categories__heading { font-size: 22px; line-height: 30px; } } @media (min-width: 769px) { .c-categories__heading { padding: 0 22px; margin-left: auto; margin-right: auto; max-width: 180px; } } @media (min-width: 1024px) { .c-categories__heading { padding: 0 20px; margin-left: 0; margin-right: 0; max-width: inherit; } } @media (min-width: 1280px) { .c-categories__heading { padding: 0 30px; } } @media (min-width: 1440px) { .c-categories__heading { font-size: 30px; line-height: 40px; padding: 0; } } .c-categories__border { background: #d5d5d5; height: 1px; margin: 10px auto; max-width: 145px; overflow: hidden; transition: all 500ms ease; } @media (min-width: 640px) { .c-categories__border { margin: 18px auto; max-width: 170px; } } @media (min-width: 769px) { .c-categories__border { max-width: 220px; margin: 7px auto 11px; } } .c-categories__text { font-style: italic; font-size: 11px; line-height: 18px; font-weight: 600; transition: all 500ms ease; } @media (max-width: 639px) { .c-categories__text { padding: 0 20px; } } @media (min-width: 640px) { .c-categories__text { font-size: 12px; line-height: 24px; } } @media (min-width: 1440px) { .c-categories__text { font-size: 16px; line-height: 32px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-microHero { background-position: center 0; background-repeat: no-repeat; background-size: cover; } .c-microHero__container { height: 480px; } @media (min-width: 640px) { .c-microHero__container { height: 800px; } } @media (min-width: 768px) { .c-microHero__container { padding-top: 0; height: 520px; } } @media (min-width: 1440px) { .c-microHero__container { height: 690px; } } .c-microHero--faq { background-image: url(images/faq/micro-hero-faq-bg-mobile.jpg); } .c-microHero--faq .c-microHero__content {} .c-microHero--faq .c-microHero__paragraph {} @media (max-width: 767px) { .c-microHero--faq { background-size: 100% auto; } } @media (min-width: 768px) { .c-microHero--faq { background-image: url(images/faq/micro-hero-faq-bg-desktop-small.jpg); } } @media (min-width: 1440px) { .c-microHero--faq { background-image: url(images/faq/micro-hero-faq-bg-desktop.jpg); } } @media (max-width: 639px) { .c-microHero--faq .c-microHero__content { position: static; top: 0; -webkit-transform: translateY(0); transform: translateY(0); padding-top: 215px; max-width: 270px; } } @media (min-width: 640px) { .c-microHero--faq .c-microHero__content { padding-top: 430px; max-width: 440px; } } @media (min-width: 768px) { .c-microHero--faq .c-microHero__content { padding-top: 145px; } } @media (min-width: 1024px) { .c-microHero--faq .c-microHero__content { max-width: 462px; } } @media (min-width: 1440px) { .c-microHero--faq .c-microHero__content { max-width: 525px; padding-top: 200px; } } @media (min-width: 1440px) { .c-microHero--faq .c-microHero__paragraph { padding-right: 70px; } } .c-microHero--program { background-image: url(images/program/program-hero-bg-mobile-small.jpg); } .c-microHero--program .o-wrapperProgram {} .c-microHero--program .c-microHero__content { padding-top: 75px; max-width: 270px; } .c-microHero--program .c-microHero__heading {} @media (max-width: 639px) { .c-microHero--program { background-size: cover; } } @media (min-width: 321px) { .c-microHero--program { background-image: url(images/program/program-hero-bg-mobile.jpg); } } @media (min-width: 768px) { .c-microHero--program { background-image: url(images/program/program-hero-bg-mobile-large.jpg); } } @media (min-width: 1024px) { .c-microHero--program { background-image: url(images/program/program-hero-bg-desktop.jpg); background-position: right 0; } } @media (min-width: 1440px) { .c-microHero--program .o-wrapperProgram {} } @media (min-width: 640px) { .c-microHero--program .c-microHero__content { max-width: 530px; padding-top: 120px; padding-left: 0; margin-right: -30px; } } @media (min-width: 768px) { .c-microHero--program .c-microHero__content { padding-top: 180px; margin: 0; max-width: 420px; } } @media (min-width: 1280px) { .c-microHero--program .c-microHero__content { max-width: 610px; } } @media (min-width: 1440px) { .c-microHero--program .c-microHero__content { padding-top: 230px; } } .c-microHero__heading { font-size: 12px; line-height: 35px; font-style: italic; font-weight: 600; letter-spacing: 0.25px; margin: 0; } @media (min-width: 640px) { .c-microHero__heading { font-size: 15px; margin: 0 0 5px 0; } } @media (min-width: 1280px) { .c-microHero__heading { font-size: 16px; } } @media (min-width: 1440px) { .c-microHero__heading { font-size: 18px; } } .c-microHero__subHeading { font-family: 'Gotham', sans-serif; font-size: 26px; line-height: 34px; font-weight: 300; margin-bottom: 10px; letter-spacing: 0.02em; } @media (min-width: 640px) { .c-microHero__subHeading { font-size: 50px; line-height: 62px; } } @media (min-width: 1280px) { .c-microHero__subHeading { font-size: 52px; line-height: 64px; } } @media (min-width: 1440px) { .c-microHero__subHeading { font-size: 58px; line-height: 70px; margin-bottom: 15px; } } .c-microHero__paragraph { font-size: 13px; line-height: 26px; font-weight: 500; } @media (min-width: 640px) { .c-microHero__paragraph { font-size: 16px; line-height: 35px; } } @media (min-width: 1024px) { .c-microHero__paragraph { padding-right: 30px; } } @media (min-width: 1440px) { .c-microHero__paragraph { font-size: 18px; line-height: 40px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .magnify-icon { width: 50px; height: 50px; background: #B92685; border-radius: 50%; display: inline-block; line-height: 65px; text-align: center; cursor: pointer; } .magnify-icon svg { fill: #fff; width: 23px; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .o-footer__padd { padding: 0px 10px 20px 10px; } @media (min-width: 1024px) { .o-footer__padd { padding: 0px 20px 20px 20px; } } .c-questions_padd { padding: 10px 10px 0 10px; } @media (min-width: 1024px) { .c-questions_padd { padding: 20px 20px 0 20px; } } .c-questions { background-color: #faf9f6; padding: 65px 0; } @media (min-width: 1024px) { .c-questions { padding: 100px 0; } } @media (min-width: 1440px) { .c-questions { padding: 113px 0 115px; } } .c-questions__contentSection { padding-left: 60px; padding-right: 60px; } @media (max-width: 1023px) { .c-questions__contentSection { max-width: 230px; margin-right: auto; margin-left: auto; padding: 0px; } } .c-questions__title { font-family: 'Gotham', sans-serif; font-weight: 300; color: #000; font-size: 33px; line-height: 45px; text-align: center; margin-bottom: 40px; letter-spacing: 1.4px; } @media (max-width: 1023px) { .c-questions__title { max-width: 360px; margin-left: auto; margin-right: auto; } } @media (min-width: 640px) { .c-questions__title { font-size: 38px; line-height: 52px; } } @media (min-width: 1024px) { .c-questions__title { font-size: calc(39px + 14 * ((100vw - 1024px) / 416)); line-height: 64px; margin-bottom: 55px; } } @media (min-width: 1440px) { .c-questions__title { font-size: 50px; line-height: 64.13px; margin-bottom: 63px; } } .c-questions__box { text-align: center; } @media (max-width: 1023px) { .c-questions__box { margin-bottom: 50px; } } .c-questions__box--one svg { width: 30px; } @media (min-width: 640px) { .c-questions__box--one svg { width: 36px; } } .c-questions__box--two svg { width: 16px; } @media (min-width: 640px) { .c-questions__box--two svg { width: 20px; } } @media (min-width: 1024px) { .c-questions__box--two svg { margin-top: 5px; } } .c-questions__box--three svg { width: 38px; } @media (min-width: 640px) { .c-questions__box--three svg { width: 42px; } } .c-questions__box--four svg { width: 44px; } @media (min-width: 640px) { .c-questions__box--four svg { width: 52px; } } .c-questions__boxImage {} @media (min-width: 1024px) { .c-questions__boxImage { min-height: 50px; } } .c-questions__heading { font-family: 'Gotham', sans-serif; color: #000; font-size: 23px; line-height: 30px; margin: 1px 0 12px 0; } @media (min-width: 640px) { .c-questions__heading { font-size: 23px; } } @media (min-width: 1024px) { .c-questions__heading { font-size: 26px; line-height: 1.2; } } @media (min-width: 1440px) { .c-questions__heading { font-size: 32px; } } .c-questions__text { font-size: 13px; line-height: 24px; padding: 0 0 15px 0; } @media (min-width: 1024px) { .c-questions__text { font-size: 14px; padding: 0 0 20px 0; } } .c-questions__text.c-questions__text--wider {} @media (min-width: 1024px) { .c-questions__text.c-questions__text--wider { margin-left: -1px; margin-right: -1px; } } @media (min-width: 1440px) { .c-questions__text { font-size: 16px; line-height: 26px; padding: 0 45px 16px 45px; } } .c-questions__link { font-family: 'Gotham', sans-serif; color: #B92685; text-transform: uppercase; font-size: 11px; font-weight: 500; letter-spacing: 0.08em; padding-bottom: 2px; position: relative; } .c-questions__link:before { bottom: -2px; left: 0; content: ''; width: 100%; height: 1px; position: absolute; -webkit-transform-origin: 2px; transform-origin: 2px; background: #8e1b61; -webkit-transform: scaleX(0); transform: scaleX(0); transition: -webkit-transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s; transition: transform 0.3s ease-in-out 0s, -webkit-transform 0.3s ease-in-out 0s; } .c-questions__link:hover, .c-questions__link:hover { color: #8e1b61; } .c-questions__link:hover:before, .c-questions__link:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Reviews Page */ /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-reviewHero { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; min-height: 482px; max-height: 492px; padding-top: 44px; color: #fff; text-align: center; background-color: #424340; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('images/reviews/review-hero-small.png'); /* responsive padding */ padding: calc(30% + 44px) 0 30%; } @media (min-width: 768px) { .c-reviewHero { background-image: url('images/reviews/review-hero-large.png'); /* responsive padding */ padding: calc(26% + 44px) 0 26%; } } @media (min-width: 1024px) { .c-reviewHero { /* responsive padding */ padding: calc(16% + 44px) 0 16%; } } @media (min-width: 1440px) { .c-reviewHero { /* responsive padding */ padding: calc(11% + 44px) 0 11%; } } .c-reviewHero__wrap { width: 100%; max-width: 800px; margin: 0 auto; padding: 0 20px; } .c-reviewHero__heading { margin: 0 0 11px; font-size: 12px; font-style: italic; font-weight: 600; } @media (min-width: 768px) { .c-reviewHero__heading { font-size: 14px; } } @media (min-width: 1024px) { .c-reviewHero__heading { margin-bottom: 20px; font-size: 16px; } } .c-reviewHero__subHeading { margin: 0 0 10px; font-family: 'Gotham', sans-serif; font-size: 30px; font-weight: 300; line-height: 1.2; } @media (min-width: 768px) { .c-reviewHero__subHeading { font-size: 50px; } } @media (min-width: 1024px) { .c-reviewHero__subHeading { font-size: 52px; } } .c-reviewHero__desc { margin: 0; font-family: 'Gotham', sans-serif; font-size: 16px; } @media (min-width: 768px) { .c-reviewHero__desc { font-size: 22px; } } @media (min-width: 1024px) { .c-reviewHero__desc { font-size: 24px; } } .c-reviewBar { padding: 25px 0; color: #fff; font-size: 13px; font-style: italic; font-weight: 600; text-align: center; background-color: #f7f5f0; } .c-reviewBar .c-btn { padding: 7px 23px; margin-left: 12px; font-size: 12px; font-style: normal; color: #fff; background-color: transparent; } .c-reviewBar .c-btn:hover, .c-reviewBar .c-btn:focus { color: #000; background-color: #fff; } @media (max-width: 639px) { .c-reviewBar span { display: block; margin-bottom: 15px; } } .c-reviewBar--mobile { padding: 20px 0; color: #000; font-size: 11px; } .c-reviewBar--mobile a { color: #b92685; border-bottom: 1px solid #b92685; } @media (max-width: 1023px) { .page-template-page-reviews-all .c-reviewBar--mobile { display: none; } } .is-open-enrollment .c-reviewBar, .enrollment-closing-soon .c-reviewBar, .is-open-enrollment .c-reviewBar { color: #000; background-color: #f7f5f0 !important; } .is-open-enrollment .c-reviewBar .c-btn, .enrollment-closing-soon .c-reviewBar .c-btn, .is-open-enrollment .c-reviewBar .c-btn { background-color: #b92685; } .is-open-enrollment .c-reviewBar .c-btn:hover, .is-open-enrollment .c-reviewBar .c-btn:focus, .enrollment-closing-soon .c-reviewBar .c-btn:hover, .enrollment-closing-soon .c-reviewBar .c-btn:focus, .is-open-enrollment .c-reviewBar .c-btn:hover, .is-open-enrollment .c-reviewBar .c-btn:focus { color: #fff; background-color: #941d6a; } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-reviewActions { position: relative; } /* triggers */ .c-reviewActions__triggers { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 56px; padding: 17px 30px; font-family: 'Gotham', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #000; background-color: #f7f5f0; } .c-reviewActions__triggers > span { cursor: pointer; } .c-reviewActions__triggers svg { display: inline-block; vertical-align: middle; } @media (min-width: 1024px) { .c-reviewActions__triggers { display: none; } } /* panel */ @media (max-width: 1023px) { .c-reviewActions__panel { position: absolute; top: 56px; left: 0; z-index: 6; width: 100%; background-color: #fff; } } .c-reviewActions__filter .count { display: inline-block; width: 21px; height: 21px; line-height: 22px; color: #fff; text-align: center; letter-spacing: 0; background-color: #b92685; border-radius: 50%; } .c-reviewActions__filter svg { margin-right: 10px; } .c-reviewActions__search.is-active svg { fill: #9a9a9a; } /* actions backdrop */ @media (max-width: 1023px) { .review-actions-is-clicked .c-allReviews, .review-actions-is-clicked .reviewpage-modules, .review-actions-is-clicked .c-questions_padd, .review-actions-is-clicked .o-footer__padd { position: relative; } .review-actions-is-clicked .c-allReviews:before, .review-actions-is-clicked .reviewpage-modules:before, .review-actions-is-clicked .c-questions_padd:before, .review-actions-is-clicked .o-footer__padd:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); opacity: 0; visibility: hidden; transition: 0.3s 0s, visibility 0s 0.3s; } .review-actions-is-open .c-allReviews, .review-actions-is-open .reviewpage-modules, .review-actions-is-open .c-questions_padd, .review-actions-is-open .o-footer__padd {} .review-actions-is-open .c-allReviews:before, .review-actions-is-open .reviewpage-modules:before, .review-actions-is-open .c-questions_padd:before, .review-actions-is-open .o-footer__padd:before { opacity: 1; visibility: visible; transition: opacity 0.3s 0s, visibility 0s 0s; } } /* filters within the enroll bar */ .c-enrollBanner {} @media (max-width: 1023px) { .c-enrollBanner .c-reviewActions__panel { position: relative; top: 0; } } .c-reviewSearch { display: none; border-bottom: 1px solid #f6f6f6; } .c-reviewSearch .o-wrapper { padding: 0 30px; max-width: 1090px; } .c-reviewSearch input[type="search"] { display: block; width: 100%; padding: 17px 45px 13px 37px; font-family: 'Gotham', sans-serif; font-size: 13px; background-color: #f6f6f6; border: 0; border-radius: 10px; box-sizing: border-box; -webkit-appearance: none; } .c-reviewSearch input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999; } .c-reviewSearch input[type="search"]::-moz-placeholder { /* Firefox 19+ */ color: #999; } .c-reviewSearch input[type="search"]:-ms-input-placeholder { /* IE 10+ */ color: #999; } .c-reviewSearch input[type="search"]:-moz-placeholder { /* Firefox 18- */ color: #999; } .c-reviewSearch button { position: absolute; top: 0; left: 1px; width: 40px; height: 100%; padding: 0; background-color: transparent; border: 0; } .c-reviewSearch button svg { vertical-align: middle; } @media (min-width: 1024px) { .c-reviewSearch { display: block; border-bottom: 0; } } @media (max-width: 1023px) { .c-reviewSearch .o-wrapper { padding: 0; max-width: none; } } @media (min-width: 1024px) { .c-reviewSearch input[type="search"] { padding-left: 52px; font-size: 18px; } } @media (min-width: 1024px) { .c-reviewSearch button { left: 10px; } } .c-reviewSearch__close { width: 14px; right: 19px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .c-reviewSearch__close.is-hidden { display: none; } #v-searchFilterSection .c-reviewActions .c-reviewSearch {} @media (min-width: 1024px) { #v-searchFilterSection .c-reviewActions .c-reviewSearch { display: block !important; height: auto !important; } } .c-reviewSearch__inner { padding: 20px 30px; } @media (min-width: 1024px) { .c-reviewSearch__inner { padding: 40px 0 36px; } } .c-reviewSearch__field { position: relative; } /* search within the enroll bar */ .c-enrollBanner .c-reviewSearch { /* @media (--tablet-small-max) { display: none !important; } .c-reviewSearch__inner { padding: 0; } input[type='search'], input[type='text'] { display: inline-block; padding-top: 35px; padding-bottom: 35px; background-color: #fff; } */ } @media (min-width: 1024px) { .c-enrollBanner .c-reviewSearch { display: none; text-align: center; background-color: #fff; } .c-enrollBanner .c-reviewSearch .o-wrapper { max-width: 720px; } .c-enrollBanner .c-reviewSearch .c-reviewSearch__inner { padding: 0; } .c-enrollBanner .c-reviewSearch input[type='search'], .c-enrollBanner .c-reviewSearch input[type='text'] { display: inline-block; padding-top: 35px; padding-bottom: 35px; background-color: #fff; } } /* search back drop */ @media (min-width: 1024px) { .enroll-is-sticky.review-actions-is-clicked { position: relative; } .enroll-is-sticky.review-actions-is-clicked:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); opacity: 0; visibility: hidden; transition: 0.3s 0s, visibility 0s 0.3s; } .enroll-is-sticky.review-actions-is-open {} .enroll-is-sticky.review-actions-is-open:before { opacity: 1; visibility: visible; transition: opacity 0.3s 0s, visibility 0s 0s; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .single-review.o-wrapper { padding: 0 30px; max-width: 1106px; } @media (min-width: 640px) { .single-review.o-wrapper { padding-right: 70px; padding-left: 70px; } } @media (min-width: 1024px) { .single-review.o-wrapper { padding-right: 30px; padding-left: 30px; } } @media (min-width: 1280px) { .single-review.o-wrapper { padding-right: 38px; padding-left: 38px; } } /* heading */ .c-review__heading { margin-bottom: 50px; padding-bottom: 8px; font-size: 15px; font-weight: 600; font-style: italic; border-bottom: 1px solid #cccbcb; } @media (min-width: 1024px) { .c-review__heading { margin-bottom: 60px; font-size: 20px; } } /* main */ .single-review-detail .c-review__reviewBody {} @media (min-width: 1024px) { .single-review-detail .c-review__reviewBody { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } /* sidebar */ .single-review-detail .c-review__sidebar { max-width: 326px; } @media (min-width: 1024px) { .single-review-detail .c-review__sidebar { width: 350px; max-width: 100%; margin-right: 90px; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .single-review-detail .c-review__sidebar img { width: 100%; } } .single-review-detail .c-review__author { margin: 13px 0 35px; font-size: 12px; line-height: 2; } @media (min-width: 1024px) { .single-review-detail .c-review__author { margin: 32px 0 0; } } .single-review-detail .c-review__authorCompany { font-weight: 600; font-style: italic; } /* contents */ .single-review-detail .c-review__back { padding: 0 0 32px; font-family: 'Gotham', sans-serif; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .single-review-detail .c-review__back a { display: inline-block; padding: 18px 0; color: #000; } .single-review-detail .c-review__back svg { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 4px; } @media (min-width: 1024px) { .single-review-detail .c-review__back { padding: 9px 0 54px; font-size: 11px; } } .single-review-detail .c-review__info { font-size: 13px; line-height: 2.6; } .single-review-detail .c-review__info p { margin-bottom: 40px; } .single-review-detail .c-review__info ul, .single-review-detail .c-review__info ol { margin-left: 20px; } @media (min-width: 1024px) { .single-review-detail .c-review__info { font-size: 15px; } } .single-review-detail .c-review__info--short { position: relative; margin-bottom: 30px; padding-left: 40px; font-size: 16px; font-weight: 500; line-height: 2.1; } @media (min-width: 1024px) { .single-review-detail .c-review__info--short { padding-left: 0; font-size: 23px; } } .single-review-detail .c-review__info--short:before { content: '“'; position: absolute; top: -3px; left: -9px; font-size: 78px; line-height: 1; } @media (min-width: 1024px) { .single-review-detail .c-review__info--short:before { top: 4px; left: -56px; font-size: 93px; } } .single-review-detail .c-review__videoWrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .single-review-detail .c-review__videoWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* video modifier */ .single-review-detail .c-review__reviewBody--video {} @media (min-width: 1024px) { .single-review-detail .c-review__reviewBody--video { margin-top: 59px; } .single-review-detail .c-review__reviewBody--video .c-review__author { margin: 0; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* review item */ .c-review { margin-bottom: 31px; position: relative; } @media (min-width: 1024px) { .c-review { margin-bottom: 50px; } } @media (min-width: 1280px) { .c-review { margin-bottom: 70px; } } @media (min-width: 1920px) { .c-review { margin-bottom: 90px; } } /* structure */ .c-review__imageBlockContainer:before { content: ''; display: table; } .c-review__imageBlockContainer:after { content: ''; display: table; clear: both; } @media (min-width: 1024px) { .c-review__imageBlockContainer { width: calc(99.9% * 38/100 - 55.8px); } .c-review__imageBlockContainer:nth-child(1n) { float: left; margin-right: 90px; clear: none; } .c-review__imageBlockContainer:last-child { margin-right: 0; } .c-review__imageBlockContainer:nth-child(2n) { margin-right: 0; float: right; } .c-review__imageBlockContainer:nth-child(2n + 1) { clear: both; } } .c-review__contentBlock {} @media (max-width: 1023px) { .c-review__contentBlock { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } } @media (min-width: 1024px) { .c-review__contentBlock { width: calc(99.9% * 62/100 - 34.2px); padding-right: 40px; } .c-review__contentBlock:nth-child(1n) { float: left; margin-right: 90px; clear: none; } .c-review__contentBlock:last-child { margin-right: 0; } .c-review__contentBlock:nth-child(2n) { margin-right: 0; float: right; } .c-review__contentBlock:nth-child(2n + 1) { clear: both; } } /* content */ .c-review__tag { display: block; position: absolute; top: 15px; left: 0; z-index: 1; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; padding: 10px 9px 8px 33px; line-height: 1; border-radius: 0 4px 4px 0; font-weight: 500; font-size: 11px; } @media (min-width: 1024px) { .c-review__tag { padding: 12px 9px 8px 33px; font-size: 14px; } } @media (min-width: 1280px) { .c-review__tag { padding: 11px 9px 8px 31px; letter-spacing: 0.7px; font-weight: 500; font-size: 12px; } } .c-review__tag.c-review__tag--video { background-color: #E57F7D; } .c-review__tag.c-review__tag--story { background-color: #E57726; } .c-review__tag.c-review__tag--snapshot { background-color: #42B979; } .c-review__reviewBody { width: 100%; } .c-review__reviewBody:before { content: ''; display: table; } .c-review__reviewBody:after { content: ''; display: table; clear: both; } @media (max-width: 1023px) { .c-review__reviewBody { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } } .c-review__imageBlockInfo { display: none; } .is-open .c-review__imageBlockInfo {} @media (min-width: 1024px) { .is-open .c-review__imageBlockInfo { margin-top: 30px; display: block; } } .c-review__imageBlock { position: relative; overflow: hidden; max-width: 326px; margin-bottom: 30px; background-color: #f6f6f6; } @media (min-width: 1024px) { .c-review__imageBlock { max-width: none; } } @media (max-width: 639px) { .c-review__imageBlock { /* width: 180px; */ /* margin-left: 22px; */ /* margin-top: 24px; */ /* margin-bottom: 27px; */ } } @media (max-width: 1023px) { .c-review__imageBlock { /* width: 180px; */ /* margin-bottom: 30px; */ } } .c-review__imageOverlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #000; opacity: 0.5; z-index: 1; } .c-review__imageWatchedBox { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .c-review__imageWatchedIcon { opacity: 1; width: 20px; z-index: 2; margin-bottom: 6px; } .c-review__imageWatchedIcon .cls-1 { fill: none; stroke: #fff; stroke-miterlimit: 10; stroke-width: 2px; } .c-review__imageWatchedIcon .cls-2 { fill: #fff; } .c-review__imageWatchedText { color: #fff; font-style: italic; display: none; z-index: 2; font-weight: 600; font-size: 13px; display: block; } .c-review__image { width: 100%; height: auto; } .c-review__text { font-weight: 500; letter-spacing: 0.3px; text-indent: -0.5em; font-size: 16px; line-height: 2.2; } @media (min-width: 640px) { .c-review__text { font-size: 18px; } } @media (min-width: 1024px) { .c-review__text { font-size: 20px; } } .c-review__text:before { content: '“'; } .c-review__text:after { content: '”'; } .c-review__infoBlock { margin-top: 23px; } .c-review__name { font-family: 'Gotham', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; } @media (min-width: 1024px) { .c-review__name { font-size: 14px; line-height: 18px; } } .c-review__position { margin-top: 9px; font-size: 12px; font-style: italic; font-weight: 600; } @media (min-width: 640px) { .c-review__position { font-size: 14px; font-weight: 600; } } @media (min-width: 1024px) { .c-review__position { font-size: 12px; } } .c-review__location { margin-top: 6px; font-size: 12px; } @media (min-width: 1024px) { .c-review__location { font-size: 12px; } } .c-review__expandSection { margin-top: 4px; } .c-review__expandSection a { display: block; padding: 23px 0; font-family: 'Gotham', sans-serif; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #b92685; cursor: pointer; } .c-review__expandSection a svg { display: inline-block; vertical-align: middle; margin-right: 7px; } .c-review__expandSection a + a { border-top: 1px solid #f2f2f2; } @media (min-width: 640px) { .c-review__expandSection { margin-top: 28px; border-top: 1px solid #f2f2f2; } } @media (min-width: 640px) { .c-review__expandSection a { display: inline-block; font-size: 11px; min-height: 68px; } } @media (min-width: 640px) { .c-review__expandSection a + a { position: relative; border-top: 0; padding-left: 17px; } .c-review__expandSection a + a::before { content: ''; position: absolute; top: 25px; left: 5px; border-left: 1px solid #cccbcb; height: 11px; } } /* video modal */ .c-review__videoContainer { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } @media (max-width: 1023px) { .c-review__videoContainer { margin-bottom: 36px; } } .c-review__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-review__fullText { font-size: 13px; line-height: 27px; font-weight: 500; /* max-width: 780px; */ /* margin: 0 auto; */ padding: 0 0 20px; } /* lost-column: 62/100 2 100px; lost-offset: -38/100 2 100px; */ .c-review__fullText p { margin-bottom: 44px; } .c-review__fullText p:last-of-type { margin-bottom: 0; } .story .c-review__fullText { width: 100%; margin: 0; } @media (min-width: 640px) { .c-review__fullText { font-size: 17px; line-height: 45px; padding-bottom: 40px; } } @media (min-width: 1024px) { .c-review__fullText { font-size: 15px; line-height: 41px; padding-bottom: 80px; } } @media (min-width: 1280px) { .c-review__fullText { font-size: 17px; line-height: 45px; } } @media (max-width: 639px) { .c-review__fullText p { margin-bottom: 30px; } } .c-review__expandContentCloser { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; /* margin-top: 8px; */ color: #B92685; text-transform: uppercase; font-size: 13px; font-family: 'Gotham', sans-serif; font-weight: 500; letter-spacing: 1px; } @media (max-width: 1023px) { .c-review__expandContentCloser { line-height: 2; padding-bottom: 30px; } } @media (min-width: 640px) { .c-review__expandContentCloser { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; border-top: 1px solid #f2f2f2; padding-top: 30px; font-size: 13px; font-weight: 500; } } @media (min-width: 1024px) { .c-review__expandContentCloser { margin-top: 35px; font-size: 11px; } } @media (min-width: 1280px) { .c-review__expandContentCloser { font-size: 11px; } } .c-review__close {} .c-review__close:hover { cursor: pointer; } .video.is-open .c-review__infoBlock { display: block; } .story .c-review__expandContentCloser { display: none; } .c-allReviews__layover { display: none; } /* quiz reviews */ .page-template-page-reviews-quiz .c-review { padding: 40px 20px 10px; margin-bottom: 20px; background-color: #fff; } .page-template-page-reviews-quiz .c-review .c-review__imageBlockContainer {} .page-template-page-reviews-quiz .c-review .c-review__imageBlock { margin-top: 20px; border-radius: 50%; } .page-template-page-reviews-quiz .c-review .c-review__contentBlock {} @media (min-width: 640px) { .page-template-page-reviews-quiz .c-review { padding: 50px 60px 10px; } } @media (min-width: 1024px) { .page-template-page-reviews-quiz .c-review { padding: 50px 48px 16px; } } @media (min-width: 1280px) { .page-template-page-reviews-quiz .c-review { padding: 50px 48px 16px 40px; } } @media (min-width: 1024px) { .page-template-page-reviews-quiz .c-review .c-review__imageBlockContainer { width: calc(99.9% * 28/100 - 28.8px); } .page-template-page-reviews-quiz .c-review .c-review__imageBlockContainer:nth-child(1n) { float: left; margin-right: 40px; clear: none; } .page-template-page-reviews-quiz .c-review .c-review__imageBlockContainer:last-child { margin-right: 0; } .page-template-page-reviews-quiz .c-review .c-review__imageBlockContainer:nth-child(2n) { margin-right: 0; float: right; } .page-template-page-reviews-quiz .c-review .c-review__imageBlockContainer:nth-child(2n + 1) { clear: both; } } @media (min-width: 1280px) { .page-template-page-reviews-quiz .c-review .c-review__imageBlockContainer { width: calc(99.9% * 23/100 - 30.8px); } .page-template-page-reviews-quiz .c-review .c-review__imageBlockContainer:nth-child(1n) { float: left; margin-right: 40px; clear: none; } .page-template-page-reviews-quiz .c-review .c-review__imageBlockContainer:last-child { margin-right: 0; } .page-template-page-reviews-quiz .c-review .c-review__imageBlockContainer:nth-child(2n) { margin-right: 0; float: right; } .page-template-page-reviews-quiz .c-review .c-review__imageBlockContainer:nth-child(2n + 1) { clear: both; } } @media (max-width: 639px) { .page-template-page-reviews-quiz .c-review .c-review__imageBlock { width: 180px; margin-left: 22px; margin-top: 24px; margin-bottom: 30px; } } @media (max-width: 1023px) { .page-template-page-reviews-quiz .c-review .c-review__imageBlock { width: 180px; margin-bottom: 30px; } } @media (min-width: 1024px) { .page-template-page-reviews-quiz .c-review .c-review__contentBlock { width: calc(99.9% * 72/100 - 11.2px); } .page-template-page-reviews-quiz .c-review .c-review__contentBlock:nth-child(1n) { float: left; margin-right: 40px; clear: none; } .page-template-page-reviews-quiz .c-review .c-review__contentBlock:last-child { margin-right: 0; } .page-template-page-reviews-quiz .c-review .c-review__contentBlock:nth-child(2n) { margin-right: 0; float: right; } .page-template-page-reviews-quiz .c-review .c-review__contentBlock:nth-child(2n + 1) { clear: both; } } @media (min-width: 1280px) { .page-template-page-reviews-quiz .c-review .c-review__contentBlock { width: calc(99.9% * 77/100 - 9.2px); padding-right: 40px; } .page-template-page-reviews-quiz .c-review .c-review__contentBlock:nth-child(1n) { float: left; margin-right: 40px; clear: none; } .page-template-page-reviews-quiz .c-review .c-review__contentBlock:last-child { margin-right: 0; } .page-template-page-reviews-quiz .c-review .c-review__contentBlock:nth-child(2n) { margin-right: 0; float: right; } .page-template-page-reviews-quiz .c-review .c-review__contentBlock:nth-child(2n + 1) { clear: both; } } /* 3 columns review */ .c-review--3ColumnWrapper .c-review { margin-bottom: 20px; } .c-review--3ColumnWrapper .c-review .c-review__reviewBody {} .c-review--3ColumnWrapper .c-review .c-review__imageBlockContainer { float: none; width: 100%; margin: 0 0 31px; } .c-review--3ColumnWrapper .c-review .c-review__contentBlock { float: none; width: 100%; margin: 0; padding: 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; } @media (min-width: 640px) { .c-review--3ColumnWrapper { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media (min-width: 640px) { .c-review--3ColumnWrapper .c-review { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: calc(99.9% * 1/3 - 13.333333333333332px); } .c-review--3ColumnWrapper .c-review:nth-child(1n) { float: left; margin-right: 20px; clear: none; } .c-review--3ColumnWrapper .c-review:last-child { margin-right: 0; } .c-review--3ColumnWrapper .c-review:nth-child(3n) { margin-right: 0; float: right; } .c-review--3ColumnWrapper .c-review:nth-child(3n + 1) { clear: both; } } @media (min-width: 1024px) { .c-review--3ColumnWrapper .c-review { width: calc(99.9% * 1/3 - 20px); } .c-review--3ColumnWrapper .c-review:nth-child(1n) { float: left; margin-right: 30px; clear: none; } .c-review--3ColumnWrapper .c-review:last-child { margin-right: 0; } .c-review--3ColumnWrapper .c-review:nth-child(3n) { margin-right: 0; float: right; } .c-review--3ColumnWrapper .c-review:nth-child(3n + 1) { clear: both; } } @media (min-width: 1280px) { .c-review--3ColumnWrapper .c-review { width: calc(99.9% * 1/3 - 60px); } .c-review--3ColumnWrapper .c-review:nth-child(1n) { float: left; margin-right: 90px; clear: none; } .c-review--3ColumnWrapper .c-review:last-child { margin-right: 0; } .c-review--3ColumnWrapper .c-review:nth-child(3n) { margin-right: 0; float: right; } .c-review--3ColumnWrapper .c-review:nth-child(3n + 1) { clear: both; } } @media (min-width: 640px) { .c-review--3ColumnWrapper .c-review .c-review__reviewBody { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-reviewQuestions { background-color: #f2f2f2; } .c-reviewQuestions__container { padding-top: 54px; padding-bottom: 54px; } @media (min-width: 640px) { .c-reviewQuestions__container { padding: 76px 65px; } } @media (min-width: 1024px) { .c-reviewQuestions__container { padding: 76px 0; max-width: 966px; } } @media (min-width: 1280px) { .c-reviewQuestions__container { max-width: 1040px; padding: 92px 0; } } .c-reviewQuestions__section:after { content: ''; display: block; clear: both; } .c-reviewQuestions__section.c-reviewQuestions__section--2 { margin-top: 42px; } @media (min-width: 1280px) { .c-reviewQuestions__section.c-reviewQuestions__section--2 { margin-top: 102px; } } .c-reviewQuestions__intro { text-align: center; margin-bottom: 21px; } @media (min-width: 640px) { .c-reviewQuestions__intro { margin-bottom: 38px; } } @media (min-width: 1024px) { .c-reviewQuestions__intro { margin-bottom: 42px; } } @media (min-width: 1280px) { .c-reviewQuestions__intro { margin-bottom: 42px; } } .c-reviewQuestions__titleLabel { font-style: italic; font-weight: 700; font-size: 11px; letter-spacing: 0.8px; } @media (min-width: 640px) { .c-reviewQuestions__titleLabel { font-size: 13px; } } @media (min-width: 1024px) { .c-reviewQuestions__titleLabel { font-size: 14px; font-weight: 600; } } @media (min-width: 1280px) { .c-reviewQuestions__titleLabel {} } .c-reviewQuestions__title { font-family: 'Gotham', sans-serif; font-size: 24px; font-weight: 300; margin-top: 11px; } @media (min-width: 640px) { .c-reviewQuestions__title { padding: 0 36px; font-size: 28px; } } @media (min-width: 1024px) { .c-reviewQuestions__title { font-size: 32px; } } @media (min-width: 1280px) { .c-reviewQuestions__title {} } .c-reviewQuestions__questionsContainer:before { content: ''; display: table; } .c-reviewQuestions__questionsContainer:after { content: ''; display: table; clear: both; } .c-reviewQuestions__questionsContainer.c-reviewQuestions__questionsContainer--issueSet { display: none; } .c-reviewQuestions__questionsContainer.c-reviewQuestions__questionsContainer--issueSet.is-selected-issue-set { padding: 0 10px; display: block; } @media (min-width: 640px) { .c-reviewQuestions__questionsContainer.c-reviewQuestions__questionsContainer--issueSet.is-selected-issue-set { padding: 0; } } .c-reviewQuestions__question { color: #fff; position: relative; border: 4px solid transparent; } .c-reviewQuestions__question:before { content: ''; display: table; } .c-reviewQuestions__question:after { content: ''; display: table; clear: both; } .c-reviewQuestions__question.is-selected {} .c-reviewQuestions__question.c-reviewQuestions__question--stage { margin-bottom: 10px; margin-left: 7px; } @media (min-width: 640px) { .c-reviewQuestions__question.c-reviewQuestions__question--stage { margin-bottom: 16px; margin-right: 7px; } } @media (min-width: 1024px) { .c-reviewQuestions__question.c-reviewQuestions__question--stage { margin-left: 0; margin-right: 0; width: calc(99.9% * 1/3 - 0.666666666666667rem); } .c-reviewQuestions__question.c-reviewQuestions__question--stage:nth-child(1n) { float: left; margin-right: 1rem; clear: none; } .c-reviewQuestions__question.c-reviewQuestions__question--stage:last-child { margin-right: 0; } .c-reviewQuestions__question.c-reviewQuestions__question--stage:nth-child(3n) { margin-right: 0; float: right; } .c-reviewQuestions__question.c-reviewQuestions__question--stage:nth-child(3n + 1) { clear: both; } } @media (min-width: 1280px) { .c-reviewQuestions__question.c-reviewQuestions__question--stage { margin: 0; width: calc(99.9% * 1/3 - 0.666666666666667rem); } .c-reviewQuestions__question.c-reviewQuestions__question--stage:nth-child(1n) { float: left; margin-right: 1rem; clear: none; } .c-reviewQuestions__question.c-reviewQuestions__question--stage:last-child { margin-right: 0; } .c-reviewQuestions__question.c-reviewQuestions__question--stage:nth-child(3n) { margin-right: 0; float: right; } .c-reviewQuestions__question.c-reviewQuestions__question--stage:nth-child(3n + 1) { clear: both; } } .quiz-initial .c-reviewQuestions__question.c-reviewQuestions__question--stage:hover, .quiz-results .c-reviewQuestions__question.c-reviewQuestions__question--stage:hover { cursor: pointer; } .quiz-initial .c-reviewQuestions__question.c-reviewQuestions__question--stage:hover .c-reviewQuestions__border, .quiz-results .c-reviewQuestions__question.c-reviewQuestions__question--stage:hover .c-reviewQuestions__border { border: 4px solid #42B979; } .quiz-initial .c-reviewQuestions__question.c-reviewQuestions__question--stage:hover .c-reviewQuestions__questionOverlay, .quiz-results .c-reviewQuestions__question.c-reviewQuestions__question--stage:hover .c-reviewQuestions__questionOverlay { background-color: #000; opacity: 0.5; z-index: 1; } .c-reviewQuestions__question.c-reviewQuestions__question--stage:nth-of-type(1) .c-reviewQuestions__questionInfoBox { background-color: #E57726; } .c-reviewQuestions__question.c-reviewQuestions__question--stage:nth-of-type(2) .c-reviewQuestions__questionInfoBox { background-color: #E57F7D; } .c-reviewQuestions__question.c-reviewQuestions__question--stage:nth-of-type(3) .c-reviewQuestions__questionInfoBox { background-color: #52C2B9; } .c-reviewQuestions__question.c-reviewQuestions__question--issue { width: calc(99.9% * 1/2 - 5px); margin-bottom: 10px; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-child(1n) { float: left; margin-right: 10px; clear: none; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:last-child { margin-right: 0; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-child(2n) { margin-right: 0; float: right; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-child(2n + 1) { clear: both; } @media (min-width: 640px) { .c-reviewQuestions__question.c-reviewQuestions__question--issue {} } @media (min-width: 1024px) { .c-reviewQuestions__question.c-reviewQuestions__question--issue { width: calc(99.9% * 1/4 - 7.5px); } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-child(1n) { float: left; margin-right: 10px; clear: none; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:last-child { margin-right: 0; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-child(4n) { margin-right: 0; float: right; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-child(4n + 1) { clear: both; } } @media (min-width: 1280px) { .c-reviewQuestions__question.c-reviewQuestions__question--issue { width: calc(99.9% * 1/4 - 7.5px); } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-child(1n) { float: left; margin-right: 10px; clear: none; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:last-child { margin-right: 0; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-child(4n) { margin-right: 0; float: right; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-child(4n + 1) { clear: both; } } .c-reviewQuestions__question.c-reviewQuestions__question--issue:hover { cursor: pointer; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:hover .c-reviewQuestions__border { border: 4px solid #42B979; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:hover .c-reviewQuestions__questionOverlay { background-color: #000; opacity: 0.5; z-index: 1; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(1) .c-reviewQuestions__questionInfoBox, .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(2) .c-reviewQuestions__questionInfoBox { background-color: #E57726; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(3) .c-reviewQuestions__questionInfoBox, .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(4) .c-reviewQuestions__questionInfoBox { background-color: #E57F7D; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(5) .c-reviewQuestions__questionInfoBox, .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(6) .c-reviewQuestions__questionInfoBox { background-color: #52C2B9; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(7) .c-reviewQuestions__questionInfoBox, .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(8) .c-reviewQuestions__questionInfoBox { background-color: #42B979; } @media (min-width: 1024px) { .c-reviewQuestions__question.c-reviewQuestions__question--issue {} .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(1) .c-reviewQuestions__questionInfoBox, .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(5) .c-reviewQuestions__questionInfoBox { background-color: #E57726; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(2) .c-reviewQuestions__questionInfoBox, .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(6) .c-reviewQuestions__questionInfoBox { background-color: #E57F7D; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(3) .c-reviewQuestions__questionInfoBox, .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(7) .c-reviewQuestions__questionInfoBox { background-color: #52C2B9; } .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(4) .c-reviewQuestions__questionInfoBox, .c-reviewQuestions__question.c-reviewQuestions__question--issue:nth-of-type(8) .c-reviewQuestions__questionInfoBox { background-color: #42B979; } } .c-reviewQuestions__border { position: absolute; z-index: 3; top: 0; right: 0; left: 0; bottom: 0; } .is-selected .c-reviewQuestions__border { border: 4px solid #42B979; } .c-reviewQuestions__questionOverlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .is-selected .c-reviewQuestions__questionOverlay { background-color: #000; opacity: 0.5; z-index: 1; } .c-reviewQuestions__checkmark { position: absolute; top: 15px; left: 15px; opacity: 0; width: 20px; z-index: 2; } .c-reviewQuestions__checkmark .cls-1 { fill: #fff; } .c-reviewQuestions__checkmark .cls-2 { fill: #42B979; } .is-selected .c-reviewQuestions__checkmark { opacity: 1; } @media (min-width: 640px) { .c-reviewQuestions__checkmark {} } @media (min-width: 1024px) { .c-reviewQuestions__checkmark { top: 20px; left: 20px; width: 24px; } } @media (min-width: 1280px) { .c-reviewQuestions__checkmark {} } .c-reviewQuestions__imageContainer { background-size: cover; background-position: center bottom; background-repeat: no-repeat; height: 88px; background-color: #fff; } @media (max-width: 639px) { .c-reviewQuestions__imageContainer { background-position: center top; } } @media (min-width: 640px) { .c-reviewQuestions__imageContainer { height: 86px; } } @media (min-width: 1024px) { .c-reviewQuestions__imageContainer { height: 188px; } } @media (min-width: 1280px) { .c-reviewQuestions__imageContainer {} } .c-reviewQuestions__imageContainer.c-reviewQuestions__imageContainer--two { height: 82px; } @media (min-width: 640px) { .c-reviewQuestions__imageContainer.c-reviewQuestions__imageContainer--two { height: 140px; } } .c-reviewQuestions__image {} .c-reviewQuestions__questionInfoBox { height: 114px; padding-top: 6px; padding-left: 22px; padding-right: 62px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .c-reviewQuestions__section--2 .c-reviewQuestions__questionInfoBox { height: 100px; padding: 0 15px; font-size: 12px; } @media (min-width: 640px) { .c-reviewQuestions__questionInfoBox { height: 100px; padding-left: 28px; padding-right: 20px; } } @media (min-width: 1024px) { .c-reviewQuestions__questionInfoBox { height: 128px; padding-left: 16px; padding-right: 10px; } } @media (min-width: 1280px) { .c-reviewQuestions__questionInfoBox { height: 140px; padding-left: 25px; } } @media (min-width: 640px) { .c-reviewQuestions__section--2 .c-reviewQuestions__questionInfoBox { padding-right: 20px; padding-left: 26px; } } @media (min-width: 1024px) { .c-reviewQuestions__section--2 .c-reviewQuestions__questionInfoBox {} } .c-reviewQuestions__stageQuestionTitle { z-index: 2; font-family: 'Gotham', sans-serif; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; font-size: 11px; } @media (min-width: 640px) { .c-reviewQuestions__stageQuestionTitle {} } @media (min-width: 1024px) { .c-reviewQuestions__stageQuestionTitle { letter-spacing: 1px; } } @media (min-width: 1280px) { .c-reviewQuestions__stageQuestionTitle { font-size: 12px; } } .c-reviewQuestions__stageQuestionText { z-index: 2; margin-top: 5px; line-height: 20px; font-size: 11px; font-weight: 500; } @media (min-width: 640px) { .c-reviewQuestions__stageQuestionText { font-size: 14px; letter-spacing: 0.3px; } } @media (min-width: 1024px) { .c-reviewQuestions__stageQuestionText { margin-top: 6px; font-size: 14px; } } .c-reviewQuestions__issueQuestionText { z-index: 2; line-height: 20px; font-weight: 500; } @media (min-width: 640px) { .c-reviewQuestions__issueQuestionText { font-size: 15px; line-height: 1.6; } } .c-reviewQuestions__button { display: none; margin: 42px auto 0; font-size: 9px; font-weight: 500; padding: 12px 24px; } @media (min-width: 640px) { .c-reviewQuestions__button { margin-top: 60px; padding: 14px 28px; font-size: 11px; } } @media (min-width: 1024px) { .c-reviewQuestions__button { width: auto; padding: 15px 30px; } } .c-reviewQuestions__button.c-reviewQuestions__button--stage { font-size: 11px; padding: 10px 49px; letter-spacing: 2px; } @media (min-width: 640px) { .c-reviewQuestions__button.c-reviewQuestions__button--stage { margin-top: 60px; padding: 14px 46px; font-size: 11px; letter-spacing: 3.5px; } } @media (min-width: 1024px) { .c-reviewQuestions__button.c-reviewQuestions__button--stage { margin-top: 56px; width: auto; padding: 15px 54px; font-size: 12px; letter-spacing: 3.5px; } } .c-reviewQuestions__button.c-reviewQuestions__button--issue { font-size: 11px; padding: 10px 21px; letter-spacing: 2px; } @media (min-width: 640px) { .c-reviewQuestions__button.c-reviewQuestions__button--issue { margin-top: 60px; padding: 14px 28px; font-size: 11px; letter-spacing: 3px; } } @media (min-width: 1024px) { .c-reviewQuestions__button.c-reviewQuestions__button--issue { font-size: 12px; width: auto; padding: 17px 28px; margin-top: 64px; letter-spacing: 3.5px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-reviewMore { position: relative; padding: 0 10px; } @media (min-width: 1024px) { .c-reviewMore { padding: 0 20px; } } .quiz-results .c-reviewMore__container { background-image: url('images/reviews/review-see-quiz-mobile.jpg'); } @media (min-width: 640px) { .quiz-results .c-reviewMore__container { background-image: url('images/reviews/review-see-quiz-mobile-large.jpg'); } } @media (min-width: 1024px) { .quiz-results .c-reviewMore__container { background-image: url('images/reviews/review-see-quiz-tablet.jpg'); } } @media (min-width: 100em) { .quiz-results .c-reviewMore__container { background-image: url('images/reviews/review-see-quiz-desktop.jpg'); } } .c-reviewMore__container { height: 600px; background-size: cover; background-position: top center; background-repeat: no-repeat; background-image: url('images/reviews/review-see-all-mobile.jpg'); } @media (min-width: 640px) { .c-reviewMore__container { background-position: center; height: 822px; background-image: url('images/reviews/review-see-all-mobile-large.jpg'); } } @media (min-width: 1024px) { .c-reviewMore__container { background-image: url('images/reviews/review-see-all-tablet.jpg'); } } @media (min-width: 100em) { .c-reviewMore__container { background-image: url('images/reviews/review-see-all-desktop.jpg'); } } .c-reviewMore__box { position: absolute; top: 50%; left: 30px; right: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; padding: 28px 0; text-align: center; } @media (min-width: 640px) { .c-reviewMore__box { left: 50%; width: 520px; padding: 38px 0; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @media (min-width: 1024px) { .c-reviewMore__box { width: 610px; padding: 44px 0; } } .c-reviewMore__subtitle { font-style: italic; font-weight: 600; letter-spacing: 0.5px; font-size: 12px; } @media (min-width: 640px) { .c-reviewMore__subtitle { font-size: 14px; } } @media (min-width: 1024px) { .c-reviewMore__subtitle { font-size: 15.5px; } } @media (min-width: 1280px) { .c-reviewMore__subtitle { font-size: 15px; } } .c-reviewMore__title { font-family: 'Gotham', sans-serif; font-weight: 300; margin-top: 12px; font-size: 34px; padding: 0 30px; line-height: 40px; } @media (min-width: 640px) { .c-reviewMore__title { font-size: 42px; margin-top: 8px; line-height: 55px; padding: 0; } } @media (min-width: 1024px) { .c-reviewMore__title { font-size: 42px; margin-top: 6px; } } @media (min-width: 1280px) { .c-reviewMore__title { font-size: 50px; } } .c-reviewMore__buttonSection { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } @media (min-width: 640px) { .c-reviewMore__buttonSection { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; margin: 26px auto 0; width: 520px; } } .c-reviewMore__button { width: 100%; max-width: 200px; margin: 0 auto; border: none; line-height: 1; padding: 13px; font-weight: 500; font-size: 11px; letter-spacing: 2px; } .c-reviewMore__button:first-of-type { margin-bottom: 14px; } @media (min-width: 640px) { .c-reviewMore__button { letter-spacing: 3px; font-weight: 600; padding: 16px 0; width: 230px; max-width: none; font-size: 12px; } .c-reviewMore__button:first-of-type { margin-bottom: 0; } } @media (min-width: 1024px) { .c-reviewMore__button { width: 245px; padding: 19px 0; letter-spacing: 3.5px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-reviewFilter { display: none; color: #000; position: relative; z-index: 6; } .c-reviewFilter .o-wrapper { padding: 0 30px; max-width: 1106px; } @media (min-width: 1024px) { .c-reviewFilter { display: block; } } @media (max-width: 1023px) { .c-reviewFilter .o-wrapper { padding: 0; max-width: none; } } @media (min-width: 1280px) { .c-reviewFilter .o-wrapper { padding-right: 38px; padding-left: 38px; } } .c-reviewActions .c-reviewFilter {} @media (min-width: 1024px) { .c-reviewActions .c-reviewFilter { display: block !important; height: auto !important; } } .c-reviewFilter__inner { position: relative; } .c-reviewFilter__title { display: none; } @media (min-width: 1024px) { .c-reviewFilter__title { display: inline-block; margin-right: 20px; font-size: 14px; } } @media (min-width: 1280px) { .c-reviewFilter__title { margin-right: 40px; } } .c-reviewFilter__reset { float: right; font-size: 12px; font-weight: 600; line-height: 1; border-bottom: 1px solid #000; cursor: pointer; } @media (min-width: 1024px) { .c-reviewFilter__reset { position: absolute; top: 4px; right: 0; border-bottom-color: #ddd; } } @media (max-width: 1023px) { .c-reviewFilter__reset svg { display: none; } } .c-reviewFilter__close { cursor: pointer; } @media (min-width: 1024px) { .c-reviewFilter__close { display: none; } } .c-reviewFilter__search { display: none; position: absolute; top: 4px; right: 0; cursor: pointer; } .c-reviewFilter__search.is-active svg { fill: #9a9a9a; } .c-reviewFilter__list { padding: 26px 30px 30px; } .c-reviewFilter__list a { color: #000; } .c-reviewFilter__list ul, .c-reviewFilter__list li { margin: 0; padding: 0; list-style: none; } .c-reviewFilter__list > ul { margin: 17px 0 32px 18px; } .c-reviewFilter__list li { padding: 10px 0; font-family: 'Gotham', sans-serif; font-size: 14px; } .c-reviewFilter__list li a { display: block; } /* level 0 */ .c-reviewFilter__list li.level0 { cursor: pointer; } .c-reviewFilter__list a.level0 { position: relative; padding-right: 13px; } .c-reviewFilter__list a.level0 .text {} .c-reviewFilter__list a.level0 .count { display: none; } .c-reviewFilter__list a.level0 svg { position: absolute; top: 50%; right: 0; margin-top: -5px; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .c-reviewFilter__list .has-count a.level0 {} .c-reviewFilter__list .open a.level0 svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .c-reviewFilter__list .active a.level0, .c-reviewFilter__list .open a.level0, .c-reviewFilter__list a.level0:hover, .c-reviewFilter__list a.level0:focus {} .c-reviewFilter__list .parent { position: relative; } /* level 1 */ .c-reviewFilter__list a.level1 { position: relative; display: block; padding-left: 25px; cursor: pointer; } .c-reviewFilter__list a.level1:before, .c-reviewFilter__list a.level1:after { content: ''; position: absolute; top: 1px; left: 0; display: block; width: 16px; height: 16px; } .c-reviewFilter__list a.level1:before { border: 1px solid #cccbcb; background-color: #fff; } .c-reviewFilter__list a.level1.active {} .c-reviewFilter__list a.level1.active:after { margin: -1px 0 0 3px; background-image: url('../../images/tick.svg'); background-size: 15px; background-repeat: no-repeat; } .c-reviewFilter__list ul.level1 { display: none; margin: 14px 0 0 20px; } .c-reviewFilter__list .has-count ul.level1 {} .c-reviewFilter__list .open ul.level1 { display: block; } .c-reviewFilter__list .c-btn { width: 100%; padding: 13px 20px; font-size: 12px; letter-spacing: 2px; color: #fff; border: 0; } @media (min-width: 1024px) { .c-reviewFilter__list { display: inline-block; padding: 0; } } @media (min-width: 1024px) { .c-reviewFilter__list > ul { margin: 0; } } @media (min-width: 1024px) { .c-reviewFilter__list li.level0 { display: inline-block; margin: 0 18px 0 0; padding: 0; } } @media (min-width: 1280px) { .c-reviewFilter__list li.level0 { margin-right: 30px; } } @media (min-width: 1024px) { .c-reviewFilter__list a.level0 { display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 11px; font-weight: 700; cursor: pointer; } } @media (min-width: 1024px) { .c-reviewFilter__list a.level0 .text { display: inline-block; padding-bottom: 2px; letter-spacing: 2px; border-bottom: 1px solid transparent; } } @media (min-width: 1024px) { .c-reviewFilter__list a.level0 .count { position: absolute; top: -2px; right: 13px; display: inline-block; width: 18px; height: 18px; line-height: 20px; text-align: center; color: #fff; background-color: #b92685; border-radius: 50%; } } @media (min-width: 1024px) { .c-reviewFilter__list a.level0 svg { display: none; } } @media (min-width: 1024px) { .c-reviewFilter__list .has-count a.level0 { padding-right: 34px; } } @media (min-width: 1024px) { .c-reviewFilter__list .active a.level0, .c-reviewFilter__list .open a.level0, .c-reviewFilter__list a.level0:hover, .c-reviewFilter__list a.level0:focus { position: relative; z-index: 1; color: #b92685; } .c-reviewFilter__list .active a.level0 .text, .c-reviewFilter__list .open a.level0 .text, .c-reviewFilter__list a.level0:hover .text, .c-reviewFilter__list a.level0:focus .text { border-bottom-color: #b92685; } } @media (min-width: 1024px) { .c-reviewFilter__list .parent {} .c-reviewFilter__list .parent:after { content: ''; position: absolute; top: 5px; right: 0; width: 0; height: 0; background: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #b92685; } } @media (min-width: 1024px) { .c-reviewFilter__list ul.level1 { position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 645px; margin: 0; padding: 25px 40px; background-color: #fff; border: 1px solid #ececec; border-radius: 5px; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px; } .c-reviewFilter__list ul.level1 li { -webkit-column-break-inside: avoid; break-inside: avoid; } } @media (min-width: 1024px) { .c-reviewFilter__list .has-count ul.level1 { margin-left: -10px; } } /* tweak panel position for the last 2 filters so it doesn't go off screen */ .c-reviewFilter__list li.level0:nth-child(4) ul.level1 {} @media (max-width: 1100px) { .c-reviewFilter__list li.level0:nth-child(4) ul.level1 { left: auto; right: -214px; -webkit-transform: none; transform: none; } } .c-reviewFilter__list li.level0:nth-child(5) ul.level1 {} @media (max-width: 1394px) { .c-reviewFilter__list li.level0:nth-child(5) ul.level1 { left: auto; right: -67px; -webkit-transform: none; transform: none; } } .c-reviewFilter__block { padding: 25px 30px; text-align: center; background-color: #f7f5f0; } .c-reviewFilter__block p { font-size: 13px; font-weight: 600; } .c-reviewFilter__block a { color: #b92685; border-bottom: 1px solid #b92685; } @media (min-width: 1024px) { .c-reviewFilter__block { display: none; } } /* filters back drop */ @media (min-width: 1024px) { .filter-is-clicked .c-allReviews, .filter-is-clicked .reviewpage-modules, .filter-is-clicked .c-questions_padd, .filter-is-clicked .o-footer__padd { position: relative; } .filter-is-clicked .c-allReviews:before, .filter-is-clicked .reviewpage-modules:before, .filter-is-clicked .c-questions_padd:before, .filter-is-clicked .o-footer__padd:before { content: ''; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); opacity: 0; visibility: hidden; transition: 0.3s 0s, visibility 0s 0.3s; } .filter-is-clicked .c-allReviews:before { top: 15px; bottom: 0; height: auto; } .filter-is-open .c-allReviews, .filter-is-open .reviewpage-modules, .filter-is-open .c-questions_padd, .filter-is-open .o-footer__padd {} .filter-is-open .c-allReviews:before, .filter-is-open .reviewpage-modules:before, .filter-is-open .c-questions_padd:before, .filter-is-open .o-footer__padd:before { opacity: 1; visibility: visible; transition: opacity 0.3s 0s, visibility 0s 0s; } } /* filters within the enroll bar */ .c-enrollBanner .c-reviewFilter {} @media (min-width: 1024px) { .c-enrollBanner .c-reviewFilter { padding: 23px 0; background-color: #f7f5f0; } .c-enrollBanner .c-reviewFilter .c-reviewFilter__title { margin-right: 20px; } .c-enrollBanner .c-reviewFilter .c-reviewFilter__list li.level0 { margin-right: 17px; } .c-enrollBanner .c-reviewFilter .c-reviewFilter__reset { right: 80px; } .c-enrollBanner .c-reviewFilter .c-reviewFilter__search { display: inline-block; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-reviewFeatured { padding: 53px 29px 0; background-color: #fff; } .c-reviewFeatured .c-review__expandSection { margin: 30px 0; border-top: 0; } .c-reviewFeatured .c-review__expandSection a { padding: 0; } @media (min-width: 640px) { .c-reviewFeatured { padding: 54px 66px 0; } } @media (min-width: 1024px) { .c-reviewFeatured { padding: 80px 16px 36px; } } @media (min-width: 1280px) { .c-reviewFeatured { padding: 100px 32px 40px; } } @media (min-width: 1440px) { .c-reviewFeatured { max-width: 1094px; } } .c-reviewFeatured__title { font-weight: 300; font-family: 'Gotham', sans-serif; font-size: 26px; line-height: 36px; margin-bottom: 20px; } @media (min-width: 640px) { .c-reviewFeatured__title { font-size: 34px; line-height: 36px; margin-bottom: 32px; } } @media (min-width: 1024px) { .c-reviewFeatured__title { line-height: 36px; font-size: 38px; margin-bottom: 48px; } } @media (min-width: 1280px) { .c-reviewFeatured__title { line-height: 36px; font-size: 40px; margin-bottom: 54px; } } .c-reviewFeatured__review { display: none; } .c-reviewFeatured__review.is-open {} @media (max-width: 1023px) { .c-reviewFeatured__review.is-open { padding-bottom: 30px; } } .c-reviewFeatured__review.is-filtered.is-featured { display: block; } .c-reviewFeatured__review.snapshot {} @media (max-width: 1023px) { .c-reviewFeatured__review.snapshot { padding-bottom: 35px; } } .c-reviewFeatured__reviewHeader { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-bottom: 6px; border-bottom: 1px solid #cccbcb; } @media (min-width: 1024px) { .c-reviewFeatured__reviewHeader { padding-bottom: 3px; } } .c-reviewFeatured__headerIcon { width: 22px; height: 22px; display: inline-block; } .c-reviewFeatured__headerIcon .cls-1 { fill: #42B979; } @media (min-width: 640px) { .c-reviewFeatured__headerIcon { width: 30px; height: 30px; } } @media (min-width: 1024px) { .c-reviewFeatured__headerIcon { width: 34px; height: 34px; padding-bottom: 6px; margin-left: 2px; } } @media (min-width: 1280px) { .c-reviewFeatured__headerIcon { padding-bottom: 6px; } } .c-reviewFeatured__headerTitle { display: inline-block; font-weight: 600; font-style: italic; font-size: 18px; margin-left: 14px; margin-bottom: 2px; letter-spacing: 0.2px; } @media (min-width: 640px) { .c-reviewFeatured__headerTitle { font-size: 20px; letter-spacing: 0.5px; } } @media (min-width: 1024px) { .c-reviewFeatured__headerTitle { font-size: 20px; margin-left: 8px; } } @media (min-width: 1280px) { .c-reviewFeatured__headerTitle { letter-spacing: 0.3px; font-size: 20px; } } .c-reviewFeatured__reviewBody:before { content: ''; display: table; } .c-reviewFeatured__reviewBody:after { content: ''; display: table; clear: both; } @media (max-width: 1023px) { .c-reviewFeatured__reviewBody { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (min-width: 1024px) { .c-reviewFeatured__reviewBody { padding-left: 42px; padding-top: 30px; padding-bottom: 24px; } } @media (min-width: 1280px) { .c-reviewFeatured__reviewBody { padding-left: 45px; padding-top: 30px; } } .c-reviewFeatured__contentBlock {} @media (min-width: 1024px) { .c-reviewFeatured__contentBlock { padding-right: 24px; width: calc(99.9% * 3/5 - 12px); } .c-reviewFeatured__contentBlock:nth-child(1n) { float: left; margin-right: 30px; clear: none; } .c-reviewFeatured__contentBlock:last-child { margin-right: 0; } .c-reviewFeatured__contentBlock:nth-child(2n) { margin-right: 0; float: right; } .c-reviewFeatured__contentBlock:nth-child(2n + 1) { clear: both; } } .c-reviewFeatured__text { font-size: 20px; font-style: italic; font-weight: 400; line-height: 40px; text-indent: -0.5em; } @media (min-width: 640px) { .c-reviewFeatured__text { line-height: 45px; font-size: 21px; } } @media (min-width: 1024px) { .c-reviewFeatured__text { font-size: 22px; line-height: 46px; } } @media (min-width: 1280px) { .c-reviewFeatured__text { font-size: 23px; line-height: 47px; } } .c-reviewFeatured__text:before { content: '“'; } .c-reviewFeatured__infoBlock { margin-top: 32px; } @media (min-width: 1024px) { .c-reviewFeatured__infoBlock { margin-top: 19px; } } .c-reviewFeatured__name { font-family: 'Gotham', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 14px; letter-spacing: 1.3px; } @media (min-width: 1024px) { .c-reviewFeatured__name { font-size: 14px; } } .c-reviewFeatured__position { margin-top: 6px; font-size: 12px; font-style: italic; font-weight: 600; } @media (min-width: 1024px) { .c-reviewFeatured__position { margin-top: 3px; font-size: 12px; } } @media (min-width: 1280px) { .c-reviewFeatured__position { margin-top: 9px; } } .c-reviewFeatured__location { margin-top: 4px; font-size: 12px; font-weight: 500; } @media (min-width: 1024px) { .c-reviewFeatured__location { margin-top: 4px; font-size: 12px; } } @media (min-width: 1280px) { .c-reviewFeatured__location { font-size: 12px; } } .c-reviewFeatured__imageBlock { margin-top: 40px; margin-bottom: 40px; width: 240px; height: 240px; position: relative; overflow: hidden; background-color: #f6f6f6; border-radius: 50%; } @media (min-width: 640px) { .c-reviewFeatured__imageBlock { width: 360px; height: 360px; } } @media (min-width: 1024px) { .c-reviewFeatured__imageBlock { margin-top: 0; width: calc(99.9% * 2/5 - 18px); width: 280px; height: 280px; } .c-reviewFeatured__imageBlock:nth-child(1n) { float: left; margin-right: 30px; clear: none; } .c-reviewFeatured__imageBlock:last-child { margin-right: 0; } .c-reviewFeatured__imageBlock:nth-child(2n) { margin-right: 0; float: right; } .c-reviewFeatured__imageBlock:nth-child(2n + 1) { clear: both; } } @media (min-width: 1280px) { .c-reviewFeatured__imageBlock { width: 360px; height: 360px; } } .c-reviewFeatured__image { width: 100%; height: auto; max-width: 360px; } /* .c-review__expandSection { display: block; margin-top: 30px; @media (--mobile-large) { margin-top: 30px; } @media (--tablet-large) { margin-top: 35px; } @media (--desktop-small) { margin-top: 35px; } } */ /* .c-reviewFeatured__expandToggle { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 39px; margin-top: 33px; @media (--mobile-large) { } @media (--tablet-large) { } @media (--desktop-small) { margin-top: 34px; } &:--enter { cursor: pointer; } .is-open & { display: none; } } */ .c-reviewFeatured__expandToggleIcon { width: 36px; height: 36px; height: auto; margin-right: 10px; } .c-reviewFeatured__expandToggleIcon .cls-1 { fill: #b92685; } @media (min-width: 1024px) { .c-reviewFeatured__expandToggleIcon { width: 35px; height: 35px; } } @media (min-width: 1280px) { .c-reviewFeatured__expandToggleIcon { width: 36px; height: 36px; } } .c-reviewFeatured__expandToggleIcon--story { font-size: 8px; padding-left: 4px; padding-bottom: 2px; color: #B92685; } .c-reviewFeatured__expandToggleText { text-transform: uppercase; font-family: 'Gotham', sans-serif; font-size: 13px; color: #B92685; font-weight: 500; letter-spacing: 1px; line-height: 2; } .c-reviewFeatured__expandToggleText i { font-size: 8px; padding-left: 4px; } @media (min-width: 640px) { .c-reviewFeatured__expandToggleText { font-size: 13px; } } @media (min-width: 1024px) { .c-reviewFeatured__expandToggleText { font-size: 11px; line-height: 1.5; } } @media (min-width: 1280px) { .c-reviewFeatured__expandToggleText { font-size: 11px; } } .c-reviewFeatured__expandContent { display: none; } .c-reviewFeatured__videoContainer { margin-top: 80px; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .c-reviewFeatured__video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-reviewFeatured__fullText { font-size: 17px; line-height: 45px; font-weight: 500; max-width: 780px; margin: 0 auto; padding: 30px 0 0; } .c-reviewFeatured__fullText p { margin-bottom: 34px; } .c-reviewFeatured__fullText p:last-of-type { margin-bottom: 0; } @media (min-width: 1024px) { .c-reviewFeatured__fullText p { margin-bottom: 44px; } } .c-reviewFeatured__expandContentCloser { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; width: 100%; margin-top: 0; padding-top: 10px; color: #B92685; text-transform: uppercase; font-size: 13px; font-family: 'Gotham', sans-serif; font-weight: 500; letter-spacing: 1px; } @media (min-width: 640px) { .c-reviewFeatured__expandContentCloser { margin-top: 35px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; border-top: 1px solid #f2f2f2; padding-top: 30px; font-size: 13px; font-weight: 500; } } @media (min-width: 1024px) { .c-reviewFeatured__expandContentCloser { margin-top: 35px; padding-top: 30px; font-size: 11px; } } .c-reviewFeatured__seeMore {} .c-reviewFeatured__seeMore:hover { cursor: pointer; } .c-reviewFeatured__close { line-height: 2; } @media (max-width: 639px) { .c-reviewFeatured__close { margin-top: 20px; padding-top: 20px; border-top: 1px solid #f2f2f2; } } @media (min-width: 1024px) { .c-reviewFeatured__close { line-height: 1.5; } } .c-reviewFeatured__close:hover { cursor: pointer; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-allReviews { background-color: #f2f2f2; } .c-allReviews__sortedContainer { padding: 0 30px; } @media (min-width: 640px) { .c-allReviews__sortedContainer { padding: 0 68px; } } @media (min-width: 1024px) { .c-allReviews__sortedContainer { padding: 0 18px; } } @media (min-width: 1280px) { .c-allReviews__sortedContainer { padding: 0 38px; } } .c-allReviews__container { padding: 33px 30px 40px; max-width: 1106px; } @media (min-width: 640px) { .c-allReviews__container { padding-right: 70px; padding-left: 70px; } } @media (min-width: 1024px) { .c-allReviews__container { padding: 70px 30px; } } @media (min-width: 1280px) { .c-allReviews__container { padding-right: 38px; padding-left: 38px; } } .c-allReviews__title { font-style: italic; font-weight: 600; font-size: 18px; letter-spacing: 0.5px; margin-bottom: 18px; } .c-allReviews__title span { font-family: 'Gotham', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; color: #b92685; } @media (min-width: 640px) { .c-allReviews__title { font-size: 20px; } } @media (min-width: 1024px) { .c-allReviews__title { font-size: 20px; margin-top: 0; margin-bottom: 20px; } } @media (min-width: 640px) { .c-allReviews__title span { font-size: 16px; } } .c-allReviews__noResults { margin-bottom: 47px; font-size: 16px; font-weight: 500; line-height: 2.3; color: #000; max-width: 875px; } .c-allReviews__noResults a { color: #b92685; } @media (min-width: 1024px) { .c-allReviews__noResults { font-size: 20px; } } @media (min-width: 1440px) { .c-allReviews__noResults { margin-bottom: 103px; } } .c-allReviews.is-all-reviews-state { background-color: #fff; } .c-allReviews.is-all-reviews-state .c-allReviews__title { font-size: 18px; padding-bottom: 8px; border-bottom: 2px solid #f2f2f2; margin-bottom: 48px; } @media (min-width: 640px) { .c-allReviews.is-all-reviews-state .c-allReviews__title { font-size: 20px; margin-bottom: 60px; } } @media (min-width: 1024px) { .c-allReviews.is-all-reviews-state .c-allReviews__title { font-size: 20px; margin-bottom: 56px; } } @media (min-width: 1280px) { .c-allReviews.is-all-reviews-state .c-allReviews__title { font-size: 21px; letter-spacing: 0; margin-bottom: 52px; } } .quiz-results .is-featured-in-quiz .c-review { background-image: none !important; } .quiz-results .c-review .c-review__expandSection.c-review__expandSection--default { display: block; margin-top: 30px; } .quiz-results .c-review .c-review__expandSection.c-review__expandSection--nonDefault .c-review__expandToggle { display: none; } .quiz-results .c-review .c-review__text--short { display: none; } .quiz-results .c-review .c-review__text--long { display: block; } .quiz-results .c-review .c-review__text {} .quiz-results .c-review.is-open .c-review__expandSection.c-review__expandSection--default { display: none; } .quiz-results .c-review.is-banner .c-review__expandContentCloser.is-banner-closer, .quiz-results .c-review.is-banner .c-review__expandContentCloser { display: none; } .quiz-results .c-review.is-not-banner.video.is-open .c-review__expandContent { margin-top: 36px; } .quiz-results .c-review.story.is-open .c-review__expandContent { margin-top: 36px; } .quiz-results .c-review.is-banner.is-open .is-banner-closer { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .quiz-results .story.is-not-banner .c-review__expandContentCloser { display: none; } .quiz-results .story.is-not-banner.is-open .c-review__expandContent { margin: 0; display: block; } .quiz-results .story.is-not-banner.is-open .c-review__expandContent.story-dropdown-content { display: none; } .quiz-results .story.is-not-banner.is-open .c-review__expandContentCloser { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .quiz-results .story.is-not-banner.is-open .c-review__fullText { padding-top: 0px; padding-bottom: 0; } .quiz-results .video.is-not-banner .c-review__expandContentCloser {} .quiz-results .is-banner .c-review__bannerBodyWrap { background-image: none !important; } .quiz-results .is-banner .c-review__bannerVideoPlayIcon, .quiz-results .is-banner .c-review__bannerVideoModal { display: none; } .quiz-results .is-banner.story.is-open .c-review__fullText {} .quiz-results .c-review__fullText { width: calc(99.9% * 77/100 - 9.2px); margin-left: calc(99.9% * 0.23 - 30.799999999999997px + 40px) !important; } .quiz-results .c-review__fullText:nth-child(1n) { float: left; margin-right: 40px; clear: none; } .quiz-results .c-review__fullText:last-child { margin-right: 0; } .quiz-results .c-review__fullText:nth-child(2n) { margin-right: 0; float: right; } .quiz-results .c-review__fullText:nth-child(2n + 1) { clear: both; } .quiz-results .c-review.story .c-review__fullText { width: calc(99.9% * 1/1 - 0rem); } .quiz-results .c-review.story .c-review__fullText:nth-child(1n) { float: left; margin-right: 32px; margin-right: 2rem; clear: none; } .quiz-results .c-review.story .c-review__fullText:last-child { margin-right: 0; } .quiz-results .c-review.story .c-review__fullText:nth-child(1n) { margin-right: 0; float: right; } .quiz-results .c-review.story .c-review__fullText:nth-child(1n + 1) { clear: both; } @media (min-width: 640px) { .quiz-results .c-review .c-review__expandSection.c-review__expandSection--default { margin-top: 30px; } } @media (min-width: 1024px) { .quiz-results .c-review .c-review__expandSection.c-review__expandSection--default { margin-top: 35px; } } @media (min-width: 1280px) { .quiz-results .c-review .c-review__expandSection.c-review__expandSection--default { margin-top: 35px; } } @media (min-width: 640px) { .quiz-results .c-review.is-not-banner.video.is-open .c-review__expandContent { margin-top: 36px; } } @media (min-width: 1024px) { .quiz-results .c-review.is-not-banner.video.is-open .c-review__expandContent { margin-top: 80px; } } @media (min-width: 640px) { .quiz-results .c-review.story.is-open .c-review__expandContent { margin-top: 36px; } } @media (min-width: 1024px) { .quiz-results .c-review.story.is-open .c-review__expandContent { margin-top: 80px; } } @media (min-width: 1024px) { .quiz-results .c-review.is-banner.is-open .is-banner-closer { margin-top: 0; padding-top: 26px; font-size: 11px; } } @media (min-width: 1024px) { .quiz-results .c-review { padding-bottom: 26px; } } @media (min-width: 1024px) { .quiz-results .c-review .c-review__text { font-size: 20px; line-height: 46px; } } @media (max-width: 639px) { .quiz-results .story.is-not-banner.is-open .c-review__expandContentCloser { padding-bottom: 32px; } } @media (min-width: 1024px) { .quiz-results .story.is-not-banner.is-open .c-review__expandContentCloser { margin-top: 30px; padding-top: 25px; font-size: 11px; } } @media (max-width: 639px) { .quiz-results .video.is-not-banner .c-review__expandContentCloser { padding-bottom: 32px; } } @media (min-width: 1024px) { .quiz-results .video.is-not-banner .c-review__expandContentCloser { margin-top: 30px; padding-top: 25px; font-size: 11px; } } @media (min-width: 1024px) { .quiz-results .is-banner.story.is-open .c-review__fullText { padding-bottom: 20px; } } @media (min-width: 1024px) { .quiz-results .c-review__fullText { font-size: 15px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .is-all-reviews-state .is-banner .c-review__bannerBodyWrap { position: relative; background-color: transparent; background-size: cover; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; background-size: 100% auto; } .is-all-reviews-state .is-banner .c-review__tag { display: none; } .is-all-reviews-state .is-banner .c-review__bannerDropdownWrap .c-review__seeMore {} .is-all-reviews-state .is-banner .c-review__reviewBody { position: relative; padding: 136px 42px 40px 86px; margin-top: 192px; } .is-all-reviews-state .is-banner .c-review__imageBlock { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 156px; top: -50px; border-radius: 50%; } .is-all-reviews-state .is-banner .c-review__contentBlock { display: block; padding-right: 0; } .is-all-reviews-state .is-banner .c-review__text--long { display: block; color: #fff; position: relative; text-indent: 0; line-height: 34px; } .is-all-reviews-state .is-banner .c-review__text--long:before { position: absolute; top: 21px; left: -44px; font-size: 80px; } .is-all-reviews-state .is-banner .c-review__text--long:after { display: none; } .is-all-reviews-state .is-banner .c-review__infoBlock { color: #fff; } .is-all-reviews-state .is-banner .c-review__name { color: #fff; } .is-all-reviews-state .is-banner .c-review__position { color: #fff; } .is-all-reviews-state .is-banner .c-review__location { color: #fff; } .is-all-reviews-state .is-banner .c-review__expandContentCloser--bannerQuiz { display: none; } .is-all-reviews-state .is-banner .c-review__expandSection { margin-top: 25px; border-top: 0; } .is-all-reviews-state .is-banner .c-review__expandSection a { min-height: 0; color: #fff; } .is-all-reviews-state .is-banner .c-review__expandSection a + a {} .is-all-reviews-state .is-banner.c-review { margin-left: -48px; margin-right: -48px; } .is-all-reviews-state .is-banner.c-review:before { content: ''; display: table; } .is-all-reviews-state .is-banner.c-review:after { content: ''; display: table; clear: both; } .is-all-reviews-state .is-banner.c-review.is-banner .c-review__reviewBody { background-color: #e57f7d; } .is-all-reviews-state .is-banner.c-review.banner1 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner4 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner7 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner10 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner13 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner16 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner19 .c-review__reviewBody { background-color: #e57f7d; } .is-all-reviews-state .is-banner.c-review.banner2 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner5 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner8 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner11 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner14 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner17 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner20 .c-review__reviewBody { background-color: #52c2b9; } .is-all-reviews-state .is-banner.c-review.banner3 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner6 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner9 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner12 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner15 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner18 .c-review__reviewBody, .is-all-reviews-state .is-banner.c-review.banner21 .c-review__reviewBody { background-color: #42b979; } .is-all-reviews-state .is-banner.is-open .c-review__imageBlockInfo { display: none; } .is-all-reviews-state .is-banner.is-open .js-banner-all-reviews-dropdown .c-review__expandContentCloser--bannerQuiz { display: none; } .is-all-reviews-state .is-banner.is-open .js-banner-all-reviews-dropdown .c-review__expandContent { display: block; } .is-all-reviews-state .is-banner.is-open .js-banner-all-reviews-dropdown .c-review__fullText {} .is-all-reviews-state .is-banner.is-review-banner-modal-open .js-banner-quiz-dropdown { display: block; margin: 0 !important; } .is-all-reviews-state .is-banner.is-review-banner-modal-open .c-review__videoContainer { display: none; } .is-all-reviews-state .is-banner.story .c-review__bannerDropdownWrap {} .is-all-reviews-state .is-banner.video .c-review__expandContent { margin-top: 48px; } .is-all-reviews-state .is-banner.video .c-review__expandContentCloser { display: none; } .is-all-reviews-state .is-banner.video .c-review__expandToggleTextDivider { display: none; } .is-all-reviews-state .is-banner.video .c-review__seeMore { margin-left: 0; } .is-all-reviews-state .is-banner.video .c-review__bannerVideoPlayIcon { width: 66px; height: 66px; margin-top: 40px; } .is-all-reviews-state .is-banner.video .c-review__bannerVideoPlayIcon .cls-1 { transition: all 250ms ease; fill: #fff; } .is-all-reviews-state .is-banner.video .c-review__bannerVideoPlayIcon:hover .cls-1 { fill: #B92685; } @media (min-width: 640px) { .is-all-reviews-state .is-banner.c-review { margin-left: -48px; margin-right: -48px; } } @media (min-width: 1024px) { .is-all-reviews-state .is-banner.c-review { margin-left: -88px; margin-right: -88px; } } @media (min-width: 1280px) { .is-all-reviews-state .is-banner.c-review { margin-left: 0; margin-right: 0; width: 100vw; margin-left: calc(((100vw - 100%) / 2) * -1); padding: 0 22px; margin-bottom: 130px; } } @media (max-width: 639px) { .is-all-reviews-state .is-banner.is-open .js-banner-all-reviews-dropdown .c-review__fullText { margin-top: 40px; } } @media (min-width: 1024px) { .is-all-reviews-state .is-banner.is-open .js-banner-all-reviews-dropdown .c-review__fullText { margin: 0 100px; } } @media (min-width: 780px) { .is-all-reviews-state .is-banner .c-review__bannerBodyWrap { height: 700px; background-size: cover; } } @media (max-width: 1023px) { .is-all-reviews-state .is-banner .c-review__bannerDropdownWrap .c-review__seeMore { margin-top: 0; } } @media (max-width: 1023px) { .is-all-reviews-state .is-banner.story .c-review__bannerDropdownWrap { padding: 0 68px; } } @media (min-width: 780px) { .is-all-reviews-state .is-banner .c-review__reviewBody { width: 100%; margin: 0 auto; -ms-flex-item-align: end; -webkit-align-self: flex-end; align-self: flex-end; height: 608px; padding: 144px 80px 0 118px; max-width: 780px; } } @media (min-width: 780px) { .is-all-reviews-state .is-banner .c-review__contentBlock { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; width: 100%; padding-right: 0; } } @media (min-width: 1024px) { .is-all-reviews-state .is-banner .c-review__text--long { line-height: 40px; font-size: 18px; } } @media (min-width: 1280px) { .is-all-reviews-state .is-banner .c-review__text--long { font-size: 20px; line-height: 45px; } } @media (min-width: 640px) { .is-all-reviews-state .is-banner .c-review__expandSection a + a {} .is-all-reviews-state .is-banner .c-review__expandSection a + a::before { border-left-color: #fff; } } @media (min-width: 640px) { .is-all-reviews-state .is-banner.video .c-review__expandContent {} } @media (min-width: 1024px) { .is-all-reviews-state .is-banner.video .c-review__expandContent {} } @media (min-width: 1280px) { .is-all-reviews-state .is-banner.video .c-review__expandContent { margin-top: 48px; } } @media (min-width: 640px) { .is-all-reviews-state .is-banner.video .c-review__bannerVideoPlayIcon {} } @media (min-width: 1024px) { .is-all-reviews-state .is-banner.video .c-review__bannerVideoPlayIcon { margin-top: 40px; width: 72px; height: 72px; } } @media (min-width: 1280px) { .is-all-reviews-state .is-banner.video .c-review__bannerVideoPlayIcon { width: 72px; height: 72px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-reviewFacts { padding: 0 10px; } @media (min-width: 1024px) { .c-reviewFacts { padding: 0 20px; } } .c-reviewFacts__inner { background-color: #f4e1bf; } .c-reviewFacts__inner:before { content: ''; display: table; } .c-reviewFacts__inner:after { content: ''; display: table; clear: both; } .c-reviewFacts__infoBox { margin: 0 auto; padding-top: 41px; margin-bottom: 22px; } @media (min-width: 640px) { .c-reviewFacts__infoBox { padding-top: 75px; } } @media (min-width: 1024px) { .c-reviewFacts__infoBox { padding-top: 100px; margin-bottom: 0; padding-bottom: 100px; } } @media (min-width: 1280px) { .c-reviewFacts__infoBox { padding-top: 130px; } } .c-reviewFacts__title { font-size: 34px; line-height: 42px; font-weight: 300; text-align: center; font-family: 'Gotham', sans-serif; } @media (min-width: 640px) { .c-reviewFacts__title { font-size: 42px; } } @media (min-width: 1024px) { .c-reviewFacts__title { font-size: 44px; } } @media (min-width: 1280px) { .c-reviewFacts__title { font-size: 50px; } } .c-reviewFacts__subtitle { font-size: 12px; line-height: 27px; font-weight: 500; font-style: italic; font-family: 'GalaxieCopernicus', serif; text-align: center; padding: 0 26px; letter-spacing: 0.6px; margin-top: 4px; } @media (min-width: 640px) { .c-reviewFacts__subtitle { font-size: 15px; font-weight: 600; letter-spacing: 0; margin-top: 22px; margin-bottom: 68px; } } @media (min-width: 1024px) { .c-reviewFacts__subtitle { letter-spacing: 0.3px; } } @media (min-width: 1280px) { .c-reviewFacts__subtitle { margin-bottom: 0; } } .c-reviewFacts__image { width: 100%; } @media (min-width: 1024px) { .c-reviewFacts__image { width: 100%; max-width: 1440px; float: none; } } @media (min-width: 1280px) { .c-reviewFacts__image { max-width: 100%; width: 1440px; margin: 0 auto; } } .c-reviewFacts__image--desktop { display: none; } @media screen and (min-width: 780px) { .c-reviewFacts__image--desktop { display: block; } } .c-reviewFacts__image--mobile { display: block; } @media screen and (min-width: 780px) { .c-reviewFacts__image--mobile { display: none; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-reviewSpot { padding: 0 10px; } @media (min-width: 640px) { .c-reviewSpot { padding: 0 22px; } } @media (min-width: 1024px) { .c-reviewSpot { padding: 0; } } @media (min-width: 1280px) { .c-reviewSpot {} } .c-reviewSpot__intro { margin-top: 58px; margin-left: 20px; margin-bottom: 34px; } @media (min-width: 640px) { .c-reviewSpot__intro { margin-left: 50px; margin-bottom: 40px; } } @media (min-width: 1024px) { .c-reviewSpot__intro { margin-left: 110px; margin-bottom: 0; } } @media (min-width: 1280px) { .c-reviewSpot__intro { margin-top: 100px; margin-left: 130px; } } .c-reviewSpot__title { font-family: 'GalaxieCopernicus', serif; font-style: italic; font-weight: 600; letter-spacing: .3px; font-size: 12px; margin-left: 2px; } @media (min-width: 640px) { .c-reviewSpot__title { font-size: 14px; } } @media (min-width: 1024px) { .c-reviewSpot__title {} } @media (min-width: 1280px) { .c-reviewSpot__title { font-size: 15px; } } .c-reviewSpot__subtitle { font-family: 'Gotham', sans-serif; font-weight: 300; margin-top: 10px; line-height: 1; font-size: 28px; } @media (min-width: 640px) { .c-reviewSpot__subtitle { font-size: 42px; margin-top: 15px; margin-bottom: -8px; } } @media (min-width: 1024px) { .c-reviewSpot__subtitle { font-size: 46px; margin-top: 15px; margin-bottom: 0; } } @media (min-width: 1280px) { .c-reviewSpot__subtitle { line-height: 1.5; margin-top: 6px; font-size: 50px; } } .c-reviewSpot__indv { padding: 0; position: relative; max-width: 1560px; margin: 0 auto; } .c-reviewSpot__indv:before { content: ''; display: table; } .c-reviewSpot__indv:after { content: ''; display: table; clear: both; } @media (min-width: 640px) { .c-reviewSpot__indv { padding: 0; } } @media (min-width: 1024px) { .c-reviewSpot__indv { margin-bottom: 24px; padding: 40px 20px; } } @media (min-width: 1280px) { .c-reviewSpot__indv { margin-bottom: 36px; padding: 40px 20px; } } .c-reviewSpot__indv.c-reviewSpot__indv--banner { max-width: none; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__infoBlock, .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__quote, .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__name, .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__position, .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__location, .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__seeMore { color: #fff; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer { position: relative; background-color: #424340; background-size: cover; background-repeat: no-repeat; height: 750px; background-position: bottom; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer:before { content: ''; display: table; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer:after { content: ''; display: table; clear: both; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--rothe { background-image: url('images/reviews/spotlight-rothe-bg-mobile.jpg'); } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--rebecca { background-image: url('images/reviews/spotlight-rebecca-bg-mobile.jpg'); } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--stasia { background-image: url('images/sales/spotlight-stasia-mobile.jpg'); } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--sarah { background-image: url('images/sales/spotlight-sarah-mobile.jpg'); } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox { padding: 44px 40px 44px 58px; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox.narrow {} .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox.wide {} .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__quote {} .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__infoBox {} .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__seeMore { padding-bottom: 2px; margin-right: auto; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__seeMore:before { bottom: -2px; left: 0; content: ''; width: 100%; height: 1px; position: absolute; -webkit-transform-origin: 2px; transform-origin: 2px; background: #fff; -webkit-transform: scaleX(1); transform: scaleX(1); transition: -webkit-transform .3s ease-in-out 0s; transition: transform .3s ease-in-out 0s; transition: transform .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__seeMore:hover, .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__seeMore:hover {} .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__seeMore:hover:before, .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__seeMore:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0); } @media (min-width: 640px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer { height: 780px; background-position: center bottom; } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer { height: 554px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-position: center; } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer { height: 700px; } } @media (min-width: 640px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--rothe { background-image: url('images/reviews/spotlight-rothe-mobile-large.jpg'); } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--rothe { background-image: url('images/reviews/spotlight-rothe.jpg'); } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--rothe {} } @media (min-width: 640px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--rebecca { background-image: url('images/reviews/spotlight-rebecca-mobile-large.jpg'); } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--rebecca { background-image: url('images/reviews/spotlight-rebecca.jpg'); } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--rebecca {} } @media (min-width: 640px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--stasia { background-image: url('images/sales/spotlight-stasia-mobile-large.jpg'); } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--stasia { background-image: url('images/sales/spotlight-stasia.jpg'); } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--stasia {} } @media (min-width: 640px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--sarah { background-image: url('images/sales/spotlight-sarah-mobile-large.jpg'); } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--sarah { background-image: url('images/sales/spotlight-sarah.jpg'); } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__indvContainer.c-reviewSpot__indvContainer--sarah {} } @media (max-width: 639px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox.narrow { padding: 43px 23px 20px 56px; } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox.narrow { padding-right: 74px; } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox.narrow { padding-right: 80px; } } @media (max-width: 639px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox.wide { padding: 43px 34px 20px 58px; } } @media (min-width: 640px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox { padding: 80px; } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox { width: calc(99.9% * 44/100 - 1.12rem); margin-left: calc(99.9% * 0.56 - 0.88rem + 2rem) !important; padding: 0; padding-right: 62px; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 2rem; clear: none; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox:nth-child(100n) { margin-right: 0; float: right; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox:nth-child(100n + 1) { clear: both; } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: calc(99.9% * 2/5 - 1.2rem); margin-left: calc(99.9% * 0.6 - 0.8rem + 2rem) !important; padding-right: 80px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 2rem; clear: none; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox:nth-child(5n) { margin-right: 0; float: right; } .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__contentBox:nth-child(5n + 1) { clear: both; } } @media (max-width: 639px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__quote { line-height: 32px; } } @media (max-width: 639px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner .c-reviewSpot__infoBox { margin-top: 27px; } } .c-reviewSpot__indv.c-reviewSpot__indv--banner.c-reviewSpot__indv--bannerReverse { margin: 0 auto; } .c-reviewSpot__indv.c-reviewSpot__indv--banner.c-reviewSpot__indv--bannerReverse .c-reviewSpot__contentBox {} @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner.c-reviewSpot__indv--bannerReverse .c-reviewSpot__contentBox { padding-left: 108px; padding-right: 0; width: calc(99.9% * 45/100 - 1.1rem); margin-left: 0 !important; margin-right: 2rem !important; } .c-reviewSpot__indv.c-reviewSpot__indv--banner.c-reviewSpot__indv--bannerReverse .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 2rem; clear: none; } .c-reviewSpot__indv.c-reviewSpot__indv--banner.c-reviewSpot__indv--bannerReverse .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-reviewSpot__indv.c-reviewSpot__indv--banner.c-reviewSpot__indv--bannerReverse .c-reviewSpot__contentBox:nth-child(100n) { margin-right: 0; float: right; } .c-reviewSpot__indv.c-reviewSpot__indv--banner.c-reviewSpot__indv--bannerReverse .c-reviewSpot__contentBox:nth-child(100n + 1) { clear: both; } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--banner.c-reviewSpot__indv--bannerReverse .c-reviewSpot__contentBox { padding-left: 180px; padding-right: 0; } } .c-reviewSpot__indv.c-reviewSpot__indv--text { max-width: 1560px; margin: 0 auto; } .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox { padding: 30px 34px 15px 56px; } .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox .c-reviewSpot__quote {} .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__position {} .c-reviewSpot__indv.c-reviewSpot__indv--text.c-reviewSpot__indv--textOne .c-reviewSpot__contentBox {} @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--text.c-reviewSpot__indv--textOne .c-reviewSpot__contentBox { padding: 0; padding-top: 5px; padding-left: 24px; padding-bottom: 34px; } } .c-reviewSpot__indv.c-reviewSpot__indv--text.c-reviewSpot__indv--textTwo .c-reviewSpot__contentBox {} @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--text.c-reviewSpot__indv--textTwo .c-reviewSpot__contentBox { padding-top: 42px; padding-left: 16px; padding-bottom: 34px; padding-right: 38px; } } @media (min-width: 640px) { .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox { padding: 80px; padding-right: 66px; } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox { width: calc(99.9% * 66/100 - 0.68rem); margin-left: calc(99.9% * 0.17 - 1.66rem + 2rem) !important; } .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 2rem; clear: none; } .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox:nth-child(100n) { margin-right: 0; float: right; } .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox:nth-child(100n + 1) { clear: both; } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox { width: calc(99.9% * 66/100 - 0.68rem); margin-left: calc(99.9% * 0.2 - 1.6rem + 2rem) !important; } .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 2rem; clear: none; } .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox:nth-child(100n) { margin-right: 0; float: right; } .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox:nth-child(100n + 1) { clear: both; } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__contentBox .c-reviewSpot__quote { letter-spacing: 0; } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--text .c-reviewSpot__position { margin-top: 7px; } } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox {} .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox { padding: 30px 34px 15px 56px; z-index: 5; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__quote {} .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__infoBox {} .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox { position: relative; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__playButton { cursor: pointer; margin-top: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__playIcon { fill: #fff; width: 55px; height: 55px; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__seeMore {} .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__dropdown .c-reviewSpot__seeMore {} @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--half { padding-bottom: 40px; } } .c-reviewSpot__indv.c-reviewSpot__indv--half.is-open { padding-bottom: 0; } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox { width: calc(99.9% * 59/100 - 0.82rem); position: relative; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(1n) { float: left; margin-right: 2rem; clear: none; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:last-child { margin-right: 0; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(100n) { margin-right: 0; float: right; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(100n + 1) { clear: both; } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox { width: calc(99.9% * 59/100 - 18.45px); } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(1n) { float: left; margin-right: 45px; clear: none; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:last-child { margin-right: 0; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(2n) { margin-right: 0; float: right; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(2n + 1) { clear: both; } } @media (min-width: 640px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox { padding: 40px 70px 40px 80px; margin-bottom: 48px; } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox { padding: 0; width: calc(99.9% * 41/100 - 1.18rem); margin-top: 46px; margin-bottom: 0; padding-right: 44px; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 2rem; clear: none; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(100n) { margin-right: 0; float: right; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(100n + 1) { clear: both; } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox { width: calc(99.9% * 41/100 - 26.55px); padding: 0; margin-top: 28px; padding-right: 100px; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 45px; clear: none; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(2n) { margin-right: 0; float: right; } .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(2n + 1) { clear: both; } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__quote { letter-spacing: 0; } } @media (min-width: 640px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__infoBox { margin-top: 13px; } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__infoBox { margin-top: 20px; } } @media (min-width: 1280px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__infoBox { margin-top: 30px; } } @media (min-width: 640px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__playButton { margin-top: 0; } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__playButton { margin-top: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } @media (min-width: 640px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__playIcon { width: 66px; height: 66px; } } @media (min-width: 1024px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__playIcon { width: 70px; height: 70px; } } @media (max-width: 1023px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__seeMore { margin-top: 30px; } } @media (max-width: 1023px) { .c-reviewSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__dropdown .c-reviewSpot__seeMore { margin-top: 25px; padding-top: 25px; border-top: 1px solid #f2f2f2; } } .c-reviewSpot__indvContainer:before { content: ''; display: table; } .c-reviewSpot__indvContainer:after { content: ''; display: table; clear: both; } @media (max-width: 639px) { .c-reviewSpot__indvContainer { margin: 20px 0; } } .c-review__imageBox:before { content: ''; display: table; } .c-review__imageBox:after { content: ''; display: table; clear: both; } @media (min-width: 1024px) { .c-review__imageBox { width: calc(99.9% * 28/100 - 28.8px); } .c-review__imageBox:nth-child(1n) { float: left; margin-right: 40px; clear: none; } .c-review__imageBox:last-child { margin-right: 0; } .c-review__imageBox:nth-child(2n) { margin-right: 0; float: right; } .c-review__imageBox:nth-child(2n + 1) { clear: both; } } @media (min-width: 1280px) { .c-review__imageBox { width: calc(99.9% * 23/100 - 30.8px); } .c-review__imageBox:nth-child(1n) { float: left; margin-right: 40px; clear: none; } .c-review__imageBox:last-child { margin-right: 0; } .c-review__imageBox:nth-child(2n) { margin-right: 0; float: right; } .c-review__imageBox:nth-child(2n + 1) { clear: both; } } .c-review__image { width: 100%; height: auto; } .c-reviewSpot__contentBox {} @media (max-width: 1023px) { .c-reviewSpot__contentBox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } } @media (min-width: 1024px) { .c-reviewSpot__contentBox { width: calc(99.9% * 72/100 - 11.2px); } .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 40px; clear: none; } .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-reviewSpot__contentBox:nth-child(2n) { margin-right: 0; float: right; } .c-reviewSpot__contentBox:nth-child(2n + 1) { clear: both; } } @media (min-width: 1280px) { .c-reviewSpot__contentBox { width: calc(99.9% * 77/100 - 9.2px); padding-right: 40px; } .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 40px; clear: none; } .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-reviewSpot__contentBox:nth-child(2n) { margin-right: 0; float: right; } .c-reviewSpot__contentBox:nth-child(2n + 1) { clear: both; } } .c-reviewSpot__quote { font-weight: 500; font-size: 16px; line-height: 36px; position: relative; z-index: 5; } @media (min-width: 640px) { .c-reviewSpot__quote { font-size: 20px; line-height: 44px; } } @media (min-width: 1024px) { .c-reviewSpot__quote { font-size: 18px; line-height: 40px; letter-spacing: .5px; } } @media (min-width: 1280px) { .c-reviewSpot__quote { font-size: 23px; line-height: 48px; } } .c-reviewSpot__quote:before { content: '“'; position: absolute; top: 22px; left: -45px; font-size: 80px; z-index: 5; } @media (min-width: 640px) { .c-reviewSpot__quote:before { top: 29px; left: -60px; font-size: 100px; } } @media (min-width: 1024px) { .c-reviewSpot__quote:before { font-size: 94px; } } @media (min-width: 1280px) { .c-reviewSpot__quote:before { font-size: 100px; } } .c-reviewSpot__readMore { text-transform: uppercase; font-family: 'Gotham', sans-serif; font-size: 11px; color: #B92685; font-weight: 500; letter-spacing: 1px; display: inline-block; } .is-open .c-reviewSpot__readMore {} .is-open .c-reviewSpot__readMore.c-reviewSpot__readMore--initial { display: none; } .is-open .c-reviewSpot__readMore.c-reviewSpot__readMore--dropdown { display: block; } .c-reviewSpot__readMore:hover { cursor: pointer; } @media (min-width: 1024px) { .c-reviewSpot__readMore { font-size: 11px; } } .is-open .c-reviewSpot__seeMore--initial {} @media (min-width: 1024px) { .is-open .c-reviewSpot__seeMore--initial { display: none; } } .c-reviewSpot__infoBox { margin-top: 22px; } .is-open .c-reviewSpot__infoBox.c-reviewSpot__infoBox--initial {} @media (max-width: 1023px) { .is-open .c-reviewSpot__infoBox.c-reviewSpot__infoBox--initial { display: none; } } .c-reviewSpot__infoBox.c-reviewSpot__infoBox--dropdown {} @media (min-width: 1024px) { .c-reviewSpot__infoBox.c-reviewSpot__infoBox--dropdown { display: none; } } .c-reviewSpot__name { display: block; font-family: 'Gotham', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 14px; letter-spacing: 1.3px; } @media (min-width: 640px) { .c-reviewSpot__name { font-size: 14px; letter-spacing: 1px; } } @media (min-width: 1024px) { .c-reviewSpot__name { font-size: 14px; } } .c-reviewSpot__position { display: block; margin-top: 9px; font-size: 12px; font-style: italic; font-weight: 600; padding-right: 20px; } @media (min-width: 640px) { .c-reviewSpot__position { font-size: 13px; margin-top: 6px; padding-right: 0; } } @media (min-width: 1024px) { .c-reviewSpot__position { margin-top: 9px; font-size: 12px; } } .c-reviewSpot__location { display: block; margin-top: 6px; font-size: 12px; } @media (min-width: 1024px) { .c-reviewSpot__location { font-size: 12px; } } .c-reviewSpot__seeMore { text-transform: uppercase; font-family: 'Gotham', sans-serif; font-size: 11px; color: #B92685; font-weight: 500; letter-spacing: 1px; display: inline-block; margin-top: 32px; } @media (min-width: 640px) { .c-reviewSpot__seeMore { margin-top: 48px; } } @media (min-width: 1024px) { .c-reviewSpot__seeMore { font-size: 11px; margin-top: 30px; } } .is-open .c-reviewSpot__seeMore--initial { display: none; } @media (min-width: 1024px) { .is-open .c-reviewSpot__seeMore--initial { display: none; } } .c-reviewSpot__playButton { margin-top: 40px; cursor: pointer; } @media (min-width: 640px) { .c-reviewSpot__playButton { margin-top: 40px; } } @media (min-width: 1024px) { .c-reviewSpot__playButton { margin-top: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } } .c-reviewSpot__playIcon { fill: #fff; width: 52px; height: 52px; margin-top: 40px; } @media (min-width: 640px) { .c-reviewSpot__playIcon { width: 66px; height: 66px; margin-top: 40px; } } @media (min-width: 1024px) { .c-reviewSpot__playIcon { margin-top: 0; width: 70px; height: 70px; } } .c-reviewSpot__modal {} .c-reviewSpot__dropdown { display: none; } .c-reviewSpot__dropdownInner { margin: 0 auto; padding-left: 60px; padding-right: 30px; } @media (min-width: 640px) { .c-reviewSpot__dropdownInner { margin-top: 0px; width: 440px; } } @media (min-width: 1024px) { .c-reviewSpot__dropdownInner { margin-top: 120px; width: 590px; padding: 0; } } @media (min-width: 1280px) { .c-reviewSpot__dropdownInner { margin-top: 90px; width: 680px; } } .c-reviewSpot__dropdownContent { padding-bottom: 0; font-size: 13px; line-height: 27px; } .c-reviewSpot__dropdownContent p { margin-bottom: 27px; } @media (min-width: 640px) { .c-reviewSpot__dropdownContent { font-size: 15px; line-height: 40px; } .c-reviewSpot__dropdownContent p { margin-bottom: 38px; } } @media (min-width: 1024px) { .c-reviewSpot__dropdownContent { font-size: 15px; line-height: 40px; margin-bottom: 80px; } } @media (min-width: 1280px) { .c-reviewSpot__dropdownContent { font-size: 16px; line-height: 40px; margin-bottom: 80px; } } .c-reviewSpot__closingSection { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; margin-top: 35px; color: #B92685; text-transform: uppercase; font-size: 11px; font-family: 'Gotham', sans-serif; font-weight: 600; letter-spacing: 1px; max-width: 1024px; width: 300px; padding-left: 60px; padding-right: 30px; margin-bottom: 40px; } .c-reviewSpot__closingSection .c-reviewSpot__seeMore { margin: 0; } @media (min-width: 640px) { .c-reviewSpot__closingSection { margin: 0 auto; margin-bottom: 40px; padding: 30px 0; font-size: 13px; font-weight: 500; margin-top: 0px; width: 440px; } } @media (min-width: 1024px) { .c-reviewSpot__closingSection { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; border-top: 1px solid #f2f2f2; padding-bottom: 0; padding-top: 30px; font-size: 11px; padding-top: 30px; margin-top: 40px; width: auto; margin-left: 90px; margin-right: 90px; } } @media (min-width: 1280px) { .c-reviewSpot__closingSection { padding-top: 27px; font-size: 13px; margin: 0 auto; } } .c-reviewSpot__seeMore {} .c-reviewSpot__seeMore:hover { cursor: pointer; } .c-reviewSpot__readMore--dropdown {} .c-reviewSpot__readMore--dropdown:hover { cursor: pointer; } .c-reviewSpot__videoInner--stasia { z-index: 4; background-image: url('images/reviews/spotlight-stasia.jpg'); } .c-reviewSpot__seeMore, .c-reviewSpot__readMore, .c-reviewFeatured__expandToggleText, .c-reviewFeatured__seeMore, .c-reviewFeatured__close, .c-review__seeMore, .c-review__close {} @media (min-width: 1024px) { .c-reviewSpot__seeMore, .c-reviewSpot__readMore, .c-reviewFeatured__expandToggleText, .c-reviewFeatured__seeMore, .c-reviewFeatured__close, .c-review__seeMore, .c-review__close { position: relative; line-height: 1.5; } .c-reviewSpot__seeMore:before, .c-reviewSpot__readMore:before, .c-reviewFeatured__expandToggleText:before, .c-reviewFeatured__seeMore:before, .c-reviewFeatured__close:before, .c-review__seeMore:before, .c-review__close:before { bottom: -2px; left: 0; content: ''; width: 100%; height: 1px; position: absolute; -webkit-transform-origin: 2px; transform-origin: 2px; background: #8e1b61; -webkit-transform: scaleX(0); transform: scaleX(0); transition: -webkit-transform .3s ease-in-out 0s; transition: transform .3s ease-in-out 0s; transition: transform .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s; } .c-reviewSpot__seeMore:hover, .c-reviewSpot__seeMore:hover, .c-reviewSpot__readMore:hover, .c-reviewSpot__readMore:hover, .c-reviewFeatured__expandToggleText:hover, .c-reviewFeatured__expandToggleText:hover, .c-reviewFeatured__seeMore:hover, .c-reviewFeatured__seeMore:hover, .c-reviewFeatured__close:hover, .c-reviewFeatured__close:hover, .c-review__seeMore:hover, .c-review__seeMore:hover, .c-review__close:hover, .c-review__close:hover { color: #8e1b61; } .c-reviewSpot__seeMore:hover:before, .c-reviewSpot__seeMore:hover:before, .c-reviewSpot__readMore:hover:before, .c-reviewSpot__readMore:hover:before, .c-reviewFeatured__expandToggleText:hover:before, .c-reviewFeatured__expandToggleText:hover:before, .c-reviewFeatured__seeMore:hover:before, .c-reviewFeatured__seeMore:hover:before, .c-reviewFeatured__close:hover:before, .c-reviewFeatured__close:hover:before, .c-review__seeMore:hover:before, .c-review__seeMore:hover:before, .c-review__close:hover:before, .c-review__close:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } } /* Thank you page */ /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Component specific settings */ .c-thankyou {} .c-thankyou__playBox { position: absolute; bottom: 0; left: 12px; margin: auto; width: 80px; height: 80px; cursor: pointer; top: 27%; } @media (min-width: 640px) { .c-thankyou__playBox { top: 9%; width: 80px; height: 64px; left: 64px; } } @media (min-width: 768px) { .c-thankyou__playBox { top: 43%; } } @media (min-width: 1024px) { .c-thankyou__playBox { top: 0; left: 0; right: 0; width: 120px; height: 120px; } } .c-thankyou__playBox:hover .c-thankyou__playButton path { fill: #5b5b5b; } .c-thankyou__playBox:hover .c-thankyou__playText { color: #5b5b5b; } .c-thankyou__playButton { display: block; margin: auto; } @media (max-width: 1023px) { .c-thankyou__playButton { width: 100%; height: 100%; } } @media (max-width: 639px) { .c-thankyou__playButton { width: 50px; height: 50px; } } .c-thankyou__playText { font-weight: 600; color: #4D4D4D; display: inline-block; font-size: 8px; } @media (min-width: 640px) { .c-thankyou__playText { font-size: 10px; } } @media (min-width: 1280px) { .c-thankyou__playText { font-size: 13px; } } @media (min-width: 1440px) { .c-thankyou__playText { font-size: 16px; } } .c-thankyoubg { background-image: url(images/thankyou/thankyou-bg-mobile.png); background-position: center 95%; background-repeat: no-repeat; background-size: 140%; } @media (min-width: 640px) { .c-thankyoubg { background-image: url(images/thankyou/thankyou-bg-mobile.png); background-position: center 90%; background-size: 100%; } } @media (min-width: 860px) { .c-thankyoubg { background-position: center 85%; background-image: url(images/thankyou/thankyou-bg.png); } } @media (min-width: 1280px) { .c-thankyoubg { background-position: center bottom; } } @media screen and (min-width: 1920px) { .c-thankyoubg { background-position: center bottom; background-size: 95%; } } @media screen and (min-width: 2000px) { .c-thankyoubg { background-size: 80%; } } @media screen and (min-width: 2300px) { .c-thankyoubg { background-size: 70%; } } .c-thankyoubg__grid { margin-right: auto; margin-left: auto; padding-right: 25px; padding-left: 25px; padding-left: 0; padding-right: 0; } @media (min-width: 640px) { .c-thankyoubg__grid { padding-right: 40px; padding-left: 40px; } } @media (min-width: 640px) { .c-thankyoubg__grid { padding-right: 70px; padding-left: 70px; } } @media (min-width: 1024px) { .c-thankyoubg__grid { max-width: 1046px; padding-right: 40px; padding-left: 40px; padding-top: 74px; padding-bottom: 70px; } } @media (min-width: 1280px) { .c-thankyoubg__grid { max-width: 1112px; padding-top: 92px; padding-bottom: 24px; } } @media (min-width: 1440px) { .c-thankyoubg__grid { max-width: 1380px; padding-top: 110px; padding-bottom: 105px; } } .c-thankyoubg__left { padding: 48px 25px; } @media (min-width: 640px) { .c-thankyoubg__left { padding: 74px 0 118px 0; } } @media (min-width: 769px) { .c-thankyoubg__left { max-width: 480px; padding: 80px 0; } } @media (min-width: 1024px) { .c-thankyoubg__left { max-width: 560px; padding: 0; } } .c-thankyoubg__right { padding: 50px 0; } @media (min-width: 640px) { .c-thankyoubg__right { padding: 0; } } @media(min-width: 1024px) { .c-thankyoubg__right { padding: 42px 29px 29px 38px; max-width: 400px; } } @media (min-width: 1280px) { .c-thankyoubg__right { padding: 31px 20px 60px 40px; margin-top: 12px; max-width: 444px; } } @media(min-width: 1440px) { .c-thankyoubg__right { padding: 63px 20px 60px 97px; margin-top: 12px; max-width: 582px; } } .c-thankyoubg__leftTitle { font-size: 30px; text-align: left; line-height: 1.2; } @media (min-width: 640px) { .c-thankyoubg__leftTitle { font-size: 38px; } } @media (min-width: 769px) { .c-thankyoubg__leftTitle { font-size: 34px; max-width: none; } } @media(min-width: 1280px) { .c-thankyoubg__leftTitle { font-size: 38px; line-height: 1.3; } } @media(min-width: 1440px) { .c-thankyoubg__leftTitle { font-size: 48px; } } .c-thankyoubg__para { font-size: 13px; padding-bottom: 38px; line-height: 2.6; } @media (min-width: 640px) { .c-thankyoubg__para { font-size: 15px; padding-bottom: 34px; line-height: 2.2; } } @media (min-width: 1024px) { .c-thankyoubg__para { font-size: 15px; line-height: 36px; } } @media(min-width: 1280px) { .c-thankyoubg__para { font-size: 17px; } } .c-thankyoubg__para:last-of-type { padding-bottom: 0; } .c-thankyoubg__link { color: #B92685; cursor: pointer; font-weight: 600; position: relative; } .c-thankyoubg__link:before { bottom: -2px; left: 0; content: ''; width: 100%; height: 1px; position: absolute; -webkit-transform-origin: 2px; transform-origin: 2px; background: #8e1b61; -webkit-transform: scaleX(0); transform: scaleX(0); transition: -webkit-transform .3s ease-in-out 0s; transition: transform .3s ease-in-out 0s; transition: transform .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s; } .c-thankyoubg__link:hover, .c-thankyoubg__link:hover { color: #8e1b61; } .c-thankyoubg__link:hover:before, .c-thankyoubg__link:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .c-thankyoubg__bullet { padding-top: 29px; } .c-thankyoubg__bulletSection { margin-bottom: 34px; } .c-thankyoubg__bulletmedia {} @media (min-width: 1280px) { .c-thankyoubg__bulletmedia { width: 34px; text-align: center; } } .c-thankyoubg__bulletcontent {} @media (min-width: 1280px) { .c-thankyoubg__bulletcontent { overflow: hidden; padding-left: 16px; padding-top: 2px; } } .c-thankyoubg__bulletTitle {} @media (min-width: 1024px) { .c-thankyoubg__bulletTitle { font-size: 12px; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 3px; } } .c-thankyoubg__rightTitle { font-size: 22px; padding: 0 0 40px 0; text-align: center; } @media (min-width: 640px) { .c-thankyoubg__rightTitle { font-size: 28px; padding: 40px 0; } } @media (min-width: 1024px) { .c-thankyoubg__rightTitle { font-size: 21px; padding: 0 0 34px 0; text-align: left; } } @media (min-width: 1440px) { .c-thankyoubg__rightTitle { font-size: 22px; } } .c-thankyoubg__bulletText {} @media (max-width: 639px) { .c-thankyoubg__bulletText { font-size: 15px; } } @media (min-width: 640px) { .c-thankyoubg__bulletText { padding: 0 14px; } } @media (min-width: 769px) { .c-thankyoubg__bulletText { padding: 0; } } @media (min-width: 1024px) { .c-thankyoubg__bulletText { font-size: 16px; } } @media (min-width: 1280px) { .c-thankyoubg__bulletText {} } @media (min-width: 1440px) { .c-thankyoubg__bulletText { font-size: 17px; } } .c-thankyoubg__bulletTitle {} @media (max-width: 639px) { .c-thankyoubg__bulletTitle { font-size: 13px; } } .c-thankyoubg__bulletIcon {} .c-thankyoubg__bulletIcon--1 { width: 25px; } .c-thankyoubg__bulletIcon--2 { width: 34px; } .c-thankyoubg__bulletIcon--3 { width: 31px; } .c-thankyoubg__bulletIcon--4 { width: 30px; } @media (min-width: 640px) { .c-thankyoubg__bulletIcon--4 { padding-top: 11px; } } @media (min-width: 1024px) { .c-thankyoubg__bulletIcon--4 { padding-top: 0; } } .c-shareNews .c-btn { font-size: 12px; padding: 16px 15px; letter-spacing: 2.6px; position: relative; } .c-shareNews .c-btn i { font-size: 24px; position: absolute; top: 12px; } .c-shareNews .c-btn span { padding-left: 24px; } .c-shareNews .c-btn:first-of-type { margin: 0 0 24px 0; } .c-shareNews__icons {} @media (max-width: 639px) { .c-shareNews__icons { max-width: 80%; margin: auto; } } .c-shareNews__content { padding: 49px 0 80px 0; } @media (min-width: 640px) { .c-shareNews__content { padding: 47px 60px 77px 60px; margin-top: 27px; } } @media (min-width: 1024px) { .c-shareNews__content { padding-top: 50px; padding-bottom: 64px; margin-top: 0; } } @media (min-width: 1280px) { .c-shareNews__content { padding: 40px 0 85px 0; } } @media (min-width: 1440px) { .c-shareNews__content { padding: 80px 0; } } @media (min-width: 640px) { .c-shareNews .c-btn { padding: 16px 40px; } } @media (min-width: 640px) { .c-shareNews .c-btn span { padding-left: 31px; } } @media only screen and (min-width: 846px) { .c-shareNews .c-btn:first-of-type { margin: 0; } } @media (min-width: 1024px) { .c-shareNews .c-btn:first-of-type { margin-right: 24px; } } .c-shareNews__title { font-size: 30px; } @media (min-width: 640px) { .c-shareNews__title { font-size: 46px; } } @media (min-width: 1280px) { .c-shareNews__title { font-size: 50px; } } @media (min-width: 1440px) { .c-shareNews__title { font-size: 60px; } } .c-shareNews__para { font-size: 13px; padding: 16px 48px; padding: 1rem 3rem; line-height: 2.1; } @media (min-width: 640px) { .c-shareNews__para { font-size: 16px; padding: 1rem; } } @media (min-width: 1280px) { .c-shareNews__para { font-size: 18px; } } @media (min-width: 1440px) { .c-shareNews__para { font-size: 20px; } } .c-shareNews__content { background-color: #fff; } .c-copyRight { color: #7c7c7c; padding: 6px 0; } .c-copyRight__text { font-family: 'Gotham', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 11px; } .c-copyRight__divider { padding: 0 8px; } .c-thankyouHero { background-image: url(images/thankyou/thankyou-hero-bg-mobile-large.jpg); } @media (max-width: 768px) { .c-thankyouHero { background-size: cover; background-position: center bottom; } } @media (max-width: 767px) { .c-thankyouHero { background-position: 100% bottom; } } @media (min-width: 768px) { .c-thankyouHero { background-position: 65% 0px; background-image: url(images/thankyou/thankyou-hero-bg-desktop-small.jpg); } } @media (min-width: 769px) { .c-thankyouHero { background-image: url(images/thankyou/thankyou-hero-bg-desktop-small.jpg); background-position: 65% 0px; } } @media (min-width: 1024px) { .c-thankyouHero { background-position: center 45%; } } @media (min-width: 1280px) { .c-thankyouHero { background-image: url(images/thankyou/thankyou-hero-bg-desktop-small.jpg); background-position: center 0; } } @media (min-width: 1440px) { .c-thankyouHero { background-image: url(images/thankyou/thankyou-hero-bg-desktop.jpg); } } @media only screen and (min-width: 1920px) { .c-thankyouHero {} } .c-thankyouHero__container { height: 480px; } @media (min-width: 640px) { .c-thankyouHero__container { height: 800px; } } @media (min-width: 768px) { .c-thankyouHero__container { padding-top: 0; height: 520px; } } @media (min-width: 1440px) { .c-thankyouHero__container { height: 690px; } } .c-thankyouHero__para { font-size: 13px; padding-top: 16px; line-height: 2; } @media (min-width: 640px) { .c-thankyouHero__para { font-size: 16px; } } @media (min-width: 1280px) { .c-thankyouHero__para { font-size: 17px; } } @media (min-width: 1440px) { .c-thankyouHero__para { font-size: 18px; padding-top: 24px; } } .c-thankyouHero__subHeading { font-size: 40px; line-height: 50px; } @media (min-width: 640px) { .c-thankyouHero__subHeading { font-size: 65px; line-height: 75px; } } @media (min-width: 1024px) { .c-thankyouHero__subHeading { font-size: 50px; line-height: 60px; } } @media (min-width: 1280px) { .c-thankyouHero__subHeading { font-size: 65px; line-height: 75px; } } @media (min-width: 1440px) { .c-thankyouHero__subHeading { font-size: 74px; line-height: 84px; } } .c-thankyouHero__Center { position: absolute; top: 20%; } @media (min-width: 640px) { .c-thankyouHero__Center { top: 23%; } } @media (min-width: 1024px) { .c-thankyouHero__Center { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .page-template-anattapage-thankyou-php .c-copyright__text { display: none; } /* Programs: */ /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-program__title { margin-bottom: 22px; font-family: 'Gotham', sans-serif; font-size: 24px; line-height: 34px; font-weight: 300; letter-spacing: 0.01em; margin-top: 0; } .c-program__title br {} @media (min-width: 640px) { .c-program__title { font-size: 38px; line-height: 1.2; } } @media (min-width: 1024px) { .c-program__title { font-size: 40px; line-height: 56px; } } @media (min-width: 400px) { .c-program__title br { display: none; } } .c-program__title--smaller { font-size: 22px; line-height: 30px; } @media (min-width: 640px) { .c-program__title--smaller { font-size: 30px; line-height: 48px; } } @media (min-width: 1024px) { .c-program__title--smaller { font-size: 30px; line-height: 48px; } } .c-program__title--bigger {} @media (min-width: 1024px) { .c-program__title--bigger { font-size: 48px; } } .c-program__title--white { color: #fff; } .c-program__smallHeading { color: #484848; font-family: 'Gotham', sans-serif; font-size: 14px; line-height: 27px; margin-bottom: 23px; font-weight: 500; } @media (min-width: 640px) { .c-program__smallHeading { font-size: 16px; line-height: 34px; margin-bottom: 34px; } } @media (min-width: 1024px) { .c-program__smallHeading { font-size: 18px; line-height: 36px; } } .c-program__smallHeading--medium {} @media (min-width: 1024px) { .c-program__smallHeading--medium { font-size: 19px; } } .c-program__smallHeading--bigger {} @media (min-width: 640px) { .c-program__smallHeading--bigger { line-height: 30px; } } @media (min-width: 1024px) { .c-program__smallHeading--bigger { font-size: 21px; line-height: 36px; } } .c-program__heading { color: #000; font-family: 'Gotham', sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; margin-bottom: 10px; } @media (min-width: 1024px) { .c-program__heading { font-size: 14px; } } .c-program__copy p, .c-program__copy li { font-size: 13px; line-height: 27px; color: #111111; } .c-program__copy p, .c-program__copy ul, .c-program__copy ol { margin-bottom: 23px; } @media (min-width: 640px) { .c-program__copy p, .c-program__copy li { font-size: 14px; line-height: 34px; } } @media (min-width: 1024px) { .c-program__copy p, .c-program__copy li { font-size: 16px; line-height: 36px; } } @media (min-width: 640px) { .c-program__copy p, .c-program__copy ul, .c-program__copy ol { margin-bottom: 34px; } } .c-program__btn { display: inline-block; min-width: 206px; padding: 12px 19px; background-color: #B92685; font-family: 'Gotham', sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #fff; border-radius: 4px; transition: all 250ms ease; } @media (min-width: 640px) { .c-program__btn { padding-top: 15px; padding-bottom: 13px; min-width: 250px; font-size: 15px; } } @media (min-width: 1024px) { .c-program__btn { padding-top: 12px; padding-bottom: 12px; min-width: 200px; font-size: 12px; } } .c-program__btn:hover, .c-program__btn:focus { color: #fff; background-color: #981e6d; } .c-program__sessionBox { background: #E57726; padding: 20px 30px; } .c-program__sessionBox p { font-family: 'Gotham', sans-serif; font-weight: 400; color: #fff; margin: 0; font-size: 15px; line-height: 25px; } .c-program__sessionBox .c-btn { background-color: #E57726; color: #fff; border: 1px solid #fff; margin: 0 auto; margin-top: 30px; } .c-program__sessionBox .c-btn:hover { background-color: #B92685; } @media (min-width: 640px) { .c-program__sessionBox { min-height: 155px; padding: 40px; max-width: 610px; margin: 68px auto 30px auto; } } @media (min-width: 768px) { .c-program__sessionBox { padding: 40px 110px; } } @media (min-width: 1024px) { .c-program__sessionBox { padding: 38px 70px; min-height: 168px; } } @media (min-width: 1024px) { .c-program__sessionBox p { font-size: 18px; line-height: 31px; } } @media (min-width: 640px) { .c-program__sessionBox .c-btn { padding: 14px 32px; font-size: 13px; letter-spacing: 4px; } } .c-program__header { text-align: center; } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-programText { padding: 55px 0 45px 0; border-left: 10px solid #fff; border-right: 10px solid #fff; } .c-programText .o-wrapperProgram { max-width: 760px; } @media (min-width: 640px) { .c-programText { padding: 64px 0 67px 0; } } @media (min-width: 1024px) { .c-programText { border-left: 20px solid #fff; border-right: 20px solid #fff; } } .c-programText__timing .c-programText__timingCopy { padding-top: 10px; } .c-programText__timing .c-programText__timingCopy p {} .c-programText__timing .c-program__smallHeading {} @media (min-width: 1440px) { .c-programText__timing { padding: 103px 0 86px 0; } } @media (min-width: 1440px) { .c-programText__timing .c-programText__timingCopy p { margin-bottom: 40px; } } @media (min-width: 1440px) { .c-programText__timing .c-program__smallHeading { line-height: 34px; margin-bottom: 40px; padding-top: 7px; } } .c-programText__about { padding: 55px 0 40px 0; } @media (min-width: 640px) { .c-programText__about { padding: 75px 0 41px 0; } } @media (min-width: 1024px) { .c-programText__about { padding: 64px 0 67px 0; } } .c-programYourTime { background: #fbfbfb; padding: 36px 0 28px 0; } .c-programYourTime .o-wrapperProgram { max-width: 820px; } .c-programYourTime p {} @media (min-width: 640px) { .c-programYourTime { padding: 64px 0 45px 0; } } @media (min-width: 640px) { .c-programYourTime p { padding: 0 30px; } } @media (min-width: 1024px) { .c-programYourTime p { padding: 0; } } .c-programYourTime {} .c-programText__contentSection { text-align: center; padding: 0 5px; } @media (min-width: 380px) { .c-programText__contentSection { padding: 0 20px; } } @media (min-width: 640px) { .c-programText__contentSection { padding: 0; } } .c-programYourTime__heading { font-style: italic; font-size: 17px; line-height: 30px; margin: 0 0 15px 0; padding: 5px 40px 11px 40px; } @media (min-width: 640px) { .c-programYourTime__heading { line-height: 34px; padding: 0; } } @media (min-width: 1024px) { .c-programYourTime__heading { font-size: 26px; line-height: 32px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-programFor {} .c-programFor__Bg { padding: 160px 15px 25px 15px; background-color: ;; background-color: #000; background-image: url(images/program/program-for-bg-mobile.jpg); } .c-programFor__Bg .c-program__title--white { text-align: center; text-shadow: 0 1px 1px #484848; } @media (min-width: 640px) { .c-programFor__Bg { padding: 160px 25px 40px 25px; } } @media (max-width: 1023px) { .c-programFor__Bg { background-size: 100% auto; } } @media (min-width: 1024px) { .c-programFor__Bg { background-image: url(images/program/program-for-bg-desktop.jpg); min-height: 870px; padding: 130px 25px 40px 25px; } } @media (min-width: 1280px) { .c-programFor__Bg { padding-left: 0; padding-right: 0; } } .c-programFor__listContentSection { padding: 30px 15px 30px; background: #fff; } .c-programFor__listContentSection .c-program__title { text-align: center; } .c-programFor__listContentSection .c-program__smallHeading { text-align: center; max-width: 890px; } @media (min-width: 640px) { .c-programFor__listContentSection { padding: 40px 30px 30px 40px; } } @media (min-width: 768px) { .c-programFor__listContentSection { padding: 40px 80px 30px 80px; } } @media (min-width: 1024px) { .c-programFor__listContentSection { padding: 40px 30px 40px 40px; margin-top: 96px; } } @media (min-width: 1280px) { .c-programFor__listContentSection { max-width: 1090px; } } @media (min-width: 1440px) { .c-programFor__listContentSection { max-width: 1266px; padding: 50px 55px 40px 105px; } } @media (min-width: 1024px) { .c-programFor__listContentSection .c-program__title { display: none; } } @media (min-width: 640px) { .c-programFor__listContentSection .c-program__smallHeading { padding: 0 50px; } } @media (min-width: 768px) { .c-programFor__listContentSection .c-program__smallHeading { padding: 0 65px; } } @media (min-width: 1024px) { .c-programFor__listContentSection .c-program__smallHeading { margin-left: auto; margin-right: auto; padding: 0; } } .c-programFor__copy { display: table; margin: 0 auto 22px auto; } .c-programFor__copy:before { content: ''; display: table; } .c-programFor__copy:after { content: ''; display: table; clear: both; } .c-programFor__copy ul {} @media (min-width: 640px) { .c-programFor__copy { margin: 0 0 20px 0; display: block; } } @media (min-width: 1024px) { .c-programFor__copy { margin: 0; } } @media (min-width: 1440px) { .c-programFor__copy { padding-top: 17px; padding-bottom: 4px; } } @media (max-width: 639px) { .c-programFor__copy ul { margin: 0; } } .c-programFor__list { width: 100%; list-style: none; padding: 0; } .c-programFor__list li { background: url(images/program/list-green-arrow.png) no-repeat 0 7px; padding: 0 0 5px 30px; color: #484848; } .c-programFor__list li br { display: none; } .c-programFor__list br { display: none; } @media (min-width: 1024px) { .c-programFor__list { width: 33.3%; } .c-programFor__list:nth-child(1n) { float: left; margin-right: 0; clear: none; } .c-programFor__list:last-child { margin-right: 0; } .c-programFor__list:nth-child(3n) { margin-right: 0; float: right; } .c-programFor__list:nth-child(3n + 1) { clear: both; } } @media (min-width: 640px) { .c-programFor__list li { font-size: 14px; line-height: 25px; width: 49.95%; padding: 0 20px 12px 30px; background-position: 0 6px; } .c-programFor__list li:nth-child(1n) { float: left; margin-right: 0; clear: none; } .c-programFor__list li:last-child { margin-right: 0; } .c-programFor__list li:nth-child(2n) { margin-right: 0; float: right; } .c-programFor__list li:nth-child(2n + 1) { clear: both; } } @media (min-width: 1024px) { .c-programFor__list li { float: none; width: 100%; margin: 0; font-size: 17px; line-height: 24px; } } @media (min-width: 1440px) { .c-programFor__list li { padding: 0 30px 15px 30px; } } @media (min-width: 1024px) { .c-programFor__list li br { display: block; } } @media (min-width: 1440px) { .c-programFor__list br { display: block; } } .c-programFor__Content { padding: 35px 0; } .c-programFor__Content .o-wrapperProgram {} .c-programFor__Content .c-program__copy {} .c-programFor__Content p img { max-width: 265px; } .c-programFor__Content .c-programFor__ContentImageDesktop { display: none; } @media (min-width: 640px) { .c-programFor__Content { padding: 45px 0; } } @media (min-width: 1024px) { .c-programFor__Content { padding: 59px 0 85px 0; } } @media (min-width: 1024px) { .c-programFor__Content .o-wrapperProgram { position: relative; } } @media (min-width: 1440px) { .c-programFor__Content .o-wrapperProgram { max-width: 1088px; } } @media (max-width: 1023px) { .c-programFor__Content .c-program__copy { text-align: center; } } @media (min-width: 640px) { .c-programFor__Content p img { max-width: 378px; } } @media (min-width: 1024px) { .c-programFor__Content .c-programFor__ContentImageDesktop { position: absolute; top: 40px; right: -30px; display: block; } .c-programFor__Content .c-programFor__ContentImageDesktop img { max-width: 512px; } } @media (min-width: 1440px) { .c-programFor__Content .c-programFor__ContentImageDesktop { right: -90px; } } .c-programSupport__box--last {} @media (min-width: 1440px) { .c-programSupport__box--last { margin-top: -30px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-programTestimonials { color: #52C2B9; font-family: 'Gotham', sans-serif; text-align: center; padding: 30px 20px 0 20px; } @media (min-width: 640px) { .c-programTestimonials { padding: 30px 0 0 0; } } .c-programTestimonials--center { max-width: 380px; margin: 0 auto; } @media (min-width: 1024px) { .c-programTestimonials--center { max-width: 610px; } } @media (min-width: 1440px) { .c-programTestimonials--center { padding-top: 43px; } } .c-programTestimonials__text { padding: 0 0 15px 0; font-weight: 300; } .c-programTestimonials__text p { font-size: 18px; line-height: 30px; } @media (min-width: 1024px) { .c-programTestimonials__text { padding-bottom: 25px; } } @media (min-width: 640px) { .c-programTestimonials__text p { font-size: 20px; line-height: 36px; } } @media (min-width: 1024px) { .c-programTestimonials__text p { font-size: 27px; line-height: 44px; } } .c-programTestimonials__photo { width: 42px; height: 42px; } @media (min-width: 640px) { .c-programTestimonials__photo { width: 52px; height: 52px; } } .c-programTestimonials__authorName { text-transform: uppercase; font-weight: 500; letter-spacing: 1px; font-size: 13px; margin: 0 0 0 10px; } @media (min-width: 640px) { .c-programTestimonials__authorName { font-size: 11px; } } @media (min-width: 1024px) { .c-programTestimonials__authorName { font-size: 13px; } } .c-programTestimonials__commas { font-size: 40px; position: absolute; margin-top: 10px; color: #52C2B9; font-family: GalaxieCopernicus; } @media (min-width: 640px) { .c-programTestimonials__commas { font-size: 50px; margin-top: 10px; } } @media (min-width: 1280px) { .c-programTestimonials__commas { font-size: 60px; margin-top: 13px; } } .c-programTestimonials__commas--first { margin-left: -20px; } @media (min-width: 640px) { .c-programTestimonials__commas--first { margin-left: -30px; } } @media (min-width: 1024px) { .c-programTestimonials__commas--first { margin-left: -35px; } } .c-programTestimonials__commas--last { margin-left: 5px; } @media (min-width: 640px) { .c-programTestimonials__commas--last { margin-left: 10px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-programOnline { padding: 30px 0; } .c-programOnline .u-vAbsCenter {} .c-programOnline .c-program__smallHeading { color: #000; } .c-programOnline .c-program__title, .c-programOnline .c-program__copy p, .c-programOnline .c-program__copy li { color: #000; } @media (min-width: 640px) { .c-programOnline { padding: 60px 0; } } @media (max-width: 1023px) { .c-programOnline .u-vAbsCenter { top: 0px; position: static; -webkit-transform: translateY(0); transform: translateY(0); } } @media (min-width: 1024px) { .c-programOnline .c-program__smallHeading { color: #484848; } } .c-programOnline__content { text-align: center; } @media (min-width: 380px) { .c-programOnline__content { padding: 0 20px; } } @media (min-width: 640px) { .c-programOnline__content { padding: 0; } } @media (min-width: 1024px) { .c-programOnline__content { text-align: left; } } .c-programOnline__Image { margin: 0 -30px; } @media (min-width: 380px) { .c-programOnline__Image { margin: 0 -50px; } } @media (min-width: 640px) { .c-programOnline__Image { margin: 0; } } .c-programOnline__onlineBg { background-color: #faf9f6; } .c-programOnline__onlineBg .u-vAbsCenter {} .c-programOnline__onlineBg .c-program__smallHeading {} .c-programOnline__onlineBg .c-program__title {} @media (min-width: 1024px) { .c-programOnline__onlineBg { background-image: url(images/program/program-online-bg-desktop.jpg); min-height: 646px; } } @media (min-width: 1024px) { .c-programOnline__onlineBg .u-vAbsCenter { max-width: 510px; margin-top: -18px; } } @media (min-width: 1024px) { .c-programOnline__onlineBg .c-program__smallHeading { margin-bottom: 23px; line-height: 32px; } } @media (min-width: 1024px) { .c-programOnline__onlineBg .c-program__title { line-height: 52px; } } .c-programOnline__learnBg { background-color: #f3f3f3; background-image: url(images/program/program-learn-bg-mobile-small.jpg); background-position: 0 bottom; background-size: 100% auto; padding: 30px 0 185px 0; } .c-programOnline__learnBg .u-vAbsCenter { padding: 35px 20px 15px 20px; background: #fff; } .c-programOnline__learnBg .c-program__title {} .c-programOnline__learnBg .c-program__smallHeading {} .c-programOnline__learnBg .c-programOnline__Image { display: none; } .c-programOnline__learnBg .c-program__copy br { display: none; } @media (min-width: 640px) { .c-programOnline__learnBg { background-image: none; padding: 85px 0 60px 0; } } @media (min-width: 1024px) { .c-programOnline__learnBg { background-image: url(images/program/program-learn-bg-desktop.jpg); background-size: cover; min-height: 850px; } } @media (min-width: 380px) { .c-programOnline__learnBg .u-vAbsCenter { padding: 35px 35px 25px 35px; } } @media (min-width: 640px) { .c-programOnline__learnBg .u-vAbsCenter { padding: 0; background: none; } } @media (min-width: 1024px) { .c-programOnline__learnBg .u-vAbsCenter { max-width: 658px; background: #fff; padding: 45px 50px 25px 47px; margin-top: -11px; } } @media (min-width: 380px) { .c-programOnline__learnBg .c-program__title { padding: 0 50px; } } @media (min-width: 640px) { .c-programOnline__learnBg .c-program__title { padding: 0; } } @media (min-width: 1024px) { .c-programOnline__learnBg .c-program__smallHeading { margin-bottom: 28px; line-height: 34px; } } @media (min-width: 640px) { .c-programOnline__learnBg .c-programOnline__Image { display: block; } } @media (min-width: 1024px) { .c-programOnline__learnBg .c-programOnline__Image { display: none; } } @media (min-width: 1440px) { .c-programOnline__learnBg .c-program__copy br { display: block; } } .c-programOnline__marieBg { background-color: #f8f3ec; background-position: 0 bottom; background-size: 100% auto; padding: 30px 0; } .c-programOnline__marieBg .u-vAbsCenter {} .c-programOnline__marieBg .c-program__title { font-size: 26px; line-height: 35px; font-weight: 400; color: #000; } .c-programOnline__marieBg .c-program__title br { display: block; } .c-programOnline__marieBg .c-program__smallHeading { color: #000; font-size: 14px; line-height: 27px; } .c-programOnline__marieBg .c-sales__copy br { display: none; } @media (min-width: 640px) { .c-programOnline__marieBg { background-image: none; padding: 85px 0 60px 0; } } @media (min-width: 1024px) { .c-programOnline__marieBg { background-image: url(images/sales/marie-desktop-bg.png); background-position: center; background-size: cover; min-height: 815px; } } @media (min-width: 640px) { .c-programOnline__marieBg .u-vAbsCenter { padding: 0; background: none; } } @media (min-width: 1024px) { .c-programOnline__marieBg .u-vAbsCenter { max-width: 690px; background: #fff; padding: 45px 50px 25px 47px; margin-top: -11px; } } @media (min-width: 640px) { .c-programOnline__marieBg .c-program__title { padding: 0; font-size: 38px; line-height: 50px; } } @media (min-width: 1024px) { .c-programOnline__marieBg .c-program__title { font-size: 53px; line-height: 67px; } } @media (min-width: 640px) { .c-programOnline__marieBg .c-program__smallHeading { font-size: 16px; line-height: 30px; } } @media (min-width: 1024px) { .c-programOnline__marieBg .c-program__smallHeading { margin-bottom: 28px; line-height: 34px; font-size: 21px; line-height: 36px; } } @media (min-width: 1024px) { .c-programOnline__marieBg .c-sales__copy { line-height: 38px; } } @media (min-width: 1440px) { .c-programOnline__marieBg .c-sales__copy br { display: block; } } .c-salesOnline__onlineBg .u-vAbsCenter br {} .c-salesOnline__onlineBg .c-program__smallHeading { color: #000; font-size: 14px; line-height: 27px; } .c-salesOnline__onlineBg .c-program__title { font-weight: 400; font-size: 24px; line-height: 35px; color: #000; margin-right: -10px; margin-left: -10px; } @media (min-width: 1024px) { .c-salesOnline__onlineBg { height: 870px; } } @media (min-width: 1024px) { .c-salesOnline__onlineBg .u-vAbsCenter { max-width: 550px; } } @media (min-width: 768px) { .c-salesOnline__onlineBg .u-vAbsCenter br { display: block; } } @media (min-width: 640px) { .c-salesOnline__onlineBg .c-program__smallHeading { font-size: 16px; line-height: 30px; } } @media (min-width: 1024px) { .c-salesOnline__onlineBg .c-program__smallHeading { margin-bottom: 28px; line-height: 34px; font-size: 21px; line-height: 36px; } } @media (min-width: 640px) { .c-salesOnline__onlineBg .c-program__title { font-size: 38px; line-height: 50px; margin-right: 0; margin-left: 0; } } @media (min-width: 1024px) { .c-salesOnline__onlineBg .c-program__title { font-size: 43px; line-height: 68px; } } .c-salesOnline__businessBg { position: relative; background-color: #f3f3f3; background-image: url(images/sales/sales-business-bg-mobile.jpg); background-position: 0 bottom; background-size: cover; padding: 15px 0 280px 0; } .c-salesOnline__businessBg .o-wrapper { padding: 0 15px; } .c-salesOnline__businessBg .u-vAbsCenter { padding: 40px 20px 25px 20px; background: #fff; } .c-salesOnline__businessBg .c-program__title { font-size: 24px; line-height: 35px; font-weight: 400; color: #000; margin-right: -10px; margin-left: -10px; } .c-salesOnline__businessBg .c-program__smallHeading { color: #000; font-size: 14px; line-height: 27px; } .c-salesOnline__businessBg .c-sales__copy br { display: none; } @media (min-width: 640px) { .c-salesOnline__businessBg { background-image: url(images/sales/sales-business-bg-mobile-large.jpg); padding: 30px 0 420px 0; } } @media (min-width: 768px) { .c-salesOnline__businessBg { padding: 85px 0 450px 0; } } @media (min-width: 769px) { .c-salesOnline__businessBg { background-image: url(images/sales/sales-business-bg-desktop.jpg); background-position: right bottom; padding: 85px 0; } } @media (min-width: 1024px) { .c-salesOnline__businessBg { min-height: 1143px; } } @media (min-width: 1680px) { .c-salesOnline__businessBg { background-image: url(images/sales/sales-business-bg-desktop-large.jpg); background-position: center center; background-size: cover; } } @media (min-width: 640px) { .c-salesOnline__businessBg .o-wrapper { padding: 0 25px; } } @media (min-width: 1024px) { .c-salesOnline__businessBg .o-wrapper { padding: 0 40px; } } @media (min-width: 380px) { .c-salesOnline__businessBg .u-vAbsCenter { padding: 35px 40px 25px 40px; } } @media (min-width: 640px) { .c-salesOnline__businessBg .u-vAbsCenter { max-width: 610px; margin: 0 auto; } } @media (min-width: 1024px) { .c-salesOnline__businessBg .u-vAbsCenter { max-width: 755px; background: #fff; padding: 60px 65px 45px 65px; } } @media (min-width: 1280px) { .c-salesOnline__businessBg .u-vAbsCenter { margin: -11px 0 0 0; } } @media (min-width: 380px) { .c-salesOnline__businessBg .c-program__title { padding: 0 50px; } } @media (min-width: 640px) { .c-salesOnline__businessBg .c-program__title { padding: 0; font-size: 38px; line-height: 50px; margin-right: 0; margin-left: 0; } } @media (min-width: 1024px) { .c-salesOnline__businessBg .c-program__title { font-size: 47px; line-height: 61px; } } @media (min-width: 640px) { .c-salesOnline__businessBg .c-program__smallHeading { font-size: 16px; line-height: 30px; } } @media (min-width: 1024px) { .c-salesOnline__businessBg .c-program__smallHeading { margin-bottom: 28px; line-height: 34px; font-size: 21px; line-height: 36px; } } @media (min-width: 1024px) { .c-salesOnline__businessBg .c-sales__copy { line-height: 38px; } } @media (min-width: 1440px) { .c-salesOnline__businessBg .c-sales__copy br { display: block; } } .c-salesOnline__photoCredit { color: #fff; font-size: 11px; font-style: italic; position: absolute; bottom: 10px; right: 10px; } @media (min-width: 1024px) { .c-salesOnline__photoCredit { font-size: 14px; right: 15px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-programTime { padding: 25px 0; } .c-programTime .o-wrapperProgram { max-width: 1054px; } @media (min-width: 640px) { .c-programTime { padding: 60px 0; } } @media (min-width: 1024px) { .c-programTime { padding: 107px 0 93px 0; } } @media (min-width: 640px) { .c-programTime .o-wrapperProgram { padding: 0 25px; } } @media (min-width: 1024px) { .c-programTime .o-wrapperProgram { padding: 0 40px; } } .c-programTime__content { text-align: center; background: #faf9f6; padding: 50px 20px 30px 20px; } .c-programTime__content br { display: none; } .c-programTime__content .c-program__smallHeading { color: #000; } .c-programTime__content .c-program__copy p {} @media (min-width: 640px) { .c-programTime__content { padding: 60px 50px 40px 50px; } } @media (min-width: 1024px) { .c-programTime__content { padding: 48px 130px 25px 150px; } } @media (min-width: 1280px) { .c-programTime__content br { display: block; } } @media (min-width: 1024px) { .c-programTime__content .c-program__smallHeading { margin-bottom: 29px; color: #484848; } } @media (min-width: 1024px) { .c-programTime__content .c-program__copy p { font-size: 15px; line-height: 30px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-programSupport { padding: 0 5px 25px 5px; } .c-programSupport .c-program__title {} .c-programSupport .o-wrapperProgram {} .c-programSupport .c-program__copy .c-programSupport__box p { font-family: 'Gotham', sans-serif; font-size: 13px; line-height: 24px; } .c-programSupport .o-grid__half--gutterMed:nth-child(2n) {} @media (min-width: 640px) { .c-programSupport { padding: 0 0 60px 0; } } @media (min-width: 1024px) { .c-programSupport { padding: 0 0 60px 0; } } @media (min-width: 1024px) { .c-programSupport .c-program__title { padding-bottom: 6px; } } @media (min-width: 1280px) { .c-programSupport .o-wrapperProgram { max-width: 1150px; } } @media (min-width: 640px) { .c-programSupport .c-program__copy .c-programSupport__box p { font-size: 15px; line-height: 27px; } } @media (min-width: 1024px) { .c-programSupport .c-program__copy .c-programSupport__box p { font-size: 17px; line-height: 30px; } } @media (min-width: 1440px) { .c-programSupport .o-grid__half--gutterMed:nth-child(2n) { margin-right: -51px; padding-right: 45px; } } .c-programSupport__paragraph br, .c-programSupport__box br { display: none; } @media (min-width: 1024px) { .c-programSupport__paragraph br, .c-programSupport__box br { display: block; } } .c-programSupport__content { max-width: 460px; margin-right: auto; margin-left: auto; color: #484848; } .c-programSupport__content a { color: #52C2B9; font-weight: 600; text-decoration: underline; } .c-programSupport__content a:hover { text-decoration: none; } @media (min-width: 1024px) { .c-programSupport__content { margin: 80px 0 0 0; max-width: inherit; } } @media (min-width: 1440px) { .c-programSupport__content { margin: 108px 0 0 0; } } .c-programSupport__column {} @media (min-width: 768px) { .c-programSupport__column { float: left; width: 50%; padding-left: 20px; padding-right: 20px; } .c-programSupport__column:nth-child(2n+1) { clear: left; } } @media (min-width: 1280px) { .c-programSupport__column { padding-right: 40px; padding-left: 40px; } } .c-programSupport__box { position: relative; padding-left: 45px; padding-bottom: 15px; } @media (min-width: 640px) { .c-programSupport__box { padding-left: 63px; } } @media (min-width: 1024px) { .c-programSupport__box { padding-bottom: 22px; } } .c-programSupport__heading { font-family: 'Gotham', sans-serif; font-size: 14px; line-height: 24px; font-weight: 500; margin: 0 0 10px 0; } @media (min-width: 640px) { .c-programSupport__heading { font-size: 19px; line-height: 35px; } } @media (min-width: 1024px) { .c-programSupport__heading { font-size: 21px; margin: 0 0 15px 0; } } .c-programSupport__icon { position: absolute; top: 0; left: 0; } .c-programSupport__icon svg, .c-programSupport__icon img { width: 30px; } @media (min-width: 640px) { .c-programSupport__icon svg, .c-programSupport__icon img { width: 40px; } } .c-programSupport__icon--one svg {} @media (min-width: 1024px) { .c-programSupport__icon--one { top: -6px; left: 10px; } } @media (min-width: 1024px) { .c-programSupport__icon--one svg { width: 37px; } } .c-programSupport__icon--two svg {} @media (min-width: 1024px) { .c-programSupport__icon--two { top: -10px; left: -2px; } } @media (min-width: 1024px) { .c-programSupport__icon--two svg { width: 47px; } } .c-programSupport__icon--three {} @media (min-width: 1024px) { .c-programSupport__icon--three { top: 0px; left: 1px; } } .c-programSupport__icon--four svg {} @media (min-width: 1024px) { .c-programSupport__icon--four { top: 1px; left: 2px; } } @media (min-width: 1024px) { .c-programSupport__icon--four svg { width: 48px; } } .c-programSupport__icon--five svg {} @media (min-width: 1024px) { .c-programSupport__icon--five { top: -8px; left: 5px; } } @media (min-width: 1024px) { .c-programSupport__icon--five svg { width: 48px; } } .c-programSupport__icon--six svg {} @media (min-width: 1024px) { .c-programSupport__icon--six { top: -1px; left: -1px; } } @media (min-width: 1024px) { .c-programSupport__icon--six svg { width: 48px; } } /* Numbers version */ .c-programSupport--numbers { padding: 44px 0 0; } .c-programSupport--numbers .o-wrapperProgram { padding-right: 30px; padding-left: 30px; } .c-programSupport--numbers .c-program__title { margin: 0 auto 37px; max-width: 660px; } .c-programSupport--numbers .c-programSupport__content { margin-top: 0; } .c-programSupport--numbers .c-programSupport__box { padding-left: 55px; } .c-programSupport--numbers .c-programSupport__heading { font-size: 18px; line-height: 1.5; min-height: 50px; } .c-programSupport--numbers .c-program__copy .c-programSupport__box p { font-family: 'GalaxieCopernicus', serif; color: #111; } .c-programSupport--numbers .c-programSupport__icon { height: 60px; padding-right: 7px; font-family: 'Gotham', sans-serif; font-size: 24px; font-weight: 600; line-height: 1; border-right: 3px solid; } @media (min-width: 640px) { .c-programSupport--numbers { padding-top: 94px; padding-bottom: 10px; } } @media (min-width: 1024px) { .c-programSupport--numbers { padding-top: 135px; padding-bottom: 45px; } } @media (min-width: 1024px) { .c-programSupport--numbers .o-wrapperProgram { padding-right: 20px; padding-left: 20px; } } @media (min-width: 640px) { .c-programSupport--numbers .c-program__title { margin-bottom: 67px; } } @media (min-width: 1024px) { .c-programSupport--numbers .c-program__title { margin-bottom: 72px; } } @media (min-width: 768px) { .c-programSupport--numbers .c-programSupport__content { max-width: none; } } @media (min-width: 640px) { .c-programSupport--numbers .c-programSupport__box { padding-left: 78px; padding-bottom: 27px; } } @media (min-width: 640px) { .c-programSupport--numbers .c-programSupport__heading { font-size: 20px; margin-bottom: 27px; min-height: 30px; } } @media (min-width: 640px) { .c-programSupport--numbers .c-programSupport__icon { padding-right: 13px; font-size: 32px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-course { padding: 45px 0 5px 0; background: #fbfbfb; } .c-course .c-program__heading {} .c-course .c-program__title {} .c-course .c-program__header {} .c-course .c-program__smallHeading br { display: none; } .c-course .o-wrapperProgram {} @media (min-width: 1024px) { .c-course { padding: 85px 0 80px 0; } } @media (min-width: 1024px) { .c-course .c-program__heading { margin-bottom: 0; } } @media (min-width: 1024px) { .c-course .c-program__title { padding-bottom: 14px; } } @media (min-width: 1280px) { .c-course .c-program__header { margin: 0 -40px; } } @media (min-width: 1280px) { .c-course .c-program__smallHeading { letter-spacing: 0.3px; } } @media (min-width: 1280px) { .c-course .c-program__smallHeading br { display: block; } } @media (min-width: 640px) { .c-course .o-wrapperProgram { padding: 0 25px; } } @media (min-width: 1024px) { .c-course .o-wrapperProgram { padding: 0 40px; } } .c-course__module { margin: 0 0 20px 0; } @media (min-width: 640px) { .c-course__module { margin-bottom: 25px; } } @media (min-width: 1024px) { .c-course__module { margin-bottom: 62px; } } .c-course__module--one .c-course__moduleContent {} @media (min-width: 1024px) { .c-course__module--one .c-course__moduleContent { padding: 78px 0 75px 0; } } .c-course__module--two .c-course__moduleBox {} @media (min-width: 1024px) { .c-course__module--two .c-course__moduleBox { margin: 0 auto; width: 685px; } } .c-course__module--four .c-course__moduleContent {} .c-course__module--four .c-course__moduleBox {} @media (min-width: 1024px) { .c-course__module--four .c-course__moduleContent { padding: 78px 0 54px 0; } } @media (min-width: 1024px) { .c-course__module--four .c-course__moduleBox { margin: 0 auto; width: 675px; } } .c-course__moduleContentSection {} @media (min-width: 769px) { .c-course__moduleContentSection { max-width: 690px; margin: 0 auto; } } @media (min-width: 1024px) { .c-course__moduleContentSection { padding-top: 40px; max-width: 1010px; margin-right: auto; margin-left: auto; } } .c-course__moduleImage { height: 195px; position: relative; text-align: center; border-bottom: 6px solid transparent; background-size: cover; } .c-course__moduleImage .c-program__title { margin: 5px 0 0 0; line-height: 34px; } .c-course__moduleImage .c-program__title br { display: none; } .c-course__moduleImage .u-absCenter { width: 100%; padding: 0 30px; } @media (min-width: 768px) { .c-course__moduleImage { background-size: cover; } } @media (min-width: 1024px) { .c-course__moduleImage { height: 285px; border-bottom: 9px solid transparent; } } .c-course__moduleImage--one { border-color: #66b47c; background-image: url(images/program/course-module-mobile-one.jpg); } .c-course__moduleImage--one .c-course__moduleNumber { background: #66b47c; } @media (min-width: 640px) { .c-course__moduleImage--one { background-image: url(images/program/course-module-one.jpg); } } .c-course__moduleImage--two { border-color: #d67f3e; background-image: url(images/program/course-module-mobile-two.jpg); } .c-course__moduleImage--two .c-course__moduleNumber { background: #d67f3e; } .c-course__moduleImage--two .c-program__title {} @media (min-width: 640px) { .c-course__moduleImage--two { background-image: url(images/program/course-module-two.jpg); } } @media (min-width: 1024px) { .c-course__moduleImage--two .c-program__title { margin-top: 3px; } } .c-course__moduleImage--three { border-color: #72bfb8; background-image: url(images/program/course-module-mobile-three.jpg); } .c-course__moduleImage--three .c-course__moduleNumber { background: #72bfb8; } .c-course__moduleImage--three .u-absCenter { padding: 0; } .c-course__moduleImage--three .c-program__title {} @media (min-width: 640px) { .c-course__moduleImage--three { background-image: url(images/program/course-module-three.jpg); } } @media (min-width: 640px) { .c-course__moduleImage--three .u-absCenter { padding: 0 30px; } } @media (min-width: 1024px) { .c-course__moduleImage--three .u-absCenter { margin-top: 13px; } } @media (max-width: 639px) { .c-course__moduleImage--three .c-program__title { letter-spacing: 0; } } .c-course__moduleImage--four { border-color: #d98f89; background-image: url(images/program/course-module-mobile-four.jpg); } .c-course__moduleImage--four .c-course__moduleNumber { background: #d98f89; } .c-course__moduleImage--four .u-absCenter {} @media (min-width: 640px) { .c-course__moduleImage--four { background-image: url(images/program/course-module-four.jpg); } } @media (min-width: 1024px) { .c-course__moduleImage--four .u-absCenter { margin-top: 14px; } } .c-course__moduleImage--five { border-color: #ac3c86; background-image: url(images/program/course-module-mobile-five.jpg); } .c-course__moduleImage--five .c-course__moduleNumber { background: #ac3c86; } .c-course__moduleImage--five .u-absCenter {} @media (min-width: 640px) { .c-course__moduleImage--five { background-image: url(images/program/course-module-five.jpg); } } @media (min-width: 1024px) { .c-course__moduleImage--five .u-absCenter { margin-top: 14px; } } .c-course__moduleImage--six { border-color: #a9a9a9; background-image: url(images/program/course-module-mobile-six.jpg); } .c-course__moduleImage--six .c-course__moduleNumber { background: #a9a9a9; } .c-course__moduleImage--six .u-absCenter {} @media (min-width: 640px) { .c-course__moduleImage--six { background-image: url(images/program/course-module-six.jpg); } } @media (min-width: 1024px) { .c-course__moduleImage--six .u-absCenter { margin-top: 14px; } } @media (min-width: 640px) { .c-course__moduleImage .c-program__title { font-size: 28px; line-height: 36px; margin: 10px 0 0 0; } } @media (min-width: 1024px) { .c-course__moduleImage .c-program__title { font-size: 40px; line-height: 48px; margin: 15px 0 0 0; } } @media (min-width: 640px) { .c-course__moduleImage .c-program__title br { display: block; } } @media (min-width: 1024px) { .c-course__moduleImage .u-absCenter { margin-top: 21px; } } .c-course__moduleNumber { color: #fff; font-family: 'Gotham', sans-serif; width: 103px; margin: 0 auto; padding: 0 5px; font-size: 10px; text-transform: uppercase; font-weight: 700; text-align: center; letter-spacing: 1px; height: 22px; line-height: 23px; } .c-course__moduleContent { text-align: center; background: #fff; padding: 50px 20px 10px 20px; } @media (min-width: 640px) { .c-course__moduleContent { padding: 50px 50px 20px 50px; } } @media (min-width: 768px) { .c-course__moduleContent { padding: 50px 100px 20px 100px; } } @media (min-width: 1024px) { .c-course__moduleContent { padding: 78px 0 55px 0; } } .c-course__moduleBox {} @media (min-width: 1024px) { .c-course__moduleBox { margin: 0 auto; width: 665px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-courseTraining { padding: 45px 0 20px 0; background: #fff; } .c-courseTraining hgroup { margin: 0 0 60px 0; } .c-courseTraining .c-program__header {} .c-courseTraining .c-program__title br { display: none; } .c-courseTraining .c-program__smallHeading--bigger br { display: none; } .c-courseTraining .o-wrapperProgram {} @media (min-width: 1024px) { .c-courseTraining { padding: 110px 0 24px 0; } } @media (min-width: 640px) { .c-courseTraining hgroup { margin: 0 0 60px 0; } } @media (min-width: 1280px) { .c-courseTraining hgroup { width: 1040px; margin-right: auto; margin-left: auto; } } @media (max-width: 639px) { .c-courseTraining .c-program__header { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1280px) { .c-courseTraining .c-program__header { margin-left: -14px; } } @media (min-width: 640px) { .c-courseTraining .c-program__title { margin-left: auto; margin-right: auto; max-width: 450px; } } @media (min-width: 1024px) { .c-courseTraining .c-program__title { padding-bottom: 2px; margin-left: 0; margin-right: 0; max-width: inherit; } } @media (min-width: 1024px) { .c-courseTraining .c-program__title br { display: block; } } @media (min-width: 640px) { .c-courseTraining .c-program__smallHeading--bigger { padding: 0 20px; margin-left: auto; margin-right: auto; max-width: 480px; } } @media (min-width: 1024px) { .c-courseTraining .c-program__smallHeading--bigger { padding: 0; margin-left: 0; margin-right: 0; max-width: inherit; } } @media (min-width: 1280px) { .c-courseTraining .c-program__smallHeading--bigger br { display: block; } } @media (max-width: 639px) { .c-courseTraining .o-wrapperProgram { padding: 0; } } .c-courseTraining__strikethrough { position: relative; font-weight: 500; display: inline-block; } .c-courseTraining__strikethrough:before { border-bottom: 2px solid #61b37a; position: absolute; content: ""; width: 100%; height: 50%; } .c-courseTraining__content {} @media (min-width: 640px) { .c-courseTraining__content { max-width: 502px; margin-right: auto; margin-left: auto; } } @media (min-width: 1024px) { .c-courseTraining__content { max-width: inherit; } } @media (min-width: 1280px) { .c-courseTraining__content { max-width: 1008px; padding-top: 15px; } } .c-courseTraining__module { margin: 0 0 66px 0; position: relative; } @media (min-width: 640px) { .c-courseTraining__module { margin-bottom: 40px; } } @media (min-width: 1024px) { .c-courseTraining__module { margin-bottom: 62px; } } .c-courseTraining__module--one .c-courseTraining__heading, .c-courseTraining__module--one .c-salesTraining__bonusNumber, .c-courseTraining__module--nine .c-courseTraining__heading, .c-courseTraining__module--nine .c-salesTraining__bonusNumber { background: #61b37a; } .c-courseTraining__module--one em, .c-courseTraining__module--nine em { color: #61b37a; } .c-courseTraining__module--one .c-courseTraining__strikethrough:before, .c-courseTraining__module--nine .c-courseTraining__strikethrough:before { border-color: #61b37a; } .c-courseTraining__module--one .c-salesTraining__heading, .c-courseTraining__module--nine .c-salesTraining__heading { color: #61b37a; } .c-courseTraining__module--two .c-courseTraining__heading, .c-courseTraining__module--two .c-salesTraining__bonusNumber, .c-courseTraining__module--six .c-courseTraining__heading, .c-courseTraining__module--six .c-salesTraining__bonusNumber { background: #d67f3e; } .c-courseTraining__module--two em, .c-courseTraining__module--six em { color: #d67f3e; } .c-courseTraining__module--two .c-courseTraining__strikethrough:before, .c-courseTraining__module--six .c-courseTraining__strikethrough:before { border-color: #d67f3e; } .c-courseTraining__module--two .c-salesTraining__heading, .c-courseTraining__module--six .c-salesTraining__heading { color: #d67f3e; } .c-courseTraining__module--three .c-courseTraining__heading, .c-courseTraining__module--three .c-salesTraining__bonusNumber, .c-courseTraining__module--seven .c-courseTraining__heading, .c-courseTraining__module--seven .c-salesTraining__bonusNumber, .c-courseTraining__module--twelve .c-courseTraining__heading, .c-courseTraining__module--twelve .c-salesTraining__bonusNumber { background: #72bfb8; } .c-courseTraining__module--three em, .c-courseTraining__module--seven em, .c-courseTraining__module--twelve em { color: #72bfb8; } .c-courseTraining__module--three .c-courseTraining__strikethrough:before, .c-courseTraining__module--seven .c-courseTraining__strikethrough:before, .c-courseTraining__module--twelve .c-courseTraining__strikethrough:before { border-color: #72bfb8; } .c-courseTraining__module--three .c-salesTraining__heading, .c-courseTraining__module--seven .c-salesTraining__heading, .c-courseTraining__module--twelve .c-salesTraining__heading { color: #72bfb8; } .c-courseTraining__module--four .c-courseTraining__heading, .c-courseTraining__module--four .c-salesTraining__bonusNumber, .c-courseTraining__module--ten .c-courseTraining__heading, .c-courseTraining__module--ten .c-salesTraining__bonusNumber { background: #d98f89; } .c-courseTraining__module--four em, .c-courseTraining__module--ten em { color: #d98f89; } .c-courseTraining__module--four .c-courseTraining__strikethrough:before, .c-courseTraining__module--ten .c-courseTraining__strikethrough:before { border-color: #d98f89; } .c-courseTraining__module--four .c-salesTraining__heading, .c-courseTraining__module--ten .c-salesTraining__heading { color: #d98f89; } .c-courseTraining__module--five .c-courseTraining__heading, .c-courseTraining__module--five .c-courseTraining__heading span, .c-courseTraining__module--five .c-salesTraining__bonusNumber, .c-courseTraining__module--thirteen .c-courseTraining__heading, .c-courseTraining__module--thirteen .c-courseTraining__heading span, .c-courseTraining__module--thirteen .c-salesTraining__bonusNumber { background: #a9a9a9; } .c-courseTraining__module--five em, .c-courseTraining__module--thirteen em { color: #a9a9a9; } .c-courseTraining__module--five .c-courseTraining__strikethrough:before, .c-courseTraining__module--thirteen .c-courseTraining__strikethrough:before { border-color: #a9a9a9; } .c-courseTraining__module--five .c-salesTraining__heading, .c-courseTraining__module--thirteen .c-salesTraining__heading { color: #a9a9a9; } .c-courseTraining__module--eight .c-courseTraining__heading, .c-courseTraining__module--eight .c-courseTraining__heading span, .c-courseTraining__module--eight .c-salesTraining__bonusNumber, .c-courseTraining__module--eleven .c-courseTraining__heading, .c-courseTraining__module--eleven .c-courseTraining__heading span, .c-courseTraining__module--eleven .c-salesTraining__bonusNumber { background: #ac3c86; } .c-courseTraining__module--eight em, .c-courseTraining__module--eleven em { color: #ac3c86; } .c-courseTraining__module--eight .c-courseTraining__strikethrough:before, .c-courseTraining__module--eleven .c-courseTraining__strikethrough:before { border-color: #ac3c86; } .c-courseTraining__module--eight .c-salesTraining__heading, .c-courseTraining__module--eleven .c-salesTraining__heading { color: #ac3c86; } .c-courseTraining-grid { background: #fbfbfb; } .c-courseTraining-grid:before { content: ''; display: table; } .c-courseTraining-grid:after { content: ''; display: table; clear: both; } .c-courseTraining-grid .c-courseTraining__image { height: 210px; overflow: hidden; position: relative; } .c-courseTraining-grid .c-program__copy { text-align: center; padding: 30px 20px 30px 20px; } .c-courseTraining-grid .c-program__copy p { font-size: 13px; line-height: 27px; } .c-courseTraining-grid .c-program__copy p em { font-weight: 600; } .c-courseTraining-grid .c-program__copy p br { display: none; } .c-courseTraining-grid .c-program__copy p:last-child { margin: 0; } @media (min-width: 640px) { .c-courseTraining-grid .c-courseTraining__image { height: 218px; } } @media (min-width: 1024px) { .c-courseTraining-grid .c-courseTraining__image { float: right; width: 50%; margin: 0; height: auto; } .c-courseTraining-grid .c-courseTraining__image img { position: static; } } @media (min-width: 640px) { .c-courseTraining-grid .c-program__copy { text-align: left; padding: 30px 35px 30px 35px; } } @media (min-width: 1024px) { .c-courseTraining-grid .c-program__copy { float: left; margin: 0; width: 50%; padding: 70px 60px 0 35px; } } @media (min-width: 640px) { .c-courseTraining-grid .c-program__copy p { font-size: 13px; line-height: 32px; margin-bottom: 12px; } } @media (min-width: 1024px) { .c-courseTraining-grid .c-program__copy p { font-size: 15px; line-height: 33px; letter-spacing: 0.05px; } } @media (max-width: 639px) { .c-courseTraining-grid .c-program__copy p em { display: block; } } @media (min-width: 1440px) { .c-courseTraining-grid .c-program__copy p br { display: block; } } .c-courseTraining__image--desktop { display: none; } @media (min-width: 1024px) { .c-courseTraining__image--desktop { display: block; } } .c-courseTraining__image--tablet { display: none; } @media (min-width: 640px) { .c-courseTraining__image--tablet { display: block; } } @media (min-width: 1024px) { .c-courseTraining__image--tablet { display: none; } } .c-courseTraining__image--mobile {} @media (min-width: 640px) { .c-courseTraining__image--mobile { display: none; } } .c-courseTraining__heading { position: absolute; top: -32px; left: 0; width: 100%; text-align: center; font-size: 12px; padding: 8px 10px; font-family: 'Gotham', sans-serif; color: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; z-index: 5; min-height: 32px; } .c-courseTraining__heading span {} @media (min-width: 640px) { .c-courseTraining__heading { width: auto; text-align: left; font-size: 16px; padding: 8px 15px; letter-spacing: 1.5px; min-height: 40px; top: 0; } } @media (min-width: 1024px) { .c-courseTraining__heading { padding: 8px 18px; } } @media (min-width: 640px) { .c-courseTraining__heading span { position: absolute; left: 0; top: 33px; display: inline-block; padding: 2px 15px 8px 15px; } } @media (min-width: 1024px) { .c-courseTraining__heading span { position: static; top: 0; left: 0; padding: 0; background: none; display: inline; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-guarantee { padding: 35px 0; text-align: center; background: #72bfb8; } .c-guarantee .o-wrapperProgram {} .c-guarantee .c-program__title br { display: none; } .c-guarantee .c-guarantee__ContentSection {} .c-guarantee .c-program__smallHeading { color: #fff; } .c-guarantee .c-program__smallHeading br { display: none; } .c-guarantee .c-program__smallHeading a { color: #fff; padding-bottom: 2px; border-bottom: 1.5px solid #93ccc7; } .c-guarantee .c-program__smallHeading a:hover { border-color: transparent; } .c-guarantee .c-guarantee__badgeParpagraph { padding: 0 13px; } .c-guarantee .c-guarantee__badge { margin: 20px 0; } .c-guarantee .c-guarantee__badge img { max-width: 150px; } @media (min-width: 640px) { .c-guarantee { padding: 60px 0 40px 0; text-align: left; } } @media (min-width: 1024px) { .c-guarantee { padding: 70px 0 67px 0; } } @media (min-width: 769px) { .c-guarantee .o-wrapperProgram { max-width: 700px; } } @media (min-width: 1024px) { .c-guarantee .o-wrapperProgram { max-width: 880px; } } @media (max-width: 639px) { .c-guarantee .o-wrapperProgram { padding-left: 20px; padding-right: 20px; } } @media (min-width: 769px) { .c-guarantee .c-program__title { padding: 0 25px; } } @media (min-width: 1024px) { .c-guarantee .c-program__title { padding: 0; } } @media (min-width: 1024px) { .c-guarantee .c-program__title br { display: block; } } @media (min-width: 640px) { .c-guarantee .c-guarantee__ContentSection { padding-top: 30px; } } @media (min-width: 1024px) { .c-guarantee .c-guarantee__ContentSection { padding-top: 0; } } @media (min-width: 1024px) { .c-guarantee .c-program__smallHeading { padding-left: 12px; } } @media (min-width: 1280px) { .c-guarantee .c-program__smallHeading br { display: block; } } @media (min-width: 1280px) { .c-guarantee .c-program__smallHeading a { border-width: 2.5px; } } @media (min-width: 1440px) { .c-guarantee .c-program__smallHeading a { border-width: 3px; } } @media (min-width: 640px) { .c-guarantee .c-guarantee__badgeParpagraph { position: relative; padding: 0 0 0 175px; } } @media (min-width: 768px) { .c-guarantee .c-guarantee__badgeParpagraph { padding: 18px 0 30px 175x; } } @media (min-width: 1024px) { .c-guarantee .c-guarantee__badgeParpagraph { padding: 12px 0 2px 231px; } } @media (max-width: 639px) { .c-guarantee .c-guarantee__badge { display: block; } } @media (min-width: 640px) { .c-guarantee .c-guarantee__badge { float: left; margin: 0; position: absolute; left: 0; top: 0; max-width: 150px; } } @media (min-width: 768px) { .c-guarantee .c-guarantee__badge { top: -16px; } } @media (min-width: 1024px) { .c-guarantee .c-guarantee__badge { max-width: 165px; left: 30px; top: 1px; } } @media (min-width: 1024px) { .c-guarantee .c-guarantee__badge img { max-width: 165px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-programAbout { padding: 40px 0; } .c-programAbout .c-program__title {} .c-programAbout .c-programTestimonials {} .c-programAbout .c-program__copy {} .c-programAbout .c-program__copy p:first-child {} .c-programAbout .c-programTestimonials { max-width: 400px; margin: 0 auto; } @media (min-width: 640px) { .c-programAbout { padding: 55px 0 40px 0; } } @media (min-width: 1024px) { .c-programAbout { padding: 80px 0 80px; } } @media (max-width: 1023px) { .c-programAbout .c-program__title { text-align: center; } } @media (min-width: 1024px) { .c-programAbout .c-program__title { padding-bottom: 12px; } } @media (min-width: 1024px) { .c-programAbout .c-programTestimonials { text-align: right; } } @media (min-width: 380px) { .c-programAbout .c-program__copy { padding: 0 20px; } } @media (min-width: 640px) { .c-programAbout .c-program__copy { padding: 0; } } @media (min-width: 1440px) { .c-programAbout .c-program__copy { padding-right: 40px; } } @media (min-width: 1024px) { .c-programAbout .c-program__copy p:first-child { line-height: 34px; } } @media (min-width: 1024px) { .c-programAbout .c-programTestimonials { max-width: inherit; margin: 0; } } .c-programAbout__grid { max-width: 500px; margin-right: auto; margin-left: auto; text-align: center; } .c-programAbout__grid:before { content: ''; display: table; } .c-programAbout__grid:after { content: ''; display: table; clear: both; } @media (min-width: 769px) { .c-programAbout__grid { max-width: 580px; } } @media (min-width: 1024px) { .c-programAbout__grid { max-width: 1010px; text-align: left; } } .c-programAbout__contentSection {} @media (min-width: 1024px) { .c-programAbout__contentSection { width: 55%; float: left; } } @media (min-width: 1280px) { .c-programAbout__contentSection { width: 560px; } } .c-programAbout__imageSection {} @media (min-width: 1024px) { .c-programAbout__imageSection { width: 40%; float: right; } } @media (min-width: 1280px) { .c-programAbout__imageSection { width: 400px; margin-top: 10px; } } .c-programAbout__image { margin-bottom: 24px; } .c-programAbout__image--mobile { margin: 25px -30px 40px -30px; height: 297px; overflow: hidden; } .c-programAbout__image--mobile img { max-width: 290px; } @media (min-width: 640px) { .c-programAbout__image--mobile { height: auto; } } @media (min-width: 1024px) { .c-programAbout__image--mobile { display: none; } } @media (min-width: 640px) { .c-programAbout__image--mobile img { max-width: 400px; } } .c-programAbout__image--desktop { display: none; } @media (min-width: 1024px) { .c-programAbout__image--desktop { display: block; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-programReviews { padding: 50px 0; background: #fbfbfb; } .c-programReviews .o-wrapperProgram {} .c-programReviews .c-btn { font-size: 9px; letter-spacing: 2.5px; font-weight: 700; color: #fff; } .c-programReviews .c-program__smallHeading br { display: none; } .c-programReviews .c-program__header .c-program__title br { display: none; } @media (min-width: 1024px) { .c-programReviews { padding: 73px 0; } } @media (min-width: 640px) { .c-programReviews .o-wrapperProgram { padding: 0 25px; } } @media (min-width: 1024px) { .c-programReviews .o-wrapperProgram { padding: 0 40px; } } @media (max-width: 639px) { .c-programReviews .c-btn { padding-top: 12px; padding-bottom: 12px; } } @media (min-width: 640px) { .c-programReviews .c-btn { font-size: 10px; } } @media (min-width: 1280px) { .c-programReviews .c-program__smallHeading br { display: block; } } @media (min-width: 640px) { .c-programReviews .c-program__header { max-width: 490px; margin-right: auto; margin-left: auto; } } @media (min-width: 769px) { .c-programReviews .c-program__header { max-width: inherit; margin-right: 0; margin-left: 0; } } @media (min-width: 640px) { .c-programReviews .c-program__header .c-program__title br { display: block; } } @media (min-width: 769px) { .c-programReviews .c-program__header .c-program__title br { display: none; } } .c-programReviews__Content {} @media (min-width: 640px) { .c-programReviews__Content { margin-right: auto; margin-left: auto; } } @media (min-width: 1024px) { .c-programReviews__Content { max-width: 1010px; padding-top: 30px; } } .c-programReviews__image { text-align: center; } .c-programReviews__image img {} @media (min-width: 640px) { .c-programReviews__image { text-align: left; } } @media (max-width: 639px) { .c-programReviews__image img { width: 100%; } } @media (min-width: 1280px) { .c-programReviews__image img { width: 100%; } } .c-programReviews__videoBanner { position: relative; } .c-programReviews__videoBanner .c-videoBanner__video { height: 390px; background-image: url(images/program/review-video-poster-mobile.jpg); background-size: cover; } .c-programReviews__videoBanner .u-absCenter {} @media (min-width: 640px) { .c-programReviews__videoBanner .c-videoBanner__video { height: 530px; background-image: url(images/program/review-video-poster-mobilelarge.jpg); } } @media (min-width: 1024px) { .c-programReviews__videoBanner .c-videoBanner__video { height: 567px; background-image: url(images/program/review-video-poster.jpg); } } @media (min-width: 1024px) { .c-programReviews__videoBanner .u-absCenter { margin: 20px 0 0 6px; } } .c-programReviews__videoContent { text-align: center; width: 280px; padding: 0 20px 260px 20px; } .c-programReviews__videoContent .c-program__title { font-weight: 300; } .c-programReviews__videoContent .c-video__playButton { position: relative; display: inline-block; top: 210px; } .c-programReviews__videoContent svg { width: 45px; } @media (min-width: 640px) { .c-programReviews__videoContent { width: 450px; padding-bottom: 380px; } } @media (min-width: 1024px) { .c-programReviews__videoContent { width: 470px; padding: 0; } } @media (min-width: 1024px) { .c-programReviews__videoContent .c-program__title { margin-top: -8px; } } @media (min-width: 640px) { .c-programReviews__videoContent .c-video__playButton { top: 260px; } } @media (min-width: 1024px) { .c-programReviews__videoContent .c-video__playButton { top: 0; } } @media (min-width: 640px) { .c-programReviews__videoContent svg { width: 75px; } } .c-programReviews__author { padding: 35px 0 0 0; } .c-programReviews__author:before { content: ''; display: table; } .c-programReviews__author:after { content: ''; display: table; clear: both; } @media (min-width: 640px) { .c-programReviews__author { margin: 0 -20px; padding: 35px 0 50px 0; } } @media (min-width: 1024px) { .c-programReviews__author { padding: 46px 0; } } @media (min-width: 1280px) { .c-programReviews__author { margin: 0 -55px; } } .c-programReviews__column {} @media (min-width: 640px) { .c-programReviews__column { width: 50%; float: left; padding: 0 20px; } } @media (min-width: 1280px) { .c-programReviews__column { padding: 0 55px; } } .c-programReviews__copy { padding: 30px 0 0 ; text-align: center; } .c-programReviews__copy p { font-size: 16px; line-height: 30px; font-weight: 500; } @media (min-width: 640px) { .c-programReviews__copy { padding: 25px 0 0 0; text-align: left; } } @media (min-width: 1280px) { .c-programReviews__copy { padding: 35px 40px 0 0; } } @media (min-width: 640px) { .c-programReviews__copy p { font-size: 14px; margin-bottom: 20px; } } @media (min-width: 1024px) { .c-programReviews__copy p { font-size: 18px; line-height: 36px; } } .c-programReviews__authorDetial { text-align: center; margin-bottom: 50px; } .c-programReviews__authorDetial h6 { font-size: 13px; line-height: 39px; text-transform: uppercase; font-weight: 600; font-family: 'Gotham', sans-serif; margin-bottom: 0; } .c-programReviews__authorDetial p { font-size: 12px; line-height: 22px; } .c-programReviews__authorDetial p em { font-style: italic; font-weight: 600; } @media (min-width: 640px) { .c-programReviews__authorDetial { text-align: left; margin: 0; } } @media (min-width: 640px) { .c-programReviews__authorDetial h6 { font-size: 12px; } } @media (min-width: 1024px) { .c-programReviews__authorDetial h6 { font-size: 14px; } } @media (min-width: 640px) { .c-programReviews__authorDetial p { font-size: 11px; line-height: 20px; } } @media (min-width: 1024px) { .c-programReviews__authorDetial p { font-size: 12px; line-height: 22px; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-programSupport__mentor { text-align: center; background-color: #ffffff; width: 90%; margin: auto; padding: 30px 20px; } @media (min-width: 640px) { .c-programSupport__mentor { padding: 50px 20px; } } @media (min-width: 1024px) { .c-programSupport__mentor { max-width: 1340px; width: auto; padding: 78px 20px; } } .c-programSupport__mentorPara { padding-top: 5px; letter-spacing: 0.7px; padding-bottom: 40px; font-size: 13px; line-height: 24px; } @media (min-width: 640px) { .c-programSupport__mentorPara { font-size: 16px; } } @media (min-width: 1024px) { .c-programSupport__mentorPara { font-size: 18px; line-height: 2.3; } } .c-programSupport__mentorHeading { font-family: 'Gotham', sans-serif; color: #71bfb8; font-size: 18px; line-height: 1.6; position: relative; display: inline-block; } @media (min-width: 640px) { .c-programSupport__mentorHeading { font-size: 22px; } } @media (min-width: 1024px) { .c-programSupport__mentorHeading { font-size: 26px; } } .c-programSupport__mentorQuoteIcon { position: relative; font-family: 'GalaxieCopernicus', serif; font-size: 30px; line-height: 0; top: 10px; } @media (min-width: 640px) { .c-programSupport__mentorQuoteIcon { font-size: 40px; top: 15px; left: -10px; } } @media (min-width: 1024px) { .c-programSupport__mentorQuoteIcon { font-size: 60px; top: 25px; left: -20px; } } .c-programSupport__mentorQuoteIcon.end {} @media (min-width: 640px) { .c-programSupport__mentorQuoteIcon.end { right: -10px; left: auto; } } @media (min-width: 1024px) { .c-programSupport__mentorQuoteIcon.end { right: -20px; } } .c-programSupport__mentorPic { padding-top: 20px; font-family: 'Gotham', sans-serif; font-weight: 500; font-size: 13px; letter-spacing: 1px; color: #71bfb8; } .c-programSupport__mentorPic img { margin-right: 7px; } /* sales: */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesHero__banner { color: #fff; text-align: center; min-height: 495px; background-image: url(images/sales/sales-hero-mobile-bg.jpg); background-color: #2b2a26; padding: 25px 0; } .c-salesHero__banner .c-video__playButton { width: 50px; height: auto; } .c-salesHero__banner .o-wrapper {} .c-salesHero__banner .c-video__playBox.c-video__playBox--blueOptin { margin: 0; } @media (max-width: 767px) { .c-salesHero__banner { background-size: 100% auto; } } @media (min-width: 640px) { .c-salesHero__banner { min-height: 794px; padding: 40px 0; } } @media (min-width: 768px) { .c-salesHero__banner { background-image: url(images/sales/sales-hero-desktop-bg.jpg); } } @media (min-width: 1024px) { .c-salesHero__banner { min-height: 815px; } } @media (min-width: 640px) { .c-salesHero__banner .c-video__playButton { width: 90px; height: auto; } } @media (min-width: 1024px) { .c-salesHero__banner .c-video__playButton { width: 120px; height: auto; } } @media (min-width: 768px) { .c-salesHero__banner .o-wrapper { max-width: 1025px; } } .c-salesHero__smallHeading { font-size: 7px; line-height: 21px; text-transform: uppercase; font-family: 'Gotham', sans-serif; letter-spacing: 2px; margin: 0; } .c-salesHero__smallHeading span { border-bottom: 1px solid #777774; padding-bottom: 4px; } @media (min-width: 640px) { .c-salesHero__smallHeading { font-size: 10px; line-height: 42px; } } .c-salesHero__title { font-size: 18px; line-height: 27px; margin: 10px 0 15px 0; font-family: 'Gotham', sans-serif; } @media (min-width: 640px) { .c-salesHero__title { font-size: 30px; line-height: 45px; margin: 10px 0 35px 0; } } @media (min-width: 1024px) { .c-salesHero__title { font-size: 38px; line-height: 55px; margin: 10px 0 30px 0; } } .c-salesHero__contentSection { max-width: 724px; margin: 0 auto; } .c-salesHero__copy { margin: 15px 0 0 0; } @media (min-width: 640px) { .c-salesHero__copy { margin: 25px 0 0 0; } } @media (min-width: 768px) { .c-salesHero__copy { text-align: left; padding-right: 300px; position: relative; } } .c-salesHero__pargraph { font-family: 'Gotham', sans-serif; font-size: 11px; line-height: 19px; padding: 0 0 20px 0; } .c-salesHero__pargraph span { color: #7fcec7; } @media (min-width: 640px) { .c-salesHero__pargraph { font-size: 16px; line-height: 27px; } } .c-salesHero__btn { border: none; font-size: 7px; width: 204px; background: #d97e3c; } @media (min-width: 640px) { .c-salesHero__btn { font-size: 10px; } } @media (min-width: 768px) { .c-salesHero__btn { font-size: 12px; position: absolute; right: 0; top: 10px; width: 240px; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .sales-page .slick-dots { bottom: -35px; } .sales-page .slick-dots li { margin: 0; opacity: 1; } .sales-page .slick-dots li button:before { opacity: 1; font-size: 35px; color: #a0a0a0; } .sales-page .slick-dots li.slick-active button:before { color: #ac3c86; } .sales-page .br-mobile { display: block; } .sales-page .br-mobile-opt { display: none; } .sales-page .br-desktop { display: none; } .sales-page .br-mobile-small-opt { display: none; } .sales-page .br-mobile-large-opt { display: none; } .sales-page .br-desktop-small { display: none; } @media (min-width: 1024px) { .sales-page .slick-dots { bottom: -60px; } } @media (min-width: 1024px) { .sales-page .slick-dots li button:before { font-size: 45px; } } @media (min-width: 1024px) { .sales-page .br-mobile { display: none; } } @media (min-width: 360px) { .sales-page .br-mobile-opt { display: block; } } @media (min-width: 1024px) { .sales-page .br-mobile-opt { display: none; } } @media (min-width: 1024px) { .sales-page .br-desktop { display: block; } } @media (min-width: 360px) { .sales-page .br-mobile-small-opt { display: block; } } @media (min-width: 640px) { .sales-page .br-mobile-small-opt { display: none; } } @media (min-width: 640px) { .sales-page .br-mobile-large-opt { display: block; } } @media (min-width: 1280px) { .sales-page .br-mobile-large-opt { display: none; } } @media (min-width: 1280px) { .sales-page .br-desktop-small { display: block; } } .c-sales__copy { text-align: center; } .c-sales__copy p { font-size: 13px; line-height: 26px; margin: 0 0 25px 0; color: #111111; } @media (min-width: 1024px) { .c-sales__copy { text-align: left; } } @media (min-width: 640px) { .c-sales__copy p { font-size: 14px; line-height: 34px; margin: 0 0 35px 0; } } @media (min-width: 1024px) { .c-sales__copy p { font-size: 18px; line-height: 40px; margin: 0 0 45px 0; } } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox { padding-right: 0; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__indvContainer {} .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox {} .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox {} @media (min-width: 1024px) { .c-salesSpot__indv.c-reviewSpot__indv--half { padding-bottom: 90px; } } @media (min-width: 768px) { .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__indvContainer { margin: 0 auto; max-width: 700px; } } @media (min-width: 1025px) { .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__indvContainer { margin: 0; max-width: inherit; } } @media (min-width: 1024px) { .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; width: calc(99.9% * 100/100 - 0px); } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(1n) { float: left; margin-right: 0px; clear: none; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:last-child { margin-right: 0; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(1n) { margin-right: 0; float: right; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(1n + 1) { clear: both; } } @media (min-width: 1025px) { .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox { width: calc(99.9% * 59/100 - 0.82rem); position: relative; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(1n) { float: left; margin-right: 2rem; clear: none; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:last-child { margin-right: 0; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(100n) { margin-right: 0; float: right; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(100n + 1) { clear: both; } } @media (min-width: 1280px) { .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox { width: calc(99.9% * 59/100 - 18.45px); } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(1n) { float: left; margin-right: 45px; clear: none; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:last-child { margin-right: 0; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(2n) { margin-right: 0; float: right; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__imageBox:nth-child(2n + 1) { clear: both; } } @media (min-width: 1024px) { .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; width: calc(99.9% * 100/100 - 0px); } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 0px; clear: none; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(1n) { margin-right: 0; float: right; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(1n + 1) { clear: both; } } @media (min-width: 1025px) { .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox { width: calc(99.9% * 41/100 - 1.18rem); } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 2rem; clear: none; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(100n) { margin-right: 0; float: right; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(100n + 1) { clear: both; } } @media (min-width: 1280px) { .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox { width: calc(99.9% * 41/100 - 26.55px); } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(1n) { float: left; margin-right: 45px; clear: none; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:last-child { margin-right: 0; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(2n) { margin-right: 0; float: right; } .c-salesSpot__indv.c-reviewSpot__indv--half .c-reviewSpot__contentBox:nth-child(2n + 1) { clear: both; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesReason { padding: 40px 0; background: #fff url(images/sales/letter_background_mobile.jpg) no-repeat center 400px; background-size: 100% auto; } .c-salesReason .o-wrapper {} @media (min-width: 380px) { .c-salesReason { background-position: center center; } } @media (min-width: 640px) { .c-salesReason { background: #fff url(images/sales/letter_background_mobile_large.jpg) no-repeat bottom center; background-size: 100% auto; padding: 65px 0px; } } @media (min-width: 768px) { .c-salesReason { background: #fff url(images/sales/letter_backgroundretina.jpg) no-repeat center center; background-size: 100% auto; } } @media (min-width: 1024px) { .c-salesReason { padding: 110px 0; } } @media (min-width: 640px) and (max-width: 767px) { .c-salesReason .o-wrapper { padding-left: 70px; padding-right: 60px; } } @media (min-width: 768px) { .c-salesReason .o-wrapper { max-width: 790px; } } @media (min-width: 768px) and (max-width: 1023px) { .c-salesReason .o-wrapper { padding-left: 100px; padding-right: 60px; } } .c-salesReason__title { font-size: 18px; line-height: 28px; text-align: center; color: #000; margin: 0 0 25px 0; font-family: 'Gotham', sans-serif; font-weight: 500; } @media (min-width: 640px) { .c-salesReason__title { font-size: 30px; line-height: 57px; margin: 0 0 26px 0; letter-spacing: .5px; } } @media (min-width: 1024px) { .c-salesReason__title { letter-spacing: 0; margin: 0 0 60px 0; font-size: 35.81px; } } .c-salesReason__heading { font-size: 14px; line-height: 27px; margin: 0 0 25px 0; color: #000; text-align: center; font-family: 'Gotham', sans-serif; font-weight: 500; } .c-salesReason__heading br {} .c-salesReason__heading br.br-mobile-large { display: none; } @media (min-width: 640px) { .c-salesReason__heading { font-size: 16px; line-height: 30px; margin: 0 0 35px 0; } } @media (min-width: 640px) and (max-width: 767px) { .c-salesReason__heading { letter-spacing: .3px; } } @media (min-width: 1024px) { .c-salesReason__heading { font-size: 23px; line-height: 40px; margin: 0 0 45px 0; } } @media (min-width: 640px) { .c-salesReason__heading br { display: none; } } @media (min-width: 640px) { .c-salesReason__heading br.br-mobile-large { display: block; } } @media (min-width: 1440px) { .c-salesReason__heading br.br-mobile-large { display: block; } } .c-salesReason__contentSection { max-width: 240px; margin: 0 auto; } .c-salesReason__contentSection br { display: block; } @media (min-width: 480px) { .c-salesReason__contentSection { max-width: inherit; margin: 0; padding: 0 40px; } } @media (min-width: 640px) { .c-salesReason__contentSection { padding: 0; } } @media (min-width: 640px) { .c-salesReason__contentSection br { display: none; } } .c-salesReason__contentSection p {} @media (min-width: 640px) and (max-width: 767px) { .c-salesReason__contentSection p { letter-spacing: .3px; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesGet { position: relative; padding: 40px 0 20px 0; background: url(images/sales/sales-get-mobile-bg.jpg) no-repeat 0 0; background-size: 100% auto; } .c-salesGet .o-wrapper { z-index: 2; position: relative; } @media (min-width: 640px) { .c-salesGet { background-image: url(images/sales/sales-get-mobile-large-bg.jpg); padding: 60px 0 70px 0px; } } @media (min-width: 768px) { .c-salesGet { background: none; } } @media (min-width: 1024px) { .c-salesGet { padding: 110px 0 80px 0; } } @media (min-width: 1024px) { .c-salesGet .o-wrapper { max-width: 1370px; padding-left: 50px; padding-right: 50px; } } .c-salesGet__bgImage { display: none; } @media (min-width: 768px) { .c-salesGet__bgImage { position: absolute; width: 100%; height: 1380px; left: 0; top: 0; display: block; z-index: 1; background: url(images/sales/sales-get-mobile-large-bg.jpg) no-repeat 0 0; background-size: cover; } } @media (min-width: 1024px) { .c-salesGet__bgImage { width: auto; left: -85px; right: -85px; height: 1084px; background: url(images/sales/sales-get-desktop-bg.jpg) no-repeat 0 0; background-size: cover; } } @media (min-width: 1640px) { .c-salesGet__bgImage { left: 0; right: 0; } } .c-salesGet__title { text-align: center; font-family: 'Gotham', sans-serif; font-size: 26px; line-height: 35px; margin: 0 0 25px 0; } @media (min-width: 640px) { .c-salesGet__title { font-size: 38px; line-height: 50px; margin: 0 0 30px 0; } } @media (min-width: 1024px) { .c-salesGet__title { font-size: 50px; line-height: 70px; margin: 0 0 35px 0; } } .c-salesGet__subtitle { text-align: center; font-family: 'Gotham', sans-serif; font-weight: 500; font-size: 14px; line-height: 27px; color: #000; margin: 0 0 25px 0; } .c-salesGet__subtitle br { display: none; } @media (min-width: 640px) { .c-salesGet__subtitle { font-size: 16px; line-height: 30px; max-width: 445px; margin: 0 auto 25px auto; } } @media (min-width: 1024px) { .c-salesGet__subtitle { font-size: 21px; line-height: 41px; max-width: 660px; margin: 0 auto 90px; } } @media (min-width: 1280px) { .c-salesGet__subtitle { max-width: none; font-size: 23px; line-height: 41px; } } @media (min-width: 1280px) { .c-salesGet__subtitle br { display: block; } } .c-salesGet__column { max-width: 565px; margin: 0 auto; } .c-salesGet__column:after { content: ''; display: block; clear: both; } @media (min-width: 1024px) { .c-salesGet__column { max-width: inherit; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .c-salesGet__columnItem {} @media (min-width: 1024px) { .c-salesGet__columnItem { padding: 0; width: calc(99.9% * 1/3 - 9.333333333333332px); width: calc(99.8% * 1/3 - 9.333333333333332px); margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .c-salesGet__columnItem:nth-child(1n) { float: left; margin-right: 14px; clear: none; } .c-salesGet__columnItem:last-child { margin-right: 0; } .c-salesGet__columnItem:nth-child(3n) { margin-right: 0; float: right; } .c-salesGet__columnItem:nth-child(3n + 1) { clear: both; } } .c-salesGet__columnBox { padding: 18px 20px 20px 20px; margin: 0 0 18px 0; color: #fff; position: relative; width: 100%; } .c-salesGet__columnBox p { font-size: 12px; line-height: 21px; font-family: 'Gotham', sans-serif; } @media (min-width: 640px) { .c-salesGet__columnBox { padding: 27px 30px 30px 30px; margin: 0 0 15px 0; } } @media (min-width: 1024px) { .c-salesGet__columnBox { padding: 35px 40px 40px 40px; margin: 0 0 14px 0; } } .c-salesGet__columnBox--one { background: #72bfb8; } .c-salesGet__columnBox--two { background: #d7908b; } .c-salesGet__columnBox--three { background: #d77f3f; } .c-salesGet__columnBox--four { background: #68b17b; max-width: 565px; margin: 0 auto; } .c-salesGet__columnBox--four:after { content: ''; display: block; clear: both; } @media (min-width: 1024px) { .c-salesGet__columnBox--four { max-width: inherit; padding: 45px 40px 55px 40px; } } @media (min-width: 640px) { .c-salesGet__columnBox p { font-size: 16px; line-height: 30px; } } @media (min-width: 1024px) { .c-salesGet__columnBox p { font-size: 17px; line-height: 34px; } } .c-salesGet__heading { font-size: 21px; line-height: 41px; font-family: 'Gotham', sans-serif; font-weight: 300; margin: 0 0 5px 0; } @media (min-width: 640px) { .c-salesGet__heading { font-size: 30px; line-height: 64px; margin: 0 0 10px 0; } } @media (min-width: 1024px) { .c-salesGet__heading { font-size: 36px; } } .c-salesGet__copy p { margin: 0 0 20px 0; } @media (min-width: 1024px) { .c-salesGet__copy { position: relative; float: left; width: 50%; padding: 20px 0 0 0; } } @media (min-width: 1280px) { .c-salesGet__copy { width: 31.3333%; } } @media (min-width: 1024px) { .c-salesGet__copy p { margin: 0 0 35px 0; } } .c-salesGet__image { padding: 20px; } .c-salesGet__image img {} @media (min-width: 1024px) { .c-salesGet__image { float: right; width: 50%; padding: 0 0 0 80px; } } @media (min-width: 1280px) { .c-salesGet__image { width: 66.6666%; } } @media (min-width: 1024px) { .c-salesGet__image img { width: 100%; } } .c-salesGet__icon { position: absolute; right: 20px; top: 15px; } .c-salesGet__icon svg { fill: #fff; height: 25px; width: 25px; } @media (min-width: 640px) { .c-salesGet__icon svg { height: 45px; width: 45px; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesLearn { padding: 35px 0; } .c-salesLearn .o-wrapper {} @media (min-width: 640px) { .c-salesLearn { padding: 60px 0; } } @media (min-width: 1024px) { .c-salesLearn { padding: 40px 0 80px 0; } } @media (min-width: 1440px) { .c-salesLearn .o-wrapper { max-width: 1390px; } } .c-salesLearn__title { font-size: 26px; line-height: 35px; text-align: center; font-family: 'Gotham', sans-serif; color: #000; margin: 0 0 20px 0; } .c-salesLearn__title br { display: none; } @media (min-width: 640px) { .c-salesLearn__title { font-size: 38px; line-height: 50px; margin: 0 0 30px 0; } } @media (min-width: 1024px) { .c-salesLearn__title { font-size: 56px; line-height: 78px; margin: 0 0 40px 0; } } @media (min-width: 640px) { .c-salesLearn__title br { display: block; } } .c-salesLearn__subtitle { font-size: 14px; line-height: 27px; margin: 0 0 35px 0; color: #000; text-align: center; font-family: 'Gotham', sans-serif; font-weight: 500; } .c-salesLearn__subtitle br { display: none; } @media (min-width: 640px) { .c-salesLearn__subtitle { font-size: 16px; line-height: 30px; margin: 0 0 45px 0; } } @media (min-width: 1024px) { .c-salesLearn__subtitle { font-size: 23px; line-height: 40px; margin: 0 0 55px 0; } } @media (min-width: 1024px) { .c-salesLearn__subtitle br { display: block; } } .c-salesLearn__contentSection {} @media (min-width: 640px) { .c-salesLearn__contentSection { max-width: 565px; margin: 0 auto; } } @media (min-width: 1024px) { .c-salesLearn__contentSection { max-width: 790px; } } @media (min-width: 1280px) { .c-salesLearn__contentSection { max-width: inherit; } } .c-salesLearn__moduleBox { width: 100%; } .c-salesLearn__module { margin-bottom: 20px; } .c-salesLearn__module .c-salesLearn__moduleHeader { background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; } @media (min-width: 640px) { .c-salesLearn__module { margin-bottom: 40px; } } @media (min-width: 1280px) { .c-salesLearn__module { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 65px; } } .c-salesLearn__module--one .c-salesLearn__moduleHeader { background-color: #8bc690; background-image: url(images/sales/sales-learn-module-mb-one.jpg); } .c-salesLearn__module--one .c-salesLearn__moduleHeader .c-salesLearn__moduleBox {} .c-salesLearn__module--one .c-salesLearn__moduleNumber { background: #40a471; } .c-salesLearn__module--one .c-salesLearn__smallHeading { color: #40a471; } .c-salesLearn__module--one .c-salesLearn__ulIcon svg { fill: #40a471; } @media (min-width: 640px) { .c-salesLearn__module--one .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-mb-large-one.jpg); } } @media (min-width: 1280px) { .c-salesLearn__module--one .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-one.jpg); } } @media screen and (min-width: 360px) and (max-width: 639px) { .c-salesLearn__module--one .c-salesLearn__moduleHeader .c-salesLearn__moduleBox { padding-top: 110px; } } .c-salesLearn__module--two .c-salesLearn__moduleHeader { background-color: #e9a238; background-image: url(images/sales/sales-learn-module-mb-two.jpg); } .c-salesLearn__module--two .c-salesLearn__moduleHeader .c-salesLearn__moduleBox {} .c-salesLearn__module--two .c-salesLearn__moduleNumber { background: #e27627; } .c-salesLearn__module--two .c-salesLearn__smallHeading { color: #e27627; } .c-salesLearn__module--two .c-salesLearn__ulIcon svg { fill: #e27627; } .c-salesLearn__module--two .c-salesLearn__resources { background: #f9f1ec; } @media (min-width: 640px) { .c-salesLearn__module--two .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-mb-large-two.jpg); } } @media (min-width: 1280px) { .c-salesLearn__module--two .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-two.jpg); } } @media screen and (min-width: 360px) and (max-width: 639px) { .c-salesLearn__module--two .c-salesLearn__moduleHeader .c-salesLearn__moduleBox { padding-top: 110px; } } .c-salesLearn__module--three .c-salesLearn__moduleHeader { background-color: #b8dcda; background-image: url(images/sales/sales-learn-module-mb-three.jpg); } .c-salesLearn__module--three .c-salesLearn__moduleHeader .c-salesLearn__moduleBox {} .c-salesLearn__module--three .c-salesLearn__moduleHeading {} .c-salesLearn__module--three .c-salesLearn__moduleNumber { background: #56c0b7; } .c-salesLearn__module--three .c-salesLearn__smallHeading { color: #56c0b7; } .c-salesLearn__module--three .c-salesLearn__ulIcon svg { fill: #56c0b7; } .c-salesLearn__module--three .c-salesLearn__resources { background: #ecf9f7; } @media (min-width: 640px) { .c-salesLearn__module--three .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-mb-large-three.jpg); } } @media (min-width: 1280px) { .c-salesLearn__module--three .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-three.jpg); } } @media screen and (min-width: 360px) and (max-width: 639px) { .c-salesLearn__module--three .c-salesLearn__moduleHeader .c-salesLearn__moduleBox { padding-top: 110px; } } @media screen and (min-width: 360px) and (max-width: 639px) { .c-salesLearn__module--three .c-salesLearn__moduleHeading { margin-right: -20px; } } .c-salesLearn__module--four .c-salesLearn__moduleHeader { background-color: #f5b6c1; background-image: url(images/sales/sales-learn-module-mb-four.jpg); } .c-salesLearn__module--four .c-salesLearn__moduleNumber { background: #db8f8d; } .c-salesLearn__module--four .c-salesLearn__smallHeading { color: #db8f8d; } .c-salesLearn__module--four .c-salesLearn__ulIcon svg { fill: #db8f8d; } .c-salesLearn__module--four .c-salesLearn__resources { background: #f9ecec; } @media (min-width: 640px) { .c-salesLearn__module--four .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-mb-large-four.jpg); } } @media (min-width: 1280px) { .c-salesLearn__module--four .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-four.jpg); } } .c-salesLearn__module--five .c-salesLearn__moduleHeader { background-color: #c67cad; background-image: url(images/sales/sales-learn-module-mb-five.jpg); } .c-salesLearn__module--five .c-salesLearn__moduleNumber { background: #ab3b83; } .c-salesLearn__module--five .c-salesLearn__smallHeading { color: #ab3b83; } .c-salesLearn__module--five .c-salesLearn__ulIcon svg { fill: #ab3b83; } .c-salesLearn__module--five .c-salesLearn__resources { background: #f9ecf5; } @media (min-width: 640px) { .c-salesLearn__module--five .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-mb-large-five.jpg); } } @media (min-width: 1280px) { .c-salesLearn__module--five .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-five.jpg); } } .c-salesLearn__module--six .c-salesLearn__moduleHeader { background-color: #c4c4c4; background-image: url(images/sales/sales-learn-module-mb-six.jpg); } .c-salesLearn__module--six .c-salesLearn__moduleNumber { background: #999999; } .c-salesLearn__module--six .c-salesLearn__smallHeading { color: #999999; } .c-salesLearn__module--six .c-salesLearn__ulIcon svg { fill: #999999; } .c-salesLearn__module--six .c-salesLearn__resources { background: #eeeeee; } @media (min-width: 640px) { .c-salesLearn__module--six .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-mb-large-six.jpg); } } @media (min-width: 1280px) { .c-salesLearn__module--six .c-salesLearn__moduleHeader { background-image: url(images/sales/sales-learn-module-six.jpg); } } .c-salesLearn__moduleHeader { padding: 0 15px 0 15px; min-height: 245px; } .c-salesLearn__moduleHeader .c-salesLearn__moduleBox { padding-top: 75px; padding-bottom: 25px; } @media (min-width: 640px) { .c-salesLearn__moduleHeader { padding: 0 30px 0 30px; min-height: 300px; } } @media (min-width: 1280px) { .c-salesLearn__moduleHeader { width: 45%; height: auto; float: left; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0 50px 0 50px; } } @media (min-width: 640px) { .c-salesLearn__moduleHeader .c-salesLearn__moduleBox { padding-top: 60px; } } @media (min-width: 1280px) { .c-salesLearn__moduleHeader .c-salesLearn__moduleBox { padding-top: 140px; } } .c-salesLearn__moduleHeading { font-size: 25px; line-height: 36px; font-family: 'Gotham', sans-serif; font-weight: 300; color: #fff; letter-spacing: -1px; } .c-salesLearn__module--one .c-salesLearn__moduleHeading {} .c-salesLearn__module--two .c-salesLearn__moduleHeading {} .c-salesLearn__module--three .c-salesLearn__moduleHeading {} .c-salesLearn__module--four .c-salesLearn__moduleHeading {} .c-salesLearn__module--five .c-salesLearn__moduleHeading {} .c-salesLearn__module--six .c-salesLearn__moduleHeading {} @media (min-width: 640px) { .c-salesLearn__moduleHeading { font-size: 32px; line-height: 42px; letter-spacing: 0; } } @media (min-width: 1280px) { .c-salesLearn__moduleHeading { font-size: 43px; line-height: 60px; max-width: 425px; } } @media (min-width: 1280px) { .c-salesLearn__module--one .c-salesLearn__moduleHeading { max-width: none; } } @media (max-width: 639px) { .c-salesLearn__module--two .c-salesLearn__moduleHeading { max-width: 250px; } } @media (max-width: 1279px) { .c-salesLearn__module--two .c-salesLearn__moduleHeading br { display: none; } } @media (max-width: 639px) { .c-salesLearn__module--three .c-salesLearn__moduleHeading { max-width: 295px; } } @media (max-width: 639px) { .c-salesLearn__module--four .c-salesLearn__moduleHeading { max-width: 235px; } } @media (max-width: 639px) { .c-salesLearn__module--five .c-salesLearn__moduleHeading { max-width: 235px; } } @media (max-width: 639px) { .c-salesLearn__module--six .c-salesLearn__moduleHeading { max-width: 270px; } } @media (max-width: 1279px) { .c-salesLearn__module--six .c-salesLearn__moduleHeading br { display: none; } } .c-salesLearn__moduleNumber { width: 110px; height: 22px; color: #fff; text-transform: uppercase; font-family: 'Gotham', sans-serif; letter-spacing: 2px; text-align: center; font-size: 11.34px; line-height: 22px; font-weight: 600; margin-bottom: 15px; } @media (min-width: 640px) { .c-salesLearn__moduleNumber { margin-bottom: 20px; } } @media (min-width: 1024px) { .c-salesLearn__moduleNumber { font-size: 14px; line-height: 26px; width: 135px; height: 26px; margin-bottom: 25px; } } .c-salesLearn__copy { background: #fbfbfb; padding: 20px; text-align: left; } .c-salesLearn__copy p { color: #111111; margin-bottom: 25px; } @media (min-width: 640px) { .c-salesLearn__copy { padding: 40px; } } @media (min-width: 1280px) { .c-salesLearn__copy { width: 55%; float: left; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 70px; } } @media (min-width: 640px) { .c-salesLearn__copy p { line-height: 30px; margin-bottom: 25px; } } @media (min-width: 1024px) { .c-salesLearn__copy p { font-size: 16px; line-height: 34px; margin: 0 0 30px 0; } } .c-salesLearn__ulList li, .c-salesLearn__resources li { font-size: 13px; line-height: 23px; } @media (min-width: 640px) { .c-salesLearn__ulList li, .c-salesLearn__resources li { font-size: 14px; line-height: 30px; } } @media (min-width: 1024px) { .c-salesLearn__ulList li, .c-salesLearn__resources li { font-size: 16px; line-height: 30px; } } .c-salesLearn__ulList { margin: 0; padding: 0; list-style: none; margin-bottom: 25px; } .c-salesLearn__ulList li { margin-bottom: 10px; position: relative; padding: 0 0 0 30px; } @media (min-width: 1024px) { .c-salesLearn__ulList { margin-bottom: 30px; } } @media (min-width: 640px) { .c-salesLearn__ulList li { margin-bottom: 15px; } } @media (min-width: 1024px) { .c-salesLearn__ulList li { padding: 0 0 0 35px; } } .c-salesLearn__resources ul { margin-left: 15px; } .c-salesLearn__resources li { margin-bottom: 10px; } .c-salesLearn__ulIcon { position: absolute; left: 0; top: 0px; width: 22px; height: 22px; } .c-salesLearn__ulIcon svg { width: 22px; position: absolute; top: 0; left: 0; } @media (min-width: 640px) { .c-salesLearn__ulIcon { top: 3px; } } @media (min-width: 1024px) { .c-salesLearn__ulIcon { top: 2px; width: 26px; height: 26px; } } @media (min-width: 1024px) { .c-salesLearn__ulIcon svg { width: 26px; } } .c-salesLearn__smallHeading { font-size: 13px; line-height: 26px; font-weight: 600; margin: 0 0 25px 0; } @media (min-width: 640px) { .c-salesLearn__smallHeading { font-size: 15px; line-height: 30px; } } @media (min-width: 1024px) { .c-salesLearn__smallHeading { margin: 0 0 30px 0; } } @media (min-width: 1024px) { .c-salesLearn__smallHeading { font-size: 18px; line-height: 34px; } } .c-salesLearn__smallHeading--Gfont { font-family: 'Gotham', sans-serif; font-size: 15px; line-height: 26px; font-weight: 500; } @media (min-width: 640px) { .c-salesLearn__smallHeading--Gfont { font-size: 16px; line-height: 27px; } } @media (min-width: 1024px) { .c-salesLearn__smallHeading--Gfont { font-size: 21px; line-height: 35px; } } .c-salesLearn__resources { padding: 20px; } .c-salesLearn__resources p { font-size: 15px; line-height: 22px; color: #000; font-family: 'Gotham', sans-serif; margin: 0 0 10px 0; font-weight: 500; } @media (min-width: 640px) { .c-salesLearn__resources { padding: 30px; } } @media (min-width: 1024px) { .c-salesLearn__resources { padding: 35px; } } @media (min-width: 640px) { .c-salesLearn__resources p { font-size: 18px; line-height: 32px; margin: 0 0 15px 0; } } @media (min-width: 1024px) { .c-salesLearn__resources p { font-size: 19px; line-height: 32px; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesPlan { color: #fff; background: #72beb8; padding: 50px 0 0 0; } @media (min-width: 640px) { .c-salesPlan { padding: 50px 0 0 0; } } @media (min-width: 1024px) { .c-salesPlan { padding: 110px 0 0 0; } } .c-salesPlan__title { font-size: 33px; line-height: 53px; font-family: 'Gotham', sans-serif; text-align: center; margin: 0 0 15px 0; } @media (min-width: 640px) { .c-salesPlan__title { font-size: 38px; line-height: 53px; margin: 0 0 20px 0; } } @media (min-width: 1024px) { .c-salesPlan__title { font-size: 62px; line-height: 64px; } } .c-salesPlan__subtitle { font-size: 19px; line-height: 30px; font-family: 'Gotham', sans-serif; text-align: center; margin: 0 0 30px 0; } @media (min-width: 640px) { .c-salesPlan__subtitle { font-size: 21px; line-height: normal; margin: 0 -20px 75px -20px; } } @media (min-width: 1024px) { .c-salesPlan__subtitle { font-size: 32px; } } .c-salesPlan__box { text-align: center; } .c-salesPlan__box--one {} @media (min-width: 640px) { .c-salesPlan__box--one { width: 50%; float: left; border-right: 1px solid #fff; } } .c-salesPlan__box--two {} @media (min-width: 640px) { .c-salesPlan__box--two { width: 50%; float: right; } } .c-salesPlan__or { border-bottom: 1px solid #fff; text-align: center; margin: 40px 0 55px 0; } .c-salesPlan__or span { font-size: 23px; background: #72beb8; display: inline-block; position: relative; top: 12px; padding: 0 15px; font-style: italic; } @media (min-width: 640px) { .c-salesPlan__or { position: absolute; border: none; left: 50%; top: 50%; margin: 0; } } @media (min-width: 640px) { .c-salesPlan__or span { top: -25px; right: 12px; padding: 10px 0; } } .c-salesPlan__heading { display: table; margin: 0 auto; padding: 0 30px; border-bottom: 1px solid #fff; } .c-salesPlan__heading span { font-size: 11px; line-height: normal; font-family: 'Gotham', sans-serif; text-align: center; margin: 0; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; position: relative; background: #72beb8; padding: 0 10px; display: inline-block; top: 9px; } @media (min-width: 640px) { .c-salesPlan__heading { padding: 0 40px; } } @media (min-width: 1024px) { .c-salesPlan__heading span { font-size: 16px; top: 10px; padding: 0 15px; } } .c-salesPlan__payment { font-size: 18px; line-height: normal; font-style: italic; margin: 20px 0 15px 0; } @media (min-width: 640px) { .c-salesPlan__payment { margin: 25px 0 15px 0; } } @media (min-width: 1024px) { .c-salesPlan__payment { font-size: 23px; margin: 45px 0 15px 0; } } .c-salesPlan__price { font-size: 60px; line-height: normal; font-family: 'Gotham', sans-serif; font-weight: 300; } .c-salesPlan__price sup { margin: 0 10px 0 0; font-size: 30px; position: relative; top: -20px; } @media (min-width: 640px) { .c-salesPlan__price { font-size: 78px; } } @media (min-width: 1024px) { .c-salesPlan__price { font-size: 100px; } } @media (min-width: 640px) { .c-salesPlan__price sup { font-size: 38px; top: -27px; } } @media (min-width: 1024px) { .c-salesPlan__price sup { font-size: 50px; top: -34px; } } .c-salesPlan__usd { font-size: 15px; line-height: normal; font-family: 'Gotham', sans-serif; font-weight: 300; margin: 10px 0 20px 0; } @media (min-width: 640px) { .c-salesPlan__usd {} } @media (min-width: 1024px) { .c-salesPlan__usd { font-size: 20px; margin: 10px 0 30px 0; } } .c-salesPlan__btn .c-btn { width: 100%; max-width: 210px; font-size: 13px; } @media (min-width: 1024px) { .c-salesPlan__btn .c-btn { max-width: 350px; font-size: 17px; } } .c-salesPlan__save { font-size: 15px; line-height: normal; font-style: italic; margin: 15px 0 0 0; } @media (min-width: 1024px) { .c-salesPlan__save { font-size: 18px; } } .c-salesPlan__contentSection:before, .c-salesPlan__secure:before { content: ''; display: table; } .c-salesPlan__contentSection:after, .c-salesPlan__secure:after { content: ''; display: table; clear: both; } @media (min-width: 640px) { .c-salesPlan__contentSection, .c-salesPlan__secure { max-width: 560px; margin: 0 auto; } } @media (min-width: 768px) { .c-salesPlan__contentSection, .c-salesPlan__secure { max-width: 936px; } } .c-salesPlan__contentSection { position: relative; } .c-salesPlan__questionPadd { padding: 0 20px 20px 20px; } @media (min-width: 640px) { .c-salesPlan__questionPadd { padding: 0 45px 45px 45px; } } @media (min-width: 1024px) { .c-salesPlan__questionPadd { padding: 0 25px 25px 25px; } } .c-salesPlan__question { text-align: center; background: #68afa9; padding: 20px; } @media (min-width: 640px) { .c-salesPlan__question { padding: 40px 35px; } } @media (min-width: 1024px) { .c-salesPlan__question { padding: 55px; } } .c-salesPlan__questionHeading { font-size: 28px; line-height: 41px; font-family: 'Gotham', sans-serif; margin: 0 0 10px 0; } @media (min-width: 640px) { .c-salesPlan__questionHeading { font-size: 31px; } } @media (min-width: 1024px) { .c-salesPlan__questionHeading { font-size: 37px; line-height: 64px; } } .c-salesPlan__questionParagraph { font-size: 15px; line-height: 29px; font-style: italic; margin: 0 0 30px 0; } @media (min-width: 640px) { .c-salesPlan__questionParagraph { font-size: 16px; line-height: 30px; margin: 0 0 35px 0; } } @media (min-width: 1024px) { .c-salesPlan__questionParagraph { font-size: 19px; line-height: 40px; } } .c-salesPlan__questionBtns .c-btn { background: none; color: #fff; width: 195px; border-width: 1px; font-size: 15px; padding: 16px 6px 16px 25px; margin-bottom: 10px; position: relative; } .c-salesPlan__questionBtns .c-btn .c-salesPlanBtn__icons { position: absolute; width: 22px; height: 22px; top: 50%; left: 50%; display: inline-block; margin: -10px 0 0 -55px; } .c-salesPlan__questionBtns .c-btn .c-salesPlanBtn__text { display: inline-block; } .c-salesPlan__questionBtns .c-btn svg { width: 22px; position: absolute; top: 0; left: 0; fill: #fff; } .c-salesPlan__questionBtns .c-btn--faq { padding: 16px 6px 16px 6px; } .c-salesPlan__questionBtns .c-btn--faq .c-salesPlanBtn__icons { margin: -9px 0 0 -40px; } .c-salesPlan__questionBtns .c-btn--faq svg { width: 8px; fill: #fff; } @media (min-width: 640px) { .c-salesPlan__questionBtns .c-btn { margin: 0 10px; } } @media (min-width: 1024px) { .c-salesPlan__questionBtns .c-btn { width: 230px; font-size: 17px; padding: 16px 26px 16px 60px; } } @media (min-width: 640px) { .c-salesPlan__questionBtns .c-btn .c-salesPlanBtn__icons { width: 28px; height: 28px; margin: -14px 0 0 -60px; } } @media (min-width: 640px) { .c-salesPlan__questionBtns .c-btn svg { width: 28px; } } @media (min-width: 1024px) { .c-salesPlan__questionBtns .c-btn--faq { padding: 16px 26px 16px 26px; } } @media (min-width: 640px) { .c-salesPlan__questionBtns .c-btn--faq .c-salesPlanBtn__icons { margin: -11px 0 0 -45px; } } @media (min-width: 640px) { .c-salesPlan__questionBtns .c-btn--faq svg { width: 11px; } } .c-salesPlan__secure { margin: 45px auto 30px auto; } .c-salesPlan__secure:before { content: ''; display: table; } .c-salesPlan__secure:after { content: ''; display: table; clear: both; } @media (min-width: 1024px) { .c-salesPlan__secure { margin: 45px auto 60px auto; display: table; } } .c-salesPlan__secureItem {} @media (min-width: 640px) { .c-salesPlan__secureItem { display: table; margin: 0 auto 20px auto; } } @media (min-width: 1024px) { .c-salesPlan__secureItem { float: left; margin: 0; } } .c-salesPlan__secureBoxes { display: table; margin: 0 auto 25px auto; position: relative; } .c-salesPlan__secureBoxes svg, .c-salesPlan__secureBoxes .c-salesPlan__secure--image { position: absolute; left: 0; } .c-salesPlan__secureBoxes svg { fill: #fff; width: 50px; } .c-salesPlan__secureBoxes .c-salesPlan__secure--image { fill: #fff; width: 40px; } .c-salesPlan__secureBoxes p { font-size: 12.67px; line-height: normal; font-family: 'Gotham', sans-serif; text-transform: uppercase; font-weight: 500; } .c-salesPlan__secureBoxes small { font-style: italic; font-size: 12.67px; } @media (min-width: 1024px) { .c-salesPlan__secureBoxes { float: left; margin: 0; display: inline-block; } } .c-salesPlan__secureBoxes--one, .c-salesPlan__secureBoxes--three { padding: 0 0 0 60px; } .c-salesPlan__secureBoxes--one {} @media (min-width: 640px) { .c-salesPlan__secureBoxes--one { float: left; } } .c-salesPlan__secureBoxes--two { text-align: center; } .c-salesPlan__secureBoxes--two img {} @media (min-width: 640px) { .c-salesPlan__secureBoxes--two { float: left; max-width: 325px; margin: 0 0 0 20px; } } @media (min-width: 1024px) { .c-salesPlan__secureBoxes--two { margin: 0 10px; } } @media (min-width: 1280px) { .c-salesPlan__secureBoxes--two { margin: 0 40px; } } @media (min-width: 1440px) { .c-salesPlan__secureBoxes--two { max-width: 370px; } } @media (min-width: 1024px) { .c-salesPlan__secureBoxes--two img { max-width: 90%; } } @media (min-width: 1440px) { .c-salesPlan__secureBoxes--two img { max-width: 100%; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesTraining { padding: 50px 0 20px 0; } .c-salesTraining .c-courseTraining-grid .c-program__copy { padding-top: 40px; text-align: left; } .c-salesTraining .c-courseTraining-grid .c-courseTraining__image { height: auto; } .c-salesTraining .c-program__copy p { font-size: 13px; line-height: 28px; } @media (min-width: 1024px) { .c-salesTraining { padding: 140px 0 80px 0; } } @media (min-width: 640px) { .c-salesTraining .c-program__copy p { font-size: 14px; line-height: 32px; } } @media (min-width: 1024px) { .c-salesTraining .c-program__copy p { font-size: 16px; line-height: 36px; } } .c-salesTraining__title { font-size: 26px; line-height: 35px; font-family: 'Gotham', sans-serif; color: #000; text-align: center; margin: 0 0 20px 0; } .c-salesTraining__title br { display: none; } @media (min-width: 640px) { .c-salesTraining__title { font-size: 38px; line-height: 53px; margin: 0 auto 30px auto; max-width: 500px; } } @media (min-width: 1024px) { .c-salesTraining__title { font-size: 50px; line-height: 76px; margin: 0 0 40px 0; max-width: inherit; } } @media (min-width: 1440px) { .c-salesTraining__title br { display: block; } } .c-salesTraining__heading { font-size: 24px; line-height: 32px; margin: 0 0 15px 0; font-family: 'Gotham', sans-serif; text-align: left; } @media (min-width: 640px) { .c-salesTraining__heading { font-size: 30px; line-height: 40px; margin: 0 0 20px 0; } } @media (min-width: 1024px) { .c-salesTraining__heading { font-size: 29px; line-height: 38px; } } .c-salesTraining__bonusNumber { position: absolute; width: 105px; height: 23px; font-size: 9px; line-height: 23px; display: inline-block; color: #fff; top: 48px; right: -35px; background: #000; -webkit-transform: rotate(90deg); transform: rotate(90deg); font-family: 'Gotham', sans-serif; padding-left: 10px; text-transform: uppercase; font-weight: 500; letter-spacing: 2px; } @media (min-width: 640px) { .c-salesTraining__bonusNumber { width: 150px; height: 32px; font-size: 13px; line-height: 32px; top: 70px; right: -50px; padding-left: 12px; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesSupport { background: #fbfbfb; padding: 50px 0; } .c-salesSupport .c-programSupport__content { margin-top: 40px; } @media (min-width: 1024px) { .c-salesSupport { padding: 110px 0 80px 0; } } @media (min-width: 1024px) { .c-salesSupport .c-programSupport__content { margin-top: 60px; } } .c-salesSupport__header { max-width: 470px; margin: 0 auto 25px auto; } @media (min-width: 1024px) { .c-salesSupport__header { max-width: inherit; } } .c-salesSupport__title { font-size: 26px; line-height: 35px; font-family: 'Gotham', sans-serif; color: #000; text-align: center; margin: 0 0 20px 0; } @media (min-width: 640px) { .c-salesSupport__title { font-size: 38px; line-height: 50px; margin: 0 0 25px 0; } } @media (min-width: 1024px) { .c-salesSupport__title { font-size: 53px; line-height: 75px; } } .c-salesSupport__subtitle { text-align: center; font-family: 'Gotham', sans-serif; font-weight: 500; font-size: 14px; line-height: 27px; color: #000; margin: 0; } .c-salesSupport__subtitle br { display: none; } @media (min-width: 640px) { .c-salesSupport__subtitle { font-size: 16px; line-height: 30px; } } @media (min-width: 1024px) { .c-salesSupport__subtitle { font-size: 23px; line-height: 41px; margin: 0; } } @media (min-width: 1024px) { .c-salesSupport__subtitle br { display: block; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesTimeProgram { padding: 40px 0; } .c-salesTimeProgram .o-wrapper {} @media (min-width: 640px) { .c-salesTimeProgram { padding: 70px 0; } } @media (min-width: 1024px) { .c-salesTimeProgram { padding: 140px 0; } } @media (min-width: 1280px) { .c-salesTimeProgram .o-wrapper { max-width: 1190px; } } .c-salesTimeProgram__title { text-align: center; font-size: 26px; line-height: 35px; color: #000; font-family: 'Gotham', sans-serif; margin: 0 0 20px 0; } .c-salesTimeProgram__title br { display: block; } @media (min-width: 640px) { .c-salesTimeProgram__title { margin: 0 0 30px 0; font-size: 38px; line-height: 50px; } } @media (min-width: 1024px) { .c-salesTimeProgram__title { font-size: 49px; line-height: 65px; } } @media (min-width: 1280px) { .c-salesTimeProgram__title br { display: none; } } .c-salesTimeProgram__subtitle { text-align: center; font-size: 14px; line-height: 27px; color: #000; font-weight: 500; font-family: 'Gotham', sans-serif; margin: 0 0 20px 0; } .c-salesTimeProgram__subtitle br { display: none; } @media (min-width: 640px) { .c-salesTimeProgram__subtitle { margin: 0 0 40px 0; font-size: 16px; line-height: 30px; } } @media (min-width: 1024px) { .c-salesTimeProgram__subtitle { margin: 0 -30px 50px -30px; font-size: 23px; line-height: 44px; } } @media (min-width: 1440px) { .c-salesTimeProgram__subtitle { margin: 0 0px 50px 0px; } } @media (min-width: 768px) { .c-salesTimeProgram__subtitle br { display: block; } } .c-salesTimeProgram__contentSection p:before { content: ''; display: table; } .c-salesTimeProgram__contentSection p:after { content: ''; display: table; clear: both; } .c-salesTimeProgram__contentSection p span { margin: 0 0 15px 0; display: block; } .c-salesTimeProgram__contentSection p br { display: none; } @media (min-width: 1024px) { .c-salesTimeProgram__contentSection p span { padding: 0 10px; margin: 0; float: left; width: 50%; } } @media (min-width: 1024px) { .c-salesTimeProgram__contentSection p br { display: block; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesGuarantee .c-program__title { font-weight: 400; font-size: 24px; line-height: 35px; } .c-salesGuarantee .c-sales__copy p { color: #fff; } .c-salesGuarantee .c-sales__badgeParpagraph { position: relative; } .c-salesGuarantee .c-sales__badgeParpagraph p { font-family: 'Gotham', sans-serif; font-size: 14px; line-height: 26px; font-weight: 500; } .c-salesGuarantee .c-program__title .br-mobile { display: block; } .c-salesGuarantee .c-program__title .br-desktop { display: none; } @media (min-width: 1024px) { .c-salesGuarantee { padding: 105px 0; } } @media (min-width: 640px) { .c-salesGuarantee .c-program__title { font-size: 38px; line-height: 50px; } } @media (min-width: 1024px) { .c-salesGuarantee .c-program__title { font-size: 54px; line-height: 76px; margin-bottom: 70px; } } @media (min-width: 640px) { .c-salesGuarantee .c-sales__copy { text-align: left; } } @media (min-width: 768px) { .c-salesGuarantee .c-sales__copy { max-width: 800px; margin: 0 auto; } } @media (min-width: 640px) { .c-salesGuarantee .c-sales__badgeParpagraph { padding-right: 175px; } } @media (min-width: 1024px) { .c-salesGuarantee .c-sales__badgeParpagraph { padding-right: 240px; } } @media (min-width: 640px) { .c-salesGuarantee .c-sales__badgeParpagraph p { font-size: 16px; line-height: 30px; } } @media (min-width: 1024px) { .c-salesGuarantee .c-sales__badgeParpagraph p { font-size: 21px; line-height: 36px; } } @media (min-width: 1024px) { .c-salesGuarantee .c-program__title .br-mobile { display: none; } } @media (min-width: 1024px) { .c-salesGuarantee .c-program__title .br-desktop { display: block; } } .c-salesGuarantee__badge { display: block; text-align: center; margin: 20px 0; } .c-salesGuarantee__badge img { max-width: 150px; } @media (min-width: 640px) { .c-salesGuarantee__badge { position: absolute; right: 0; top: 0; margin: 0; } } @media (min-width: 1024px) { .c-salesGuarantee__badge img { max-width: 225px; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesTuition { padding: 20px 0; } .c-salesTuition .o-wrapper {} .c-salesTuition .c-sales__copy { text-align: left; } @media (min-width: 640px) { .c-salesTuition { padding: 30px 0; } } @media (min-width: 1024px) { .c-salesTuition { padding: 70px 0; } } @media (min-width: 640px) { .c-salesTuition .o-wrapper { padding-right: 28px; padding-left: 28px; max-width: inherit; } } @media (min-width: 1024px) { .c-salesTuition .o-wrapper { padding-right: 70px; padding-left: 70px; } } .c-salesTuition__contentSection { background: #f4f4f4; padding: 35px 20px 20px 20px; } @media (min-width: 640px) { .c-salesTuition__contentSection { padding: 70px 40px 40px 40px; } } @media (min-width: 1024px) { .c-salesTuition__contentSection { padding: 90px; } } .c-salesTuition__title { text-align: center; font-size: 22px; line-height: 35px; color: #000; font-family: 'Gotham', sans-serif; margin: 0 -10px 20px -10px; } .c-salesTuition__title br { display: none; } @media (min-width: 640px) { .c-salesTuition__title { margin: 0 0 30px 0; font-size: 38px; line-height: 50px; } } @media (min-width: 1024px) { .c-salesTuition__title { font-size: 52px; line-height: 75px; margin: 0 0 50px 0; } } @media (min-width: 640px) { .c-salesTuition__title br { display: block; } } .c-salesTuition__copy { border-bottom: 1px solid #9a9a9a; margin-bottom: 20px; } @media (min-width: 640px) { .c-salesTuition__copy { margin-bottom: 45px; } } @media (min-width: 1024px) { .c-salesTuition__copy { max-width: 925px; margin: 0 auto 45px auto; padding: 0 40px; } } .c-salesTuition__box { margin: 0 0 30px 0; } .c-salesTuition__box p { margin: 0; } @media (min-width: 640px) { .c-salesTuition__box { margin: 0 0 45px 0; } } .c-salesTuition__box--one .c-salesTuition__heading, .c-salesTuition__box--one .c-salesTuition__value { color: #01bd73; } .c-salesTuition__box--one .c-salesTuition__heading svg, .c-salesTuition__box--one .c-salesTuition__value svg { fill: #01bd73; } .c-salesTuition__box--two .c-salesTuition__heading, .c-salesTuition__box--two .c-salesTuition__value { color: #f67001; } .c-salesTuition__box--two .c-salesTuition__heading svg, .c-salesTuition__box--two .c-salesTuition__value svg { fill: #f67001; } .c-salesTuition__box--three .c-salesTuition__heading, .c-salesTuition__box--three .c-salesTuition__value { color: #00c6b9; } .c-salesTuition__box--three .c-salesTuition__heading svg, .c-salesTuition__box--three .c-salesTuition__value svg { fill: #00c6b9; } .c-salesTuition__box--four .c-salesTuition__heading, .c-salesTuition__box--four .c-salesTuition__value { color: #f4787a; } .c-salesTuition__box--four .c-salesTuition__heading svg, .c-salesTuition__box--four .c-salesTuition__value svg { fill: #f4787a; } .c-salesTuition__box--five .c-salesTuition__heading, .c-salesTuition__box--five .c-salesTuition__value { color: #ca0088; } .c-salesTuition__box--five .c-salesTuition__heading svg, .c-salesTuition__box--five .c-salesTuition__value svg { fill: #ca0088; } .c-salesTuition__box--six .c-salesTuition__heading, .c-salesTuition__box--six .c-salesTuition__value { color: #7d7d7d; } .c-salesTuition__box--six .c-salesTuition__heading svg, .c-salesTuition__box--six .c-salesTuition__value svg { fill: #7d7d7d; } .c-salesTuition__value { text-align: right; font-style: italic; font-weight: 600; } .c-salesTuition__heading { font-family: 'Gotham', sans-serif; font-size: 15px; line-height: 24px; margin: 0 0 10px 0; font-weight: 500; } @media (min-width: 640px) { .c-salesTuition__heading { font-size: 20px; line-height: 36px; margin: 0 0 15px 0; } } @media (min-width: 1024px) { .c-salesTuition__heading { font-size: 23px; line-height: 44px; } } .c-salesTuition__ulIcon { width: 22px; height: 22px; position: relative; display: inline-block; } .c-salesTuition__ulIcon svg { width: 22px; margin: 0 5px 0 0; position: absolute; top: 0; left: 0; top: 5px; line-height: 0; } @media (min-width: 640px) { .c-salesTuition__ulIcon { width: 28px; height: 28px; } } @media (min-width: 640px) { .c-salesTuition__ulIcon svg { width: 28px; top: 6px; } } @media (min-width: 1024px) { .c-salesTuition__ulIcon svg { top: 6px; } } .c-salesTuition__totalHeading { text-align: center; font-style: italic; font-family: 'Gotham', sans-serif; color: #a3a3a3; font-size: 18px; line-height: normal; margin: 0 0 10px 0; } @media (min-width: 640px) { .c-salesTuition__totalHeading { font-size: 25px; line-height: 25px; } } @media (min-width: 1024px) { .c-salesTuition__totalHeading { font-size: 32px; line-height: 50px; margin: 0; } } @media (min-width: 1440px) { .c-salesTuition__totalHeading { font-size: 39px; } } .c-salesTuition__subHeading { text-align: center; font-family: 'Gotham', sans-serif; color: #a3a3a3; font-size: 18px; line-height: normal; font-weight: 500; margin: 0; color: #ca0088; } .c-salesTuition__subHeading br {} @media (min-width: 640px) { .c-salesTuition__subHeading { font-size: 25px; line-height: 25px; } } @media (min-width: 1024px) { .c-salesTuition__subHeading { font-size: 32px; line-height: 60px; } } @media (min-width: 1440px) { .c-salesTuition__subHeading { font-size: 39px; line-height: 79px; } } @media (min-width: 640px) { .c-salesTuition__subHeading br { display: none; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesProof { padding: 45px 0 30px 0; } .c-salesProof .o-wrapper {} .c-salesProof .c-reviewSpot__indv { margin: 0; padding: 0; } @media (min-width: 640px) { .c-salesProof { padding: 100px 0 40px 0; } } @media (min-width: 1440px) { .c-salesProof .o-wrapper { max-width: 1320px; } } .c-salesProof__title { font-size: 26px; line-height: 37px; font-family: 'Gotham', sans-serif; font-weight: 400; color: #000; text-align: center; margin: 0 0 30px 0; padding: 0 40px; } @media (min-width: 640px) { .c-salesProof__title { font-size: 33px; line-height: 50px; margin: 0 0 50px 0; } } @media (min-width: 1024px) { .c-salesProof__title { font-size: 48px; line-height: 65px; padding: 0; } } @media (min-width: 1280px) { .c-salesProof__title { font-size: 58px; line-height: 65px; margin: 0 0 70px 0; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesTestimonial { padding: 40px 20px 80px 20px; } @media (min-width: 1024px) { .c-salesTestimonial { padding: 80px 0 120px; } } .c-salesTestimonial__contentSection { margin: 0 auto; /*max-width: 270px;*/ } @media (min-width: 640px) { .c-salesTestimonial__contentSection { /*max-width: 560px;*/ } } @media (min-width: 1024px) { .c-salesTestimonial__contentSection { max-width: 1170px; } } .c-salesTestimonial__slider { margin: 0 -5px; } .c-salesTestimonial__slider .slick-track {} .c-salesTestimonial__slider .slick-track:before { display: inherit; } .c-salesTestimonial__slider .slick-prev, .c-salesTestimonial__slider .slick-next { width: 12px; height: 24px; } .c-salesTestimonial__slider .slick-prev:before, .c-salesTestimonial__slider .slick-next:before { display: none; } .c-salesTestimonial__slider .slick-prev { background: url(images/sales/angle-left.png) no-repeat 0 0; background-size: 100% auto; } .c-salesTestimonial__slider .slick-next { background: url(images/sales/angle-right.png) no-repeat 0 0; background-size: 100% auto; } @media (min-width: 640px) { .c-salesTestimonial__slider { margin: 0 -7px; } } @media (min-width: 640px) { .c-salesTestimonial__slider .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; } } @media (min-width: 1024px) { .c-salesTestimonial__slider .slick-prev, .c-salesTestimonial__slider .slick-next { width: 18px; height: 34px; } } .c-salesTestimonial__item {} @media (min-width: 640px) { .c-salesTestimonial__item { /*lost-column: 1/2 2 10px; width: calc(99.8% * 1/2 - 5px);*/ padding: 5px; display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; height: auto; } } @media (min-width: 1024px) { .c-salesTestimonial__item { /*lost-column: 1/3 3 10px; width: calc(99.8% * 1/3 - 6.666666666666666px);*/ padding: 0 7px; } } .c-salesTestimonial__box { width: 100%; background: #fbfbfb; padding: 13px 13px 20px 13px; } @media (min-width: 1024px) { .c-salesTestimonial__box { padding: 15px 15px 40px 15px; } } .c-salesTestimonial__image { margin-bottom: 20px; } .c-salesTestimonial__image img { width: 100%; } @media (min-width: 640px) { .c-salesTestimonial__image { margin-bottom: 30px; } } @media (min-width: 1024px) { .c-salesTestimonial__image { margin-bottom: 40px; } } .c-salesTestimonial__copy { position: relative; padding: 0 20px 0 5px; } .c-salesTestimonial__copy p { font-size: 14px; line-height: 30px; margin-bottom: 15px; } .c-salesTestimonial__copy strong { font-weight: 600; } @media (min-width: 1024px) { .c-salesTestimonial__copy p { font-size: 16px; line-height: 36px; margin-bottom: 20px; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesLeaders { background: #fbfbfb; padding: 40px 0 90px 0; } @media (min-width: 640px) { .c-salesLeaders { padding: 60px 0 100px 0; } } @media (min-width: 1024px) { .c-salesLeaders { padding: 75px 0 120px 0; } } .c-salesLeaders__title { font-size: 24px; line-height: 35px; font-family: 'Gotham', sans-serif; font-weight: 400; color: #000; text-align: center; margin: 0 0 30px 0; padding: 0 40px; } @media (min-width: 640px) { .c-salesLeaders__title { font-size: 38px; line-height: 50px; margin: 0 0 40px 0; } } @media (min-width: 1024px) { .c-salesLeaders__title { font-size: 51px; line-height: 65px; margin: 0 0 70px 0; padding: 0 50px; } } @media (min-width: 1440px) { .c-salesLeaders__title { padding: 0; } } .c-salesLeaders__contentSection { margin: 0 auto; max-width: 270px; } @media (min-width: 640px) { .c-salesLeaders__contentSection { max-width: 560px; } } @media (min-width: 769px) { .c-salesLeaders__contentSection { max-width: 880px; } } @media (min-width: 1024px) { .c-salesLeaders__contentSection { max-width: 1000px; } } .c-salesLeaders__slider:before { content: ''; display: table; } .c-salesLeaders__slider:after { content: ''; display: table; clear: both; } .c-salesLeaders__box {} @media (min-width: 640px) { .c-salesLeaders__box { /*lost-column: 1/2 2 30px;*/ padding: 0 15px; } } @media (min-width: 1024px) { .c-salesLeaders__box { /*lost-column: 1/3 3 38px;*/ padding: 0 18px; } } .c-salesLeaders__image { margin-bottom: 20px; } .c-salesLeaders__image img { width: 100%; } @media (min-width: 640px) { .c-salesLeaders__image { margin-bottom: 30px; } } @media (min-width: 1024px) { .c-salesLeaders__image { margin-bottom: 40px; } } .c-salesLeaders__copy { position: relative; padding: 0 0 0 32px; } .c-salesLeaders__copy p { font-size: 16px; line-height: 28px; font-weight: 500; margin-bottom: 10px; } .c-salesLeaders__copy small { color: #000; font-family: 'Gotham', sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; } @media (min-width: 1024px) { .c-salesLeaders__copy { padding: 0 0 0 38px; } } .c-salesLeaders__copy:before { content: '“'; position: absolute; top: -6px; left: 0; font-size: 52px; z-index: 5; } @media (min-width: 640px) { .c-salesLeaders__copy:before {} } @media (min-width: 1024px) { .c-salesLeaders__copy:before { font-size: 60px; } } @media (min-width: 1024px) { .c-salesLeaders__copy p { font-size: 18px; line-height: 32px; margin-bottom: 15px; } } @media (min-width: 1024px) { .c-salesLeaders__copy small { font-size: 13px; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesFeatured { background: #ebebeb; padding: 20px 0; } @media (min-width: 1024px) { .c-salesFeatured { padding: 40px 0; } } .c-salesFeatured__contentSection { display: table; margin: 0 auto; text-align: center; } .c-salesFeatured__contentSection span { display: block; font-family: 'Gotham', sans-serif; font-size: 10px; text-transform: uppercase; color: #a0a0a0; letter-spacing: 1px; margin: 0 0 20px 0; font-weight: 600; } .c-salesFeatured__contentSection a { margin: 0 15px 20px 15px; display: inline-block; } .c-salesFeatured__contentSection a img { max-width: 70px; } @media (min-width: 640px) { .c-salesFeatured__contentSection span { display: inline-block; margin: 0; } } @media (min-width: 1024px) { .c-salesFeatured__contentSection span { font-size: 13px; margin-right: 10px; } } @media (min-width: 640px) { .c-salesFeatured__contentSection a { margin-bottom: 0; } } @media (min-width: 1024px) { .c-salesFeatured__contentSection a { margin: 0 20px; } } @media (min-width: 1440px) { .c-salesFeatured__contentSection a { margin: 0 34px; } } @media (min-width: 640px) { .c-salesFeatured__contentSection a img { max-width: 60px; } } @media (min-width: 1024px) { .c-salesFeatured__contentSection a img { max-width: 100px; } } @media (min-width: 1440px) { .c-salesFeatured__contentSection a img { max-width: 120px; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesProgram { padding: 50px 0; } .c-salesProgram .o-wrapper {} @media (min-width: 640px) { .c-salesProgram { padding: 65px 0; } } @media (min-width: 1024px) { .c-salesProgram { padding: 120px 0 100px 0; } } @media (min-width: 1440px) { .c-salesProgram .o-wrapper { max-width: 1160px; } } .c-salesProgram__title { font-size: 24px; line-height: 35px; font-family: 'Gotham', sans-serif; font-weight: 400; color: #000; text-align: center; margin: 0 0 30px 0; } .c-salesProgram__title br { display: none; } @media (min-width: 640px) { .c-salesProgram__title { font-size: 38px; line-height: 50px; margin: 0 0 40px 0; } } @media (min-width: 768px) { .c-salesProgram__title { max-width: 600px; margin: 0 auto 50px auto; } } @media (min-width: 1024px) { .c-salesProgram__title { font-size: 50px; line-height: 69px; margin: 0 0 70px 0; max-width: inherit; } } @media (min-width: 1440px) { .c-salesProgram__title br { display: block; } } .c-salesProgram__contentSection { max-width: 480px; margin: 0 auto; } @media (min-width: 1024px) { .c-salesProgram__contentSection { max-width: inherit; margin: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .c-salesProgram__item { padding: 0 0 0 55px; position: relative; margin: 0 0 30px 0; } @media (min-width: 640px) { .c-salesProgram__item { padding: 0 0 0 75px; } } @media (min-width: 1024px) { .c-salesProgram__item { float: left; padding: 0 45px 0 75px; width: 50%; margin: 0 0 50px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media (min-width: 1440px) { .c-salesProgram__item { margin: 0 0 70px 0; } } .c-salesProgram__item--one .c-salesProgram__number { border-color: #76b082 ; } .c-salesProgram__item--one .c-salesProgram__number, .c-salesProgram__item--one .c-salesProgram__heading { color: #76b082; } .c-salesProgram__item--two .c-salesProgram__number { border-color: #d77f3f ; } .c-salesProgram__item--two .c-salesProgram__number, .c-salesProgram__item--two .c-salesProgram__heading { color: #d77f3f; } .c-salesProgram__item--three .c-salesProgram__number { border-color: #72bfb9 ; } .c-salesProgram__item--three .c-salesProgram__number, .c-salesProgram__item--three .c-salesProgram__heading { color: #72bfb9; } .c-salesProgram__item--four .c-salesProgram__number { border-color: #da8f8a ; } .c-salesProgram__item--four .c-salesProgram__number, .c-salesProgram__item--four .c-salesProgram__heading { color: #da8f8a; } .c-salesProgram__item--five .c-salesProgram__number { border-color: #c70186 ; } .c-salesProgram__item--five .c-salesProgram__number, .c-salesProgram__item--five .c-salesProgram__heading { color: #c70186; } .c-salesProgram__item--six .c-salesProgram__number { border-color: #9e9e9e ; } .c-salesProgram__item--six .c-salesProgram__number, .c-salesProgram__item--six .c-salesProgram__heading { color: #9e9e9e; } .c-salesProgram__box { width: 100%; } .c-salesProgram__number { position: absolute; left: 0; height: 60px; width: 45px; border-right: 3px solid transparent; font-size: 24px; font-weight: 500; line-height: normal; font-family: 'Gotham', sans-serif; padding-top: 2px; } @media (min-width: 640px) { .c-salesProgram__number { font-size: 32px; width: 58px; } } @media (min-width: 1024px) { .c-salesProgram__number { padding-top: 5px; } } .c-salesProgram__heading { font-size: 18px; line-height: 26px; font-weight: 500; font-family: 'Gotham', sans-serif; margin: 0 0 20px 0; } @media (min-width: 640px) { .c-salesProgram__heading { font-size: 20px; line-height: 32px; } } @media (min-width: 1024px) { .c-salesProgram__heading { font-size: 23px; line-height: 34px; margin: 0 0 25px 0; } } .c-salesProgram__paragraph { font-size: 12px; line-height: 23px; color: #111111; } .c-salesProgram__paragraph br { display: none; } @media (min-width: 640px) { .c-salesProgram__paragraph { font-size: 15px; line-height: 24px; } } @media (min-width: 1024px) { .c-salesProgram__paragraph { font-size: 17px; line-height: 36px; } } @media (min-width: 1440px) { .c-salesProgram__paragraph br { display: block; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesTopFaq { background: #fbfbfb; padding: 40px 0; } .c-salesTopFaq .o-wrapper {} .c-salesTopFaq .c-faq__heading { color: #000; font-size: 16px; line-height: 26px; padding-right: 30px; } .c-salesTopFaq .c-faq__copy p, .c-salesTopFaq .c-faq__copy li { font-size: 13px; line-height: 27px; color: #000; } .c-salesTopFaq .c-faq__copy li:before {} @media (min-width: 640px) { .c-salesTopFaq { padding: 60px 0; } } @media (min-width: 1024px) { .c-salesTopFaq { padding: 100px 0; } } @media (min-width: 1280px) { .c-salesTopFaq .o-wrapper { max-width: 1116px; } } @media (min-width: 640px) { .c-salesTopFaq .c-faq__heading { font-size: 19px; line-height: 30px; } } @media (min-width: 1024px) { .c-salesTopFaq .c-faq__heading { font-size: 22px; line-height: 36px; padding-right: 70px; } } @media (min-width: 1440px) { .c-salesTopFaq .c-faq__copy { padding-right: 250px; } } @media (min-width: 640px) { .c-salesTopFaq .c-faq__copy p, .c-salesTopFaq .c-faq__copy li { font-size: 14px; line-height: 34px; } } @media (min-width: 1024px) { .c-salesTopFaq .c-faq__copy p, .c-salesTopFaq .c-faq__copy li { font-size: 16px; line-height: 32px; } } @media (min-width: 768px) { .c-salesTopFaq .c-faq__copy li:before { top: 7px; } } @media (min-width: 1024px) { .c-salesTopFaq .c-faq__copy li:before { top: 6px; } } .c-salesTopFaq__title { font-size: 30px; line-height: 35px; color: #000; margin: 0 0 30px 0; text-align: center; font-family: 'Gotham', sans-serif; font-weight: 400; } @media (min-width: 640px) { .c-salesTopFaq__title { font-size: 38px; line-height: 50px; } } @media (min-width: 1024px) { .c-salesTopFaq__title { font-size: 58px; line-height: 65px; margin: 0 0 50px 0; } } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-salesAboutBschool { text-align: center; padding: 100px 0; background: #fff url(images/sales/sales-about-bschool-mobile.jpg) no-repeat 0 0; background-size: 100% auto; } @media (min-width: 640px) { .c-salesAboutBschool { background-image: url(images/sales/sales-about-bschool-mobile-large.jpg); } } @media (min-width: 1024px) { .c-salesAboutBschool { padding: 140px 0; background-image: url(images/sales/sales-about-bschool-desktop.jpg); } } .c-salesAboutBschool__title { font-size: 24px; line-height: 35px; color: #000; margin: 0 0 30px 0; font-family: 'Gotham', sans-serif; font-weight: 400; } @media (min-width: 640px) { .c-salesAboutBschool__title { font-size: 38px; line-height: 50px; max-width: 360px; margin: 0 auto 30px auto; } } @media (min-width: 1024px) { .c-salesAboutBschool__title { font-size: 55px; line-height: 70px; margin: 0 0 50px 0; max-width: inherit; } } .c-salesAboutBschool__paragraph { color: #000; font-size: 13px; line-height: 26px; margin: 0 0 25px 0; } .c-salesAboutBschool__paragraph br { display: none; } @media (min-width: 640px) { .c-salesAboutBschool__paragraph { font-size: 16px; line-height: 34px; max-width: 380px; margin: 0 auto 30px auto; } } @media (min-width: 1024px) { .c-salesAboutBschool__paragraph { font-size: 18px; line-height: 40px; max-width: inherit; margin: 0 0 40px 0; } } @media (min-width: 1440px) { .c-salesAboutBschool__paragraph br { display: block; } } .c-salesAboutBschool__contentSection h6 { color: #000; font-family: 'Gotham', sans-serif; font-weight: 500; font-size: 16px; line-height: 26px; margin: 0; } .c-salesAboutBschool__contentSection h6 br {} .c-salesAboutBschool__contentSection p { color: #000; font-family: 'Gotham', sans-serif; font-size: 15px; line-height: 26px; margin: 0 0 20px 0; } @media (min-width: 640px) { .c-salesAboutBschool__contentSection { max-width: 520px; margin: 0 auto; } } @media (min-width: 768px) { .c-salesAboutBschool__contentSection { max-width: 685px; } } @media (min-width: 640px) { .c-salesAboutBschool__contentSection h6 { font-size: 19px; line-height: 40px; } } @media (min-width: 1024px) { .c-salesAboutBschool__contentSection h6 { font-size: 20px; line-height: 47px; } } @media (min-width: 400px) { .c-salesAboutBschool__contentSection h6 br { display: none; } } @media (min-width: 640px) { .c-salesAboutBschool__contentSection p { font-size: 16px; line-height: 30px; margin: 0 0 30px 0; } } @media (min-width: 1024px) { .c-salesAboutBschool__contentSection p { font-size: 18px; line-height: 40px; margin: 0 0 40px 0; } } .c-salesAboutBschool__heading { color: #484848; font-size: 16px; line-height: 26px; color: #000; margin: 0; font-family: 'Gotham', sans-serif; font-weight: 500; } .c-salesAboutBschool__heading br { display: none; } @media (min-width: 640px) { .c-salesAboutBschool__heading { font-size: 19px; line-height: 36px; } } @media (min-width: 1024px) { .c-salesAboutBschool__heading { font-size: 23px; line-height: 44px; } } @media (min-width: 1440px) { .c-salesAboutBschool__heading br { display: block; } } /* Waitlist Pages */ /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .page-template-page-waitlist-thankyou hr { height: 1px; background-image: linear-gradient(90deg,#9b9b9b 25%,hsla(0, 0%, 100%, 0) 0); background-position: top; background-size: 4px 1px; background-repeat: repeat-x; margin-left: -5%; margin-right: -5%; } .page-template-page-waitlist-thankyou .copy { color: #424340; font-family: 'GalaxieCopernicus', serif; font-size: 15px; letter-spacing: -0.02em; } .page-template-page-waitlist-thankyou .copy i { font-family: 'GalaxieCopernicus', serif; font-weight: 600; font-style: italic; } .page-template-page-waitlist-thankyou .header-image { width: 100%; height: 465px; background: #fff url(images/waitlist/header.jpg) center top no-repeat; overflow: hidden; } .page-template-page-waitlist-thankyou .header-image h1 { font-size: 60px; color: #fff; font-family: 'Gotham', sans-serif; margin-bottom: 0; margin-top: 140px; text-transform: uppercase; text-align: left; letter-spacing: 1px; } .page-template-page-waitlist-thankyou .header-image p { font-size: 20px; color: #fff; text-align: left; font-family: 'GalaxieCopernicus', serif; font-weight: 600; font-style: italic; margin: 0; } .page-template-page-waitlist-thankyou .header-image p a { font-family: 'Gotham', sans-serif; font-size: 13px; font-style: normal; font-weight: 500; line-height: 1.5; display: block; width: 208px; height: 38px; padding-top: 12px; padding-left: 51px; text-align: left; text-decoration: none; color: #fff; text-transform: uppercase; background: transparent url(images/waitlist/play.png) no-repeat; background-size: contain; margin-top: 18px; } .page-template-page-waitlist-thankyou .contain { width: 930px; margin: 0 auto; text-align: center; } .page-template-page-waitlist-thankyou .o-footer { margin-top: 60px; padding-bottom: 0; } .page-template-page-waitlist-thankyou .o-footer .c-copyright__text {} .page-template-page-waitlist-thankyou .heres-whats-next { padding: 90px 0; overflow: hidden; text-align: left; } .page-template-page-waitlist-thankyou .heres-whats-next h2 { font-family: 'Gotham', sans-serif; font-size: 30px; font-weight: 400; margin: 30px 0; text-transform: uppercase; } .page-template-page-waitlist-thankyou .heres-whats-next img.marie { float: right; } .page-template-page-waitlist-thankyou .heres-whats-next p.copy { margin-bottom: 25px; font-size: 14px; } .page-template-page-waitlist-thankyou .heres-whats-next p.copy a { color: #b92685; transition: color 250ms ease; } .page-template-page-waitlist-thankyou .heres-whats-next p.copy a:hover { color: #8e1b61; } .page-template-page-waitlist-thankyou .heres-whats-next p.copy.social { font-family: 'GalaxieCopernicus', serif; font-style: italic; } .page-template-page-waitlist-thankyou .heres-whats-next .sharing-icons { margin-bottom: 27px; } .page-template-page-waitlist-thankyou .heres-whats-next .sharing-icons img { margin-right: 10px; } .page-template-page-waitlist-thankyou .header-image h1, .page-template-page-waitlist-thankyou .heres-whats-next h2, .page-template-page-waitlist-thankyou .still-curious h2 { font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif; font-size: 70px; font-weight: 300; letter-spacing: 0.025em; text-transform: none; } .page-template-page-waitlist-thankyou .still-curious h2 { font-size: 28px; } .page-template-page-waitlist-thankyou .heres-whats-next h2 { font-size: 50px; } .page-template-page-waitlist-thankyou .heres-whats-next .marie { width: 275px; } .page-template-page-waitlist-thankyou .still-curious { padding: 90px 0 120px; height: 520px; background: transparent url(images/waitlist/circle.png) 245px 170px no-repeat; text-align: left; position: relative; box-sizing: content-box; } .page-template-page-waitlist-thankyou .still-curious h2 { font-family: 'Gotham', sans-serif; text-transform: uppercase; font-size: 20px; font-weight: 400; } .page-template-page-waitlist-thankyou .still-curious p.copy { width: 175px; } .page-template-page-waitlist-thankyou .still-curious p.copy a { color: #b92685; transition: color 250ms ease; } .page-template-page-waitlist-thankyou .still-curious p.copy a:hover { color: #8e1b61; } .page-template-page-waitlist-thankyou .still-curious .bubble { position: absolute; display: block; padding-left: 190px; padding-top: 40px; height: 170px; } .page-template-page-waitlist-thankyou .still-curious .bubble p { width: auto; } .page-template-page-waitlist-thankyou .still-curious .bubble p a { color: #b92685; text-decoration: underline; } .page-template-page-waitlist-thankyou .thanksIntro {} .page-template-page-waitlist-thankyou .thanksIntro__title { font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: .025em; max-width: 600px; font-size: 28px; line-height: 1.2; margin: 0 auto 22px; } .page-template-page-waitlist-thankyou .thanksIntro__subtitle { padding: 0 10px; font-family: 'GalaxieCopernicus', serif; font-weight: 500; font-size: 13px; } .page-template-page-waitlist-thankyou .show-desktop { display: none; } .page-template-page-waitlist-thankyou .show-mobile {} @media (max-width: 959px) { .page-template-page-waitlist-thankyou .copy { letter-spacing: -.3px; line-height: 24px; } } @media (min-width: 960px) { .page-template-page-waitlist-thankyou .copy { font-size: 16px; } } @media (min-width: 640px) and (max-width: 959px) { .page-template-page-waitlist-thankyou .header-image h1 { margin-top: 76px !important; letter-spacing: 2px !important; line-height: 68px !important; font-size: 50px !important; } } @media (min-width: 961px) { .page-template-page-waitlist-thankyou .header-image h1 { letter-spacing: 3px; margin-top: 118px; line-height: 88px; font-weight: 300; } } @media (min-width: 640px) and (max-width: 959px) { .page-template-page-waitlist-thankyou .header-image p { font-size: 15px !important; line-height: 1.5 !important; } } @media (min-width: 961px) { .page-template-page-waitlist-thankyou .header-image p { font-size: 18px; } } @media (min-width: 640px) and (max-width: 959px) { .page-template-page-waitlist-thankyou .header-image p a { font-size: 15px !important; width: 240px !important; height: 45px !important; } } @media (min-width: 960px) { .page-template-page-waitlist-thankyou .header-image p a { font-size: 16px; width: 284px; height: 52px; padding-top: 14px; padding-left: 69px; letter-spacing: .5px; margin-top: 23px; } } @media (min-width: 961px) { .page-template-page-waitlist-thankyou .o-footer { margin-top: 134px; } } @media (max-width: 960px) { .page-template-page-waitlist-thankyou .o-footer .c-copyright__text { padding: 44px 30px; } } @media (min-width: 961px) { .page-template-page-waitlist-thankyou .heres-whats-next { padding-top: 40px; } } @media (max-width: 960px) { .page-template-page-waitlist-thankyou .heres-whats-next p.copy.social { font-size: 16px; padding: 0 7px 0; line-height: 26px; margin-bottom: 32px; } } @media (max-width: 960px) { .page-template-page-waitlist-thankyou .heres-whats-next .sharing-icons { margin-bottom: 37px; } } @media (min-width: 961px) { .page-template-page-waitlist-thankyou .still-curious .bubble.blue { background: transparent url(images/waitlist/quote-blue.png) no-repeat; width: 245px; top: 90px; right: 25px; } .page-template-page-waitlist-thankyou .still-curious .bubble.green { background: transparent url(images/waitlist/quote-green.png) no-repeat; width: 202px; bottom: 40px; right: -6px; padding-left: 185px; } .page-template-page-waitlist-thankyou .still-curious .bubble.purple { background: transparent url(images/waitlist/quote-purple.png) right top no-repeat; width: 160px; bottom: 140px; left: 0; padding-left: 0; padding-right: 170px; } } @media (min-width: 960px) { .page-template-page-waitlist-thankyou .thanksIntro { padding-top: 66px; } } @media (min-width: 960px) { .page-template-page-waitlist-thankyou .thanksIntro__title { font-size: 44px; line-height: 1.23; margin-bottom: 21px; } } @media (max-width: 960px) { .page-template-page-waitlist-thankyou .thanksIntro__subtitle { line-height: 22px; } } @media (min-width: 961px) { .page-template-page-waitlist-thankyou .thanksIntro__subtitle { font-size: 13px; letter-spacing: .2px; } } @media (min-width:961px) { .page-template-page-waitlist-thankyou .show-desktop { display: block; } } @media (min-width:961px) { .page-template-page-waitlist-thankyou .show-mobile { display: none; } } @media (min-width: 961px) { .page-template-page-waitlist-thankyou .bubble .copy { font-size: 12px; letter-spacing: -0.05px; line-height: 24px; } .page-template-page-waitlist-thankyou .still-curious .bubble.blue { top: 58px; right: 17px; padding-top: 22px; } .page-template-page-waitlist-thankyou .still-curious .bubble.purple { padding-top: 22px; } .page-template-page-waitlist-thankyou .still-curious .bubble.green { bottom: 60px; } .page-template-page-waitlist-thankyou .heres-whats-next h2 { margin-bottom: 16px; margin-left: -3px; } .page-template-page-waitlist-thankyou .heres-whats-next .marie { width: 356px; margin-left: 0; margin-top: 48px; } .page-template-page-waitlist-thankyou .heres-whats-next p.copy { overflow: hidden; padding-right: 67px; font-size: 13px; line-height: 23px; letter-spacing: 0; } .page-template-page-waitlist-thankyou .heres-whats-next p.copy.social { font-size: 14px; letter-spacing: .3px; padding-top: 7px; line-height: 26px; } .page-template-page-waitlist-thankyou .still-curious { padding: 60px 0 105px; height: 518px; background-position: 245px 122px; } } @media screen and (max-width: 960px) { .page-template-page-waitlist-thankyou nav { min-width: 0; } .page-template-page-waitlist-thankyou .contain { width: 90%; } .page-template-page-waitlist-thankyou footer .contain { width: 100%; } .page-template-page-waitlist-thankyou .site-tagline { display: none; } .page-template-page-waitlist-thankyou .header-image h1 { font-size: 37px; } .page-template-page-waitlist-thankyou .heres-whats-next h2 { font-size: 28px; } .page-template-page-waitlist-thankyou .heres-whats-next { padding-bottom: 550px; } .page-template-page-waitlist-thankyou .heres-whats-next .marie { bottom: 55px; left: 0; margin-left: auto; margin-right: auto; right: 0; width: 100%; max-width: 400px; } .page-template-page-waitlist-thankyou .header-image { height: 352px; margin-bottom: 40px; background: #fff url(images/waitlist/header-mobile.jpg) right top no-repeat; background-size: auto 100%; } .page-template-page-waitlist-thankyou .header-image h1 { font-size: 38px; margin-top: 194px; line-height: 46px; } .page-template-page-waitlist-thankyou .header-image p { font-size: 12px; padding-left: 5px; padding-right: 20px; letter-spacing: -.5px; font-weight: 600; line-height: 17px; } .page-template-page-waitlist-thankyou .thank-you .program-guide { margin: 0 0 40px; } .page-template-page-waitlist-thankyou .thank-you .program-guide h2 { font-size: 20px; text-align: center; line-height: 1.5; margin-bottom: 40px; } .page-template-page-waitlist-thankyou .offset-columns .column-2 { width: 100%; padding-right: 0; margin-bottom: 30px; float: none; } .page-template-page-waitlist-thankyou .offset-columns .column-2 p { text-align: center; } .page-template-page-waitlist-thankyou .offset-columns .column-1 { width: 100%; float: none; } .page-template-page-waitlist-thankyou .thank-you .program-guide .column-1 .download-box { margin-left: 0; padding-left: 90px; } .page-template-page-waitlist-thankyou .program-guide .column-1 .download-box .dotted-link { font-size: 12px; width: 180px; } .page-template-page-waitlist-thankyou .still-curious { width: 100%; background: transparent; padding-top: 58px; padding-bottom: 15px; height: auto; } .page-template-page-waitlist-thankyou .still-curious h2 { text-align: center; } .page-template-page-waitlist-thankyou .still-curious p.copy { width: auto; text-align: center; margin-bottom: 30px; padding: 0 8px; font-size: 13px; letter-spacing: 0; } .page-template-page-waitlist-thankyou .still-curious .bubble { position: static; height: auto; width: 288px; margin-left: auto; margin-right: auto; padding: 146px 0 0; background: transparent url(images/waitlist/quote-blue.png) center top no-repeat; background-size: 128px; } .page-template-page-waitlist-thankyou .still-curious .bubble.purple { background-image: url(images/waitlist/quote-purple.png); } .page-template-page-waitlist-thankyou .still-curious .bubble.green { background-image: url(images/waitlist/quote-green.png); } .page-template-page-waitlist-thankyou .heres-whats-next { padding: 10px 0 60px; position: relative; text-align: center; max-width: 564px; margin: 0 auto; } .page-template-page-waitlist-thankyou .heres-whats-next img.marie { float: none; margin: 0; } .page-template-page-waitlist-thankyou .heres-whats-next h2 { font-size: 28px; margin-bottom: 27px; } .page-template-page-waitlist-thankyou .heres-whats-next .sharing-icons img { margin: 0 auto 12px; display: block; } .page-template-page-waitlist-thankyou .ploi-top { height: auto; } .page-template-page-waitlist-thankyou .ploi-top .contain { height: auto; } .page-template-page-waitlist-thankyou .ploi-top .learn-more-tab { display: none; } .page-template-page-waitlist-thankyou .opt-in-table { display: block; height: auto; padding-left: 0; position: static; padding-top: 430px; } .page-template-page-waitlist-thankyou .opt-in-form { width: 288px; display: block; margin-left: auto; margin-right: auto; overflow: hidden; } .page-template-page-waitlist-thankyou .opt-in-table .opt-in-form h4 { color: #424340; font-size: 27px; letter-spacing: 0.028em; line-height: 1.28; margin-top: 50px; text-align: center; } .page-template-page-waitlist-thankyou .opt-in-table .opt-in-form h5 { line-height: 1.4; margin-bottom: 140px; } .page-template-page-waitlist-thankyou .opt-in-table .opt-in-form h5.purple { margin-bottom: 30px; } .page-template-page-waitlist-thankyou .opt-in-table .opt-in-form h5 span { background: #52c2b9; color: #fff; padding: 4px; } .page-template-page-waitlist-thankyou .ploi-top img.login-marie { position: absolute; top: 70px; left: 0; margin-left: auto; margin-right: auto; right: 0; height: 370px; width: auto; border-bottom: none; } .page-template-page-waitlist-thankyou .ploi-top .ploi-color-bars { height: 5px; position: static; } .page-template-page-waitlist-thankyou .ploi-top hr { width: 111.1111%; margin-left: -5.5555%; position: absolute; top: 440px; left: 0; } .page-template-page-waitlist-thankyou .opt-in-form form { width: 288px; } .page-template-page-waitlist-thankyou html body .opt-in-form .moonray-form-label-pos-stacked .moonray-form-input-type-text input[type="text"], .page-template-page-waitlist-thankyou html body .opt-in-form .moonray-form-label-pos-stacked .moonray-form-input-type-email input[type="email"], .page-template-page-waitlist-thankyou html body .column-a .moonray-form-label-pos-stacked .moonray-form-input-type-text input[type="text"], .page-template-page-waitlist-thankyou html body .column-a .moonray-form-label-pos-stacked .moonray-form-input-type-email input[type="email"] { width: 288px !important; } .page-template-page-waitlist-thankyou .moonray-form-input-type-image { margin-left: auto; margin-right: auto; margin-bottom: 40px; width: 202px !important; float: none !important; } .page-template-page-waitlist-thankyou .ploi-top p.copy, .page-template-page-waitlist-thankyou .ploi-top h5.purple { text-align: center; } .page-template-page-waitlist-thankyou .the-bschool-difference { text-align: center; } .page-template-page-waitlist-thankyou .the-bschool-difference h4 { font-size: 28px; } .page-template-page-waitlist-thankyou .the-bschool-difference h5 { font-size: 24px; line-height: 1.6; } .page-template-page-waitlist-thankyou .offset-columns.bschool-diff .column-1 { width: 100%; } .page-template-page-waitlist-thankyou .the-bschool-difference .offset-columns .column-1 h4 { margin: 0 0 20px; width: 100%; } .page-template-page-waitlist-thankyou .offset-columns.bschool-diff .column-2 { width: 100%; } .page-template-page-waitlist-thankyou .as-seen-in { height: auto; width: 288px; margin-left: auto; margin-right: auto; } .page-template-page-waitlist-thankyou .as-seen-in .two-tone-label { float: none; text-align: center; padding-bottom: 160px; background: #f2f2f2 url(images/publications-mobile.png) center 60px no-repeat; } .page-template-page-waitlist-thankyou .as-seen-in img { display: none; } .page-template-page-waitlist-thankyou .livin-the-dream { margin-top: 40px; margin-bottom: 0; text-align: center; } .page-template-page-waitlist-thankyou .livin-the-dream .columns .column-1, .page-template-page-waitlist-thankyou .livin-the-dream .columns .column-2 { width: 100%; padding: 0; } .page-template-page-waitlist-thankyou .livin-the-dream .columns { margin-bottom: 0; } .page-template-page-waitlist-thankyou .livin-the-dream .columns.mobile { display: block; } .page-template-page-waitlist-thankyou .livin-the-dream h4 { margin: 0 0 25px; } .page-template-page-waitlist-thankyou .livin-the-dream p.copy { margin: 0 0 40px; } .page-template-page-waitlist-thankyou .livin-the-dream img { margin-bottom: 20px; } .page-template-page-waitlist-thankyou .ploi-meet-the-founder { margin-top: 40px; margin-bottom: 40px; text-align: center; } .page-template-page-waitlist-thankyou .ploi-meet-the-founder img { position: static; margin-left: auto; margin-right: auto; margin-top: 17px; width: 200px; height: auto; } .page-template-page-waitlist-thankyou .ploi-meet-the-founder h4 { font-size: 28px; line-height: 1.2; margin-bottom: 10px; } .page-template-page-waitlist-thankyou .ploi-meet-the-founder h4 span { font-size: 18px; padding-top: 12px; } .page-template-page-waitlist-thankyou .ploi-meet-the-founder .column-a { width: 100%; } .page-template-page-waitlist-thankyou .column-a p.get-inspired { position: static; margin-left: auto; margin-right: auto; } .page-template-page-waitlist-thankyou .ploi-meet-the-founder .moonray-form-clearfix { width: 288px !important; margin-left: auto; margin-right: auto; } .page-template-page-waitlist-thankyou .ploi-meet-the-founder .moonray-form-input-type-image { margin-bottom: 10px; width: 187px !important; } .page-template-page-waitlist-thankyou .slider { width: 280px; margin-left: auto; margin-right: auto; } .page-template-page-waitlist-thankyou .slider li { padding: 0; } .page-template-page-waitlist-thankyou .slider span.slick-button { padding: 15px 18px; top: 80px; } .page-template-page-waitlist-thankyou .slider span.slick-button.prev { left: -20px; } .page-template-page-waitlist-thankyou .slider span.slick-button.next { right: -20px; } } @media screen and (max-width: 960px) and (max-width: 960px) { .page-template-page-waitlist-thankyou .heres-whats-next img.marie { margin-top: 16px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ html body .c-wHero .moonray-form .moonray-form-label { display: none; } .c-wHero { position: relative; background-image: url('images/waitlist/hero-banner.png'); background-size: 100% auto; background-position: center top; background-repeat: no-repeat; background-color: #f6f6f6; border-bottom: 1px solid #e1e1e1; color: #424340; } .c-wHero form { width: 100%; max-width: 357px; margin: 0 auto; } .c-wHero form > div { margin-bottom: 11px; text-align: center; vertical-align: top; } .c-wHero form > div.field-type-submit { margin: 17px 0 0; } .c-wHero form > div.moonray-form-input-type-hidden { display: none; } .c-wHero input[type="text"], .c-wHero input[type="email"] { background: #ffffff; border-radius: 4px; padding: 12px 16px; margin: 0 !important; width: 100% !important; height: 42px; font-family: 'GalaxieCopernicus', serif; font-style: italic; font-size: 13px; border: 0; } .c-wHero input[type="submit"] { display: inline-block; width: auto !important; margin: 0 !important; padding: 15px 19px 12px; height: 42px; background-color: #B92685; font-family: 'Gotham', sans-serif; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 1px; border: none; border-radius: 4px; transition: all 250ms ease; } .c-wHero input::-webkit-input-placeholder { color: #868686; } .c-wHero input:-moz-placeholder { color: #868686; } .c-wHero input::-moz-placeholder { color: #868686; } .c-wHero input:-ms-input-placeholder { color: #868686; } @media (min-width: 640px) { .c-wHero { background-image: url('images/waitlist/hero-banner-large.png'); } } @media (min-width: 1024px) { .c-wHero { background-size: cover; background-image: url('images/waitlist/hero-banner-desktop.png'); } } @media (min-width: 1024px) { .c-wHero form { width: auto; max-width: none; margin: 0 -50px; } } @media (min-width: 1024px) { .c-wHero form > div { display: inline-block; width: 260px; padding: 0 6px; margin: 0; } } @media (min-width: 1024px) { .c-wHero form > div.field-type-submit { margin: 0; width: auto; } } @media (min-width: 640px) { .c-wHero input[type="text"], .c-wHero input[type="email"] { padding-top: 16px; padding-bottom: 16px; height: 50px; } } @media (min-width: 1024px) { .c-wHero input[type="text"], .c-wHero input[type="email"] { padding-top: 12px; padding-bottom: 12px; height: 42px; } } @media (min-width: 640px) { .c-wHero input[type="submit"] { padding: 19px 26px 17px; height: 50px; } } @media (min-width: 1024px) { .c-wHero input[type="submit"] { padding: 15px 19px 12px; height: 42px; } } .c-wHero__container { max-width: 600px; margin: 0 auto; padding: 107px 20px 30px; text-align: center; } @media (min-width: 640px) { .c-wHero__container { padding-top: 194px; padding-bottom: 70px; } } @media (min-width: 1024px) { .c-wHero__container { max-width: 730px; padding-bottom: 130px; } } .c-wHero__title { margin: 0 0 20px; font-family: 'Gotham', sans-serif; font-size: 28px; font-weight: 300; line-height: 1.4; } @media (min-width: 640px) { .c-wHero__title { font-size: 36px; } } @media (min-width: 1024px) { .c-wHero__title { margin-bottom: 24px; font-size: 44px; } } .c-wHero__text { font-size: 13px; line-height: 1.8; } .c-wHero__text p { margin-bottom: 20px; } .c-wHero__text strong { font-family: 'Gotham', sans-serif; } @media (min-width: 640px) { .c-wHero__text { font-size: 16px; } } @media (min-width: 1024px) { .c-wHero__text { font-size: 17px; line-height: 2.0; } } @media (min-width: 1024px) { .c-wHero__text p { margin-bottom: 26px; } } .c-wHero__arrow { display: none; position: absolute; bottom: 42px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 20px; height: 12px; } @media (min-width: 1024px) { .c-wHero__arrow { display: block; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-wLogos { max-width: 787px; margin: 0 auto; padding: 0 20px; } .c-wLogos__container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; padding: 29px 0 20px; border-top: 1px solid #e1e1e1; } @media (min-width: 640px) { .c-wLogos__container { padding: 20px 0 43px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; margin: 0 auto; } } .c-wLogos__label { text-align: center; margin-bottom: 16px; } @media (min-width: 640px) { .c-wLogos__label { width: 100px; margin: 0 20px 0 0; text-align: left; } } .c-wLogos__title { font-size: 18px; font-weight: 500; line-height: 26px; text-transform: uppercase; font-family: 'Gotham', sans-serif; } @media (min-width: 640px) { .c-wLogos__title { font-size: 16px; } } .c-wLogos__subtitle { font-family: 'Gotham', sans-serif; font-size: 11px; text-transform: uppercase; color: #969595; } .c-wLogos__logosBox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; max-width: 600px; } @media (min-width: 640px) { .c-wLogos__logosBox { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } } .c-wLogos__logoWrapper { padding: 0 15px; height: 54px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } @media (min-width: 640px) { .c-wLogos__logoWrapper { margin-bottom: 0; height: auto; padding: 0; } } .c-wLogos__logo { display: block; max-width: 66px; max-height: 35px; } @media (min-width: 640px) { .c-wLogos__logo { max-width: 76px; } } @media (min-width: 1024px) { .c-wLogos__logo { max-height: 40px; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-wGrow { padding: 68px 0 80px; color: #424340; } .c-wGrow .o-wrapper { max-width: 1306px; padding: 0 20px; } @media (min-width: 1024px) { .c-wGrow { padding: 124px 0 110px; } } @media (min-width: 640px) { .c-wGrow .o-wrapper { padding: 0 100px; } } @media (min-width: 1024px) { .c-wGrow .o-wrapper { padding: 0 40px; } } @media (min-width: 1440px) { .c-wGrow .o-wrapper { padding: 0 90px; } } .c-wGrow__contentBox {} @media (min-width: 1280px) { .c-wGrow__contentBox { padding-right: 115px; } } .c-wGrow__title { margin-bottom: 23px; font-family: 'Gotham', sans-serif; font-size: 24px; font-weight: 300; text-align: center; } .c-wGrow__title br {} @media (min-width: 640px) { .c-wGrow__title { font-size: 36px; } } @media (min-width: 1024px) { .c-wGrow__title { font-size: 44px; text-align: left; } } @media (min-width: 440px) { .c-wGrow__title br { display: none; } } .c-wGrow__text { margin-bottom: 31px; font-family: 'GalaxieCopernicus', serif; font-size: 14px; line-height: 2.1; } @media (min-width: 640px) { .c-wGrow__text { font-size: 16px; } } @media (min-width: 1024px) { .c-wGrow__text { font-size: 17px; } } .c-wGrow__imageBox { text-align: center; } .c-wGrow__imageBox img { display: inline-block; width: 100%; max-width: 560px; } @media (min-width: 1024px) { .c-wGrow__imageBox { text-align: right; } } /* Importing base settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .c-wQuotes { border: 13px solid #fff; border-top: 0; padding-top: 40px; background-color: #fbfbfb; } .c-wQuotes .o-wrapper { padding: 0 20px; max-width: 1080px; } .c-wQuotes ul { list-style: none; } .c-wQuotes .slick-dotted.slick-slider { margin-bottom: 80px; } .c-wQuotes .slick-dots { bottom: -45px; } @media (min-width: 640px) { .c-wQuotes { border-width: 20px; padding-top: 54px; } } @media (min-width: 1024px) { .c-wQuotes { padding-top: 100px; } } @media (min-width: 640px) { .c-wQuotes .slick-dotted.slick-slider { margin-bottom: 110px; } } @media (min-width: 640px) { .c-wQuotes .slick-dots { bottom: -61px; } } .c-wQuotes__heading { margin-bottom: 25px; font-family: 'Gotham', sans-serif; font-size: 24px; font-weight: 300; text-align: center; } @media (min-width: 640px) { .c-wQuotes__heading { margin-bottom: 48px; font-size: 36px; } } @media (min-width: 1024px) { .c-wQuotes__heading { margin-bottom: 54px; } } .c-wQuotes__slide { float: left; width: 100%; padding: 0 15px; color: #000; outline: none; } @media (min-width: 640px) { .c-wQuotes__slide { width: 50%; } } @media (min-width: 1024px) { .c-wQuotes__slide { padding: 0 20px; width: 33.3333%; } } .c-wQuotes__image { display: block; width: 100%; margin-bottom: 35px; } .c-wQuotes__text, .c-wQuotes__name { padding-left: 30px; } @media (min-width: 1024px) { .c-wQuotes__text, .c-wQuotes__name { padding-left: 38px; } } .c-wQuotes__text { position: relative; margin-bottom: 14px; font-size: 16px; font-weight: 600; line-height: 1.7; } .c-wQuotes__text::before { content: '“'; position: absolute; top: 4px; left: -2px; font-size: 50px; line-height: 1; } @media (min-width: 1024px) { .c-wQuotes__text::before { font-size: 60px; } } @media (min-width: 1024px) { .c-wQuotes__text { font-size: 18px; } } .c-wQuotes__name { font-family: 'Gotham', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } @media (min-width: 1024px) { .c-wQuotes__name { font-size: 13px; } } .c-wBanner__item { position: relative; text-align: center; } @media (min-width: 1024px) { .c-wBanner__item { text-align: left; } } .c-wBanner__img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #f5f5f5; background-repeat: no-repeat; background-position: bottom center; } @media (min-width: 1024px) { .c-wBanner__img { background-size: cover; background-position: center center; } } .c-wBanner__img--mobile {} @media (min-width: 1024px) { .c-wBanner__img--mobile { display: none; } } .c-wBanner__img--desktop { display: none; } @media (min-width: 1024px) { .c-wBanner__img--desktop { display: block; } } .c-wBanner__inner { position: relative; padding: 49px 20px 272px; max-width: 1306px; margin: 0 auto; } @media (min-width: 640px) { .c-wBanner__inner { padding-right: 90px; padding-left: 90px; } } @media (min-width: 1024px) { .c-wBanner__inner { padding: 0 20px; height: 716px; } } .c-wBanner__info {} @media (min-width: 1024px) { .c-wBanner__info { max-width: 515px; padding-top: 74px; } } .c-wBanner__heading { margin-bottom: 20px; font-family: 'Gotham', sans-serif; font-size: 24px; font-weight: 300; line-height: 1.4; } .c-wBanner__heading br {} @media (min-width: 640px) { .c-wBanner__heading { font-size: 36px; } } @media (min-width: 1024px) { .c-wBanner__heading { font-size: 39px; } } @media (max-width: 1023px) { .c-wBanner__heading br { display: none; } } .c-wBanner__desc { margin-bottom: 23px; font-size: 14px; line-height: 2.0; } @media (min-width: 640px) { .c-wBanner__desc { font-size: 16px; } } @media (min-width: 1024px) { .c-wBanner__desc { max-width: 390px; font-size: 17px; } } .c-wBanner__quote { max-width: 390px; margin: 23px auto 0; padding: 25px 20px; font-family: 'Gotham', sans-serif; font-size: 13px; line-height: 1.8; color: #fff; background-color: #52c2b9; } @media (min-width: 1024px) { .c-wBanner__quote { position: absolute; right: 20px; bottom: 30px; max-width: 635px; padding-left: 80px; font-size: 18px; text-align: right; } } .c-wBanner__name { margin-top: 7px; font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } @media (min-width: 1024px) { .c-wBanner__name { font-size: 11px; } } .c-wBanner__btn { display: inline-block; padding: 10px 15px; font-family: 'Gotham', sans-serif; font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; color: #B92685; border: 1px solid #B92685; border-radius: 3px; background-color: transparent; transition: background-color 300ms ease-in-out, color 300ms ease-in-out; } @media (min-width: 640px) { .c-wBanner__btn { padding-top: 14px; padding-bottom: 12px; font-size: 15px; } } @media (min-width: 1024px) { .c-wBanner__btn { padding-top: 10px; padding-bottom: 10px; font-size: 12px; } } .c-wBanner__btn:hover { color: #fff; background-color: #B92685; } .c-wTime { padding: 49px 0; text-align: center; } .c-wTime form { width: 100%; max-width: 357px; margin: 0 auto; } .c-wTime form > div { margin-bottom: 11px; text-align: center; vertical-align: top; } .c-wTime form > div.field-type-submit { margin: 17px 0 0; } .c-wTime form > div.moonray-form-input-type-hidden { display: none; } .c-wTime input[type="text"], .c-wTime input[type="email"] { background: #fbfbfb; border-radius: 4px; padding: 12px 16px; margin: 0 !important; width: 100% !important; height: 42px; font-family: 'GalaxieCopernicus', serif; font-style: italic; font-size: 13px; border: 0; } .c-wTime input[type="submit"] { display: inline-block; width: auto !important; margin: 0 !important; padding: 15px 19px 12px; height: 42px; background-color: #B92685; font-family: 'Gotham', sans-serif; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 1px; border: none; border-radius: 4px; transition: all 250ms ease; } .c-wTime input::-webkit-input-placeholder { color: #a9aeb1; } .c-wTime input:-moz-placeholder { color: #a9aeb1; } .c-wTime input::-moz-placeholder { color: #a9aeb1; } .c-wTime input:-ms-input-placeholder { color: #a9aeb1; } @media (min-width: 1024px) { .c-wTime { padding: 92px 0; } } @media (min-width: 1024px) { .c-wTime form { width: auto; max-width: none; margin: 0 -50px; } } @media (min-width: 1024px) { .c-wTime form > div { display: inline-block; width: 260px; padding: 0 6px; margin: 0; } } @media (min-width: 1024px) { .c-wTime form > div.field-type-submit { margin: 0; width: auto; } } @media (min-width: 640px) { .c-wTime input[type="text"], .c-wTime input[type="email"] { padding-top: 16px; padding-bottom: 16px; height: 50px; } } @media (min-width: 1024px) { .c-wTime input[type="text"], .c-wTime input[type="email"] { padding-top: 12px; padding-bottom: 12px; height: 42px; } } @media (min-width: 640px) { .c-wTime input[type="submit"] { padding: 19px 26px 17px; height: 50px; } } @media (min-width: 1024px) { .c-wTime input[type="submit"] { padding: 15px 19px 12px; height: 42px; } } .c-wTime__heading { margin-bottom: 12px; font-family: 'Gotham', sans-serif; font-size: 24px; font-weight: 300; } @media (min-width: 640px) { .c-wTime__heading { font-size: 36px; } } @media (min-width: 1024px) { .c-wTime__heading { font-size: 48px; } } .c-wTime__title { margin-bottom: 17px; font-size: 17px; font-style: italic; line-height: 1.8; } @media (min-width: 1024px) { .c-wTime__title { font-size: 26px; } } .c-wTime__desc { margin-bottom: 28px; font-size: 13px; line-height: 2.0; } @media (min-width: 640px) { .c-wTime__desc { font-size: 14px; max-width: 500px; margin-right: auto; margin-left: auto; } } @media (min-width: 1024px) { .c-wTime__desc { font-size: 17px; } } .c-messenger { padding: 110px 35px; text-align: center; color: #fff; background-color: #52c2b9; } @media (min-width: 1024px) { .c-messenger { padding: 77px 35px; } } .c-messenger__title { margin: 0 0 16px; font-family: 'Gotham', sans-serif; font-size: 26px; font-weight: 300; line-height: 1.8; } @media (min-width: 1024px) { .c-messenger__title { font-size: 40px; } } /* --- Utilities ----------- */ /* Importing from postcss-utilities. https://ismamz.github.io/postcss-utilities/docs; */ /*Block-level element of an unknown height and width, centered vertically within his parent.*/ .u-absCenter { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .u-vAbsCenter { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* Importing from postcss-utilities. https://ismamz.github.io/postcss-utilities/docs; */ /* Center block with a width. */ .u-center { display: block; margin-left: auto; margin-right: auto; } /* Importing from postcss-utilities. https://ismamz.github.io/postcss-utilities/docs; */ /* The clearfix hack is a popular way to contain floats without resorting to using presentational markup. */ .u-clearFix:after { content: ''; display: block; clear: both; } /* Float left */ .u-floatLeft { float: left; } /* Float right */ .u-floatRight { float: right; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Block hide */ .u-hide { display: none; } .u-hide--tabletSMax {} @media (max-width: 1023px) { .u-hide--tabletSMax { display: none; } } .u-hide--waitlistTablet {} @media (min-width: 961px) { .u-hide--waitlistTablet { display: none; } } .u-hide--tabletL {} @media (min-width: 1024px) { .u-hide--tabletL { display: none; } } .u-hide--tablet {} @media (min-width: 769px) { .u-hide--tablet { display: none; } } .u-hide--desktopSMax {} @media (max-width: 1279px) { .u-hide--desktopSMax { display: none; } } .u-hide--desktopS {} @media (min-width: 1280px) { .u-hide--desktopS { display: none; } } .u-hide--mobileL {} @media (min-width: 640px) { .u-hide--mobileL { display: none; } } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Block show */ .u-show { display: block; } .u-show--mobileL { display: none; } @media (min-width: 640px) { .u-show--mobileL { display: block; } } .u-show--waitlistTablet { display: none; } @media (min-width: 961px) { .u-show--waitlistTablet { display: block; } } .u-show--tabletL { display: none; } @media (min-width: 1024px) { .u-show--tabletL { display: block; } } .u-show--tablet { display: none; } @media (min-width: 769px) { .u-show--tablet { display: block; } } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ /* Spacing */ .u-pX0-5 { padding: 8px; padding: 0.5rem; } .u-pX0-5Vertical { padding-top: 8px; padding-top: 0.5rem; padding-bottom: 8px; padding-bottom: 0.5rem; } .u-pX0-5Top { padding-top: 8px; padding-top: 0.5rem; } .u-pX0-5Bottom { padding-bottom: 8px; padding-bottom: 0.5rem; } .u-pX0-5Horizontal { padding-right: 8px; padding-right: 0.5rem; padding-left: 8px; padding-left: 0.5rem; } .u-pX0-5Left { padding-left: 8px; padding-left: 0.5rem; } .u-pX0-5Right { padding-right: 8px; padding-right: 0.5rem; } .u-pX { padding: 16px; padding: 1rem; } .u-pXVertical { padding-top: 16px; padding-top: 1rem; padding-bottom: 16px; padding-bottom: 1rem; } .u-pXTop { padding-top: 16px; padding-top: 1rem; } .u-pXBottom { padding-bottom: 16px; padding-bottom: 1rem; } .u-pXHorizontal { padding-right: 16px; padding-right: 1rem; padding-left: 16px; padding-left: 1rem; } .u-pXLeft { padding-left: 16px; padding-left: 1rem; } .u-pXRight { padding-right: 16px; padding-right: 1rem; } .u-pX1-5 { padding: 24px; padding: 1.5rem; } .u-pX1-5Vertical { padding-top: 24px; padding-top: 1.5rem; padding-bottom: 24px; padding-bottom: 1.5rem; } .u-pX1-5Top { padding-top: 24px; padding-top: 1.5rem; } .u-pX1-5Bottom { padding-bottom: 24px; padding-bottom: 1.5rem; } .u-pX1-5Horizontal { padding-right: 24px; padding-right: 1.5rem; padding-left: 24px; padding-left: 1.5rem; } .u-pX1-5Left { padding-left: 24px; padding-left: 1.5rem; } .u-pX1-5Right { padding-right: 24px; padding-right: 1.5rem; } .u-pX2 { padding: 32px; padding: 2rem; } .u-pX2Vertical { padding-top: 32px; padding-top: 2rem; padding-bottom: 32px; padding-bottom: 2rem; } .u-pX2Top { padding-top: 32px; padding-top: 2rem; } .u-pX2Bottom { padding-bottom: 32px; padding-bottom: 2rem; } .u-pX2Horizontal { padding-right: 32px; padding-right: 2rem; padding-left: 32px; padding-left: 2rem; } .u-pX2Left { padding-left: 32px; padding-left: 2rem; } .u-pX2Right { padding-right: 32px; padding-right: 2rem; } .u-pX2-5 { padding: 40px; padding: 2.5rem; } .u-pX2-5Vertical { padding-top: 115.2px; padding-top: 7.2rem; padding-bottom: 115.2px; padding-bottom: 7.2rem; } .u-pX2-5Top { padding-top: 40px; padding-top: 2.5rem; } .u-pX2-5Bottom { padding-bottom: 40px; padding-bottom: 2.5rem; } .u-pX2-5Horizontal { padding-right: 40px; padding-right: 2.5rem; padding-left: 40px; padding-left: 2.5rem; } .u-pX2-5Left { padding-left: 40px; padding-left: 2.5rem; } .u-pX2-5Right { padding-right: 40px; padding-right: 2.5rem; } .u-pX3 { padding: 48px; padding: 3rem; } .u-pX3Vertical { padding-top: 48px; padding-top: 3rem; padding-bottom: 48px; padding-bottom: 3rem; } .u-pX3Top { padding-top: 48px; padding-top: 3rem; } .u-pX3Bottom { padding-bottom: 48px; padding-bottom: 3rem; } .u-pX3Horizontal { padding-right: 48px; padding-right: 3rem; padding-left: 48px; padding-left: 3rem; } .u-pX3Left { padding-left: 48px; padding-left: 3rem; } .u-pX3Right { padding-right: 48px; padding-right: 3rem; } .u-pX3-5 { padding: 56px; padding: 3.5rem; } .u-pX3-5Vertical { padding-top: 56px; padding-top: 3.5rem; padding-bottom: 56px; padding-bottom: 3.5rem; } .u-pX3-5Top { padding-top: 56px; padding-top: 3.5rem; } .u-pX3-5Bottom { padding-bottom: 56px; padding-bottom: 3.5rem; } .u-pX3-5Horizontal { padding-right: 56px; padding-right: 3.5rem; padding-left: 56px; padding-left: 3.5rem; } .u-pX3-5Left { padding-left: 56px; padding-left: 3.5rem; } .u-pX3-5Right { padding-right: 56px; padding-right: 3.5rem; } .u-pX4 { padding: 64px; padding: 4rem; } .u-pX4Vertical { padding-top: 64px; padding-top: 4rem; padding-bottom: 64px; padding-bottom: 4rem; } .u-pX4Top { padding-top: 64px; padding-top: 4rem; } .u-pX4Bottom { padding-bottom: 64px; padding-bottom: 4rem; } .u-pX4Horizontal { padding-right: 64px; padding-right: 4rem; padding-left: 64px; padding-left: 4rem; } .u-pX4Left { padding-left: 64px; padding-left: 4rem; } .u-pX4Right { padding-right: 64px; padding-right: 4rem; } .u-pX4-5 { padding: 72px; padding: 4.5rem; } .u-pX4-5Vertical { padding-top: 72px; padding-top: 4.5rem; padding-bottom: 72px; padding-bottom: 4.5rem; } .u-pX4-5Top { padding-top: 72px; padding-top: 4.5rem; } .u-pX4-5Bottom { padding-bottom: 72px; padding-bottom: 4.5rem; } .u-pX4-5Horizontal { padding-right: 72px; padding-right: 4.5rem; padding-left: 72px; padding-left: 4.5rem; } .u-pX4-5Left { padding-left: 72px; padding-left: 4.5rem; } .u-pX4-5Right { padding-right: 72px; padding-right: 4.5rem; } .u-pX5 { padding: 80px; padding: 5rem; } .u-pX5Vertical { padding-top: 80px; padding-top: 5rem; padding-bottom: 80px; padding-bottom: 5rem; } .u-pX5Top { padding-top: 80px; padding-top: 5rem; } .u-pX5Bottom { padding-bottom: 80px; padding-bottom: 5rem; } .u-pX5Horizontal { padding-right: 80px; padding-right: 5rem; padding-left: 80px; padding-left: 5rem; } .u-pX5Left { padding-left: 80px; padding-left: 5rem; } .u-pX5Right { padding-right: 80px; padding-right: 5rem; } .u-pX5-5 { padding: 88px; padding: 5.5rem; } .u-pX5-5Vertical { padding-top: 88px; padding-top: 5.5rem; padding-bottom: 88px; padding-bottom: 5.5rem; } .u-pX5-5Top { padding-top: 88px; padding-top: 5.5rem; } .u-pX5-5Bottom { padding-bottom: 88px; padding-bottom: 5.5rem; } .u-pX5-5Horizontal { padding-right: 88px; padding-right: 5.5rem; padding-left: 88px; padding-left: 5.5rem; } .u-pX5-5Left { padding-left: 88px; padding-left: 5.5rem; } .u-pX5-5Right { padding-right: 88px; padding-right: 5.5rem; } .u-pX6 { padding: 96px; padding: 6rem; } .u-pX6Vertical { padding-top: 96px; padding-top: 6rem; padding-bottom: 96px; padding-bottom: 6rem; } .u-pX6Top { padding-top: 96px; padding-top: 6rem; } .u-pX6Bottom { padding-bottom: 96px; padding-bottom: 6rem; } .u-pX6Horizontal { padding-right: 96px; padding-right: 6rem; padding-left: 96px; padding-left: 6rem; } .u-pX6Left { padding-left: 96px; padding-left: 6rem; } .u-pX6Right { padding-right: 96px; padding-right: 6rem; } .u-pX6-5 { padding: 104px; padding: 6.5rem; } .u-pX6-5Vertical { padding-top: 104px; padding-top: 6.5rem; padding-bottom: 104px; padding-bottom: 6.5rem; } .u-pX6-5Top { padding-top: 104px; padding-top: 6.5rem; } .u-pX6-5Bottom { padding-bottom: 104px; padding-bottom: 6.5rem; } .u-pX6-5Horizontal { padding-right: 104px; padding-right: 6.5rem; padding-left: 104px; padding-left: 6.5rem; } .u-pX6-5Left { padding-left: 104px; padding-left: 6.5rem; } .u-pX6-5Right { padding-right: 104px; padding-right: 6.5rem; } .u-pX7 { padding: 112px; padding: 7rem; } .u-pX7-Vertical { padding-top: 112px; padding-top: 7rem; padding-bottom: 112px; padding-bottom: 7rem; } .u-pX7-Top { padding-top: 112px; padding-top: 7rem; } .u-pX7-Bottom { padding-bottom: 112px; padding-bottom: 7rem; } .u-pX7-Horizontal { padding-right: 112px; padding-right: 7rem; padding-left: 112px; padding-left: 7rem; } .u-pX7-Left { padding-left: 112px; padding-left: 7rem; } .u-pX7-Right { padding-right: 112px; padding-right: 7rem; } .u-pX7-5 { padding: 120px; padding: 7.5rem; } .u-pX7-5Vertical { padding-top: 120px; padding-top: 7.5rem; padding-bottom: 120px; padding-bottom: 7.5rem; } .u-pX7-5Top { padding-top: 120px; padding-top: 7.5rem; } .u-pX7-5Bottom { padding-bottom: 120px; padding-bottom: 7.5rem; } .u-pX7-5Horizontal { padding-right: 120px; padding-right: 7.5rem; padding-left: 120px; padding-left: 7.5rem; } .u-pX7-5Left { padding-left: 120px; padding-left: 7.5rem; } .u-pX7-5Right { padding-right: 120px; padding-right: 7.5rem; } .u-pX8 { padding: 128px; padding: 8rem; } .u-pX8Vertical { padding-top: 128px; padding-top: 8rem; padding-bottom: 128px; padding-bottom: 8rem; } .u-pX8Top { padding-top: 128px; padding-top: 8rem; } .u-pX8Bottom { padding-bottom: 128px; padding-bottom: 8rem; } .u-pX8Horizontal { padding-right: 128px; padding-right: 8rem; padding-left: 128px; padding-left: 8rem; } .u-pX8Left { padding-left: 128px; padding-left: 8rem; } .u-pX8Right { padding-right: 128px; padding-right: 8rem; } .u-pTopForHeader { /* Responsive Custom */ padding-top: 16px; padding-top: calc(16px + 30 * ((100vw - 320px) / 320)); } @media (min-width: 640px) { .u-pTopForHeader { padding-top: 46px; } } @media (min-width: 1024px) { .u-pTopForHeader { /* Responsive Custom */ padding-top: 44px; padding-top: calc(44px + 14 * ((100vw - 1024px) / 416)); } } @media (min-width: 1440px) { .u-pTopForHeader { padding-top: 58px; } } /* Dynamic Spacing */ /* Padding 140px */ .u-pLarge { padding: 48px; padding: 3rem; } @media (min-width: 640px) { .u-pLarge { padding-top: 4rem; } } @media (min-width: 1024px) { .u-pLarge { padding-top: 6rem; } } @media (min-width: 1440px) { .u-pLarge { padding-top: 8.75rem; } } .u-pLargeVertical { padding-top: 48px; padding-top: 3rem; padding-bottom: 48px; padding-bottom: 3rem; } @media (min-width: 640px) { .u-pLargeVertical { padding-top: 4rem; } } @media (min-width: 1024px) { .u-pLargeVertical { padding-top: 6rem; } } @media (min-width: 1440px) { .u-pLargeVertical { padding-top: 8.75rem; } } .u-pLargeTop { padding-top: 48px; padding-top: 3rem; } @media (min-width: 640px) { .u-pLargeTop { padding-top: 4rem; } } @media (min-width: 1024px) { .u-pLargeTop { padding-top: 6rem; } } @media (min-width: 1440px) { .u-pLargeTop { padding-top: 8.75rem; } } .u-pLargeBottom { padding-bottom: 48px; padding-bottom: 3rem; } @media (min-width: 640px) { .u-pLargeBottom { padding-bottom: 4rem; } } @media (min-width: 1024px) { .u-pLargeBottom { padding-bottom: 6rem; } } @media (min-width: 1440px) { .u-pLargeBottom { padding-bottom: 8.75rem; } } /* Importing default settings */ /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .u-fontItalic { font-style: italic; } .u-fontNormal { font-style: normal; } .u-fontLight { font-weight: 300; } .u-fontNormal { font-weight: 400; } .u-fontMedium { font-weight: 500; } .u-fontSemiBold { font-weight: 600; } .u-fontBold { font-weight: 700; } .u-fontExtraBold { font-weight: 800; } .u-fontHeavy { font-weight: 900; } .u-fontPrimary { font-family: 'Gotham', sans-serif; } .u-fontBase { font-family: 'GalaxieCopernicus', serif; } .u-fontFlama { font-family: 'FlamaCondensed-Basic', sans-serif; } .u-fontUnderline { text-decoration: underline; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .u-colorWhite { color: #fff; } .u-colorBlack { color: #000; } .u-colorGray { color: #f2f2f2; } .u-colorGray--light { color: #f7f7f7; } .u-colorCharcoal { color: #424340; } .u-colorCharcoal--light { color: #CCCBCB; } .u-colorCharcoal--medium { color: #999999; } .u-colorCharcoal--dark { color: #4D4D4D; } .u-colorPurple { color: #B92685; } .u-colorPurple--light { color: #F1D3E6; } .u-colorPurple--dark { color: #A72D7C; } .u-colorPink { color: #E57F7D; } .u-colorTeal { color: #52C2B9; } .u-colorOrange { color: #E57726; } .u-colorGreen { color: #42B979; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .u-bgColorWhite { background-color: #fff; } .u-bgColorBlack { background-color: #000; } .u-bgColorGray { background-color: #f2f2f2; } .u-bgColorGray--light { background-color: #f7f7f7; } .u-bgColorCharcoal { background-color: #424340; } .u-bgColorCharcoal--light { background-color: #CCCBCB; } .u-bgColorCharcoal--medium { background-color: #999999; } .u-bgColorCharcoal--dark { background-color: #4D4D4D; } .u-bgColorPurple { background-color: #B92685; } .u-bgColorPurple--light { background-color: #F1D3E6; } .u-bgColorPurple--dark { background-color: #A72D7C; } .u-bgColorPink { background-color: #E57F7D; } .u-bgColorTeal { background-color: #52C2B9; } .u-bgColorOrange { background-color: #E57726; } .u-bgColorGreen { background-color: #42B979; } .u-bg__beige { background-color: #fefaf7; } .u-bg__blue { background-color: #eaf1fa; } .u-alignLeft { text-align: left; } .u-alignCenter { text-align: center; } .u-alignRight { text-align: right; } .u-sizeWidth--max450 { max-width: 450px; } .u-sizeWidth--max580 { max-width: 580px; } .u-sizeWidth--max700 { max-width: 700px; } .u-sizeWidth--max800 { max-width: 800px; } .u-flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .u-flex1 { -webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1; flex: 1; } .u-flex2 { -webkit-box-flex: 2; -ms-flex: 2; -webkit-flex: 2; flex: 2; } .u-alignItems--center { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .u-alignItems--center { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .u-alignItems--center { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } .u-justifyContent--center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .u-justifyContent--start { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .u-justifyContent--end { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .u-direction--column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .u-direction--columnReverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .u-direction--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .u-direction--row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } /* Layer 1: These include all the global settings */ /* Custom Responsive elements property: calc(currentValueW/Units + amountChangeNoUnits * ((100vw - startingBreakpointPx) / differenceBetweenStartingAndEndingBreakpoint)); Example: * Change from padding: 16px 26px; -- to --> padding: 18px 52px; * Starting at 1024px up to 1440px; padding: 16px 26px; padding: calc(16px + 2 * ((100vw - 1024px) / 416)) calc(26px + 26 * ((100vw - 1024px) / 416)); */ :root { /* Purple */ /* Orange */ /* Green */ /* Charcoal */ /* Gray */ /* /* Pink */ /* Teal */ /* Cream */ /* bg colors*/ } :root { /* 16px */ /* 32px */ /* 48px */ /* 64px */ /* 128px */ } /* Tablet landscape */ /* Desktop small mAx */ /* Desktop small */ /* Desktop */ /* Desktop large */ .u-underline { padding-bottom: 1px; border-bottom: 1px solid; } @media (min-width: 1024px) { .u-underline { border-bottom: 2px solid; } } .u-underline--teal { border-bottom-color: #52C2B9; } .u-underline--teal-light { border-bottom-color: #96dcd6; } /* Fix Safari jumping around when clicking on inputs within fixed position modal on iOS Safari*/ html, body {} html.ios-modal-is-open, body.ios-modal-is-open { /* position: relative; */ } html {} html.ios-modal-is-open { overflow: hidden; } html, body {} html.ios-modal-is-open, body.ios-modal-is-open { /* -webkit-overflow-scrolling : touch !important; */ /* overflow: auto !important; */ /* height: 100% !important; */ } .u-highlight { background-color: #fff65b; padding: 0.2em; } .u-highlight a { /* color: $color-text-base; */ text-decoration: underline; } .u-highlight a:hover { text-decoration: none; } /* --- Trumps ----------- */ /* Optin monster Exit Intent Popups */ /* Base styles for Optin Monster, pulled from launch-blog */ .optin-monster-saas-overlay #om-lightbox-target-optin { max-width: 1056px !important; background: #3cc1b9 !important; padding: 20px 0 !important; } .optin-monster-saas-overlay #om-lightbox-target-optin h3 { letter-spacing: 1px !important; font-weight: 500 !important; font-size: 60px !important; font-family: Gotham, Helvetica, Arial, sans-serif !important; } .optin-monster-saas-overlay #om-lightbox-target-optin p.line1, .optin-monster-saas-overlay #om-lightbox-target-optin p { font-size: 20px !important; line-height: 36px !important; font-family: Gotham, Helvetica, Arial, sans-serif !important; } .optin-monster-saas-overlay #om-lightbox-target-optin p.line2 { font-size: 22px !important; margin: 10px 0 30px !important; } .optin-monster-saas-overlay #om-lightbox-target-optin input[type="text"], .optin-monster-saas-overlay #om-lightbox-target-optin input[type="email"] { font-size: 15px !important; padding: 4px 10px !important; height: 44px; } .optin-monster-saas-overlay #om-lightbox-target-optin ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: gray !important; } .optin-monster-saas-overlay #om-lightbox-target-optin :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: gray !important; opacity: 1 !important; } .optin-monster-saas-overlay #om-lightbox-target-optin ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: gray !important; opacity: 1 !important; } .optin-monster-saas-overlay #om-lightbox-target-optin :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: gray !important; } .optin-monster-saas-overlay #om-lightbox-target-optin :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: gray !important; } .optin-monster-saas-overlay #om-lightbox-target-optin input[type="submit"] { font-size: 14px !important; font-weight: 700 !important; letter-spacing: 4px !important; } .optin-monster-saas-overlay #om-lightbox-target-optin .om-close { font-family: Open Sans, Helvetica Neue, Verdana, Arial, sans-serif !important; font-size: 60px !important; font-weight: 100 !important; top: -23px !important; } .optin-monster-saas-overlay #om-lightbox-target-optin .moonray-form-input-type-text, .optin-monster-saas-overlay #om-lightbox-target-optin .moonray-form-input-type-email, .optin-monster-saas-overlay #om-lightbox-target-optin .moonray-form-input-type-submit { width: 33% !important; padding-left: 4px !important; padding-right: 4px !important; } @media screen and (max-width: 830px) { .optin-monster-saas-overlay #om-lightbox-target-optin .moonray-form-input-type-text, .optin-monster-saas-overlay #om-lightbox-target-optin .moonray-form-input-type-email { width: 50% !important; } .optin-monster-saas-overlay #om-lightbox-target-optin .moonray-form-input-type-submit { width: 100% !important; } } @media screen and (max-width: 600px) { .optin-monster-saas-overlay #om-lightbox-target-optin .moonray-form-input-type-text, .optin-monster-saas-overlay #om-lightbox-target-optin .moonray-form-input-type-email, .optin-monster-saas-overlay #om-lightbox-target-optin .moonray-form-input-type-submit { width: 100% !important; } .optin-monster-saas-overlay #om-lightbox-target-optin h3 { font-size: 30px !important; } } html div#om-i4oxl9q3s5jqgf11 .denver-form input[type=submit] { height: 44px !important; } /* 6 Pillars Exit Intent */ html div#om-i4oxl9q3s5jqgf11 { background-color: rgba(0, 0, 0, .8) !important; } html div#om-i4oxl9q3s5jqgf11 #om-lightbox-target-optin { background: #3cc1b9 !important; max-width: 1056px !important; width: 96% !important; } html div#om-i4oxl9q3s5jqgf11 #om-lightbox-target-optin-wrap { border-left: 0 !important; } html div#om-i4oxl9q3s5jqgf11 .om-close { color: #fff !important; } html div#om-i4oxl9q3s5jqgf11 .moonray-form-p2c5757f219 .moonray-form { background: transparent !important; border: 0 !important; width: 100% !important; } html div#om-i4oxl9q3s5jqgf11 input, html div#om-i4oxl9q3s5jqgf11 #om-lightbox-target-optin-name, html div#om-i4oxl9q3s5jqgf11 #om-lightbox-target-optin-email { border-color: #3cc1b9 !important; box-shadow: none !important; border: 1px solid #fff !important; border-radius: 0 !important; } html div#om-i4oxl9q3s5jqgf11 input[type="submit"], html div#om-i4oxl9q3s5jqgf11 button, html div#om-i4oxl9q3s5jqgf11 #om-lightbox-target-optin-submit { background: #ea772d !important; border: 1px solid #fff !important; box-shadow: none !important; display: block !important; padding: 4px 40px !important; text-shadow: none !important; text-transform: uppercase !important; width: 100% !important; } html div#om-i4oxl9q3s5jqgf11 input[type="submit"]:hover, html div#om-i4oxl9q3s5jqgf11 button:hover, html div#om-i4oxl9q3s5jqgf11 #om-lightbox-target-optin-submit:hover { background: #c12b85 !important; } html div#om-i4oxl9q3s5jqgf11 .form-description { color: #fff !important; font-size: 224px !important; font-size: 14rem !important; font-size: 14px !important; margin-bottom: 30px !important; text-align: center !important; } html div#om-i4oxl9q3s5jqgf11 .moonray-form-label { display: none !important; } html div#om-i4oxl9q3s5jqgf11 #om-lightbox-target-content { display: none !important; } html div#om-i4oxl9q3s5jqgf11 #om-lightbox-target-header { padding: 0 !important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .img { float: left !important; width: 276px !important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .img img { max-width: 240px !important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .content { float: left !important; width: 680px !important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .content h3 { color: #ffffff !important; font-family: Gotham, Open Sans, Helvetica, sans-serif !important; font-size: 60px !important; margin: 0 0 20px 0 !important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .content .line1 { color: #ffffff !important; font-size: 22px !important; margin: 0 !important; margin-bottom: 20px !important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .content .line2 { color: #ffffff !important; font-size: 24px !important; font-weight: 700 !important; margin: 10px 0 20px !important; } html div#om-i4oxl9q3s5jqgf11 #om-lightbox-target-footer { padding: 35px 50px 70px !important; } html div#om-i4oxl9q3s5jqgf11 .moonray-form-p2c5757f313 .moonray-form { width: 100%; } @media screen and (max-width: 1023px) { html div#om-i4oxl9q3s5jqgf11 .exit-intent .img, html div#om-i4oxl9q3s5jqgf11 .exit-intent .content { float: none !important; text-align: center !important; width: 100% !important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .img { padding-bottom: 40px !important; } } @media screen and (min-width: 1024px) and (max-width: 1200px) { html div#om-i4oxl9q3s5jqgf11 .exit-intent .content { text-align: left !important; float: left !important; width: 580px !important; width: calc(580px + 100 * ((100vw - 1024px) / 176))!important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .content .img { float: left !important; width: 250px !important; margin-right: 20px !important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .content .img img { max-width: 240px !important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .content h3 { font-size: 50px !important; font-size: calc(50px + 10 * ((100vw - 1024px) / 176))!important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .content p.line1 { font-size: 18px !important; font-size: calc(18px + 4 * ((100vw - 1024px) / 176))!important; } html div#om-i4oxl9q3s5jqgf11 .exit-intent .content p.line2 { font-size: 20px !important; font-size: calc(20px + 4 * ((100vw - 1024px) / 176))!important; } } @media screen and (min-width: 1024px) and (max-width: 1200px) { html div#om-i4oxl9q3s5jqgf11 .denver-form input { height: 38px !important; height: calc(38px + 10 * ((100vw - 1024px) / 176))!important; font-size: 12px !important; font-size: calc(12px + 3 * ((100vw - 1024px) / 176))!important; } html div#om-i4oxl9q3s5jqgf11 .denver-form input[type=submit] { height: 38px !important; height: calc(38px + 10 * ((100vw - 1024px) / 176))!important; font-size: 12px !important; font-size: calc(12px + 2 * ((100vw - 1024px) / 176))!important; letter-spacing: 3px !important; letter-spacing: calc(3px + 1 * ((100vw - 1024px) / 176))!important; padding: 0 !important; } } .is-hidden-state, [v-cloak] { display: none; } .is-visible-state { display: block; } /*# sourceMappingURL=microsite.css.map */