/* ---------- Reset ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
img {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
/* ---------- RWD Resets ---------- */
html,
body {
margin: 0 auto;
}
img, video {
max-width: 100%;
height: auto;
}
video.jw-video {
max-width: none !important;
}
/* maxvoltar.com/archive/-webkit-font-smoothing */
html {
-webkit-font-smoothing: antialiased;
}
/* align checkboxes, radios, text inputs with their label */
input[type=radio] {
vertical-align: text-bottom;
}
input[type=checkbox] {
vertical-align: bottom;
vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
/* bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
-ms-interpolation-mode: bicubic;
}
button {
border: none;
}
a:focus,
input:focus,
button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0;
}
input:-webkit-autofill {
color: #fff !important;
background: none !important;
}
* {
margin: 0;
padding: 0;
}
/*-------------------TYPOGRAPHY-------------------*/
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
line-height: 1.6;
-webkit-font-smoothing: subpixel-antialiased;
color: #303030;
font-size: 105%;
font-family: "Whitney A", "Whitney B", Arial, sans-serif;
}
@media only screen and (max-width: 1150px) {
body {
font-size: 100%;
}
}
@media only screen and (max-width: 700px) {
body {
font-size: 90%;
}
}
a > sup:last-child {
text-decoration: none;
display: inline-block;
}
h1 {
font-size: 4.75em;
font-size: 4.5em;
line-height: 1.1;
letter-spacing: -0.5px;
}
h2 {
font-size: 2.75em;
line-height: 1.1;
}
h3 {
font-size: 2em;
line-height: 1.25;
}
h4 {
font-size: 1.75em;
line-height: 1.35;
}
h5 {
font-size: 1.25em;
line-height: 1.25;
}
h6 {
font-size: 1.05em;
line-height: 1.25;
}
b, strong {
font-weight: 600 !important;
}
.flex-cols {
--flex-gutter: 1rem;
margin-right: -1rem;
display: flex;
}
.flex-cols--reverse {
flex-direction: row-reverse;
}
.flex-cols--space-between {
justify-content: space-between;
}
.flex-cols--center {
justify-content: center;
}
.flex-cols--align-center {
align-items: center;
}
.flex-cols--nowrap {
flex-wrap: nowrap;
}
.flex-cols:not(.flex-cols--fluid):not(.flex-cols--nowrap) {
flex-wrap: wrap;
margin-bottom: -1rem;
}
.flex-cols:not(.flex-cols--fluid):not(.flex-cols--nowrap) > .flex-col {
margin-bottom: 1rem;
}
.flex-cols:not(.flex-cols--fluid):not(.flex-cols--nowrap).flex-cols--tight {
margin-bottom: -0.5rem;
}
.flex-cols:not(.flex-cols--fluid):not(.flex-cols--nowrap).flex-cols--tight > .flex-col {
margin-bottom: 0.5rem;
}
.flex-cols--nomarg {
margin-bottom: 0 !important;
margin-right: 0 !important;
}
.flex-cols--nomarg > .flex-col {
margin-bottom: 0 !important;
margin-right: 0 !important;
--flex-gutter: 0rem !important;
}
.flex-cols--gutter-extra {
--flex-gutter: 3rem !important;
margin-right: -3rem !important;
}
.flex-cols--gutter-extra .flex-col {
--flex-gutter: 3rem !important;
}
.flex-col {
--flex-gutter: 1rem;
margin-right: var(--flex-gutter);
box-sizing: border-box;
}
.flex-col.col--fluid {
flex: 1;
}
.flex-col.col--1 {
width: calc(8.333% - var(--flex-gutter));
}
.flex-col.col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.flex-col.col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.flex-col.col--3 {
width: calc(25% - var(--flex-gutter));
}
.flex-col.col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.flex-col.col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.flex-col.col--6 {
width: calc(50% - var(--flex-gutter));
}
.flex-col.col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.flex-col.col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.flex-col.col--9 {
width: calc(75% - var(--flex-gutter));
}
.flex-col.col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.flex-col.col--11 {
width: calc(91.666% - var(--flex-gutter));
}
.flex-col.col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.flex-col.col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.bp1-1200 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 1200px) {
.bp1-1200 .bp1--hide {
display: none;
}
.bp1-1200 .bp1-stack-margin {
margin-bottom: 3em !important;
}
.bp1-1200 .bp1-col--2 {
width: calc(8.333% - var(--flex-gutter));
}
.bp1-1200 .bp1-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp1-1200 .bp1-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp1-1200 .bp1-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp1-1200 .bp1-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp1-1200 .bp1-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp1-1200 .bp1-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp1-1200 .bp1-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp1-1200 .bp1-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp1-1200 .bp1-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp1-1200 .bp1-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp1-1200 .bp1-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp1-1200 .bp1-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp1-1100 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 1100px) {
.bp1-1100 .bp1--hide {
display: none;
}
.bp1-1100 .bp1-stack-margin {
margin-bottom: 3em !important;
}
.bp1-1100 .bp1-col--1 {
width: calc(8.333% - var(--flex-gutter));
}
.bp1-1100 .bp1-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp1-1100 .bp1-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp1-1100 .bp1-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp1-1100 .bp1-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp1-1100 .bp1-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp1-1100 .bp1-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp1-1100 .bp1-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp1-1100 .bp1-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp1-1100 .bp1-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp1-1100 .bp1-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp1-1100 .bp1-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp1-1100 .bp1-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp2-1100 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 1100px) {
.bp2-1100 .bp2--hide {
display: none;
}
.bp2-1100 .bp2-stack-margin {
margin-bottom: 3em !important;
}
.bp2-1100 .bp2-col--1 {
width: calc(8.333% - var(--flex-gutter));
}
.bp2-1100 .bp2-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp2-1100 .bp2-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp2-1100 .bp2-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp2-1100 .bp2-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp2-1100 .bp2-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp2-1100 .bp2-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp2-1100 .bp2-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp2-1100 .bp2-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp2-1100 .bp2-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp2-1100 .bp2-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp2-1100 .bp2-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp2-1100 .bp2-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp1-1000 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 1000px) {
.bp1-1000 .bp1--hide {
display: none;
}
.bp1-1000 .bp1-stack-margin {
margin-bottom: 3em !important;
}
.bp1-1000 .bp1-col--1 {
width: calc(8.333% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--11 {
width: calc(91.666% - var(--flex-gutter));
}
.bp1-1000 .bp1-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp1-1000 .bp1-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp2-1000 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 1000px) {
.bp2-1000 .bp2--hide {
display: none;
}
.bp2-1000 .bp2-stack-margin {
margin-bottom: 3em !important;
}
.bp2-1000 .bp2-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp2-1000 .bp2-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp2-1000 .bp2-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp2-1000 .bp2-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp2-1000 .bp2-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp2-1000 .bp2-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp2-1000 .bp2-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp2-1000 .bp2-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp2-1000 .bp2-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp2-1000 .bp2-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp2-1000 .bp2-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp2-1000 .bp2-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp1-900 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 900px) {
.bp1-900 .bp1--hide {
display: none;
}
.bp1-900 .bp1-col--1 {
width: calc(8.333% - var(--flex-gutter));
}
.bp1-900 .bp1-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp1-900 .bp1-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp1-900 .bp1-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp1-900 .bp1-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp1-900 .bp1-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp1-900 .bp1-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp1-900 .bp1-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp1-900 .bp1-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp1-900 .bp1-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp1-900 .bp1-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp1-900 .bp1-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp1-900 .bp1-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp2-900 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 900px) {
.bp2-900 .bp2--hide {
display: none;
}
.bp2-900 .bp2-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp2-900 .bp2-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp2-900 .bp2-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp2-900 .bp2-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp2-900 .bp2-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp2-900 .bp2-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp2-900 .bp2-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp2-900 .bp2-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp2-900 .bp2-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp2-900 .bp2-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp2-900 .bp2-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp1-800 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 800px) {
.bp1-800 .bp1--hide {
display: none;
}
.bp1-800 .bp1-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp1-800 .bp1-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp1-800 .bp1-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp1-800 .bp1-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp1-800 .bp1-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp1-800 .bp1-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp1-800 .bp1-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp1-800 .bp1-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp1-800 .bp1-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp1-800 .bp1-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp1-800 .bp1-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp1-800 .bp1-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp2-800 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 800px) {
.bp2-800 .bp2--hide {
display: none;
}
.bp2-800 .bp2-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp2-800 .bp2-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp2-800 .bp2-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp2-800 .bp2-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp2-800 .bp2-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp2-800 .bp2-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp2-800 .bp2-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp2-800 .bp2-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp2-800 .bp2-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp2-800 .bp2-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp2-800 .bp2-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp2-800 .bp2-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp3-800 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 800px) {
.bp3-800 .bp3--hide {
display: none;
}
.bp3-800 .bp3-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp3-800 .bp3-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp3-800 .bp3-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp3-800 .bp3-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp3-800 .bp3-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp3-800 .bp3-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp3-800 .bp3-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp3-800 .bp3-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp3-800 .bp3-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp3-800 .bp3-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp3-800 .bp3-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp3-800 .bp3-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp1-700 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 700px) {
.bp1-700 .bp1--hide {
display: none;
}
.bp1-700 .bp1-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp1-700 .bp1-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp1-700 .bp1-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp1-700 .bp1-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp1-700 .bp1-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp1-700 .bp1-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp1-700 .bp1-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp1-700 .bp1-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp1-700 .bp1-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp1-700 .bp1-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp1-700 .bp1-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp1-700 .bp1-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp2-700 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 700px) {
.bp2-700 .bp2--hide {
display: none;
}
.bp2-700 .bp2-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp2-700 .bp2-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp2-700 .bp2-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp2-700 .bp2-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp2-700 .bp2-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp2-700 .bp2-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp2-700 .bp2-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp2-700 .bp2-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp2-700 .bp2-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp2-700 .bp2-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp2-700 .bp2-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp2-700 .bp2-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp3-700 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 700px) {
.bp3-700 .bp3--hide {
display: none;
}
.bp3-700 .bp3-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp3-700 .bp3-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp3-700 .bp3-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp3-700 .bp3-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp3-700 .bp3-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp3-700 .bp3-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp3-700 .bp3-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp3-700 .bp3-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp3-700 .bp3-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp3-700 .bp3-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp3-700 .bp3-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp3-700 .bp3-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp1-600 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 600px) {
.bp1-600 .bp1--hide {
display: none;
}
.bp1-600 .bp1-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp1-600 .bp1-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp1-600 .bp1-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp1-600 .bp1-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp1-600 .bp1-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp1-600 .bp1-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp1-600 .bp1-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp1-600 .bp1-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp1-600 .bp1-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp1-600 .bp1-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp1-600 .bp1-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp1-600 .bp1-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp2-600 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 600px) {
.bp2-600 .bp2--hide {
display: none;
}
.bp2-600 .bp2-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp2-600 .bp2-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp2-600 .bp2-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp2-600 .bp2-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp2-600 .bp2-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp2-600 .bp2-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp2-600 .bp2-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp2-600 .bp2-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp2-600 .bp2-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp2-600 .bp2-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp2-600 .bp2-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp2-600 .bp2-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp3-600 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 600px) {
.bp3-600 .bp3--hide {
display: none;
}
.bp3-600 .bp3-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp3-600 .bp3-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp3-600 .bp3-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp3-600 .bp3-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp3-600 .bp3-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp3-600 .bp3-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp3-600 .bp3-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp3-600 .bp3-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp3-600 .bp3-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp3-600 .bp3-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp3-600 .bp3-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp3-600 .bp3-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp1-500 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 500px) {
.bp1-500 .bp1--hide {
display: none;
}
.bp1-500 .bp1-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp1-500 .bp1-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp1-500 .bp1-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp1-500 .bp1-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp1-500 .bp1-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp1-500 .bp1-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp1-500 .bp1-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp1-500 .bp1-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp1-500 .bp1-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp1-500 .bp1-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp1-500 .bp1-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp1-500 .bp1-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp2-500 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 500px) {
.bp2-500 .bp2--hide {
display: none;
}
.bp2-500 .bp2-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp2-500 .bp2-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp2-500 .bp2-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp2-500 .bp2-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp2-500 .bp2-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp2-500 .bp2-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp2-500 .bp2-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp2-500 .bp2-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp2-500 .bp2-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp2-500 .bp2-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp2-500 .bp2-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp2-500 .bp2-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp3-500 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 500px) {
.bp3-500 .bp3--hide {
display: none;
}
.bp3-500 .bp3-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp3-500 .bp3-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp3-500 .bp3-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp3-500 .bp3-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp3-500 .bp3-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp3-500 .bp3-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp3-500 .bp3-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp3-500 .bp3-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp3-500 .bp3-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp3-500 .bp3-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp3-500 .bp3-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp3-500 .bp3-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp2-400 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 400px) {
.bp2-400 .bp2--hide {
display: none;
}
.bp2-400 .bp2-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp2-400 .bp2-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp2-400 .bp2-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp2-400 .bp2-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp2-400 .bp2-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp2-400 .bp2-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp2-400 .bp2-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp2-400 .bp2-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp2-400 .bp2-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp2-400 .bp2-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp2-400 .bp2-col--12 {
width: 100%;
margin-right: var(--flex-gutter);
}
.bp2-400 .bp2-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.bp3-400 {
--flex-gutter: 1rem;
}
@media only screen and (max-width: 400px) {
.bp3-400 .bp3--hide {
display: none;
}
.bp3-400 .bp3-col--2 {
width: calc(16.666% - var(--flex-gutter));
}
.bp3-400 .bp3-col--2p5 {
width: calc(20% - var(--flex-gutter));
}
.bp3-400 .bp3-col--3 {
width: calc(25% - var(--flex-gutter));
}
.bp3-400 .bp3-col--4 {
width: calc(33.333% - var(--flex-gutter));
}
.bp3-400 .bp3-col--5 {
width: calc(41.666% - var(--flex-gutter));
}
.bp3-400 .bp3-col--6 {
width: calc(50% - var(--flex-gutter));
}
.bp3-400 .bp3-col--7 {
width: calc(58.333% - var(--flex-gutter));
}
.bp3-400 .bp3-col--8 {
width: calc(66.666% - var(--flex-gutter));
}
.bp3-400 .bp3-col--9 {
width: calc(75% - var(--flex-gutter));
}
.bp3-400 .bp3-col--10 {
width: calc(83.333% - var(--flex-gutter));
}
.bp3-400 .bp3-col--full {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.content-wrap {
box-sizing: border-box;
margin: 0 auto;
position: relative;
width: 90%;
max-width: 1200px;
}
.content-wrap--max1400 {
margin: 0 auto;
position: relative;
width: 90%;
max-width: 1400px;
}
.content-wrap--max1000 {
margin: 0 auto;
position: relative;
width: 90%;
max-width: 1000px;
}
.content-wrap--max900 {
margin: 0 auto;
position: relative;
width: 90%;
max-width: 900px;
}
.page-template-page-blogpost .content-wrap {
max-width: 1100px;
}
@media only screen and (max-width: 1000px) {
.page-template-page-blogpost article {
margin-right: 0 !important;
padding-right: 0 !important;
}
}
.list li {
position: relative;
}
.list li:not(:last-child) {
margin-bottom: 0.75em;
}
.list--b {
font-weight: 500;
}
.list--tight li:not(:last-child) {
margin-bottom: 0.25em;
}
.bullet-list {
list-style: disc;
margin-left: 1em;
}
.bullet-list--checks {
list-style: none;
margin-left: 1.5em;
}
.bullet-list--checks li {
position: relative;
}
.bullet-list--checks i {
position: absolute;
font-size: 0.9rem;
top: 0.45rem;
left: -1.5rem;
}
.--font-grow-1 {
font-size: 1.05em;
}
.--font-grow-2 {
font-size: 1.15em;
}
.--font-grow-3 {
font-size: 1.25em;
}
.--font-grow-4 {
font-size: 1.5em;
}
.--font-less-1 {
font-size: 0.95em;
}
.--font-less-2 {
font-size: 0.9em !important;
}
.--font-less-3 {
font-size: 0.8em;
}
.--font-less-4 {
font-size: 0.75em;
}
.--weight-normal {
font-weight: 400 !important;
}
.--weight-lt {
font-weight: 300;
}
.--weight-semi {
font-weight: 500;
}
.--weight-semi-bold {
font-weight: 600 !important;
}
.--caps {
text-transform: uppercase;
}
.--nowrap {
white-space: nowrap;
}
article {
margin: 0 auto 4em;
}
article em {
font-style: italic;
}
article a {
text-decoration: none;
}
article p a,
article li a,
article table a {
color: #49aeff;
text-decoration: underline;
}
article h2:first-child {
margin-top: 0;
}
article h1 {
margin-bottom: 1.5rem;
}
article h2, article h3, article h4 {
margin-bottom: 0.75rem;
}
article h1, article h2, article h3, article h4 {
font-weight: 600;
}
article h2:not(:first-child), article h3:not(:first-child), article h4:not(:first-child) {
margin-top: 2em;
}
article h1 {
font-size: 2.5em;
color: #011F5B;
}
article h2 {
font-size: 1.75em;
color: #011F5B;
}
article h3 {
color: #011F5B;
font-size: 1.25em;
}
article h4 {
color: #a90733;
font-size: 1em;
}
article p {
margin-bottom: 1em;
line-height: 1.8;
}
article table {
font-size: 0.9em;
margin-bottom: 1em;
}
article td {
border: 1px solid #e5e5e5;
padding: 0.9em;
vertical-align: top;
}
article tr:nth-child(even) td {
background-color: #f6f5f3;
}
article ul,
article ol {
margin-left: 1rem;
}
article ol {
list-style: decimal;
}
article ul {
list-style: disc;
}
article li {
margin-bottom: 0.5em;
}
.article__date {
font-weight: 600;
margin-top: -1.2rem;
margin-bottom: 0.6rem;
padding-bottom: 0.6rem;
border-bottom: 1px solid #e5e5e5;
}
.--theme-w {
background-color: #fff;
}
.--theme-w-transp {
background-color: rgba(255, 255, 255, 0.95);
}
.--theme-lt {
background-color: #f6f5f3;
}
.--theme-dk {
background-color: #030a1a;
}
.--theme-blue {
background-color: #011F5B;
}
.--theme-white {
background-color: #fff;
}
.--theme-blue-bright {
background-color: #0c3a97;
}
.--theme-lt-blue {
background-color: #0c7ed4;
}
.--theme-red {
background-color: #a90733;
}
.--theme-red-transp {
background-color: rgba(175, 3, 50, 0.85);
}
.--theme-pink {
background-color: #ffdee4;
}
.--theme-cyan {
background-color: #49aeff;
}
.--theme-yellow {
background-color: #fff269;
}
.--theme-grey {
background-color: #f0eeed;
}
.--theme-grey-lt {
background-color: #f6f5f3;
}
.--theme-green-lt {
background-color: #7effc2;
}
.--theme-grey-blue {
background: linear-gradient(#f0eeed 50%, #011F5B 50%);
}
.--theme-blue-grey {
background: linear-gradient(#011F5B 50%, #f0eeed 50%);
}
.--theme-w-blue {
background: linear-gradient(#fff 50%, #011F5B 50%);
}
.--theme-blue-w {
background: linear-gradient(#011F5B 50%, #fff 50%);
}
.--theme-w-grey-lt {
background: linear-gradient(#fff 50%, #f6f5f3 50%);
}
.--theme-w-grey {
background: linear-gradient(#fff 50%, #f0eeed 50%);
}
.--theme-blue-grey-lt {
background: linear-gradient(#011F5B 50%, #f6f5f3 50%);
}
.--theme-grey-lt-blue {
background: linear-gradient(#f6f5f3 50%, #011F5B 50%);
}
.--theme-transparent-w {
background-color: rgba(255, 255, 255, 0.1);
}
.--theme-blue-dk-grad-diag {
background: linear-gradient(45deg, #030a1a 15%, #011F5B 75%);
}
.--tint::after {
border-radius: 10px;
}
.--tint > * {
position: relative;
z-index: 1;
}
.--tint {
/*
&-black-diag {
position: relative;
&::before {
content: "";
@include abscover;
background: linear-gradient(45deg, rgba(0,0,0,.25), transparent 70%);
}
}
*/
}
.--tint-dkgrad {
position: relative;
}
.--tint-dkgrad::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(150deg, rgba(31, 48, 65, 0.9) 35%, transparent);
}
.--tint-dkgrad-2 {
position: relative;
}
.--tint-dkgrad-2::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(62deg, rgba(31, 48, 65, 0.8) 35%, rgba(31, 48, 65, 0.25));
}
.--tint-blue-diag {
position: relative;
}
.--tint-blue-diag::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(45deg, #011F5B 20%, transparent);
}
.--tint-blue-bright-diag {
position: relative;
}
.--tint-blue-bright-diag::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(45deg, #0c3a97 20%, rgba(12, 58, 151, 0.7));
transition: background-color 0.3s ease-out;
}
.--tint-red {
position: relative;
}
.--tint-red::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #AA0732;
opacity: 0.9;
}
.--tint-red-diag {
position: relative;
}
.--tint-red-diag::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(45deg, #a90733 20%, rgba(168, 7, 51, 0.65));
transition: background-color 0.3s ease-out;
}
.--tint-black-top {
position: relative;
}
.--tint-black-top::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, transparent 60%);
}
.--tint-black-top-dk {
position: relative;
}
.--tint-black-top-dk::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 20%, transparent);
}
.--tint-black-blue-dk {
position: relative;
}
.--tint-black-blue-dk::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), hsla(210, 46%, 11%, 0.4) 80%);
}
.--tint-blue-left {
position: relative;
}
.--tint-blue-left::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(60deg, #011F5B 30%, rgba(7, 17, 36, 0.6));
}
.--text-black {
color: #303030;
}
.--text-blue {
color: #011F5B;
}
.--text-blue-bright {
color: #0c3a97;
}
.--text-red {
color: #a90733;
}
.--text-green {
color: green;
}
.--text-pink {
color: #ffdee4;
}
.--text-pink-bright {
color: #f06b6b;
}
.--text-cyan {
color: #49aeff;
}
.--text-white {
color: #fff;
}
.--text-meta {
color: #6d7b86;
}
.--text-silver {
color: silver;
}
.--text-gold {
color: #CA885C;
}
.--text-transp {
opacity: 0.4;
}
.--text-transp-md {
opacity: 0.75;
}
.--border {
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.075);
}
.--border-none {
border: none !important;
}
.--border-max {
border-width: 5px !important;
}
.--border-minim {
border-width: 1px !important;
}
.--border-dk {
border: 1px solid rgba(0, 0, 0, 0.15);
}
.--border-white {
border: 1px solid #fff;
}
.--border-heavy {
border-color: #c5c5c5;
}
.--border-top {
box-sizing: border-box;
border-bottom: none;
}
.--border-top-white {
border-top: 1px solid #fff;
}
.--border-top-silver {
border-top: 1px solid #dddfe0;
}
.--border-bottom {
box-sizing: border-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.075);
border-top: none;
}
.--border-bottom-white {
border-bottom: 1px solid #fff;
}
.--border-bottom-silver {
border-bottom: 1px solid #dddfe0;
}
.--border-radius {
border-radius: 10px;
overflow: hidden;
}
.--border-radius-bottom {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.--border-radius-top {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.--border-radius-right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.cert-image {
background: #fbfaf9;
border: 1px solid #e5e5e5;
box-sizing: border-box;
}
.cert-image-LI {
background-color: #fff;
padding: 1.5em;
}
.cert-image__collage {
position: relative;
padding-top: 20%;
}
.cert-image__collage .cert-image {
position: relative;
width: 80%;
margin-left: auto;
z-index: 10;
background-color: #fff;
box-shadow: 0 0 35px -25px #24272a;
}
.cert-image__collage .cert-image-LI {
position: absolute;
top: 0;
left: 0;
width: 75%;
z-index: 5;
}
.bg-img-cover,
.--bg-img-cover {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.img-tag {
position: absolute;
bottom: 1em;
right: 1em;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 0.9em;
padding: 0 0.5em;
line-height: 2em;
}
.--img-expander--r {
transform: scale(1.2);
transform-origin: 100% 50%;
}
@media only screen and (max-width: 1000px) {
.collageLI,
.collageNetwork,
.collageSlack {
padding-bottom: 1rem;
}
}
.collageNetwork {
position: relative;
}
.collageNetwork-main {
max-width: 60%;
margin-left: 20%;
border-radius: 10px;
box-shadow: 30px 30px 50px -40px rgba(35, 38, 40, 0.85);
}
@media only screen and (max-width: 800px) {
.collageNetwork-main {
max-width: 85%;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
box-shadow: 30px 30px 50px -40px rgba(35, 38, 40, 0.85);
}
}
.collageNetwork-2, .collageNetwork-3 {
position: absolute;
box-shadow: 30px 30px 60px -40px rgba(35, 38, 40, 0.5);
border-radius: 12px;
}
.collageNetwork-2 {
bottom: 10%;
left: 0;
width: 40%;
}
.collageNetwork-3 {
top: 10%;
right: 0;
width: 35%;
}
.collageSlack {
position: relative;
max-width: 650px;
}
@media only screen and (min-width: 1000px) {
.collageSlack {
padding-bottom: 100px;
}
}
.collageSlack > * {
border: 1px solid #e5e5e5;
border-radius: 10px;
background: #fff;
box-sizing: border-box;
box-shadow: 30px 30px 60px -40px rgba(35, 38, 40, 0.5);
width: 400px;
}
.collageSlack-2 {
width: 300px;
position: absolute;
top: 10%;
right: 0;
z-index: 2000;
}
.collageSlack-3 {
position: absolute;
bottom: 0;
right: 10%;
z-index: 3000;
width: 90%;
max-width: 400px;
}
@media only screen and (max-width: 1000px) {
.collageSlack-1 {
margin: 0 auto;
}
.collageSlack-2 {
width: 250px;
top: auto;
bottom: 10%;
}
}
@media only screen and (max-width: 500px) {
.collageSlack-2 {
width: 200px;
}
}
@media only screen and (max-width: 1000px) {
.collageSlack-1, .collageSlack-2 {
max-width: 80%;
}
}
.collageLI {
position: relative;
max-width: 650px;
}
@media only screen and (min-width: 1000px) {
.collageLI {
padding-bottom: 75px;
}
}
.collageLI > * {
border: 1px solid #e5e5e5;
border-radius: 10px;
background: #fff;
box-sizing: border-box;
box-shadow: 30px 30px 60px -40px rgba(35, 38, 40, 0.5);
width: 450px;
}
.collageLI-1 {
margin: 0 auto;
}
.collageLI-2, .collageLI-3 {
position: absolute;
}
.collageLI-2 {
bottom: 0;
right: 0;
z-index: 1000;
}
.collageLI-3 {
position: absolute;
top: 30%;
left: 0;
}
@media only screen and (max-width: 1000px) {
.collageLI > * {
max-width: 80%;
}
}
.collageHomeCollab {
padding-right: 3em;
position: relative;
}
@media only screen and (min-width: 1000px) {
.collageHomeCollab {
margin-top: 1em;
}
}
.collageHomeCollab__img {
box-shadow: 10px 10px 25px -11px #000a1e;
}
.collageHomeCollab__img:first-child {
position: relative;
width: 90%;
margin-left: auto;
}
.collageHomeCollab__img:first-child:before {
display: block;
content: "";
width: 100%;
padding-top: 83.3333333333%;
}
.collageHomeCollab__img:nth-child(2) {
position: absolute !important;
position: relative;
width: 55%;
top: 200px;
right: -7.5%;
z-index: 300;
}
.collageHomeCollab__img:nth-child(2):before {
display: block;
content: "";
width: 100%;
padding-top: 80%;
}
.collageHomeCollab__img:last-child {
position: relative;
width: 90%;
margin-top: -2em;
}
.collageHomeCollab__img:last-child:before {
display: block;
content: "";
width: 100%;
padding-top: 66.6666666667%;
}
.collageQuote {
position: relative;
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
}
.collageQuote > img {
width: 100%;
max-width: 500px;
}
.collageQuote .quote {
position: relative;
top: 75px;
padding-bottom: 75px;
overflow: visible;
}
.collageQuote .quote__content {
position: relative;
left: -150px;
width: calc(100% + 150px - 4rem);
}
.collageQuote .quote__content.--theme-blue-bright {
background: rgba(37, 72, 144, 0.6);
}
@media only screen and (max-width: 1000px) {
.collageQuote {
flex-direction: column-reverse;
}
.collageQuote .quote {
top: -100px;
padding-bottom: 0;
margin-bottom: -100px;
}
.collageQuote .quote__content {
width: calc(100% - 3em - 4rem);
left: auto;
margin-left: 3em;
}
}
.logo-collab {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4em;
}
.logo-collab img {
height: 40px;
position: relative;
}
.logo-collab [alt="WSP Logo"] {
height: 36px;
position: relative;
}
.logo-collab [alt="Wharton Logo"] {
top: -7px;
}
.logo-collab__line {
width: 1px;
background: #303030;
margin: 0 2em;
height: 60px;
opacity: 0.3;
}
@media only screen and (max-width: 1000px) {
.logo-collab {
margin: 0 auto 2em;
max-width: 500px;
}
.logo-collab img {
height: auto !important;
max-width: 40%;
}
.logo-collab [alt="Wharton Logo"] {
top: -3px;
}
.logo-collab__line {
margin: 0 1.5em;
height: auto;
align-self: stretch;
}
}
.--theme-blue .logo-collab img {
filter: invert(80%) sepia(100%) saturate(160%) hue-rotate(185deg) brightness(220%);
}
.--theme-blue .logo-collab__line {
background: #fff !important;
}
.video-starter {
position: relative;
cursor: pointer;
margin-left: auto;
margin-right: auto;
}
.video-starter video {
display: block;
width: 100%;
}
.video-starter__frame {
position: relative;
transition: transform ease-in-out 0.15s;
transform: scale(1);
}
.video-starter__frame::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(135deg, black 15%, transparent 50%);
transition: background-color 0.3s ease-out;
}
.video-starter__frame:hover {
transform: scale(1.015);
}
.video-starter__play {
position: absolute;
top: calc(50% - 30px);
right: calc(50% - 30px);
height: 60px;
width: 60px;
z-index: 200;
background: #a90733;
transition: transform 0.25s ease-in-out;
border-radius: 30px;
}
.video-starter__play-icon {
position: absolute;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 20px solid #fff;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -12px;
}
.video-starter__title {
position: absolute;
top: 1em;
left: 1em;
font-weight: 600;
max-width: 350px;
line-height: 1.2;
color: #fff;
z-index: 100;
font-size: 1.25em;
}
.video-starter--hero {
padding-bottom: 2em;
}
.video-starter--hero .video-starter__title {
top: 1.5em;
left: 1.5em;
font-size: 2.25em;
}
.video-starter--hero .video-starter__title--l {
left: auto;
right: 1.5em;
}
.video-starter .button--red,
.video-starter .button--blue {
margin-top: 1em;
line-height: 32px;
font-size: 0.7rem;
padding: 0 1rem;
font-weight: 500;
}
.--videoPlayed .video-starter__play, .--videoPlayed .video-starter__title {
display: none;
}
.video-starter .jwplayer {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.3s ease-in;
}
.--videoPlayed .jwplayer {
z-index: 99;
opacity: 1;
}
.video-poster {
position: relative;
cursor: pointer;
}
.video-poster::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(rgba(0, 0, 0, 0.75), transparent 70%);
}
.video-poster__caption {
position: absolute;
top: 0;
left: 0;
right: 0;
color: #fff;
padding: 0.75em;
display: flex;
align-items: center;
line-height: 1.3;
font-weight: 600;
}
.video-poster__caption-logo {
height: 2.5em;
width: 2.5em;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.75em;
flex-shrink: 0;
}
.video-poster__caption-logo img {
height: 70%;
position: relative;
}
@media only screen and (max-width: 500px) {
.video-poster .video-starter__play {
top: calc(50% - 22px);
right: calc(50% - 22px);
height: 44px;
width: 44px;
}
.video-poster .video-starter__play-icon {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 16px solid #fff;
margin-left: -6px;
margin-top: -10px;
}
}
.logo-carousel__tag {
font-size: 0.9em;
font-weight: 600;
margin-bottom: 1em;
}
.logo-carousel__wrapper {
overflow: hidden;
position: relative;
margin-right: -0.5em;
}
.logo-carousel__frame {
display: flex;
flex-wrap: wrap;
position: relative;
animation: moveLogos 70s linear infinite forwards;
}
.logo-carousel__item {
height: 70px;
box-sizing: border-box;
padding: 0 1em;
background-color: #fff;
width: calc(33.333% - 0.5em);
margin-right: 0.5em;
margin-bottom: 0.5em;
border: 1px solid rgba(0, 0, 0, 0.12);
display: flex;
align-items: center;
}
.logo-carousel__item img {
max-width: 90%;
max-height: 25px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 1000px) {
.logo-carousel__frame--6 .logo-carousel__item {
width: calc(16.6667% - 0.5em);
}
}
@keyframes moveLogos {
100% {
transform: translateY(-100%);
}
0% {
transform: translateY(0%);
}
}
#logoCarouselClientFirms {
margin-top: 2em;
margin-bottom: 2em;
max-width: 525px;
}
#logoCarouselClientFirms .logo-carousel__wrapper {
height: 220px;
}
#logoCarouselAlumni-FPA .logo-carousel__wrapper {
height: 220px;
}
#logoCarouselAlumni-FPA .logo-carousel__item {
border: none;
}
#logoCarouselAlumni .logo-carousel__wrapper {
height: 330px;
}
.logo-grid {
display: flex;
flex-wrap: wrap;
max-width: 500px;
box-shadow: 30px 30px 60px -40px rgba(35, 38, 40, 0.5);
border-radius: 12px;
}
.logo-grid__item {
max-width: 50%;
min-width: 50%;
height: 150px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.logo-grid__item:nth-child(1), .logo-grid__item:nth-child(2) {
border-bottom: 1px solid #e5e5e5;
}
.logo-grid__item:nth-child(even) {
border-left: 1px solid #e5e5e5;
}
.logo-grid img {
width: 65%;
max-width: 125px;
max-height: 80px;
}
@media only screen and (max-width: 1000px) {
.logo-grid {
margin-bottom: 1rem;
}
}
.logo-column-grid {
position: relative;
box-sizing: border-box;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
background-color: #d9d8d6;
-moz-column-gap: 1px;
column-gap: 1px;
}
.logo-column-grid::after {
content: "";
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #f0eeed;
z-index: 100;
}
.logo-column-grid--4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.logo-column-grid__item {
padding: 1.5em 1em;
background-color: #f0eeed;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1px;
border-radius: 0 !important;
}
.logo-column-grid__item img {
max-height: 20px;
max-width: 90%;
}
.logo-column-grid--pad .logo-column-grid__item {
padding: 2em 1em;
}
@media only screen and (max-width: 1000px) {
.logo-column-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 500px) {
.logo-column-grid {
grid-template-columns: 1fr 1fr;
}
}
.section {
position: relative;
}
.section__tag {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
margin-bottom: 1em;
}
.section__label {
color: #a90733;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
font-weight: 500;
}
.section__label.--pad-top {
padding-top: 3em;
}
.section__title {
font-weight: 600;
letter-spacing: -0.35px;
}
.section__title--hero {
font-size: 3em !important;
}
.section__title--hero-extra {
font-size: 3.5em !important;
line-height: 1.1 !important;
}
@media only screen and (min-width: 1000px) {
.section__title--hero-extra {
font-size: 4em !important;
line-height: 1 !important;
}
}
.section__title-icon {
font-size: 0.9em;
position: relative;
top: -1px;
}
.section__subtitle {
margin-top: 1em;
}
.section__subtitle > p:not(:first-child) {
margin-top: 0.5em;
}
.section__header {
align-items: flex-end;
}
.section__comment {
font-size: 0.75rem;
}
.section__content {
margin-top: 3em;
}
@media only screen and (max-width: 1000px) {
.section__content {
margin-top: 1.5em;
}
}
.section__content--sa {
margin-top: 1.5em;
}
.section__content > p:not(:first-child) {
margin-top: 0.5em;
}
.section ul:not(:first-child):not(.section__content) {
margin-top: 0.5em;
}
@media only screen and (max-width: 1000px) {
h2.section__title {
text-align: center;
}
}
@media only screen and (max-width: 1000px) {
h2.section__title + .section__subtitle {
text-align: center;
}
}
.banner {
position: relative;
background-position: center top;
}
.banner .download-form {
min-height: 100%;
}
.banner__tagline {
font-size: 1.15em;
text-transform: uppercase;
margin-bottom: 0.5em;
font-weight: 500;
letter-spacing: 0.05em;
}
.banner__tagline img {
width: 20px;
margin-right: 4px;
display: inline;
position: relative;
top: 0.25em;
}
.banner__title {
font-weight: 600;
}
.banner__tag {
color: #49aeff;
font-size: 0.85em;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1em;
font-weight: 500;
}
.banner h1.banner__title {
line-height: 1;
}
@media only screen and (max-width: 1280px) {
.banner h1.banner__title {
font-size: 4em;
}
}
@media only screen and (max-width: 1000px) {
.banner h1.banner__title {
font-size: 4.5em;
}
}
@media only screen and (max-width: 700px) {
.banner h1.banner__title {
font-size: 4em;
}
}
.banner h1.banner__title--min {
font-size: 3em;
line-height: 1.15;
}
.banner__subtitle {
padding: 0.5em 0 0.75em;
font-size: 1.75em;
}
.banner__subtitle--bold {
font-weight: 600;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.banner__partnership {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 1em;
font-weight: 300;
line-height: 1;
}
@media only screen and (max-width: 1000px) {
.banner__partnership {
width: 100%;
justify-content: center;
}
}
.banner__partnership img {
position: relative;
height: 1.35em;
bottom: -1px;
}
.banner__content {
position: relative;
padding: 3em 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.banner__content--pad-extra {
padding: 5em 0;
}
.banner__content-text {
margin-bottom: 2em;
}
@media only screen and (max-width: 1000px) {
.banner__content {
text-align: center;
}
}
.banner__crumb {
font-size: 0.9em;
color: #fff;
margin-bottom: 0.5em;
}
.banner__crumb a {
color: #fff;
}
.banner__crumb a:not(:hover) {
text-decoration: none;
}
.banner.--tint-black-top::before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.925), transparent 80%);
}
@media only screen and (min-width: 1001px) {
#bannerHome h1 {
font-size: 4.5em;
}
}
@media only screen and (max-width: 1001px) {
#bannerHome h1 {
font-size: 4em;
}
}
@media only screen and (max-width: 700px) {
#bannerHome h1 {
font-size: 3.5em;
margin: 0 auto;
max-width: 550px;
}
}
@media only screen and (max-width: 600px) {
#bannerHome h1 {
font-size: 3em;
margin: 0 auto;
max-width: 450px;
}
}
@media only screen and (max-width: 1000px) {
#bannerHome {
background-image: url("https://wsp-wharton-public-img.s3.amazonaws.com/home-wharton-school-building.jpg");
background-position: center center;
text-align: center;
color: #fff;
}
#bannerHome::before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.925), transparent 80%);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
#bannerHome .--text-blue-bright {
color: #fff;
}
}
@media only screen and (min-width: 1000px) {
#bannerHome-PE {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/wsp_nasdaq_1600.webp);
}
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
#bannerHome-PE {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/wsp_nasdaq_1100.webp);
}
}
@media only screen and (max-width: 700px) {
#bannerHome-PE {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/wsp_nasdaq_800.webp);
}
}
@media only screen and (min-width: 700px) {
#bannerHome-RE {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/optimized/wspWhPeBanner.avif);
}
}
@media only screen and (min-width: 500px) and (max-width: 700px) {
#bannerHome-RE {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/wspWhPeBanner_900.webp);
}
}
@media only screen and (max-width: 500px) {
#bannerHome-RE {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/wspWhPeBanner_650.webp);
}
}
#bannerHome-RE.banner.--tint-black-top::before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent 80%) !important;
}
#bannerFPA {
background-position: left center;
}
@media only screen and (min-width: 1000px) {
#bannerFPA {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/wsp-confroom-1600.webp);
}
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
#bannerFPA {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/wsp-confroom-1000.webp);
}
}
@media only screen and (max-width: 700px) {
#bannerFPA {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/wsp-confroom-700.webp);
background-position: top center;
}
}
#bannerBuySide {
background-position: left center;
}
@media only screen and (min-width: 1000px) {
#bannerBuySide {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/wsp-wh-dHall_1800.webp);
}
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
#bannerBuySide {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/wsp-wh-dHall_1000.webp);
}
}
@media only screen and (max-width: 700px) {
#bannerBuySide {
background-image: url(https://wsp-wharton-public-img.s3.amazonaws.com/wsp-wh-dHall_700.webp);
background-position: center center;
}
}
@media only screen and (min-width: 1000px) {
#bannerHome-RDI {
background-position: left top;
background-image: url(https://wsp-wharton-public-img.s3.us-east-1.amazonaws.com/RDI-banner-1600x773.avif);
}
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
#bannerHome-RDI {
background-position: center top;
background-image: url(https://wsp-wharton-public-img.s3.us-east-1.amazonaws.com/RDI-banner-1000x731.avif);
}
}
@media only screen and (max-width: 700px) {
#bannerHome-RDI {
background-image: url(https://wsp-wharton-public-img.s3.us-east-1.amazonaws.com/RDI-banner-700x684.avif);
background-position: center center;
}
}
.footer {
z-index: 50;
}
@media only screen and (max-width: 1000px) {
.footer {
text-align: center;
}
}
.footer__container {
box-sizing: border-box;
padding: 2em 0;
}
.footer__logo {
max-height: 36px;
margin-bottom: 6px;
}
@media only screen and (max-width: 1000px) {
.footer__logo {
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 700px) {
.footer__logo {
max-width: 200px;
}
}
.footer__copyright {
font-size: 0.7em;
opacity: 0.75;
line-height: 1.6;
display: block;
margin-top: 1em;
}
.footer__copyright a {
color: #fff;
}
.footer__hero-links {
margin-bottom: -2em;
}
.footer__hero-links-item {
display: flex;
justify-content: space-between;
margin-bottom: 1em !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
padding-bottom: 1em;
text-decoration: none;
color: inherit;
}
.footer__hero-links-item h6 {
font-weight: 500;
font-size: 1em;
}
.footer__hero-links-item i {
color: #d11949;
font-size: 1.1em;
padding-left: 1em;
transition: all 0.2s ease-in-out;
}
.footer__hero-links-item:hover i {
transform: translate(4px, 0);
}
.header__announce {
padding: 1em 0;
font-weight: 600;
text-align: center;
}
.header__container {
height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 1000px) {
.header .button--red {
display: none;
}
}
.header__button-container, .header__nav-container {
display: flex;
align-items: center;
margin-left: 1em;
}
.header__button-container a, .header__nav-container a {
margin-left: 2em;
}
.header__button-container a:not(.button--red), .header__nav-container a:not(.button--red) {
color: #011F5B;
text-decoration: none;
font-size: 0.9em;
line-height: 1.2;
}
.header__nav-container {
line-height: 1;
}
.header__nav-container a, .header__nav-container b {
margin: 0 !important;
padding: 0 0.5em !important;
display: inline-block;
}
.header__nav-container a:hover {
text-decoration: underline;
}
.header__nav-container a:not(:last-child) {
border-right: 1px solid rgba(1, 31, 91, 0.2);
}
.header__logo img {
height: 36px;
}
@media only screen and (max-width: 600px) {
.header__logo img {
width: 200px;
height: auto;
}
}
@media only screen and (max-width: 400px) {
.header__logo img {
width: 80%;
height: auto;
}
}
.text-in-middle {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
margin-right: -30px;
margin-bottom: -30px;
position: relative;
}
.text-in-middle__circle {
position: absolute;
top: 50%;
left: 50%;
margin-top: -410px;
margin-left: -380px;
width: 760px;
height: 760px;
border-radius: 380px;
border: 25px double #fff;
opacity: 0.15;
z-index: 0;
box-sizing: border-box;
}
.text-in-middle__block-wrap {
box-sizing: border-box;
display: flex;
margin-right: 30px;
margin-bottom: 30px;
width: calc(33.333% - 30px);
flex-direction: column;
justify-content: center;
order: 2;
}
.text-in-middle__block-wrap:first-child, .text-in-middle__block-wrap:last-child {
width: calc(100% - 30px);
flex-direction: row;
justify-content: center;
}
.text-in-middle__block-wrap:first-child .text-in-middle__block, .text-in-middle__block-wrap:last-child .text-in-middle__block {
width: calc(33.333% - 30px);
margin-right: 30px;
margin-bottom: unset;
}
.text-in-middle__block {
box-sizing: border-box;
border-radius: 8px;
cursor: default;
}
.text-in-middle__block:not(:last-child) {
margin-bottom: 30px;
}
.text-in-middle .text-in-middle__block {
padding: 2.5em;
}
.text-in-middle h6.content-block__title {
font-size: 1.25em;
}
.text-in-middle .content-block__icon {
height: 4px !important;
width: 46px;
position: relative;
text-align: center;
}
.text-in-middle .content-block__icon i {
font-size: 2em;
position: relative;
top: 6px;
}
.text-in-middle__img:before {
display: block;
content: "";
width: 100%;
}
@media only screen and (min-width: 1000px) {
.text-in-middle__img {
transform: scale(1.1);
}
}
.text-in-middle__content {
box-sizing: border-box;
width: calc(33.333% - 30px);
margin-right: 30px;
margin-bottom: 30px;
align-self: center;
order: 2;
display: flex;
flex-direction: column;
align-items: center;
}
@media only screen and (min-width: 1000px) {
.text-in-middle__content {
padding: 2em;
}
}
.text-in-middle__content-marg {
margin: 0 2em;
}
.text-in-middle__content > * {
text-align: center;
}
.text-in-middle__content a {
margin-top: 2em;
}
@media only screen and (max-width: 1000px) {
.text-in-middle {
margin-right: -30px;
margin-bottom: -30px;
}
.text-in-middle__content {
order: 1;
width: calc(100% - 30px);
text-align: unset;
align-items: unset;
margin-right: 30px;
margin-bottom: 30px;
}
.text-in-middle__block-wrap {
width: 100% !important;
flex-flow: row wrap;
margin-right: -30px;
margin-bottom: 0;
}
.text-in-middle__block {
width: calc(50% - 30px) !important;
margin-right: 30px !important;
margin-bottom: 30px !important;
}
}
@media only screen and (max-width: 600px) {
.text-in-middle__block {
width: calc(100% - 30px) !important;
}
}
.text-in-middle--two-sides {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
margin-right: -20px;
}
.text-in-middle--two-sides .text-in-middle__block-wrap {
margin-right: 20px;
margin-bottom: 20px;
width: calc(27% - 20px);
}
.text-in-middle--two-sides .text-in-middle__block-wrap:first-child, .text-in-middle--two-sides .text-in-middle__block-wrap:last-child {
display: none;
}
.text-in-middle--two-sides .text-in-middle__block {
margin-bottom: 0;
z-index: 1;
}
.text-in-middle--two-sides .text-in-middle__content {
width: calc(46% - 20px);
margin-right: 20px;
margin-bottom: 20px;
}
.text-in-middle--two-sides .text-in-middle__content h2:not(:first-child) {
padding-top: 1rem;
}
@media only screen and (min-width: 1001px) {
.text-in-middle--two-sides .text-in-middle__block-wrap .text-in-middle__block {
position: relative;
width: 90%;
}
.text-in-middle--two-sides .text-in-middle__block-wrap .text-in-middle__block:nth-child(2) {
width: 60%;
}
.text-in-middle--two-sides .text-in-middle__block-wrap .text-in-middle__block:nth-child(2) .text-in-middle__img:before {
padding-top: 133.33%;
}
.text-in-middle--two-sides .text-in-middle__block-wrap .text-in-middle__block:first-child .text-in-middle__img:before, .text-in-middle--two-sides .text-in-middle__block-wrap .text-in-middle__block:last-child .text-in-middle__img:before {
padding-top: 62.5%;
}
.text-in-middle--two-sides .text-in-middle__block-wrap-left .text-in-middle__block {
margin-left: auto;
}
.text-in-middle--two-sides .text-in-middle__block-wrap-left .text-in-middle__block:nth-child(2) {
top: 4em;
margin-left: 0;
margin-right: auto;
}
.text-in-middle--two-sides .text-in-middle__block-wrap-left .text-in-middle__block:last-child {
right: -3em;
}
.text-in-middle--two-sides .text-in-middle__block-wrap-right .text-in-middle__block:nth-child(2) {
top: -4em;
z-index: 2;
margin-left: auto;
}
.text-in-middle--two-sides .text-in-middle__block-wrap-right .text-in-middle__block:last-child {
right: 3em;
}
.text-in-middle--two-sides .text-in-middle__content h2:not(:first-child) {
padding-top: 1.5rem;
}
.text-in-middle--two-sides .text-in-middle__content p {
padding: 1em 4em 0;
}
}
@media only screen and (max-width: 1000px) {
.text-in-middle--two-sides .text-in-middle__block-wrap {
width: calc(50% - 20px) !important;
flex-direction: column;
order: 0;
}
.text-in-middle--two-sides .text-in-middle__content {
width: calc(100% - 20px);
margin-right: 20px;
margin-bottom: 20px;
}
.text-in-middle--two-sides .text-in-middle__block {
width: 100% !important;
margin-right: 20px !important;
margin-bottom: 20px !important;
}
.text-in-middle--two-sides .text-in-middle__block .text-in-middle__img:before {
padding-top: 62.5%;
}
}
.alert {
border: 1px solid #dddfe0;
padding: 1em 2em;
}
.alert--error {
border-left: 4px solid #a90733;
}
.alert--success {
border-left: 4px solid #49aeff;
}
.alert--marquee {
margin: -1.5em 0 1.5em;
}
.alert--marquee-sitewide {
margin: 0 0 1.5em;
}
.alert.--theme-pink {
border: none;
}
.alert.--theme-pink {
border: none;
}
.page-template-page-samcart-shell .alert--marquee-sitewide .content-wrap {
padding-right: 2.2em;
padding-left: 2.2em;
width: auto;
}
.corner-msg {
position: absolute;
top: 1em;
right: 1em;
display: inline-block;
border: 1px solid rgba(0, 0, 0, 0.1);
line-height: 1;
padding: 1em;
}
.info-msg {
line-height: 1.4;
opacity: 0.9;
display: flex;
align-items: center;
}
.info-msg__content {
padding: 1em 2em;
flex: 1;
}
.block {
display: block;
}
.block--w {
background-color: #fff;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.block--circle {
border-radius: 50%;
overflow: hidden;
}
.block--card {
padding: 2em;
}
.block--card-super {
padding: 3em;
}
.button__wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.button__wrap a {
margin-top: 1em;
}
.button__wrap a:not(:last-child) {
margin-right: 2em;
}
@media only screen and (max-width: 550px) {
.button__wrap {
flex-direction: column;
align-items: flex-start;
}
.button__wrap a {
margin-right: 0 !important;
}
}
.button--hasIcon {
position: relative;
}
@media only screen and (min-width: 501px) {
.button--hasIcon {
padding-left: calc(50px + 1rem) !important;
}
}
.button__icon {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 50px;
background: rgba(0, 0, 0, 0.35);
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 500px) {
.button__icon {
display: none;
}
}
.button--block {
display: block;
width: 100%;
}
.button--red {
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-size: 0.95rem;
padding: 0 2rem;
line-height: 43px;
border: none;
color: #fff;
letter-spacing: 0.1rem;
text-transform: uppercase;
overflow: hidden;
position: relative;
white-space: nowrap !important;
background-color: #a90733;
}
.button--red:hover {
background-color: #d81046;
}
.button--red-sm {
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-size: 0.8rem;
padding: 0 1.5rem;
line-height: 36px;
border: none;
color: #fff;
letter-spacing: 0.1rem;
text-transform: uppercase;
overflow: hidden;
position: relative;
white-space: nowrap;
background-color: #a90733;
}
.button--red-sm:hover {
background-color: #d81046;
}
.button--blue {
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-size: 0.95rem;
padding: 0 2rem;
line-height: 43px;
border: none;
color: #fff;
letter-spacing: 0.1rem;
text-transform: uppercase;
overflow: hidden;
position: relative;
white-space: nowrap !important;
background-color: #011F5B;
}
.button--blue:hover {
background-color: #274073;
}
.button--cyan {
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-size: 0.95rem;
padding: 0 2rem;
line-height: 43px;
border: none;
color: #fff;
letter-spacing: 0.1rem;
text-transform: uppercase;
overflow: hidden;
position: relative;
white-space: nowrap !important;
background-color: #49aeff;
}
.button--cyan:hover {
background-color: #3a90d4;
}
.button--transparent {
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-size: 0.95rem;
padding: 0 2rem;
line-height: 43px;
border: none;
color: #fff;
letter-spacing: 0.1rem;
text-transform: uppercase;
overflow: hidden;
position: relative;
white-space: nowrap !important;
box-sizing: border-box;
border: solid 1px #fff;
background-color: transparent;
}
.button--transparent:hover {
background-color: #a90733;
border-color: #a90733;
background-color: #a90733;
color: #fff;
}
.button--transparent-red {
border-color: #a90733;
color: #a90733;
}
.button--transparent-blue {
border-color: #011F5B;
color: #011F5B;
}
.--theme-red .button--transparent:hover {
background-color: #d81046;
border-color: #d81046;
background-color: #d81046;
}
.support-button {
background-color: #a90733;
color: #fff;
font-weight: 500;
padding: 0 1.5em;
min-width: 40px;
font-size: 0.95rem;
line-height: 40px;
max-height: 40px;
border-radius: 43px;
position: fixed;
bottom: 22px;
right: 20px;
z-index: 2147483001;
box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
@media only screen and (max-width: 600px) {
.support-button {
padding: 0;
}
}
.support-button:hover {
background-color: #d81046;
}
.support-button:not(.active) {
display: none;
}
.support-button i {
font-size: 0;
opacity: 0;
transition: font-size 0.2s ease-in-out 0.1s, opacity 0.1s ease-in-out 0.1s, transform 0.2s ease-in-out;
}
.support-button::before {
font-family: "Font Awesome 7 Pro";
content: "\f086";
font-weight: 700;
color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 601px) {
.support-button::after {
content: "Get Live Support";
padding-left: 0.75em;
}
}
.support-button::before, .support-button::after {
opacity: 1;
font-size: inherit;
transition: font-size 0.1s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s;
}
.support-button.opened {
padding: 0;
letter-spacing: normal;
}
.support-button.opened::before, .support-button.opened::after {
font-size: 0;
opacity: 0;
transition: font-size 0.2s ease-in-out, opacity 0.1s ease-in-out;
}
.support-button.opened i {
font-size: inherit;
opacity: 1;
transform: rotate(90deg);
transition: font-size 0.1s ease-in-out 0.1s, opacity 0.2s ease-in-out 0.1s, transform 0.2s ease-in-out 0.1s;
}
.content-block {
display: flex;
flex-flow: column nowrap;
}
.content-block__title:not(.--weight-normal):not(.--weight-lt) {
font-weight: 600;
}
.content-block__title .content-block__icon {
display: inline-block;
max-width: none;
height: 30px;
margin-top: 0;
margin-bottom: -0.5em;
margin-right: 0.5em;
}
.content-block__title--flex {
display: flex;
}
.content-block__title--flex .content-block__icon {
height: 35px;
}
.content-block__subtitle {
box-sizing: border-box;
margin-top: 0.5em;
}
.content-block__subtitle--sm {
box-sizing: border-box;
margin-top: 0.5em;
font-size: 0.9em;
}
.content-block__content {
box-sizing: border-box;
margin-top: 0.5em;
flex: 1;
}
.content-block__content > p:not(:first-child) {
margin-top: 0.5em;
}
h6 + .content-block__content {
margin-top: 0.5em;
}
.content-block__button-wrap {
padding-top: 1em;
}
.content-block__icon {
max-width: 60px;
height: 55px;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.content-block__icon + .content-block__content {
margin-top: 0.5em;
}
.content-block__more {
font-size: 0.9em;
margin-top: 1em;
}
.content-block__more a {
color: #49aeff;
}
.content-block__icon-number {
margin-top: 0;
font-weight: 700;
font-size: 2em;
margin-bottom: 0.5em;
line-height: 1.25;
}
.content-block__icon-number--lg {
font-size: 3em;
margin-bottom: 0.25em;
line-height: 1;
font-weight: 400;
}
.content-block__icon-number + .content-block__content {
margin-top: 0.5em;
}
.content-block__tagline {
text-transform: uppercase;
font-size: 1.15em;
letter-spacing: 1px;
font-weight: 500;
}
.content-block__tagline--sm {
text-transform: uppercase;
font-size: 0.9em;
letter-spacing: 0.05em;
margin-bottom: 0.5em;
font-weight: 500;
}
.content-block--tight {
line-height: 1.2;
}
.content-block--tight > div {
margin-top: 0;
margin-bottom: 0;
}
.content-block-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
background-color: #efebe9;
grid-gap: 1px;
}
@media only screen and (max-width: 500px) {
.content-block-grid {
grid-template-columns: 1fr;
}
}
.content-block-grid .content-block {
background-color: #fff;
transition: all 0.2s ease-in-out;
padding: 1.5em;
}
.content-block-grid--3 {
grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 701px) {
.content-block-grid--3 .content-block:nth-child(-n+3) {
padding-top: 0;
}
.content-block-grid--3 .content-block:nth-last-child(-n+3) {
padding-bottom: 0;
}
.content-block-grid--3 .content-block:nth-child(3n-2) {
padding-left: 0;
}
.content-block-grid--3 .content-block:nth-child(3n) {
padding-right: 0;
}
}
@media only screen and (min-width: 511px) and (max-width: 700px) {
.content-block-grid--3 {
grid-template-columns: 1fr 1fr;
}
.content-block-grid--3 .content-block:nth-child(-n+2) {
padding-top: 0;
}
.content-block-grid--3 .content-block:nth-last-child(2) {
padding-bottom: 0;
}
.content-block-grid--3 .content-block:nth-child(odd) {
padding-left: 0;
}
.content-block-grid--3 .content-block:nth-child(even) {
padding-right: 0;
}
}
.content-block-grid--4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media only screen and (min-width: 1001px) {
.content-block-grid--4 .content-block:nth-child(-n+4) {
padding-top: 0;
}
.content-block-grid--4 .content-block:nth-last-child(-n+4) {
padding-bottom: 0;
}
.content-block-grid--4 .content-block:nth-child(4n+1) {
padding-left: 0;
}
.content-block-grid--4 .content-block:nth-child(4n) {
padding-right: 0;
}
}
@media only screen and (min-width: 511px) and (max-width: 1000px) {
.content-block-grid--4 {
grid-template-columns: 1fr 1fr;
}
.content-block-grid--4 .content-block:nth-child(-n+2) {
padding-top: 0;
}
.content-block-grid--4 .content-block:nth-last-child(2) {
padding-bottom: 0;
}
.content-block-grid--4 .content-block:nth-child(odd) {
padding-left: 0;
}
.content-block-grid--4 .content-block:nth-child(even) {
padding-right: 0;
}
}
@media only screen and (max-width: 510px) {
.content-block-grid--3, .content-block-grid--4 {
grid-template-columns: 1fr;
}
.content-block-grid--3 .content-block, .content-block-grid--4 .content-block {
padding-left: 0;
padding-right: 0;
}
}
.breadcrumbs {
margin-left: 0;
font-size: 0.8em;
font-weight: 500;
margin-bottom: 1.5em;
}
.breadcrumbs--up {
margin-top: -1.8em;
}
.breadcrumbs ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
color: #011F5B;
}
.breadcrumbs li:not(:last-child)::after {
display: inline-block;
position: relative;
top: 0.05em;
margin: 0 0.5rem;
font-family: "Font Awesome 7 Pro";
content: "\f054";
}
.breadcrumbs a {
color: inherit;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs span {
opacity: 0.6;
}
.breadcrumbs + article {
margin-top: 0 !important;
}
.quote {
min-height: 150px;
position: relative;
overflow: hidden;
}
.quote__content {
position: relative;
font-size: 1.5em;
line-height: 1.3;
padding: 2rem;
display: flex;
flex-flow: row-reverse wrap;
justify-content: flex-end;
z-index: 1;
font-weight: 500;
}
.quote__content--pad-extra {
padding: 3rem;
}
@media only screen and (max-width: 1000px) {
.quote__content:not(.--pad-content) {
padding: 0;
}
}
.quote__main {
position: relative;
z-index: 100;
}
.quote__text--hero {
font-size: 1.15em;
}
.quote__text, .quote__text--w-quote {
flex: 1;
align-self: center;
box-sizing: border-box;
}
.quote__text .quote__attr, .quote__text--w-quote .quote__attr {
display: block;
text-align: unset;
margin-top: 1rem;
margin-right: 0;
}
.quote__text--w-quote {
position: relative;
padding: 1em;
}
.quote__text--w-quote img:not(.quote__attr-logo) {
width: 80px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
@media only screen and (max-width: 500px) {
.quote__text--w-quote {
padding: 0;
}
.quote__text--w-quote img {
top: -1em;
left: -0.5em;
}
.quote__text--w-quote:not(:first-child) {
margin-top: 1em;
}
}
.quote__quote--red {
filter: brightness(0) saturate(100%) invert(15%) sepia(48%) saturate(7336%) hue-rotate(334deg) brightness(72%) contrast(102%);
opacity: 0.15;
}
.quote__attr-wrap {
display: flex;
gap: 1em;
align-items: center;
margin-top: 1rem;
}
.quote__attr-wrap .quote__attr {
margin-top: 0;
}
.quote__attr, .quote__attr--ender {
font-size: 0.8rem;
line-height: 1.2;
font-weight: normal;
display: flex;
flex-direction: column;
text-align: center;
margin-right: 1.5rem;
}
@media only screen and (max-width: 500px) {
.quote__text--w-quote + .quote__attr, .quote__text--w-quote + .quote__attr--ender {
margin-top: 1rem !important;
}
}
@media only screen and (max-width: 700px) {
.quote__attr {
flex-direction: row;
align-items: center;
text-align: left;
margin-top: 1rem;
width: 100%;
}
}
.quote__attr--ender {
max-width: 20%;
min-width: 200px;
margin-bottom: -2rem;
align-self: flex-end;
}
.quote__attr--ender--lg {
max-width: 25%;
}
.quote__attr--ender--md {
max-width: 22.5%;
}
.quote__attr--ender img {
width: 100%;
}
@media only screen and (max-width: 1000px) {
.quote__attr--ender {
height: 150px;
max-width: none;
flex-direction: row;
align-items: center;
text-align: left;
margin-top: 1rem;
width: 100%;
}
.quote__attr--ender img {
height: 100%;
width: auto;
margin-right: 1rem;
}
.quote__attr--ender img + * {
margin-bottom: 3rem;
}
.quote__text--w-quote + .quote__attr--ender {
margin-top: 0;
}
}
.--theme-blue .quote__text--w-quote img:not(.quote__attr-logo) {
filter: invert(50%) sepia(100%) saturate(240%) hue-rotate(180deg) brightness(65%);
opacity: 0.6;
}
.--theme-blue-bright .quote__text--w-quote img:not(.quote__attr-logo) {
filter: invert(50%) sepia(100%) saturate(0) hue-rotate(180deg) brightness(230%);
opacity: 0.3;
}
.--theme-lt .quote__text--w-quote img:not(.quote__attr-logo) {
filter: invert(50%) sepia(70%) hue-rotate(340deg);
opacity: 0.2;
}
.quotecard {
position: relative;
overflow: hidden;
z-index: 10;
background-color: #fff;
display: flex;
flex-direction: column;
}
.quotecard__frame {
max-width: 500px;
margin-left: auto;
margin-right: auto;
border: 1px solid #efebe9;
height: 100%;
min-height: 100%;
background-color: #fff;
box-shadow: 30px 30px 60px -40px rgba(35, 38, 40, 0.5);
}
@media only screen and (max-width: 1000px) {
.quotecard__frame {
max-width: none !important;
margin-left: 0 !important;
}
}
.quotecard__quote {
font-size: 5em;
position: absolute;
width: 90px;
top: 0.35em;
left: 0.35em;
z-index: 1;
filter: invert(15%) sepia(5%) saturate(70%) hue-rotate(170deg) brightness(110%);
opacity: 0.85;
}
.quotecard__text {
position: relative;
z-index: 100;
}
.quotecard__logo {
max-width: 300px;
max-height: 25px;
position: relative;
z-index: 20;
display: inline-block;
}
.quotecard__logo-frame {
text-align: center;
padding: 1.5em 2em;
background-color: #fcfbfa;
border-top: 1px solid #efebe9;
position: absolute;
bottom: 0;
}
.quotecard__content {
flex: 1;
font-weight: 500;
font-size: 1.25em;
line-height: 1.4;
padding: 3em;
}
.quotecard__content, .quotecard__logo-frame {
position: relative;
z-index: 15;
}
.quotecard__frame.--theme-blue {
background-color: unset;
border: none;
}
.quotecard__frame.--theme-blue .quotecard {
background-color: rgba(255, 255, 255, 0.1);
}
.quotecard__frame.--theme-blue .quotecard__quote {
color: #fff;
}
.quotecard__frame.--theme-blue .quotecard__logo-frame {
background-color: unset;
border: none;
}
.quotecard__frame.--theme-blue .quotecard__logo {
filter: grayscale(100%) invert(100%) brightness(100);
}
.thumbnail-card-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1rem 1rem;
margin-left: auto;
margin-right: auto;
}
.thumbnail-card-grid__frame {
position: relative;
}
@media only screen and (min-width: 1000px) {
.thumbnail-card-grid--5 {
grid-template-columns: repeat(5, 1fr);
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1000px) {
.thumbnail-card-grid--3 {
grid-template-columns: repeat(3, 1fr);
max-width: 75%;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1000px) {
.thumbnail-card-grid--2 {
grid-template-columns: repeat(2, 1fr);
max-width: 50%;
}
}
@media only screen and (min-width: 1000px) {
.thumbnail-card-grid--1 {
grid-template-columns: 1fr;
}
.thumbnail-card-grid--1:not(:has(.bio-card--hero)) {
max-width: 25%;
}
.thumbnail-card-grid--1 .bio-card--hero {
flex-direction: row;
gap: 2.75em;
}
.thumbnail-card-grid--1 .bio-card--hero .bio-card__infoblock {
display: block;
}
.thumbnail-card-grid--1 .bio-card--hero .bio-card__img {
flex-shrink: 0;
}
.thumbnail-card-grid--1 .bio-card--hero .bio-card__content {
justify-content: center;
}
.thumbnail-card-grid--1 .bio-card--hero .bio-card__industry {
flex: unset;
}
}
@media only screen and (max-width: 1000px) {
.thumbnail-card-grid {
grid-template-columns: repeat(1, 1fr);
max-width: 500px;
}
}
.--theme-w .bio-card {
border: 1px solid #f0eeed;
}
.bio-card {
position: relative;
box-sizing: border-box;
overflow: hidden;
display: flex;
align-items: center;
text-align: center;
background-color: #fff;
padding: 2em;
box-shadow: 30px 30px 60px -40px rgba(35, 38, 40, 0.5);
transition: transform 0.2s ease-in-out;
cursor: pointer;
}
@media only screen and (min-width: 1000px) {
.bio-card {
flex-direction: column;
}
}
@media only screen and (max-width: 1000px) {
.bio-card {
padding: 1.5em;
}
}
.bio-card__logo {
height: 27px;
margin: 0.75em 0;
display: flex;
align-items: center;
justify-content: center;
}
.bio-card__logo img {
height: 100%;
max-width: 200px;
}
.bio-card__logo--cowen img {
max-width: 75px !important;
}
@media only screen and (min-width: 500px) {
.bio-card__logo--wsp img {
max-width: 125px;
}
.bio-card__logo--thoma img {
max-width: 105px;
}
}
@media only screen and (max-width: 1000px) {
.bio-card__logo {
display: inline-block;
}
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
.bio-card__logo {
position: absolute;
top: 50%;
right: 1em;
margin-top: -10px;
width: 100px;
justify-content: flex-end;
}
.bio-card__logo img {
max-width: 100%;
height: auto;
}
}
@media only screen and (max-width: 500px) {
.bio-card__logo {
text-align: left;
height: auto;
margin: 0.5em 0;
}
.bio-card__logo img {
height: 20px;
max-width: 125px;
}
}
.bio-card:hover {
transform: scale(1.025);
}
.bio-card:hover .bio-card__more-btn {
text-decoration: underline;
}
.bio-card__img {
width: 100%;
max-width: 150px;
border-radius: 50%;
}
@media only screen and (max-width: 1000px) {
.bio-card__img {
max-width: 80px;
min-width: 80px;
}
}
@media only screen and (min-width: 1001px) {
.bio-card__content {
display: flex;
flex-direction: column;
height: 100%;
}
}
@media only screen and (max-width: 1000px) {
.bio-card__content {
margin-left: 1em;
text-align: left;
}
.bio-card__content * {
text-align: left !important;
}
}
@media only screen and (min-width: 501px) and (max-width: 1000px) {
.bio-card__content {
padding-right: 120px;
}
}
.bio-card__name {
line-height: 1.2;
font-size: 1.25em;
font-weight: 500;
text-align: center;
color: #011F5B;
}
@media only screen and (min-width: 1001px) {
.bio-card__name {
margin-top: 1.5rem;
}
}
@media only screen and (max-width: 1000px) {
.bio-card__name br {
display: none;
}
}
.bio-card__industry {
font-size: 0.8em;
flex: 1;
line-height: 1.5;
}
.bio-card__more-btn {
cursor: pointer;
color: #49aeff;
padding: 1em 1em 0;
font-weight: 400;
font-size: 0.7em;
text-transform: uppercase;
letter-spacing: 0.025em;
line-height: 1;
transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 1000px) {
.bio-card__more-btn {
display: none;
}
}
.bio-card__infoblock {
display: none;
align-self: stretch;
padding-left: 2.75em;
margin-left: 0.5em;
border-left: solid 1px rgba(0, 0, 0, 0.075);
text-align: left;
}
.bio-card__infoblock img {
max-width: 100px;
float: left;
margin-right: 1.5em;
margin-bottom: 0.5em;
border: 1px solid rgba(0, 0, 0, 0.5);
}
.bio-card__hoverblock {
box-shadow: 30px 30px 60px -40px rgba(35, 38, 40, 0.5);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
display: none;
padding: 2em 8em;
z-index: 6000;
border: 1px solid #efebe9;
overflow: auto;
}
.bio-card__hoverblock em {
font-style: italic;
}
.bio-card__hoverblock .bio-card__logo {
display: none !important;
}
@media only screen and (min-width: 1001px) {
.bio-card__hoverblock {
top: 5%;
left: 5%;
right: 5%;
bottom: 5%;
}
}
@media only screen and (max-width: 800px) {
.bio-card__hoverblock {
padding: 2.5em 6em 0;
}
}
@media only screen and (max-width: 500px) {
.bio-card__hoverblock {
padding: 2.5em 4em 0;
}
}
.bio-card__hoverblock-img {
min-width: 200px;
max-width: 200px;
height: 200px;
min-height: 200px;
box-sizing: border-box;
border-radius: 50%;
}
.bio-card__hoverblock-name {
margin-top: 1rem;
font-size: 1.5em;
line-height: 1.2;
font-weight: 500;
}
@media only screen and (max-width: 500px) {
.bio-card__hoverblock-name {
font-size: 1.1em;
}
}
.bio-card__hoverblock-name br {
display: none;
}
.bio-card__hoverblock-industry {
font-size: 0.95em;
line-height: 1.4;
margin-top: 0.25em;
padding-bottom: 0.25em;
}
.bio-card__hoverblock-industry br {
display: none;
}
.bio-card__hoverblock-text {
padding-top: 1em;
font-size: 0.95em;
text-align: left;
}
.bio-card__hoverblock-close, .bio-card__hoverblock-next, .bio-card__hoverblock-prev {
position: absolute;
font-size: 1.5em;
cursor: pointer;
color: #011F5B;
transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 500px) {
.bio-card__hoverblock-close, .bio-card__hoverblock-next, .bio-card__hoverblock-prev {
font-size: 1.25em;
}
}
.bio-card__hoverblock-close:hover, .bio-card__hoverblock-next:hover, .bio-card__hoverblock-prev:hover {
color: #303030;
}
.bio-card__hoverblock-close {
top: 0.25em;
right: 0.75em;
}
.bio-card__hoverblock-next, .bio-card__hoverblock-prev {
padding: 0.75em;
line-height: 1;
top: 50%;
margin-top: -1em;
}
.bio-card__hoverblock-next {
right: 0;
}
.bio-card__hoverblock-prev {
left: 0;
}
.bio-card__hoverblock-content {
max-width: 900px;
min-height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto;
}
@media only screen and (max-width: 500px) {
.bio-card__hoverblock-content {
justify-content: flex-start;
}
}
@media only screen and (max-height: 700px) {
.bio-card__hoverblock-name {
font-size: 1.2em;
}
.bio-card__hoverblock-content {
max-width: none;
}
}
@media only screen and (max-height: 600px) {
.bio-card__hoverblock {
top: 0;
left: 0;
right: 0;
bottom: 0;
align-items: flex-start;
}
}
.thumbnail-card-grid__frame.modal-disabled .bio-card {
cursor: default;
}
.thumbnail-card-grid__frame.modal-disabled .bio-card__more-btn {
display: none;
}
.thumbnail-card-grid__frame.modal-disabled .bio-card:hover {
transform: none;
}
.accordion__title {
position: relative;
font-weight: 600;
padding-right: 1.5em;
cursor: pointer;
}
.accordion__title::before {
font-family: "Font Awesome 7 Pro";
position: absolute;
content: "\f067";
font-size: 0.85em;
top: 0.15em;
right: 0;
font-weight: 500;
color: inherit;
-webkit-font-smoothing: antialiased;
}
.accordion__content {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
margin-bottom: 0 !important;
position: relative;
top: 0.5em;
}
.accordion__content::after {
display: block;
content: "";
height: 0.5em;
}
@media only screen and (min-width: 1000px) {
.accordion__content .list {
-moz-columns: 2;
columns: 2;
-moz-column-gap: 2;
column-gap: 2em;
}
}
.accordion__item {
padding: 1em 0;
}
.accordion__item + .accordion__item {
border-top: 1px solid #dddfe0;
}
.accordion__item--w-bottom-border {
border-bottom: 1px solid #dddfe0;
}
.accordion__item:hover .accordion__title {
color: #a90733;
}
.accordion__item.active .accordion__content {
max-height: 2000px;
}
.accordion__item.active .accordion__title::before {
content: "\f068";
}
.wh-swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 10;
}
.wh-swiper .swiper-slide {
box-sizing: border-box;
height: auto;
}
.wh-swiper .swiper-pagination {
position: relative;
bottom: 0 !important;
transition: none;
margin-top: 1em;
}
.wh-swiper .swiper-pagination-bullet {
background-color: #fff;
border: solid 2px #fff;
opacity: 0.5;
height: 12px;
width: 12px;
}
.wh-swiper .swiper-pagination-bullet-active {
opacity: 1;
}
.wh-swiper--card {
margin-bottom: 2.25em;
position: static;
}
.wh-swiper--card-frame {
position: relative;
}
.wh-swiper--card-frame .swiper-button-prev,
.wh-swiper--card-frame .swiper-button-next {
z-index: 20;
width: 30px;
height: 30px;
border-radius: 15px;
background: #011F5B;
color: #fff;
transition: all 0.2s ease-in-out;
}
.wh-swiper--card-frame .swiper-button-prev:after,
.wh-swiper--card-frame .swiper-button-next:after {
font-size: 10px;
}
.wh-swiper--card-frame .swiper-button-prev:hover,
.wh-swiper--card-frame .swiper-button-next:hover {
color: #49aeff;
}
.wh-swiper--card-frame .swiper-button-prev {
left: -10px;
}
.wh-swiper--card-frame .swiper-button-next {
right: -10px;
}
.wh-swiper--card .swiper-pagination {
position: absolute;
width: auto;
bottom: -2.75em !important;
left: 25% !important;
width: 50% !important;
transition: none;
margin-top: 0;
display: flex;
align-items: flex-end;
}
.wh-swiper--card .swiper-pagination-bullet {
background-color: #6d7b86;
border: none;
opacity: 0.4;
border-radius: unset;
height: 3px;
width: auto;
flex: 1;
}
.wh-swiper--card .swiper-pagination-bullet-active {
background-color: #a90733;
opacity: 1;
}
.wh-swiper--line {
overflow: visible;
margin-top: 50px;
}
.wh-swiper--line .swiper-button-prev,
.wh-swiper--line .swiper-button-next {
width: 36px;
height: 36px;
border-radius: 50%;
top: -68px;
background: rgba(169, 7, 51, 0.15);
border-color: unset;
color: #a90733;
transition: all 0.2s ease-in-out;
}
.wh-swiper--line .swiper-button-prev:after,
.wh-swiper--line .swiper-button-next:after {
font-family: "Font Awesome 7 Pro";
font-size: 18px;
padding-top: 3px;
}
.wh-swiper--line .swiper-button-prev.swiper-button-disabled,
.wh-swiper--line .swiper-button-next.swiper-button-disabled {
box-sizing: border-box;
background: transparent;
color: #303030;
border: solid 1px #303030;
}
.wh-swiper--line .swiper-button-prev {
left: auto;
right: 55px;
}
.wh-swiper--line .swiper-button-prev:after {
content: "\f060";
}
.wh-swiper--line .swiper-button-next {
right: 0;
}
.wh-swiper--line .swiper-button-next:after {
content: "\f061";
}
@media only screen and (max-width: 1000px) {
.wh-swiper--line {
margin-top: 73px;
}
.wh-swiper--line .swiper-button-prev,
.wh-swiper--line .swiper-button-next {
top: -38px;
}
}
.swiper-button-disabled {
opacity: 0;
}
@media only screen and (max-width: 700px) {
.stats-blocks {
margin-right: 0 !important;
}
}
.stats-block {
padding: 3%;
min-height: 140px;
}
@media only screen and (max-width: 700px) {
.stats-block {
min-height: 0;
width: calc(33.33% - 0.5em) !important;
margin-right: 0.5em !important;
}
}
@media only screen and (max-width: 600px) {
.stats-block {
font-size: 80%;
}
}
.stats-block__tag {
text-transform: uppercase;
font-size: 0.9em;
letter-spacing: 0.05em;
margin-bottom: 0.5em;
font-weight: 500;
color: #faa5bb;
}
.stats-block__currency {
font-size: 12px;
}
.stats-block__info {
background: #fcdde2;
padding: 0.75em 1em;
margin-bottom: -2em;
margin-top: 1em;
}
.stats-blocks--stack .stats-block {
min-height: 0;
padding: 0;
}
.stats-blocks--stack .stats-block:not(:first-child) {
margin-top: 0.5em;
padding-top: 0.5em;
border-top: 1px solid;
}
h4.stats-block__title {
line-height: 1;
font-weight: normal;
}
.icon-list__item {
display: flex;
}
.icon-list__icon {
min-width: 2.75em;
max-width: 2.75em;
text-align: center;
margin-right: 1.5em;
padding-top: 0.25em;
align-self: baseline;
}
.icon-list__icon i {
padding: 3px;
font-size: 2.5em;
}
.icon-list__title {
font-weight: 600;
}
.icon-list__title:not(:last-child) {
margin-bottom: 0.25em;
}
.icon-list__content {
flex: 1;
}
.icon-list--stack .icon-list__item:not(:last-child) {
padding-bottom: 2em;
}
.icon-list h4 {
font-size: 1.5em;
}
.icon-card {
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 2em;
}
.icon-card--l {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: start;
padding: 2em;
}
.icon-card--top {
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: 2em;
}
.icon-card > * {
position: relative;
}
.icon-card__icon {
font-size: 2em;
margin-bottom: 0.5em;
}
.icon-card__icon--lg {
font-size: 2.5em;
margin-bottom: 0.25em;
}
.icon-card__icon[src] {
min-width: 2.75em;
max-width: 2.75em;
font-size: unset;
}
.icon-card__title {
font-weight: 600;
}
.icon-card__title:not(:first-child) {
padding-top: 0.75rem;
}
.icon-card__content {
padding-top: 0.5rem;
flex: 1;
}
h3.icon-card__subtitle {
font-size: 1.25em;
color: #49aeff;
padding: 0.5em 0;
}
.collapser {
position: relative;
text-align: center;
}
.collapser::before {
display: none;
}
.collapser__button {
border-color: #011F5B;
color: #011F5B;
font-size: 0.8em;
}
.collapser__button--more {
display: none;
}
.collapser__button--less {
display: inline-block;
margin-top: 2em;
}
.--has-collapser .collapser::before {
content: "";
display: block;
height: 150px;
position: absolute;
left: 0;
right: 0;
top: -150px;
}
.--has-collapser .collapser__button--more {
display: inline-block;
}
.--has-collapser .collapser__button--less {
display: none;
}
.--has-collapser .collapser__content {
max-height: 600px;
overflow: hidden;
}
.--theme-grey .collapser {
background: #f0eeed;
}
.--theme-grey .collapser::before {
background: linear-gradient(transparent, #f0eeed);
}
.--theme-w .collapser {
background: #fff;
}
.--theme-w .collapser::before {
background: linear-gradient(transparent, #fff);
}
.modules-path {
position: relative;
overflow: hidden;
}
.modules-path .content-block.--border-radius {
overflow: visible;
}
.modules-path::before {
content: "";
position: absolute;
top: 2em;
left: 16px;
height: 100%;
border-left: solid 2px #e5e3e2;
}
.modules-path > * {
margin-left: 50px;
position: relative;
}
.modules-path > *:last-child::before {
content: "";
position: absolute;
top: 2em;
bottom: 0;
left: -38px;
width: 10px;
background-color: #f0eeed;
}
.modules-path__point {
box-sizing: content-box;
position: absolute;
width: 15px;
height: 15px;
border: solid 6px #f0eeed;
border-radius: 50%;
top: calc(2em + 12px);
left: -46px;
transform: translateY(-50%);
right: 21px;
z-index: 10;
box-shadow: 0 0 0 2px #e5e3e2;
}
.next-session {
box-sizing: border-box;
background-color: #ffe7ee;
padding: 1.15em;
font-weight: 600;
margin-top: 1em;
font-size: 1.1em;
}
.next-session--sm {
padding: 0.75em;
font-weight: 600;
margin: 0.75em 0 1em;
}
.circle-icon-card {
padding-right: 4rem;
display: flex;
flex-direction: column;
}
.circle-icon-card__icon-frame {
display: flex;
justify-content: center;
align-items: center;
width: 90px;
height: 90px;
border-radius: 50px;
position: relative;
margin-left: 10px;
}
.circle-icon-card__icon-frame::before {
content: "";
display: block;
position: absolute;
width: 110px;
height: 110px;
top: -10px;
left: -10px;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 55px;
opacity: 0.5;
box-sizing: border-box;
}
.circle-icon-card__number {
line-height: 1;
}
.circle-icon-card__title {
margin-top: 1em;
font-weight: 600;
}
.circle-icon-card__content {
box-sizing: border-box;
margin-top: 1em;
flex: 1;
}
.circle-icon-card__button-wrap {
padding-top: 1em;
}
.circle-icon-card__button-wrap > a {
display: block;
font-weight: 400;
font-size: 1em;
line-height: 1.4;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
color: #49aeff;
cursor: pointer;
}
.circle-icon-card__button-wrap > a:hover {
color: #3a90d4;
}
h4.circle-icon-card__title {
font-size: 1.65em;
line-height: 1.25;
}
.--theme-blue .circle-icon-card__icon-frame::before {
border: 1px solid rgba(255, 255, 255, 0.5);
}
.page-message {
background-color: #fff;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
border: 1px solid #efebe9;
box-shadow: 20px 20px 50px -35px rgba(60, 60, 50, 0.25);
}
@media only screen and (min-width: 600px) {
.page-message {
display: flex;
}
}
.page-message__text {
padding: 0 2em 2em;
}
@media only screen and (min-width: 600px) {
.page-message__text {
flex: 1;
padding: 3em;
}
}
@media only screen and (min-width: 600px) {
.page-message__icon {
display: flex;
justify-content: center;
align-items: center;
min-width: 30%;
max-width: 30%;
background-color: #f6f5f3;
border-right: 1px solid #efebe9;
}
}
@media only screen and (max-width: 600px) {
.page-message__icon {
padding: 2em 0 1em;
text-align: center;
}
}
.page-message__icon i {
font-size: 3em;
color: #a90733;
}
@media only screen and (max-width: 600px) {
.page-message__icon i {
font-size: 2.5em;
}
}
.page-message strong:first-child {
display: block;
margin-bottom: 0.5em;
font-size: 1.2em;
font-weight: 600;
}
.payment-options {
box-sizing: border-box;
margin: 0 auto;
}
.payment-options__option {
padding: 2em 1.5em;
border: 1px solid #e5e5e5;
margin-bottom: 1em;
background-color: #fbf9f8;
border-radius: 6px;
}
.payment-options__option.active .payment-options__option-header {
margin-bottom: 2em;
}
.payment-options__option.active .payment-options__radio::after {
content: "";
display: block;
height: 10px;
width: 10px;
border-radius: 5px;
background-color: #303030;
position: absolute;
top: 50%;
left: 50%;
margin-left: -5px;
margin-top: -5px;
}
.payment-options__option.active .payment-options__items {
max-height: 5000px;
}
.payment-options__items {
max-height: 0;
overflow: hidden;
}
.payment-options__option-header {
display: flex;
justify-content: space-between;
font-weight: 600;
font-size: 1.1em;
}
.payment-options__option-title {
display: flex;
align-items: center;
cursor: pointer;
}
.payment-options__radio {
min-width: 14px;
max-width: 14px;
height: 14px;
border-radius: 7px;
box-sizing: border-box;
border: 1px solid;
background-color: #fff;
margin-right: 5px;
position: relative;
}
.payment-options__img--cards {
max-width: 250px;
}
.payment-options__img--icon {
color: blue;
font-size: 1.15em;
}
.payment-options__headline {
margin-bottom: 2em;
font-weight: normal;
font-size: 1.285em;
}
.payment-options__price {
font-weight: 600;
font-size: 1.1em;
line-height: 1.25;
}
.payment-options .fa-chevron-right {
font-size: 0.8em;
margin-left: 0.5em;
}
.payment-options__fineprint {
font-size: 0.75em;
padding-top: 0.5em;
}
.payment-options__item {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
color: #303030;
text-decoration: none;
padding: 2em 1.5em;
box-sizing: border-box;
border: 1px solid #e5e5e5;
transform: translate(0, 0);
transition: transform 0.05s ease-in-out;
margin-bottom: 1em;
border-radius: 6px;
background-color: #fff;
}
.payment-options__item:not(.disabled) {
cursor: pointer;
}
.payment-options__item:not(.disabled):hover {
border-color: #011F5B;
}
.payment-options__item.disabled {
position: relative;
}
.payment-options__item.disabled::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "Coming Soon";
background: rgba(255, 255, 255, 0.9);
display: flex;
align-items: center;
justify-content: center;
color: #011F5B;
font-size: 0.8em;
font-weight: 500;
}
.payment-options__item:first-child {
margin-bottom: 1em;
}
.payment-options__item form,
.payment-options__item input[type=submit] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
background: none;
color: transparent;
font-size: 0;
}
.payment-options__item form:hover,
.payment-options__item input[type=submit]:hover {
background: none;
}
.payment-options__img {
width: 24px;
margin-right: 0.5em;
display: none;
}
.payment-options__desc {
font-weight: 500;
line-height: 1.2;
font-size: 0.9em;
white-space: nowrap;
}
@media only screen and (max-width: 1000px) {
.payment-options__desc {
margin-left: 1em;
}
}
.payments-loader {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
z-index: 5000;
}
.payments-loader i {
font-size: 3em;
color: #a90733;
}
.payments-loader__wrap {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1000px) {
#paymentSectionMain {
padding-right: 0;
}
}
@media only screen and (max-width: 1000px) {
#paymentSectionHeader {
max-height: 34px;
}
}
.buy-product-list {
margin-left: 0;
}
.buy-product-list > *:not(:first-child) {
margin-top: 1.5em;
}
.buy-product-list__total {
padding: 1em 0 !important;
margin: 1em 0 !important;
font-size: 1.15em;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
display: flex;
justify-content: space-between;
align-items: center;
}
.buy-product-list__total-amount {
font-size: 1.55em;
font-weight: 400;
line-height: 1;
display: inline-flex;
align-items: center;
}
.buy-product-list__total-amount::before {
content: "USD";
padding-right: 1em;
color: #737373;
font-size: 12px !important;
line-height: 1;
font-weight: normal;
}
.buy-product-list__split {
font-size: 0.75em;
max-width: 400px;
margin-right: auto;
line-height: 1.3;
}
.buy-product-list__split--lg {
font-size: 1em;
font-weight: 600;
max-width: none;
text-align: right;
}
.buy-product-list .wh-product {
width: 100%;
font-size: 105%;
max-width: 900px;
display: flex;
align-items: center;
}
.buy-product-list .wh-product__img {
width: 65px;
min-width: 65px;
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
}
.buy-product-list .wh-product__img img {
width: 100%;
border: 1px solid #e5e5e5;
border-radius: 10px;
}
.buy-product-list .wh-product__number {
position: absolute;
top: -8px;
right: -8px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(137, 137, 137, 0.9);
color: #fff;
width: 20px;
height: 20px;
border-radius: 50%;
font-size: 12px;
line-height: 1;
font-weight: 600;
}
.buy-product-list .wh-product__name {
padding-left: 1em;
flex: 1;
font-size: 1em;
line-height: 1.4;
}
.buy-product-list .wh-product__price {
padding-left: 1em;
font-size: 0.95em;
line-height: 1;
font-weight: 400;
}
@media (max-width: 500px) {
.wh-product__img {
display: none !important;
}
.wh-product__name {
padding-left: 0 !important;
}
}
.infobanner {
position: fixed;
top: -80px;
left: 0;
right: 0;
color: #fff;
z-index: 4999;
transition: top 0.5s ease-in-out;
}
.infobanner.active {
top: 0;
}
.infobanner .content-wrap {
display: flex;
justify-content: space-between;
align-items: center;
height: 80px;
}
@media only screen and (max-width: 350px) {
.infobanner .content-wrap {
justify-content: center;
}
}
.infobanner__info {
display: flex;
}
@media only screen and (max-width: 350px) {
.infobanner__info {
display: none;
}
}
.infobanner__item {
font-size: 1.6em;
line-height: 1;
}
.infobanner__item:not(:first-child) {
padding-left: 1em;
border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.infobanner__item:not(:last-child) {
padding-right: 1em;
}
.infobanner__label {
color: pink;
text-transform: uppercase;
font-size: 0.4em;
letter-spacing: 0.05em;
padding-bottom: 3px;
}
.infobanner__buttons {
display: flex;
align-items: center;
}
.infobanner__button {
margin-left: 0.5em;
padding-left: 1.5em !important;
padding-right: 1.5em !important;
}
.wh-datatable {
table-layout: fixed;
width: 100%;
border-bottom: 1px solid #e5e5e5;
}
.wh-datatable tbody tr {
box-sizing: border-box;
border-top: 1px solid #e5e5e5;
}
.wh-datatable tbody tr.highlighted {
background-color: rgb(251, 249, 250);
}
.wh-datatable tbody tr.hidden {
display: none;
}
.wh-datatable tbody tr.hovered-country {
color: #a90733;
}
.wh-datatable tbody.animated {
animation: fadeOut-fadeIn 0.2s ease-in-out;
}
.wh-datatable td a {
color: inherit;
text-decoration: none;
transition: all 0.2s ease-in-out;
}
.wh-datatable td a:hover {
text-decoration: underline;
}
.wh-datatable td a[href=NA], .wh-datatable td a[href=""] {
pointer-events: none;
cursor: text;
}
.wh-datatable td a[href=NA]:hover, .wh-datatable td a[href=""]:hover {
text-decoration: none;
}
.wh-datatable td {
vertical-align: unset;
font-weight: 500;
}
.wh-datatable th {
color: #011F5B;
font-weight: 600;
border-bottom: 3px solid #e5e5e5;
vertical-align: bottom;
}
.wh-datatable th,
.wh-datatable td {
box-sizing: border-box;
padding: 0.5em 0.5em;
line-height: 1.4;
}
.wh-datatable th:first-child,
.wh-datatable td:first-child {
padding-left: 0.75em;
}
.wh-datatable th:last-child,
.wh-datatable td:last-child {
padding-right: 0.75em;
}
.wh-datatable--2col {
--column-gap: 1.5rem;
}
.wh-datatable--2col .cloned-header {
left: calc(100% + var(--column-gap));
visibility: hidden;
}
.wh-datatable--2col .cloned-header.hidden {
visibility: hidden;
}
@media only screen and (min-width: 1001px) {
.wh-datatable--2col {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: var(--column-gap);
column-gap: var(--column-gap);
}
.wh-datatable--2col .cloned-header {
visibility: visible;
}
}
@media only screen and (min-width: 601px) {
.wh-datatable--2col.bp-600 {
-moz-column-count: 2;
column-count: 2;
-moz-column-gap: var(--column-gap);
column-gap: var(--column-gap);
}
.wh-datatable--2col.bp-600 .cloned-header {
visibility: visible;
}
}
#full-alumni-table.wh-datatable td a:not([href=NA])::after {
content: "\f08c";
font-family: "Font Awesome 7 Brands";
font-size: 0.8em;
margin-left: 4px;
color: #0077b5;
}
@keyframes fadeOut-fadeIn {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.pagination {
margin-top: 1.5em;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
min-height: 30px;
}
.pagination--align-left {
justify-content: flex-start;
}
.pagination__item {
font-size: 0.8em;
padding: 0 0.25em;
margin: 0 0.5em 0.5em;
line-height: 20px;
border: 1px solid #e5e5e5;
background-color: #fff;
font-weight: 500;
min-width: 2em;
box-sizing: border-box;
text-align: center;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.pagination__item.active {
background-color: #011F5B;
border-color: #011F5B;
color: #fff;
cursor: auto;
pointer-events: none;
}
.pagination .paginationitem {
font-size: 0.8em;
padding: 0 0.25em;
margin: 0 0.5em 0.5em;
line-height: 20px;
border: 1px solid #e5e5e5;
background-color: #fff;
font-weight: 500;
min-width: 2em;
box-sizing: border-box;
text-align: center;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.pagination .paginationitem.active {
background-color: #011F5B;
border-color: #011F5B;
color: #fff;
cursor: auto;
pointer-events: none;
}
.hsgrid {
display: flex;
flex-wrap: wrap;
}
.hsgrid__item {
min-width: 9.09%;
max-width: 9.09%;
box-sizing: border-box;
perspective: 1000px;
}
.hsgrid__item::after {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
@media only screen and (max-width: 1000px) {
.hsgrid__item {
min-width: 14.285%;
max-width: 14.285%;
}
}
@media only screen and (max-width: 600px) {
.hsgrid__item {
min-width: 20%;
max-width: 20%;
}
}
.hsgrid__item .image {
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: transform 1s ease;
}
.hsgrid__item .image .front, .hsgrid__item .image .back {
position: absolute;
width: 100%;
height: 100%;
transition: transform 0.5s ease;
backface-visibility: hidden;
}
.hsgrid__item .image .front {
transform: rotateY(0deg);
}
.hsgrid__item .image .back {
transform: rotateY(180deg);
}
.hsgrid__item .image.visible {
transform: rotateY(180deg);
}
.hsgrid--v2 .hsgrid__item {
min-width: 12.5%;
max-width: 12.5%;
}
@media only screen and (max-width: 600px) {
.hsgrid--v2 .hsgrid__item {
min-width: 16.66666%;
max-width: 16.66666%;
}
}
.hsgrid__wrap {
position: relative;
}
.hero-stat {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
.hero-stat__wrap {
display: flex;
justify-content: space-between;
align-items: center;
width: 80%;
padding: 0 1em;
}
.hero-stat__item {
position: relative;
width: 100%;
max-width: 225px;
height: 150px;
background-color: rgba(255, 255, 255, 0.97);
margin: 0.5em 0;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 1.5em 1em;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.25);
}
.hero-stat__item:not(:last-child) {
margin-right: 2em;
}
.hero-stat__icon {
font-size: 2em;
margin-bottom: 0.25em;
color: #a90733;
}
.hero-stat__stat {
line-height: 1.1;
font-weight: 600;
color: #011F5B;
font-size: 1.25em;
}
@media only screen and (max-width: 800px) {
.hero-stat__wrap {
flex-wrap: wrap;
justify-content: center;
max-width: 275px;
width: 80%;
}
.hero-stat__item {
flex-direction: row;
height: auto;
width: 100%;
max-width: none;
}
.hero-stat__item:not(:last-child) {
margin-right: 0;
}
.hero-stat__icon {
margin-bottom: 0;
margin-right: 1rem;
}
}
@media only screen and (max-width: 600px) {
.hero-stat__item {
padding: 2em 1em;
font-size: 0.85em;
}
}
.hero-table__item {
display: flex;
align-items: flex-start;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 3em 0;
}
@media only screen and (max-width: 700px) {
.hero-table__item {
border: none;
}
}
@media only screen and (max-width: 700px) {
.hero-table__item {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 2em !important;
}
.hero-table__item:last-child {
padding-bottom: 0 !important;
}
}
.hero-table__content {
flex: 1;
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 1100px) {
.hero-table__content {
flex-direction: column;
}
}
.hero-table__img {
min-width: 175px;
max-width: 175px;
width: 100%;
margin-right: 1.5rem;
background-size: cover;
}
.hero-table__tag {
display: none;
font-weight: 500;
margin: 0.65em 0 0.5em;
padding: 0.5em 1em;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.75);
font-size: 0.85em;
}
.hero-table__tag i {
color: #0c3a97;
font-size: 0.9em;
}
.hero-table__tag i:not(:first-child) {
margin-left: 1em;
}
@media only screen and (max-width: 700px) {
.hero-table__tag {
display: block;
}
}
.hero-table__text {
min-width: 45%;
max-width: 45%;
}
.hero-table__text p {
margin-top: 0.5rem;
}
.hero-table__text .hero-table__meta-list {
font-size: 0.85em;
margin-top: 0.75em;
}
@media only screen and (max-width: 1100px) {
.hero-table__text .hero-table__meta-list {
display: block !important;
}
}
.hero-table__text .hero-table__meta-list i {
color: #0c3a97;
}
.hero-table__text .hero-table__meta-list-item {
display: inline;
}
.hero-table__text .hero-table__meta-list-item:not(:first-child) {
padding-left: 0.5em;
}
.hero-table__title {
font-weight: 600;
font-size: 2em;
line-height: 1.15;
}
@media only screen and (max-width: 1100px) {
.hero-table__title {
color: #011F5B;
}
}
@media only screen and (max-width: 1100px) {
.hero-table__meta {
display: none;
}
}
.hero-table__meta .hero-table__meta-list {
display: table;
}
.hero-table__meta .hero-table__meta-list-item {
display: table-row;
padding-right: 0;
}
.hero-table__meta .hero-table__meta-list-item > * {
display: table-cell;
padding-bottom: 0.5rem;
}
.hero-table__meta .hero-table__meta-icon {
color: #0c3a97;
}
.hero-table__meta .hero-table__meta-data {
padding-left: 6px;
}
.hero-table__meta .hero-table__meta .fa-laptop {
transform: scale(0.85);
}
.hero-table__meta .hero-table__meta .fa-graduation-cap {
transform: scale(0.9);
}
.hero-table__go {
padding-top: 0.25em;
}
@media only screen and (max-width: 1100px) {
.hero-table__content {
flex-wrap: wrap;
}
.hero-table__img {
min-width: 75px;
max-width: 15%;
}
.hero-table__text {
width: 100%;
max-width: none;
}
.hero-table__meta {
margin-top: 0.5em;
}
.hero-table__go {
margin-top: 1em;
}
.hero-table__go .button--block {
width: auto;
}
}
@media only screen and (max-width: 700px) {
.hero-table__text .hero-table__meta-list {
display: none !important;
}
.hero-table__img {
display: none;
}
.hero-table__meta {
display: none;
margin-right: 0;
}
.hero-table__go a {
font-size: 0.75rem;
line-height: 30px;
}
}
@media only screen and (max-width: 700px) {
#homeTable .content-wrap {
width: auto;
}
}
@media only screen and (max-width: 700px) {
.home .footer__container > div:not(.footer__container-logo) {
display: none !important;
}
}
.form-loader,
.table-loader {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 200;
}
.form-loader i,
.table-loader i {
position: absolute;
top: 50%;
left: 50%;
margin-top: -1rem;
margin-left: -1rem;
}
.form-loader__wrap,
.table-loader__wrap {
position: relative;
}
.form-loader__wrap {
min-height: 450px;
}
.table-loader__wrap {
min-height: 50px;
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 5000;
display: flex;
justify-content: center;
align-items: center;
}
.modal__header {
font-size: 1.25em;
margin-bottom: 1em;
font-weight: 600;
line-height: 1.4;
}
.modal__container {
background-color: transparent;
width: 100%;
max-height: 100vh;
border-radius: 0;
box-sizing: border-box;
max-width: 1000px;
}
@media only screen and (min-width: 1000px) {
.modal__container {
padding: 2rem;
}
}
.modal__content {
position: relative;
height: 100vh;
overflow-y: auto;
}
@media only screen and (min-width: 1000px) {
.modal__content {
height: auto;
max-height: 85vh;
}
}
.modal__unmute {
background: #fff;
cursor: pointer;
font-size: 1.1rem;
font-weight: 600;
line-height: 1;
overflow: hidden;
padding: 0.75em;
position: absolute;
left: 10px;
top: 10px;
z-index: 1;
}
.--theme-grey .modal__close {
color: #011F5B;
opacity: 0.5;
}
.--pad-content-extra .modal__header {
margin-top: -0.75em;
}
#modal-video .modal__close,
#modal-autoplay .modal__close {
background: rgba(0, 0, 0, 0.7);
opacity: 0.75;
}
@keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: translateY(15%);
}
to {
transform: translateY(0);
}
}
@keyframes mmslideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(-10%);
}
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden=false] .modal__overlay {
animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=false] .modal__container {
animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__overlay {
animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__container {
animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container, .micromodal-slide .modal__overlay {
will-change: transform;
}
#js-swell-banner .modal__message {
position: relative;
}
@media only screen and (max-width: 1000px) {
#js-swell-banner .modal__message {
top: -10%;
}
}
#js-swell-banner p {
font-size: 1.5em;
line-height: 1.35;
color: #303030;
font-weight: 500;
}
#js-swell-banner button {
display: block;
max-width: 300px;
margin: 1rem auto 0;
text-transform: capitalize;
}
#js-swell-banner .form__close-btn {
color: #000000;
top: 0;
right: 0;
}
label.hs-form-booleancheckbox-display {
font-size: 0.7em;
line-height: 1.3;
display: block;
}
label.hs-form-booleancheckbox-display input {
margin-right: 6px;
position: relative;
top: 2px;
}
.hs-fieldtype-intl-phone select {
text-overflow: ellipsis;
padding-right: 0;
}
.hs-fieldtype-intl-phone select + input {
padding-left: 0.5em !important;
}
input.error,
select.error,
textarea.error {
box-shadow: inset 4px 0 0 0 red;
border-left-color: red !important;
background: #ffeaea !important;
box-sizing: border-box !important;
}
.hs-form-field .hs-error-msg,
.hs-form-field .hs-error-msgs {
display: none !important;
}
.hs_error_rollup .hs-error-msgs {
display: block !important;
}
.hs_recaptcha {
visibility: hidden;
width: 0;
height: 0;
overflow: hidden;
position: absolute !important;
}
@media only screen and (min-width: 1000px) {
.--inputSplit form {
display: flex;
flex-wrap: wrap;
}
.--inputSplit .form__input,
.--inputSplit .hs-form-field {
margin-top: 0.5em !important;
}
.--inputSplit .field {
min-width: calc(50% - 1em);
max-width: calc(50% - 1em);
margin-right: 1em;
}
.--inputSplit .field.hs-fieldtype-textarea {
min-width: calc(100% - 1em);
max-width: calc(100% - 1em);
}
.--inputSplit .hs_error_rollup,
.--inputSplit .hs_form_divider_1,
.--inputSplit .hs_form_divider_2,
.--inputSplit .hs_form_divider_3,
.--inputSplit .hs_form_divider_4 {
min-width: calc(100% - 1em);
max-width: calc(100% - 1em);
}
.--inputSplit .hs-fieldtype-booleancheckbox {
width: 100% !important;
max-width: none !important;
}
}
.flex-cols:not(.flex-cols--fluid):not(.flex-cols--nowrap) + .form__spacer {
margin-top: 1.5em;
}
.form__input.hasContent label,
.hs-form-field:not(.hs-fieldtype-booleancheckbox).hasContent label {
font-size: 0.6em;
left: 5px;
top: 1px;
right: 1px;
padding-left: 1.1rem;
padding-top: 0.35em;
color: rgba(48, 48, 48, 0.6);
align-items: flex-start;
white-space: nowrap;
overflow: hidden;
}
.form__input,
.hs-form-field,
.hs_error_rollup {
position: relative;
box-sizing: border-box;
}
.form__input,
.hs-form-field:not(.hs-fieldtype-textarea):not(.hs-fieldtype-booleancheckbox),
textarea {
background-color: #f9f7f6 !important;
}
.hs-form-field:not(:first-child),
.hs-dependent-field:not(:first-child) {
margin-top: 0.5em;
}
.hs-fieldtype-select::after {
font-family: "Font Awesome 7 Pro";
position: absolute;
content: "\f078";
font-size: 0.9rem;
top: 0;
right: 1em;
bottom: 0;
font-weight: 500;
color: #303030;
display: flex;
align-items: center;
-webkit-font-smoothing: antialiased;
z-index: 100;
}
.hs-fieldtype-select select.is-placeholder {
color: transparent;
}
.hs-fieldtype-select select.is-placeholder option {
color: #303030;
}
form {
position: relative;
font-size: 1em;
}
form input[type=text],
form input[type=email],
form input[type=tel],
form select,
form textarea {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1.35rem 1.35rem 0.75em;
font-size: 0.9em;
background: transparent;
z-index: 30;
font-weight: inherit;
font-family: inherit;
border: 1px solid #e5e5e5;
}
form input[type=text]:active,
form input[type=email]:active,
form input[type=tel]:active,
form select:active,
form textarea:active {
outline: none;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form select:focus,
form textarea:focus {
outline: none;
}
form select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
form select::-ms-expand {
display: none;
}
form option[disabled] {
opacity: 0.5;
}
form textarea {
min-height: 250px;
display: block;
resize: none;
}
form label:not(.hs-form-booleancheckbox-display) {
position: absolute;
font-size: 0.9em;
top: 0;
right: 1.25rem;
left: 1.25rem;
bottom: 0;
display: flex;
align-items: center;
z-index: 50;
pointer-events: none;
}
form label a {
color: #49aeff;
}
form input[type=submit],
form button[type=submit] {
-webkit-appearance: none;
font-family: "Whitney A", "Whitney B", Arial, sans-serif !important;
font-weight: normal !important;
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-size: 0.95rem;
padding: 0 2rem;
line-height: 43px;
border: none;
color: #fff;
letter-spacing: 0.1rem;
text-transform: uppercase;
overflow: hidden;
position: relative;
white-space: nowrap !important;
border-radius: 0 !important;
display: inline-block;
margin-top: 2em;
padding-left: 2em;
padding-right: 2em;
background-color: #a90733;
color: #fff;
}
form input[type=submit]:hover,
form button[type=submit]:hover {
background-color: #d81046;
}
form .hs-fieldtype-textarea label {
top: 0.75rem;
bottom: auto;
z-index: 100;
}
form .hs-fieldtype-textarea textarea {
padding-top: 3em;
}
form .hs-fieldtype-textarea.hasContent label {
height: 2.65rem;
background: linear-gradient(to bottom, #f9f7f6 50%, transparent);
}
form.--theme-blue .form__input,
form.--theme-blue .hs-form-field:not(.hs-fieldtype-booleancheckbox),
.--theme-blue form .form__input,
.--theme-blue form .hs-form-field:not(.hs-fieldtype-booleancheckbox) {
background-color: #fff;
border: none;
}
form.--theme-blue input[type=text],
form.--theme-blue input[type=email],
form.--theme-blue input[type=tel],
form.--theme-blue select,
form.--theme-blue textarea,
.--theme-blue form input[type=text],
.--theme-blue form input[type=email],
.--theme-blue form input[type=tel],
.--theme-blue form select,
.--theme-blue form textarea {
border: none;
}
form.--theme-blue input[type=submit],
form.--theme-blue button[type=submit],
.--theme-blue form input[type=submit],
.--theme-blue form button[type=submit] {
box-sizing: border-box;
border: solid 1px #fff;
background-color: transparent;
}
form.--theme-blue input[type=submit]:hover,
form.--theme-blue button[type=submit]:hover,
.--theme-blue form input[type=submit]:hover,
.--theme-blue form button[type=submit]:hover {
background-color: #49aeff;
border-color: #49aeff;
}
form.--theme-blue .form__title, form.--theme-blue .form__subtitle, form.--theme-blue .form__comment,
.--theme-blue form .form__title,
.--theme-blue form .form__subtitle,
.--theme-blue form .form__comment {
color: #fff;
}
form.--theme-blue .hs-form-booleancheckbox > label > span,
.--theme-blue form .hs-form-booleancheckbox > label > span {
color: white;
}
.form--lg {
font-size: 1.15em;
}
.form__spacer {
border-bottom: 1px solid rgba(0, 0, 0, 0.075);
display: block;
margin: 0.5em 0;
}
.form__title {
font-weight: 600;
font-size: 1.35em;
margin-top: 0;
}
.form__subtitle {
margin-top: 0.25em;
font-weight: normal;
font-size: 0.8em;
}
.form__fineprint {
display: flex;
align-items: flex-start;
margin-top: 0.5em;
}
.form__fineprint .form__comment {
padding-top: 0;
font-size: 0.8em;
margin-top: -0.25rem;
}
.form__fineprint input[type=checkbox] {
display: inline;
margin-right: 0.5em;
}
.form__close-btn {
position: absolute;
top: 10px;
right: 10px;
line-height: 1;
overflow: hidden;
cursor: pointer;
opacity: 0.3;
padding: 0.5em;
z-index: 1;
font-size: 1.5rem;
font-weight: 300;
}
.form__close-btn::before {
font-family: "Font Awesome 7 Pro";
content: "\f00d";
color: inherit;
}
.form__close-btn:hover {
opacity: 0.5;
}
.form__comment {
padding-top: 1.5em;
font-size: 0.6em;
display: block;
}
.form__comment a {
cursor: pointer;
color: inherit;
text-decoration: underline;
}
.hs_error_rollup {
margin-top: 1em;
background: #ffeaea !important;
border: 1px solid #efdfdf;
padding: 1rem 1.35rem;
}
.hs_error_rollup label {
position: relative !important;
top: auto !important;
right: auto !important;
left: auto !important;
bottom: auto !important;
display: block !important;
align-items: inherit !important;
z-index: 50;
}
.download-form input[type=submit] {
width: 100%;
}
#whInfoSession input[type=submit] {
margin-top: 1em !important;
}
.download-form .hs_error_rollup,
#whInfoSession .hs_error_rollup,
#mobileBrochure .hs_error_rollup {
padding: 0;
background: none !important;
border: none !important;
color: #a90733;
font-size: 0.9em;
}
.--theme-blue .hs_error_rollup {
color: #49aeff !important;
}
.hs_form_divider_1,
.hs_form_divider_2,
.hs_form_divider_3,
.hs_form_divider_4 {
display: block !important;
max-height: 0;
overflow: hidden;
min-width: 100%;
max-width: 100%;
border-bottom: 1px solid #efebe9;
}
.--inputSplit .hs_form_divider_1,
.--inputSplit .hs_form_divider_2,
.--inputSplit .hs_form_divider_3,
.--inputSplit .hs_form_divider_4 {
margin-top: 1em !important;
margin-bottom: 0.5em !important;
}
.validator-err {
display: none;
}
/**
* Honeypot field
*/
.hs_universal_cell_phone_number_reference,
.hs-universal_cell_phone_number_reference {
position: absolute !important;
left: -10000px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
.submitted-message {
display: none !important;
}
.submitted-message .hs-main-font-element {
color: #fff;
}
.download-form {
box-sizing: border-box;
font-size: 1.15em;
line-height: 1.4;
display: block;
padding: 2em;
transform: scale(1);
transition: all 0.2s ease-in-out;
}
.download-form ::-webkit-input-placeholder {
color: #afafaf;
}
.download-form :-moz-placeholder {
color: #afafaf;
}
.download-form ::-moz-placeholder {
color: #afafaf;
}
.download-form :-ms-input-placeholder {
color: #afafaf;
}
.download-form .submitted-message.hs-main-font-element {
color: #fff;
}
.download-form .hs-richtext {
color: #fff;
margin-top: 0.5em;
}
.download-form .hs-richtext p {
font-size: 0.75rem !important;
}
.download-form__wrap {
position: relative;
}
.download-form__wrap-content {
position: absolute !important;
z-index: 70;
top: 0;
right: 50%;
transform: translateX(50%);
}
.download-form__content {
width: 100%;
max-width: 550px;
margin: 0 auto;
}
.download-form .form__submit {
width: 100%;
}
.download-form .button--transparent:hover,
.download-form .button--transparent:focus {
background-color: #49aeff;
border-color: #49aeff;
}
.download-form label.hs-form-booleancheckbox-display {
color: #fff;
}
@media only screen and (max-width: 1000px) {
.modal .download-form {
text-align: center;
display: flex;
align-items: center;
height: 100%;
}
.modal .download-form .form__comment {
margin: 0 auto;
}
.modal .download-form .download-form__content {
position: relative;
max-height: 100%;
overflow: auto;
}
}
.modal .download-form .form__title {
font-size: 1.75em;
}
.--align-center {
text-align: center;
}
@media only screen and (max-width: 1000px) {
.--align-center-bp1000 {
text-align: center;
}
}
.--align-left {
text-align: left !important;
}
.--align-right {
text-align: right;
}
@media only screen and (max-width: 800px) {
.--align-right-bp800 {
text-align: right;
}
}
.--content-center {
margin-right: auto;
margin-left: auto;
}
@media only screen and (max-width: 1000px) {
.--content-center-bp1000 {
margin-right: auto !important;
margin-left: auto !important;
}
}
.--content-left {
margin-right: auto;
margin-left: 0;
}
.--content-right {
margin-left: auto;
margin-right: 0;
}
.--content-top {
margin-top: 0;
margin-bottom: auto;
}
.--content-bottom {
margin-top: auto;
margin-bottom: 0;
}
.--float-left {
float: left;
margin-right: 1rem;
}
.--float-right {
float: right;
margin-left: 1rem;
}
.--flex-align-center {
display: flex;
align-items: center;
justify-content: center;
}
.--sixteen-nine {
position: relative;
}
.--sixteen-nine:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.--eight-five {
position: relative;
}
.--eight-five:before {
display: block;
content: "";
width: 100%;
padding-top: 62.5%;
}
.--five-eight {
position: relative;
}
.--five-eight:before {
display: block;
content: "";
width: 100%;
padding-top: 160%;
}
.--six-four {
position: relative;
}
.--six-four:before {
display: block;
content: "";
width: 100%;
padding-top: 66.6666666667%;
}
.--six-five {
position: relative;
}
.--six-five:before {
display: block;
content: "";
width: 100%;
padding-top: 83.3333333333%;
}
.--one-one {
position: relative;
}
.--one-one:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
@media only screen and (max-width: 500px) {
.--hide-500 {
display: none !important;
}
}
@media only screen and (max-width: 600px) {
.--hide-600 {
display: none !important;
}
}
@media only screen and (max-width: 700px) {
.--hide-700 {
display: none !important;
}
}
@media only screen and (max-width: 800px) {
.--hide-800 {
display: none !important;
}
}
@media only screen and (max-width: 1000px) {
.--hide-1000 {
display: none !important;
}
}
@media only screen and (max-width: 1050px) {
.--hide-1050 {
display: none !important;
}
}
@media only screen and (max-width: 1100px) {
.--hide-1100 {
display: none !important;
}
}
@media only screen and (max-width: 1200px) {
.--hide-1200 {
display: none !important;
}
}
@media only screen and (max-width: 1300px) {
.--hide-1300 {
display: none !important;
}
}
@media only screen and (min-width: 501px) {
.--show-500 {
display: none !important;
}
}
@media only screen and (min-width: 601px) {
.--show-600 {
display: none !important;
}
}
@media only screen and (min-width: 701px) {
.--show-700 {
display: none !important;
}
}
@media only screen and (min-width: 801px) {
.--show-800 {
display: none !important;
}
}
@media only screen and (min-width: 1001px) {
.--show-1000 {
display: none !important;
}
}
@media only screen and (min-width: 1201px) {
.--show-1200 {
display: none !important;
}
}
@media only screen and (min-width: 1301px) {
.--show-1300 {
display: none !important;
}
}
@media only screen and (max-width: 1000px) {
.bp1000--max700 {
max-width: 700px !important;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 1000px) {
.bp1000--max500 {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (max-width: 800px) {
.bp800--max500 {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
}
.--min-200 {
min-width: 200px;
}
.--min-250 {
min-width: 250px;
}
.--max-100 {
box-sizing: border-box;
max-width: 100px;
width: 100%;
}
.--max-125 {
box-sizing: border-box;
max-width: 125px;
width: 100%;
}
.--max-300 {
box-sizing: border-box;
max-width: 300px;
width: 100%;
}
.--max-400 {
box-sizing: border-box;
max-width: 400px;
width: 100%;
}
.--max-450 {
box-sizing: border-box;
max-width: 450px;
width: 100%;
}
.--max-500 {
box-sizing: border-box;
max-width: 500px;
width: 100%;
}
.--max-600 {
box-sizing: border-box;
max-width: 600px;
width: 100%;
}
.--max-700 {
box-sizing: border-box;
max-width: 700px;
width: 100%;
}
.--max-750 {
box-sizing: border-box;
max-width: 750px;
width: 100%;
}
.--max-800 {
box-sizing: border-box;
max-width: 800px;
width: 100%;
}
.--max-900 {
box-sizing: border-box;
max-width: 900px;
width: 100%;
}
.--max-950 {
box-sizing: border-box;
max-width: 950px;
width: 100%;
}
.--max-1000 {
box-sizing: border-box;
max-width: 1000px;
width: 100%;
}
.--max-1100 {
box-sizing: border-box;
max-width: 1100px;
width: 100%;
}
.--max-1200 {
box-sizing: border-box;
max-width: 1200px;
width: 100%;
}
.--max-none {
max-width: none !important;
width: 100%;
}
.--pad-section {
padding-top: 3rem;
padding-bottom: 3rem;
}
@media only screen and (min-width: 1000px) {
.--pad-section {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.--pad-section-top {
padding-top: 3rem;
}
@media only screen and (min-width: 1000px) {
.--pad-section-top {
padding-top: 4rem;
}
}
.--pad-section-bottom {
padding-bottom: 3rem;
}
@media only screen and (min-width: 1000px) {
.--pad-section-bottom {
padding-bottom: 4rem;
}
}
.--pad-section-minor {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.--pad-section-medium {
padding-top: 2rem;
padding-bottom: 2rem;
}
@media only screen and (min-width: 1000px) {
.--pad-section-medium {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}
.--pad-section-extra {
padding-top: 3rem;
padding-bottom: 3rem;
}
@media only screen and (min-width: 1000px) {
.--pad-section-extra {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
.--pad-section-hero {
padding-top: 3rem;
padding-bottom: 3rem;
}
@media only screen and (min-width: 1000px) {
.--pad-section-hero {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
.--pad-section-super {
padding-top: 3rem;
padding-bottom: 3rem;
}
@media only screen and (min-width: 1000px) {
.--pad-section-super {
padding-top: 7rem;
padding-bottom: 7rem;
}
}
.--pad-content {
padding: 2rem;
}
.--pad-content-minor {
padding: 1rem;
}
.--pad-content-more {
padding: 3rem;
}
@media only screen and (max-width: 600px) {
.--pad-content-more {
padding: 2rem;
}
}
.--pad-content-extra {
padding: 4rem;
}
@media only screen and (max-width: 600px) {
.--pad-content-extra {
padding: 3rem 2.5rem;
}
}
.--pad-left {
padding-left: 2rem;
}
.--pad-left-minor {
padding-left: 1rem;
}
.--pad-left-extra {
padding-left: 4rem;
}
.--pad-right {
padding-right: 2rem;
}
.--pad-right-minor {
padding-right: 1rem;
}
.--pad-right-extra {
padding-right: 4rem;
}
.--pad-both {
padding-left: 2rem;
padding-right: 2rem;
}
.--pad-both-minor {
padding-right: 1rem;
padding-left: 1rem;
}
.--pad-both-extra {
padding-left: 4rem;
padding-right: 4rem;
}
.--pad-top {
padding-top: 2rem;
}
.--pad-top-micro {
padding-top: 0.25rem;
}
.--pad-top-minim {
padding-top: 0.5rem;
}
.--pad-top-minor {
padding-top: 1rem;
}
.--pad-top-medium {
padding-top: 1.5rem;
}
.--pad-top-extra {
padding-top: 3.5rem;
}
@media only screen and (min-width: 1000px) {
.--pad-top-extra {
padding-top: 5rem;
}
}
.--pad-top-flush {
padding-top: 0 !important;
}
.--pad-bottom {
padding-bottom: 2rem;
}
.--pad-bottom-minim {
padding-bottom: 0.5rem;
}
.--pad-bottom-minor {
padding-bottom: 1rem;
}
.--pad-bottom-extra {
padding-bottom: 4rem !important;
}
.--pad-bottom-super {
padding-bottom: 5rem !important;
}
.--pad-bottom-flush {
padding-bottom: 0 !important;
}
.--theme-lt.--pad-section + .--theme-lt.--pad-section {
padding-top: 0;
}
.--shadow {
box-shadow: 3px 3px 7px -2px rgba(0, 0, 0, 0.1);
}
.--shadow-dk {
box-shadow: 20px 20px 25px -20px rgba(0, 0, 0, 0.35);
}
.--shadow-heavy {
box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.9);
}
.--cardshadow {
box-shadow: 30px 30px 60px -40px rgba(35, 38, 40, 0.5);
}
.--shadow-sides {
box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1), -10px -10px 20px 0 rgba(0, 0, 0, 0.1);
}
.--pos-rel {
position: relative;
}
.--pos-static {
position: static;
}
.--pos-abs {
position: absolute;
}
.--hover-scale {
transition: all 0.2s ease-in-out;
}
.--hover-scale:hover {
transform: scale(1.05);
}
.--hover-cyan:hover {
color: #49aeff;
}
.--scale1 {
transform: scale(1.1);
}
.--scale3 {
transform: scale(1.3);
}
.--scale5 {
transform: scale(1.5);
}
.--scale7 {
transform: scale(1.7);
}
#whGeo {
overflow: visible;
}
@media only screen and (max-width: 1000px) {
#graphicGeo,
#graphicAge #workchart {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
}
#whGeo .st0 {
fill: #E8E7E6;
}
#whGeo .st1 {
fill: #849cb0;
}
#whGeo .st2 {
fill: #80bbdb;
}
#whGeo .st3 {
fill: #49aeff;
}
#whGeo .st4 {
fill: #6179cc;
}
#whGeo .st5 {
fill: #a90733;
}
#whGeo .st6 {
fill: #3b507b;
}
#whGeo .st7 {
fill: #FFFFFF;
}
#chartdiv {
width: 100%;
height: 300px;
}
#chartdiv svg {
position: relative;
margin-top: -2em;
}
#chartdiv g > text:first-child tspan {
font-weight: 700;
}
#chartdiv #id-105 g[fill] {
fill: #2F4387 !important;
}
.chart-wrap {
text-align: center;
}
.chart-wrap #workchart,
.chart-wrap #careerLevelChart,
.chart-wrap #pie-chart-1,
.chart-wrap #pie-chart-2 {
height: 250px;
}
@media only screen and (min-width: 601px) {
.chart-wrap #workchart,
.chart-wrap #careerLevelChart,
.chart-wrap #pie-chart-1,
.chart-wrap #pie-chart-2 {
transform: scale(1.2);
}
}
@media only screen and (max-width: 600px) {
.chart-wrap #workchart,
.chart-wrap #careerLevelChart,
.chart-wrap #pie-chart-1,
.chart-wrap #pie-chart-2 {
margin-bottom: -3rem;
}
}
@media only screen and (max-width: 500px) {
.chart-wrap #workchart,
.chart-wrap #careerLevelChart,
.chart-wrap #pie-chart-1,
.chart-wrap #pie-chart-2 {
margin-bottom: -4rem;
}
}
.chart-wrap .chart-footnotes {
margin-top: -2em;
}
.chart-wrap .chart-footnote {
display: block;
font-size: 0.75em;
}
.students-map {
position: relative;
}
.students-map svg {
height: auto;
}
.students-map svg path {
transition: all 0.5s;
z-index: 9999;
}
.students-map svg path.filled {
fill: #49aeff;
}
.students-map svg path.filled:hover {
fill: #3a4d78;
}
.students-map svg path.hovered {
fill: #3b507b;
}
#countries-table tr td {
cursor: default;
}
#countries-table tr td[data-country-table] {
font-weight: 500;
}
#countries-table tr.hovered-country, #countries-table tr:hover {
color: #49aeff;
}
.country-info {
font-size: 0.9rem;
font-weight: 500;
z-index: 0;
background-color: #3a4d78;
background: #fff;
border: 1px solid #e5e5e5;
box-shadow: 3px 3px 7px -2px rgba(0, 0, 0, 0.1);
position: absolute;
padding: 3px 5px;
opacity: 0;
left: -100px;
top: -100px;
}
.country-info.active {
opacity: 1;
display: inline-block;
}
#wharton::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
opacity: 0;
z-index: 60;
transform: scale(0.0001);
transition: opacity 1s, transform 0.1s 1s;
}
#wharton.screen-locked::before {
z-index: 5000;
opacity: 0.75;
transform: scale(1);
transition: opacity 1s;
}
[data-animation] {
position: relative;
}
#whApplicantProfile [data-animation-marker] {
position: absolute;
top: 400px;
height: 10px;
width: 100px;
background: transparent;
z-index: 2000;
}
#whApplicantProfile .content-wrap {
position: relative;
top: 200px;
transition: top 0.5s ease-in-out, opacity 0.25s ease-in-out;
opacity: 0;
}
#whApplicantProfile.--inView .content-wrap {
top: 0;
opacity: 1;
}
#whVideoStarter [data-animation-marker] {
position: absolute;
top: 200px;
height: 10px;
width: 100px;
background: transparent;
}
#whVideoStarter .video-starter {
position: relative;
top: 200px;
transition: top 0.5s ease-in-out, opacity 0.25s ease-in-out;
opacity: 0;
}
#whVideoStarter .video-starter__play {
transition: all 0.25s ease-in-out 0.5s;
opacity: 0;
transform: scale(0.001);
}
#whVideoStarter.--inView .video-starter {
top: 0;
opacity: 1;
}
#whVideoStarter.--inView .video-starter__play {
opacity: 1;
transform: scale(1);
}
#whEarnCertPics [data-animation-marker] {
position: absolute;
top: 150px;
height: 10px;
width: 100px;
background: transparent;
}
#whEarnCertPics .flex-cols > .flex-col:first-child {
position: relative;
left: -1000px;
transition: left 0.5s ease-in-out, opacity 0.25s ease-in-out;
opacity: 0;
}
#whEarnCertPics .flex-cols > .flex-col:nth-child(2) {
position: relative;
top: 500px;
transition: all 0.5s ease-in-out, opacity 0.25s ease-in-out;
opacity: 0;
}
#whEarnCertPics .flex-cols > .flex-col:last-child {
position: relative;
right: -1000px;
transition: right 0.5s ease-in-out, opacity 0.25s ease-in-out;
opacity: 0;
}
#whEarnCertPics.--inView .flex-cols > .flex-col:first-child {
left: 0;
opacity: 1;
}
#whEarnCertPics.--inView .flex-cols > .flex-col:nth-child(2) {
top: 0;
opacity: 1;
}
#whEarnCertPics.--inView .flex-cols > .flex-col:last-child {
opacity: 1;
right: 0;
}
#wppdfemb-frame-container-322 {
position: relative;
width: 100%;
padding-top: 129.4117647059%;
}
#wppdfemb-frame-container-322 > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 0 !important;
}
@media only screen and (max-width: 700px) {
#allPrograms {
display: none;
}
}
.progTeaser {
padding-top: 100px;
position: relative;
}
.progTeaser__content {
position: relative;
}
.progTeaser__title {
font-size: 1.75em;
line-height: 1.1;
font-weight: 600;
margin-bottom: 0.75em;
}
.progTeaser__list-item {
position: relative;
line-height: 1.2;
}
.progTeaser__list-item a {
text-decoration: none;
color: inherit;
}
.progTeaser__list-item:not(:first-child) {
padding-top: 0.5rem;
}
.progTeaser__list-item:not(:last-child) {
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.progTeaser::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(rgba(0, 31, 91, 0.6) 50%, #011F5B);
}
.progTeaser .stats-blocks--stack .stats-block:not(:first-child) {
border-color: rgba(255, 255, 255, 0.5);
}
#whCommunity {
position: relative;
background-color: #f0eeed;
overflow: hidden;
}
#whCommunity::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
height: 2000px;
background: linear-gradient(#fff 50%, #f0eeed);
}
#admin_access {
position: fixed;
width: 50px;
height: 50px;
border-radius: 25px;
display: flex;
align-items: center;
justify-content: center;
background-color: #a90733;
bottom: 1em;
left: 1em;
color: #fff;
z-index: 10000;
}
#admin_access:hover {
background-color: #d81046;
}
#admin_access i {
font-size: 20px;
}
@media only screen and (max-width: 1000px) {
#mobileBrochure input[type=submit] {
background-color: #a90733;
border-color: #a90733;
min-width: 250px;
display: block;
margin-left: auto;
margin-right: auto;
}
}
#wharton {
min-height: 100vh;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
overflow: hidden;
}
#wharton main {
flex: 1;
}
@media only screen and (max-width: 700px) {
#wharton #content-section {
padding-top: 1em;
background-color: #fff;
transition: all 0.2s ease-in-out;
}
#wharton #content-section > .content-wrap {
padding: 0;
transition: all 0.2s ease-in-out;
}
}
#tuitionSeparator {
position: relative;
}
#tuitionSeparator p {
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
width: 50px;
height: 50px;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
font-weight: 500;
border: 3px solid rgba(255, 255, 255, 0.25);
box-sizing: border-box;
}
@media only screen and (max-width: 1000px) {
#tuitionSeparator {
height: 50px;
padding: 1em 0;
}
}
@media only screen and (min-width: 1001px) {
.whApplicantProfile {
padding-top: 200px;
}
.whApplicantProfile > .content-wrap {
z-index: 900;
padding: 4rem;
}
}
@media only screen and (max-width: 1000px) {
.whApplicantProfile {
background-color: #fff;
}
}
.whApplicantProfile .content-wrap {
background: linear-gradient(rgba(255, 255, 255, 0.85), #fff 10%);
}
@media only screen and (max-width: 1000px) {
.whApplicantProfile .content-wrap {
background-color: #fff;
box-shadow: none;
border: none;
}
}
.whApplicantProfile .section__starter-img {
position: absolute;
overflow: hidden;
left: 0;
top: 0;
right: 0;
}
.whApplicantProfile .section__starter-img img {
position: relative;
width: 100%;
top: -50px;
}
@media only screen and (max-width: 1000px) {
#whInfoSession.--theme-grey-blue,
#whInfoSession.--theme-w-blue {
background: linear-gradient(#fff 50%, #011F5B 50%);
padding-top: 0;
}
}
#howYoullLearn .icon-card--l {
padding: 2em 2.5em;
}
#cert-program-overview .content-block:not(.sticky-info-block__content) {
position: relative;
}
#cert-program-overview .content-block:not(.sticky-info-block__content).--pad-content {
padding: 2em 2.5em !important;
}
#cert-program-overview .content-block:not([data-module="1"]):not(.sticky-info-block__content) {
margin-top: 2em;
}
@media only screen and (max-width: 1000px) {
#cert-program-overview p {
display: none;
}
}
#full-alumni-table th:last-child,
#full-alumni-table td:last-child {
width: 200px;
}
#whFaculty.--has-collapser .collapser__content {
max-height: 700px;
}
@media only screen and (min-width: 1001px) {
#whFaculty.--has-collapser .collapser__content {
max-height: none;
overflow: visible;
}
#whFaculty .collapser {
display: none;
}
}
@media only screen and (max-width: 700px) {
#whFaculty .--cardshadow {
box-shadow: none;
}
}
.page-template-page-homepage {
background-color: #f6f5f3;
}
@media only screen and (max-width: 1000px) {
.page-template-page-homepage h2.section__title,
.page-template-page-homepage p.section__subtitle {
text-align: center !important;
}
.page-template-page-homepage .hs_submit .actions {
text-align: center;
}
}
.page-template-page-thank-you,
.page-template-page-alumni,
.error404 {
background-color: #f0eeed;
}
.page-template-page-thank-you main {
display: flex;
flex-direction: column;
}
.page-template-page-thank-you main .bg-img-cover {
flex: 1;
}
.page-template-page-samcart-shell {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
font-size: 14px;
}
.samCart {
max-width: 1200px;
padding: 0 2.2em;
margin: 0 auto;
box-sizing: border-box;
min-height: 100vh;
display: flex;
flex-direction: column;
}
.samCart h3 {
color: #172F44 !important;
font-size: 18px;
margin-bottom: 24px;
font-weight: 400;
}
.samCart__footer {
height: 40px;
}
.samCart__header {
padding: 2.85em 0 2.25em;
}
.samCart__header img {
max-height: 40px;
}
.samCart__wrap {
display: flex;
flex: 1;
}
.samCart__section {
min-width: 50%;
max-width: 50%;
box-sizing: border-box;
}
.samCart__section--form {
border-right: 1px solid #e5e5e5;
padding-right: 32px;
}
.samCart__section--total {
padding-left: 32px;
}
.samCart .sref-discount-message {
background: #e8f6f0;
color: #14532d;
padding: 1em;
margin-top: 1em;
border: 1px solid #c2e7d4;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
}
@media (max-width: 767px) {
.samCart {
padding: 0;
}
.samCart__header {
padding: 2.85em 2.25em 2.25em;
}
.samCart__wrap {
flex-direction: column-reverse;
height: auto;
flex: unset;
}
.samCart__section {
min-width: 100%;
max-width: 100%;
}
.samCart__section--form {
border-right: none;
padding: 0 2.25em;
}
.samCart__section--total {
padding: 1.75em 2.25em;
margin-bottom: 2em;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background: #fbf9f8;
display: none !important;
}
.samCart .sref-discount-message {
margin-bottom: 1rem;
text-align: center;
}
}
.calendly-overlay {
background-color: rgba(31, 31, 31, 0.75) !important;
}
.calendly-overlay .calendly-popup {
max-height: 690px;
}
.page-template-page-retail-thank-you #main {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: top right;
background-image: url("https://wsp-wharton-public-img.s3.us-east-1.amazonaws.com/Networking_BannerLGv5.webp");
}
@media only screen and (max-width: 1000px) {
.page-template-page-retail-thank-you #main {
background-image: url("https://wsp-wharton-public-img.s3.us-east-1.amazonaws.com/Networking_Banner_1000.webp");
}
}
@media only screen and (max-width: 600px) {
.page-template-page-retail-thank-you #main {
background-image: url("https://wsp-wharton-public-img.s3.us-east-1.amazonaws.com/Networking_Banner_600.webp");
}
}
.page-template-page-retail-thank-you #main::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(62deg, rgba(31, 48, 65, 0.75) 15%, rgba(31, 48, 65, 0.1));
}
#yotpoRef > .content-wrap {
width: 90%;
}
@media only screen and (max-width: 1000px) {
#yotpoRefWidget {
max-width: 600px;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media only screen and (max-width: 1000px) {
#yotpoCodeForm {
background: #011F5B;
color: #fff;
}
}
@media only screen and (max-width: 1000px) {
#yotpoCodeForm .yotpo-share-buttons-wrapper ul {
color: #fff !important;
}
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css * {
font-family: inherit !important;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css div:not([role=alert]) .yotpo-header-text,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css div:not([role=alert]) .yotpo-title-text,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css div:not([role=alert]) .yotpo-description-text,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css div:not([role=alert]) .yotpo-share-options-headline {
display: none;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css div[role=alert] .yotpo-header-text {
font-size: 1.5em !important;
color: #a90733 !important;
padding-bottom: 0;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css div[role=alert] .yotpo-title-text {
font-size: unset !important;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-center-container,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-tile-wrapper,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-tile {
background: none !important;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-referral-widget-form,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-share-buttons-wrapper,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-share-buttons-container {
margin-top: 0 !important;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-tile {
min-height: 0;
display: block;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-tile-wrapper {
padding: 0 2em;
width: 100%;
min-height: 0;
max-width: none;
display: block;
}
@media only screen and (max-width: 600px) {
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-tile-wrapper {
padding: 0 !important;
}
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-center-container {
padding: 1.5em 0 0;
height: auto;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css form.yotpo-referral-widget-form input.yotpo-input {
background: white;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css form.yotpo-referral-widget-form textarea {
font-size: 1em;
font-weight: 600;
border-radius: 6px;
min-height: 150px;
width: 100%;
height: auto;
color: inherit;
border-color: #e5e5e5;
padding: 1em;
margin-bottom: 1rem;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css form.yotpo-referral-widget-form textarea:active, .refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css form.yotpo-referral-widget-form textarea:focus {
box-shadow: 0 0 1px 1px rgba(169, 7, 51, 0.5);
}
@media only screen and (max-width: 600px) {
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css form.yotpo-referral-widget-form {
margin-bottom: 0;
}
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-filled-button {
display: inline-block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease-in-out;
font-size: 0.95rem;
padding: 0 2rem;
line-height: 43px;
border: none;
color: #fff;
letter-spacing: 0.1rem;
text-transform: uppercase;
overflow: hidden;
position: relative;
white-space: nowrap !important;
background-color: #a90733;
width: 100%;
height: auto;
max-width: 300px;
font-weight: 500;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-filled-button:hover {
background-color: #d81046 !important;
opacity: unset;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-filled-button:active, .refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-filled-button:focus {
outline: none;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-filled-button span {
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
font-style: inherit !important;
letter-spacing: 0.05rem;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-email-share-caption {
color: #a90733;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-email-share-type-list:active, .refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-email-share-type-list:focus {
box-shadow: none;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-share-buttons-wrapper {
margin-bottom: 0;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-share-buttons-container li {
width: auto !important;
}
@media only screen and (min-width: 601px) {
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-share-buttons-container {
justify-content: space-between;
gap: unset;
}
}
@media only screen and (max-width: 600px) {
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-share-buttons-container {
justify-content: space-around;
}
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-share-button-widget,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button {
border: none !important;
padding: 5px;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-share-button-widget:active, .refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-share-button-widget:focus,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button:active,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button:focus {
box-shadow: none;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-share-button-widget .yotpo-share-button-icon,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button .yotpo-share-button-icon {
width: 21px;
height: 21px;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-share-button-widget .yotpo-share-button-txt,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button .yotpo-share-button-txt {
font-size: 0.9rem !important;
}
@media only screen and (max-width: 1250px) {
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-share-button-widget .yotpo-share-button-txt,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button .yotpo-share-button-txt {
font-size: 0.65rem !important;
font-weight: 600 !important;
text-transform: uppercase !important;
white-space: nowrap;
color: #6d7b86 !important;
}
}
@media only screen and (max-width: 1000px) {
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-share-button-widget .yotpo-share-button-txt,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button .yotpo-share-button-txt {
color: #fff !important;
}
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button {
width: auto !important;
height: auto !important;
align-items: center;
position: relative;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button .yotpo-copy-text,
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button .yotpo-copy-icon svg {
display: none;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button::before {
display: flex;
font-family: "Font Awesome 7 Pro";
content: "\f0c1";
align-items: center;
justify-content: center;
width: 21px;
height: 21px;
background-color: #303030;
border-radius: 50%;
color: #fff;
font-size: 0.7rem;
font-weight: 600;
}
@media only screen and (max-width: 1000px) {
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button::before {
background-color: #fff;
color: black;
}
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button::after {
content: "Copy Link";
font-size: 0.9rem;
margin-left: 4px;
letter-spacing: -0.03rem;
}
@media only screen and (max-width: 1250px) {
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button::after {
font-size: 0.65rem;
font-weight: 600;
text-transform: uppercase;
color: #6d7b86;
}
}
@media only screen and (max-width: 1000px) {
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button::after {
color: #fff;
}
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button .yotpo-text-copied {
position: absolute;
bottom: 100%;
left: -10px;
border: solid 1px #e5e5e5;
padding: 3px 5px;
background: #fff;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css button.yotpo-copy-text-button .yotpo-text-copied-label {
font-size: 0.8em !important;
}
.refer-block .yotpo-widget-referral-widget.yotpo-widget-override-css .yotpo-referral-widget-error-message {
position: relative;
top: -1em;
}
div.swell-tab {
display: none !important;
}
/*
.refer-block__w-points-tile {
padding: .5em;
background-color: #FFF;
@include shadow;
@include below(1000px) {
padding-left: 0;
padding-right: 0;
}
.refer-block__tile {
flex: 1;
min-width: 50%;
//@include above(1000px) {
//&:not(:last-of-type) {
//border-right: $block-border;
//}
//}
@include below(1000px) {
width: 100%;
}
}
.yopto-redemption-option {
display: block;
width: 400px;
margin: 0 auto;
background-color: #FFF;
}
.yotpo-coupons-redemption-widget .yotpo-coupon-icon {
display: none;
}
.yotpo-coupons-redemption-widget .yotpo-redemption-coupon-background {
padding: 0;
width: 100%;
}
.yotpo-coupons-redemption-widget .yotpo-redemption-coupon-background .yotpo-redemption-option {
position: relative;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
margin: 0 auto 2em;
max-width: 300px;
min-height: 170px;
background-color: #232f3e;
//background-image: url('../../dist/images/amazon-logo.svg');
background-size: 60px;
background-repeat: no-repeat;
background-position: center 16px;
box-shadow: 0 0 11px 0 rgba(0, 142, 204, 0.15);
border-radius: 4px;
font-size: 1em;
&:after {
content: '';
display: block;
position: absolute;
top: 9px;
left: 0;
width: 100%;
height: 30px;
background-color: tint(#232f3e,20%);
opacity: 20%;
}
}
.yotpo-coupons-redemption-widget .yotpo-copy-code-button .yotpo-copy-code-text {
font-size: 13px !important;
}
.yotpo-coupons-redemption-widget .yotpo-redemption-coupon-background .yotpo-copy-code-button {
color: #FFF !important;
background: $blue !important;
border-color: $blue !important;
}
.yotpo-coupons-redemption-widget .yotpo-action-button-widget .yopto-widget-button-text {
font-size: 16px;
font-weight: 700;
}
.yotpo-coupons-redemption-widget .yotpo-redemption-coupon-background .yotpo-action-button-widget .yotpo-button-style {
border-radius: 4px;
}
.yotpo-coupons-redemption-widget .three-in-row .yotpo-redemption-item {
width: 100%;
@include below(1000px) {
margin-bottom: 80px;
}
}
.yotpo-coupons-redemption-widget .yotpo-rule {
display: none !important;
// font-size: 1em !important;
// font-weight: 500 !important;
// border-top-width: 1px !important;
// border-bottom-width: 1px !important;
// border-color: rgb(233, 233, 233) !important;
}
.yotpo-coupons-redemption-widget .yotpo-points-balance {
margin: 1rem 0;
padding-bottom: 0;
font-size: 1.2em !important;
font-weight: 600;
.yotpo-points-balance-text:nth-child(2) > span {
display: inline-block;
background-color: #fff;
padding: 0 .25em;
border: 1px solid #a0a0a0;
color: $black !important;
}
}
.yotpo-coupons-redemption-widget .yotpo-redemption-option-reward {
color: #FFF !important;
font-size: 1.25em !important;
font-weight: 700 !important;
}
.yotpo-coupons-redemption-widget .yotpo-action-button-widget button {
color: #FFF !important;
background: $blue !important;
&[disabled="disabled"] {
color: rgba(255, 255, 255, 0.75) !important;
opacity: .5;
}
}
.yotpo-coupons-redemption-widget .yotpo-redemption-option-cost {
color: tint($blue, 30%) !important;
}
.yotpo-coupons-redemption-widget .yotpo-redemption-options-list:not(.yotpo-is-mobile).three-in-row.yotpo-coupon-background-type {
margin-top: 1em;
}
}
.standalone-rewards-page .refer-block {
margin-bottom: 2em;
}
*/
.calendlyChoice {
position: relative;
overflow: hidden;
}
.calendlyChoice__cover {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
display: none;
}
.calendlyChoice__cover-content {
padding: 2em;
display: flex;
height: 100%;
box-sizing: border-box;
align-items: center;
justify-content: center;
flex-direction: column;
}
.calendlyChoice__buttons {
width: 100%;
max-width: 300px;
margin: 2em auto 0;
}
.calendlyChoice__buttons > * {
width: 100%;
display: block;
margin-bottom: 1em;
padding: 0 1rem;
}
.valueProp-list {
color: #fff;
}
.valueProp-list h4 {
margin-bottom: -0.5em;
}
.valueProp-list .valueProp-list__item {
margin-bottom: 0.5em;
padding-left: 1.5em;
position: relative;
box-sizing: border-box;
}
.valueProp-list .valueProp-list__item i {
position: absolute;
left: 0;
top: 0.5em;
}
@media only screen and (min-width: 1000px) {
.valueProp-list .valueProp-list__wrap {
display: flex;
justify-content: space-between;
}
.valueProp-list .valueProp-list__item {
flex-basis: 17%;
padding-top: 1em;
padding-left: 0;
margin-bottom: 0;
}
.valueProp-list .valueProp-list__item i {
display: none;
}
.valueProp-list .valueProp-list__item::before {
content: "";
display: block;
background: #49aeff;
height: 5px;
width: 50px;
position: absolute;
top: 0;
left: 0;
}
}