@charset "UTF-8";
/* ------------------------- */
/* Inter - Regular & Bold */
/* ------------------------- */
@font-face {
font-family: "Inter";
src: url("../fonts/Inter_18pt-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter_18pt-Italic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter_18pt-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter_18pt-BoldItalic.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}
/* ------------------------------- */
/* Source Sans 3 - Regular & Bold */
/* ------------------------------- */
@font-face {
font-family: "Source Sans 3";
src: url("../fonts/SourceSans3-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Source Sans 3";
src: url("../fonts/SourceSans3-Italic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Source Sans 3";
src: url("../fonts/SourceSans3-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Source Sans 3";
src: url("../fonts/SourceSans3-BoldItalic.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
-webkit-text-decoration: underline;
text-decoration: underline; /* 2 */
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
.row {
box-sizing: border-box;
margin: 0 auto;
width: 100%;
display: flex;
flex: 0 1 auto;
flex-direction: row;
flex-wrap: wrap;
}
.row.reverse {
flex-direction: row-reverse;
}
.row.natural-height {
align-items: flex-start;
}
.row.flex-column {
flex-direction: column;
}
.col {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col.reverse {
flex-direction: column-reverse;
}
.first {
order: -1;
}
.last {
order: 1;
}
.align-start {
align-self: flex-start;
}
.align-end {
align-self: flex-end;
}
.align-center {
align-self: center;
}
.align-baseline {
align-self: baseline;
}
.align-stretch {
align-self: stretch;
}
.col-xs {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-xs-1 {
box-sizing: border-box;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
.col-xs-offset-1 {
margin-left: 8.3333333333%;
}
.col-xs-2 {
box-sizing: border-box;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
.col-xs-offset-2 {
margin-left: 16.6666666667%;
}
.col-xs-3 {
box-sizing: border-box;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-4 {
box-sizing: border-box;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
.col-xs-offset-4 {
margin-left: 33.3333333333%;
}
.col-xs-5 {
box-sizing: border-box;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
.col-xs-offset-5 {
margin-left: 41.6666666667%;
}
.col-xs-6 {
box-sizing: border-box;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-7 {
box-sizing: border-box;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
.col-xs-offset-7 {
margin-left: 58.3333333333%;
}
.col-xs-8 {
box-sizing: border-box;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
.col-xs-offset-8 {
margin-left: 66.6666666667%;
}
.col-xs-9 {
box-sizing: border-box;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-10 {
box-sizing: border-box;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
.col-xs-offset-10 {
margin-left: 83.3333333333%;
}
.col-xs-11 {
box-sizing: border-box;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
.col-xs-offset-11 {
margin-left: 91.6666666667%;
}
.col-xs-12 {
box-sizing: border-box;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.row.start-xs {
justify-content: flex-start;
}
.row.center-xs {
justify-content: center;
}
.row.end-xs {
justify-content: flex-end;
}
.row.top-xs {
align-items: flex-start;
}
.row.middle-xs {
align-items: center;
}
.row.bottom-xs {
align-items: flex-end;
}
.row.around-xs {
justify-content: space-around;
}
.row.between-xs {
justify-content: space-between;
}
.first-xs {
order: -1;
}
.last-xs {
order: 1;
}
@media only screen and (min-width: 41rem) {
.col-sm {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-sm-1 {
box-sizing: border-box;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
.col-sm-offset-1 {
margin-left: 8.3333333333%;
}
.col-sm-2 {
box-sizing: border-box;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
.col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.col-sm-3 {
box-sizing: border-box;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-4 {
box-sizing: border-box;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
.col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.col-sm-5 {
box-sizing: border-box;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
.col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.col-sm-6 {
box-sizing: border-box;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-7 {
box-sizing: border-box;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
.col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.col-sm-8 {
box-sizing: border-box;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
.col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.col-sm-9 {
box-sizing: border-box;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-10 {
box-sizing: border-box;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
.col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.col-sm-11 {
box-sizing: border-box;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
.col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.col-sm-12 {
box-sizing: border-box;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.row.start-sm {
justify-content: flex-start;
}
.row.center-sm {
justify-content: center;
}
.row.end-sm {
justify-content: flex-end;
}
.row.top-sm {
align-items: flex-start;
}
.row.middle-sm {
align-items: center;
}
.row.bottom-sm {
align-items: flex-end;
}
.row.around-sm {
justify-content: space-around;
}
.row.between-sm {
justify-content: space-between;
}
.first-sm {
order: -1;
}
.last-sm {
order: 1;
}
}
@media only screen and (min-width: 65rem) {
.col-md {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-md-1 {
box-sizing: border-box;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
.col-md-offset-1 {
margin-left: 8.3333333333%;
}
.col-md-2 {
box-sizing: border-box;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
.col-md-offset-2 {
margin-left: 16.6666666667%;
}
.col-md-3 {
box-sizing: border-box;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-4 {
box-sizing: border-box;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
.col-md-offset-4 {
margin-left: 33.3333333333%;
}
.col-md-5 {
box-sizing: border-box;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
.col-md-offset-5 {
margin-left: 41.6666666667%;
}
.col-md-6 {
box-sizing: border-box;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-7 {
box-sizing: border-box;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
.col-md-offset-7 {
margin-left: 58.3333333333%;
}
.col-md-8 {
box-sizing: border-box;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
.col-md-offset-8 {
margin-left: 66.6666666667%;
}
.col-md-9 {
box-sizing: border-box;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-10 {
box-sizing: border-box;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
.col-md-offset-10 {
margin-left: 83.3333333333%;
}
.col-md-11 {
box-sizing: border-box;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
.col-md-offset-11 {
margin-left: 91.6666666667%;
}
.col-md-12 {
box-sizing: border-box;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
.col-md-offset-12 {
margin-left: 100%;
}
.row.start-md {
justify-content: flex-start;
}
.row.center-md {
justify-content: center;
}
.row.end-md {
justify-content: flex-end;
}
.row.top-md {
align-items: flex-start;
}
.row.middle-md {
align-items: center;
}
.row.bottom-md {
align-items: flex-end;
}
.row.around-md {
justify-content: space-around;
}
.row.between-md {
justify-content: space-between;
}
.first-md {
order: -1;
}
.last-md {
order: 1;
}
}
@media only screen and (min-width: 91rem) {
.col-lg {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-lg-1 {
box-sizing: border-box;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
.col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.col-lg-2 {
box-sizing: border-box;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
.col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.col-lg-3 {
box-sizing: border-box;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-4 {
box-sizing: border-box;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
.col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.col-lg-5 {
box-sizing: border-box;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
.col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.col-lg-6 {
box-sizing: border-box;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-7 {
box-sizing: border-box;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
.col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.col-lg-8 {
box-sizing: border-box;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
.col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.col-lg-9 {
box-sizing: border-box;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-10 {
box-sizing: border-box;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
.col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.col-lg-11 {
box-sizing: border-box;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
.col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.col-lg-12 {
box-sizing: border-box;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.row.start-lg {
justify-content: flex-start;
}
.row.center-lg {
justify-content: center;
}
.row.end-lg {
justify-content: flex-end;
}
.row.top-lg {
align-items: flex-start;
}
.row.middle-lg {
align-items: center;
}
.row.bottom-lg {
align-items: flex-end;
}
.row.around-lg {
justify-content: space-around;
}
.row.between-lg {
justify-content: space-between;
}
.first-lg {
order: -1;
}
.last-lg {
order: 1;
}
}
@media only screen and (min-width: 121rem) {
.col-xl {
box-sizing: border-box;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
padding: 1rem;
}
.col-xl-1 {
box-sizing: border-box;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
padding: 1rem;
}
.col-xl-offset-1 {
margin-left: 8.3333333333%;
}
.col-xl-2 {
box-sizing: border-box;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
padding: 1rem;
}
.col-xl-offset-2 {
margin-left: 16.6666666667%;
}
.col-xl-3 {
box-sizing: border-box;
flex-basis: 25%;
max-width: 25%;
padding: 1rem;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-4 {
box-sizing: border-box;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
padding: 1rem;
}
.col-xl-offset-4 {
margin-left: 33.3333333333%;
}
.col-xl-5 {
box-sizing: border-box;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
padding: 1rem;
}
.col-xl-offset-5 {
margin-left: 41.6666666667%;
}
.col-xl-6 {
box-sizing: border-box;
flex-basis: 50%;
max-width: 50%;
padding: 1rem;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-7 {
box-sizing: border-box;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
padding: 1rem;
}
.col-xl-offset-7 {
margin-left: 58.3333333333%;
}
.col-xl-8 {
box-sizing: border-box;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
padding: 1rem;
}
.col-xl-offset-8 {
margin-left: 66.6666666667%;
}
.col-xl-9 {
box-sizing: border-box;
flex-basis: 75%;
max-width: 75%;
padding: 1rem;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-10 {
box-sizing: border-box;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding: 1rem;
}
.col-xl-offset-10 {
margin-left: 83.3333333333%;
}
.col-xl-11 {
box-sizing: border-box;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
padding: 1rem;
}
.col-xl-offset-11 {
margin-left: 91.6666666667%;
}
.col-xl-12 {
box-sizing: border-box;
flex-basis: 100%;
max-width: 100%;
padding: 1rem;
}
.col-xl-offset-12 {
margin-left: 100%;
}
.row.start-xl {
justify-content: flex-start;
}
.row.center-xl {
justify-content: center;
}
.row.end-xl {
justify-content: flex-end;
}
.row.top-xl {
align-items: flex-start;
}
.row.middle-xl {
align-items: center;
}
.row.bottom-xl {
align-items: flex-end;
}
.row.around-xl {
justify-content: space-around;
}
.row.between-xl {
justify-content: space-between;
}
.first-xl {
order: -1;
}
.last-xl {
order: 1;
}
}
.col-gutter-lr {
padding: 0 1rem;
}
.col-no-gutter {
padding: 0;
}
.show {
display: block !important;
}
.row.show {
display: flex !important;
}
.hide {
display: none !important;
}
.show-xs {
display: block !important;
}
.row.show-xs {
display: flex !important;
}
.hide-xs {
display: none !important;
}
@media only screen and (max-width: 40rem) {
.show-xs-only {
display: block !important;
}
.row.show-xs-only {
display: flex !important;
}
.hide-xs-only {
display: none !important;
}
}
@media only screen and (min-width: 41rem) {
.show-sm {
display: block !important;
}
.row.show-sm {
display: flex !important;
}
.hide-sm {
display: none !important;
}
}
@media only screen and (min-width: 41rem) and (max-width: 64rem) {
.show-sm-only {
display: block !important;
}
.row.show-sm-only {
display: flex !important;
}
.hide-sm-only {
display: none !important;
}
}
@media only screen and (min-width: 65rem) {
.show-md {
display: block !important;
}
.row.show-md {
display: flex !important;
}
.hide-md {
display: none !important;
}
}
@media only screen and (min-width: 65rem) and (max-width: 90rem) {
.show-md-only {
display: block !important;
}
.row.show-md-only {
display: flex !important;
}
.hide-md-only {
display: none !important;
}
}
@media only screen and (min-width: 91rem) {
.show-lg {
display: block !important;
}
.row.show-lg {
display: flex !important;
}
.hide-lg {
display: none !important;
}
}
@media only screen and (min-width: 91rem) and (max-width: 120rem) {
.show-lg-only {
display: block !important;
}
.row.show-lg-only {
display: flex !important;
}
.hide-lg-only {
display: none !important;
}
}
@media only screen and (min-width: 121rem) {
.show-xl {
display: block !important;
}
.row.show-xl {
display: flex !important;
}
.hide-xl {
display: none !important;
}
}
/* FONT */
/* COLOR */
/* TYPO */
/* MISC */
.hide {
display: none;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: #027F91;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
background: #2FB895;
}
html {
font-size: 120%;
scroll-behavior: smooth;
overflow-x: hidden;
position: relative;
}
* {
line-height: 1.5rem;
margin-bottom: 0px;
margin-bottom: 0rem;
margin-top: 0px;
margin-top: 0rem;
box-sizing: border-box;
}
body {
background: #FCFCFC;
font-family: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
overflow: hidden;
position: relative;
}
h1 {
font-size: 2.6364rem;
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
line-height: 3rem;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 23.04px;
margin-bottom: 1.2rem;
}
h2 {
font-size: 2.028rem;
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 400;
line-height: 2.55rem;
margin-top: 57.6px;
margin-top: 3rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
h2 a {
-webkit-text-decoration: none;
text-decoration: none;
color: #3B3B3B;
}
h3 {
font-size: 1.56rem;
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 400;
line-height: 1.875rem;
margin-top: 57.6px;
margin-top: 3rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
h4 {
font-size: 1.2rem;
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 400;
text-transform: uppercase;
line-height: 1.5rem;
margin-top: 57.6px;
margin-top: 3rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
p {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
a {
color: #027F91;
text-decoration-color: #09c2dd;
}
a:hover {
color: #2FB895;
text-decoration-color: #2FB895;
}
hr {
background: linear-gradient(to right, #2FB895, #027F91);
height: 0.5rem;
width: 8rem;
border-radius: 0.5rem;
border: none;
margin-left: 0;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
hr.full-width-hr {
width: 100%;
margin-bottom: 0px;
margin-bottom: 0rem;
}
input, select {
padding: 0.5rem;
border-radius: 0.5rem;
border: none;
min-height: 2.5rem;
}
.btn {
border-radius: 0.5rem;
border: none;
background: #2FB895;
color: #FCFCFC;
text-transform: uppercase;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
padding: 0.5rem 1rem;
font-size: 0.8rem;
font-weight: 700;
cursor: pointer;
-webkit-text-decoration: none;
text-decoration: none;
white-space: nowrap;
display: inline-block;
position: relative;
}
.btn.btn-cta {
background: #EDFB26;
color: #3B3B3B;
}
.btn:after {
content: "";
background: url("../img/svg/wave_pat.svg");
background-size: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
border-radius: 0.5rem;
}
.btn:hover {
color: #FCFCFC;
background: #027F91;
transition: all 1s;
}
.btn:hover:after {
opacity: 0.3;
transition: all 1s;
}
.short-audio {
cursor: pointer;
}
.short-audio:hover {
-webkit-text-decoration: none;
text-decoration: none;
}
.short-audio:hover:after {
color: #2FB895;
-webkit-text-decoration: none;
text-decoration: none;
}
.short-audio:after {
content: "▹";
color: #027F91;
font-size: 2.028rem;
line-height: 0;
position: relative;
top: 0.15em;
display: inline-block;
}
main {
position: relative;
padding: 1rem;
}
.wrap {
width: 100%;
max-width: 58em;
margin: 0 auto;
}
@keyframes menu-effect {
0% {
width: 1rem;
}
50% {
width: 100%;
left: 0;
}
100% {
width: 1rem;
left: calc(100% - 1rem);
}
}
@keyframes menu-effect-out {
0% {
width: 1rem;
left: calc(100% - 1rem);
}
50% {
width: 100%;
left: 0;
}
100% {
width: 1rem;
}
}
.site-header {
overflow-x: hidden;
padding: 1rem;
}
.site-header hr {
margin-top: 28.8px;
margin-top: 1.5rem;
}
.site-header .wrap {
display: flex;
gap: 2rem;
justify-content: space-between;
}
.site-header .title-area .site-title a {
display: inline-block;
}
@media (max-width: 480px) {
.site-header .title-area .site-title a img {
width: 7rem;
}
}
.site-header .title-area .site-description {
display: none;
text-indent: -9999px;
}
.site-header .header-right {
background: linear-gradient(to right, #2FB895, #027F91);
border-radius: 0.5rem;
display: flex;
padding: 1rem;
gap: 1rem;
}
.site-header .nav-header {
margin-left: auto;
align-self: center;
}
.site-header .nav-header .responsive-menu-icon {
border: none;
background: transparent;
padding: 0;
display: none;
width: 2rem;
margin-left: 1rem;
align-self: center;
}
@media (max-width: 860px) {
.site-header .nav-header .responsive-menu-icon {
display: block;
}
}
.site-header .nav-header .responsive-menu-icon img {
transform: scale(1);
transition: all 1s;
}
.site-header .nav-header .responsive-menu-icon:hover img {
transform: scale(1.2);
transition: all 1s;
}
@media (max-width: 860px) {
.site-header .nav-header .menu-menu-header-container {
position: absolute;
right: 0;
top: 0;
}
}
.site-header .nav-header ul {
display: flex;
list-style: none;
transition: 0.5s;
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
padding: 0;
}
@media (max-width: 860px) {
.site-header .nav-header ul {
flex-direction: column;
position: absolute;
right: 0;
top: 2rem;
width: 10rem;
background: #FFF;
z-index: 100000;
padding: 1.5rem 0.5rem;
border: 1px solid #F5F5F5;
border-radius: 0.5rem;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
transform: translateX(105%);
}
}
.site-header .nav-header ul li {
margin-left: 1rem;
margin-right: 1rem;
}
@media (max-width: 860px) {
.site-header .nav-header ul li {
border-bottom: 1px dotted #2FB895;
padding-bottom: 14.4px;
padding-bottom: 0.75rem;
padding-top: 14.4px;
padding-top: 0.75rem;
}
.site-header .nav-header ul li:first-child {
padding-top: 0px;
padding-top: 0rem;
}
}
.site-header .nav-header ul li a {
-webkit-text-decoration: none;
text-decoration: none;
color: #FCFCFC;
font-size: 0.8rem;
text-transform: uppercase;
font-weight: 700;
}
@media (max-width: 860px) {
.site-header .nav-header ul li a {
color: #027F91;
}
}
.site-header .nav-header ul li a:before, .site-header .nav-header ul li a:after {
animation-name: menu-effect-out;
animation-duration: 1s;
opacity: 0.3;
content: "";
display: block;
width: 0.8rem;
height: 2px;
background: #93dfcc;
position: relative;
top: -0.5rem;
}
@media (max-width: 860px) {
.site-header .nav-header ul li a:before, .site-header .nav-header ul li a:after {
display: none;
}
}
.site-header .nav-header ul li a:after {
top: 0.5rem;
}
.site-header .nav-header ul li a:hover {
color: #EDFB26;
}
.site-header .nav-header ul li a:hover:before, .site-header .nav-header ul li a:hover:after {
animation-name: menu-effect;
animation-duration: 1s;
animation-fill-mode: forwards;
}
@media (max-width: 860px) {
.site-header .nav-header ul li:nth-last-child(2), .site-header .nav-header ul li:nth-last-child(1) {
border-bottom: none;
padding-bottom: 0px;
padding-bottom: 0rem;
}
}
.site-header .nav-header ul li .sub-menu {
display: none;
}
.site-header .nav-header ul li.main-menu-close {
display: none;
}
@media (max-width: 860px) {
.site-header .nav-header ul li.main-menu-close {
display: block;
position: absolute;
bottom: -1.5rem;
left: calc(-1rem - 1px);
background: #027F91;
border-radius: 0.5rem;
padding: 0.5rem 1rem;
font-size: 0.9230769231rem;
}
}
.site-header .nav-header ul li.main-menu-close a {
color: #FFF;
}
.site-header .nav-header ul li.main-menu-close a:hover {
-webkit-text-fill-color: #EDFB26;
}
.site-header .modal-navigation-container {
border-radius: 0.5rem;
border-top-right-radius: 0;
border-top-left-radius: 0;
width: calc(100% - 2rem);
margin-left: 1rem;
position: fixed;
z-index: 100001;
left: 0;
top: 0;
overflow: hidden;
transition: 0.5s;
background: linear-gradient(to top, rgba(47, 184, 149, 0.8), rgba(2, 127, 145, 0.8));
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
display: flex;
align-items: center;
transform: translateY(-100%);
}
.site-header .modal-navigation-container .overlay-content {
width: 100%;
max-width: 40rem;
margin: 2rem auto;
padding: 0 1rem;
position: relative;
}
@media (max-width: 480px) {
.site-header .modal-navigation-container .overlay-content {
margin: 1rem auto;
}
}
.site-header .modal-navigation-container .overlay-content .row {
padding: 0;
}
.site-header .modal-navigation-container .overlay-content .col-sm-6 {
padding-top: 0;
}
.site-header .modal-navigation-container p {
color: #FCFCFC;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
@media (max-width: 480px) {
.site-header .modal-navigation-container p {
font-size: 0.9230769231rem;
line-height: 1.125rem;
}
}
.site-header .modal-navigation-container p.all-articles, .site-header .modal-navigation-container p.product-rev {
margin-top: 14.4px;
margin-top: 0.75rem;
}
.site-header .modal-navigation-container h2 {
color: #FCFCFC;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
margin-top: 0px;
margin-top: 0rem;
font-weight: 700;
}
.site-header .modal-navigation-container hr {
background: #FCFCFC;
margin-top: 14.4px;
margin-top: 0.75rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
@media (max-width: 480px) {
.site-header .modal-navigation-container hr {
display: none;
}
}
.site-header .modal-navigation-container .overlay-menu-btn {
border-radius: 0.5rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background: #FCFCFC;
display: inline-flex;
align-items: center;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
transform: rotate(0deg);
transition: all 1s;
padding: 0rem 0.5rem 0rem 0;
margin: 0.5rem 1rem;
-webkit-text-decoration: none;
text-decoration: none;
}
@media (max-width: 480px) {
.site-header .modal-navigation-container .overlay-menu-btn {
padding: 0rem 0.25rem 0rem 0;
margin: 0.1rem 0.5rem;
font-size: 0.9230769231rem;
}
}
.site-header .modal-navigation-container .overlay-menu-btn:hover {
transform: rotate(4deg);
transition: all 1s;
}
.site-header .modal-navigation-container .overlay-menu-btn .menu-flag {
width: 2rem;
height: 2rem;
transform: translateX(-1rem);
}
@media (max-width: 480px) {
.site-header .modal-navigation-container .overlay-menu-btn .menu-flag {
width: 1.5rem;
height: 1.5rem;
transform: translateX(-0.75rem);
}
}
.site-header .modal-navigation-container .overlay-menu-btn span {
transform: translateX(-0.5rem);
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #027F91;
font-weight: 700;
text-transform: capitalize;
}
@media (max-width: 480px) {
.site-header .modal-navigation-container .menu-courses, .site-header .modal-navigation-container .menu-courses-btn {
display: none;
}
}
.site-header .modal-navigation-container #closebtn {
position: absolute;
bottom: 1rem;
right: 1.5rem;
font-size: 1.2rem;
color: #FCFCFC;
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: 700;
text-transform: uppercase;
-webkit-text-decoration: none;
text-decoration: none;
background: transparent;
border: none;
cursor: pointer;
}
@media (max-width: 540px) {
.site-header .modal-navigation-container #closebtn {
top: 1.5rem;
right: 1rem;
bottom: auto;
font-size: 0.9230769231rem;
}
}
.site-header .modal-navigation-container #closebtn:hover {
color: #EDFB26;
}
.site-header #social-modal .overlay-content {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 780px) {
.site-header #social-modal .overlay-content {
flex-direction: column;
align-items: flex-start;
}
}
.site-header #social-modal .overlay-content h2 {
margin-bottom: 0;
}
@media (max-width: 780px) {
.site-header #social-modal .overlay-content h2 {
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
}
.site-header #social-modal .overlay-content .sep {
width: 0.5rem;
height: 6rem;
border-radius: 0.25rem;
background: #FCFCFC;
margin: 0 1rem;
}
@media (max-width: 780px) {
.site-header #social-modal .overlay-content .sep {
display: none;
}
}
.site-header #social-modal .overlay-content .social-links {
margin-right: auto;
display: flex;
}
@media (max-width: 780px) {
.site-header #social-modal .overlay-content .social-links {
flex-direction: column;
}
.site-header #social-modal .overlay-content .social-links span:first-child .social-link:last-child {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.site-header #social-modal .overlay-content .social-links span:last-child .social-link:first-child {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
}
.site-header #social-modal .overlay-content .social-links span {
display: flex;
}
@media (max-width: 780px) {
.site-header #social-modal .overlay-content .social-links span {
margin: 0.1rem 0;
}
}
.site-header #social-modal .overlay-content .social-links span:first-child .social-link:first-child {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.site-header #social-modal .overlay-content .social-links span:last-child .social-link:last-child {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.site-header #social-modal .overlay-content .social-links .social-link {
background: #FCFCFC;
padding: 0.7rem 0.5rem;
-webkit-text-decoration: none;
text-decoration: none;
line-height: 0;
display: inline-block;
margin: 0 0.1rem;
width: 4rem;
text-align: center;
}
.site-header #social-modal .overlay-content .social-links .social-link svg {
fill: #2FB895;
height: 18px;
}
.site-header #social-modal .overlay-content .social-links .social-link:hover {
background: #027F91;
transition: 1s all;
}
.site-header #search-modal .overlay-content .search-field {
background: transparent;
border: none;
border-bottom: 2px solid #FCFCFC;
border-radius: 0;
font-size: 2.028rem;
color: #FCFCFC;
width: auto;
max-width: 20rem;
}
@media (max-width: 500px) {
.site-header #search-modal .overlay-content .search-field {
width: 100%;
}
}
.site-header #search-modal .overlay-content .search-field:focus-visible {
outline: none;
border-bottom: 2px solid #EDFB26;
}
.site-header #search-modal .overlay-content .search-field::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
opacity: 0.5;
}
.site-header #search-modal .overlay-content .search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
opacity: 0.5;
}
.site-header #search-modal .overlay-content .search-btn {
border: 2px solid #FCFCFC;
background: transparent;
box-shadow: none;
margin-left: 1rem;
width: 7rem;
}
@media (max-width: 780px) {
.site-header #search-modal .overlay-content .search-btn {
width: 100%;
max-width: 20rem;
margin: 0;
margin-top: 28.8px;
margin-top: 1.5rem;
}
}
.site-header #search-modal .overlay-content .search-btn:hover {
background: #027F91;
}
.site-header .share-icon {
display: block;
width: 2rem;
align-self: center;
line-height: 1;
}
.site-header .share-icon img {
transform: scale(1);
transition: all 1s;
}
.site-header .share-icon:hover img {
transform: scale(1.2);
transition: all 1s;
}
.site-header .search-icon {
display: block;
width: 2rem;
align-self: center;
line-height: 1;
}
.site-header .search-icon img {
transform: scale(1);
transition: all 1s;
}
.site-header .search-icon:hover img {
transform: scale(1.2);
transition: all 1s;
}
.back-button {
position: absolute;
bottom: 2em;
left: 0;
}
@media (max-width: 1030px) {
.back-button {
position: relative;
bottom: 0;
left: -1rem;
}
}
.back-button a {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.star-rating {
background: linear-gradient(to left, #2FB895, #027F91);
padding: 0.5rem 0.5rem;
border-radius: 0.5rem;
display: inline-flex;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
.star-rating svg {
width: 4.5rem;
}
.star-rating svg path {
fill: #FCFCFC;
}
.star-rating.rate-05 .st-05 {
fill: #EDFB26;
}
.star-rating.rate-1 .st-05, .star-rating.rate-1 .st-1 {
fill: #EDFB26;
}
.star-rating.rate-15 .st-05, .star-rating.rate-15 .st-1, .star-rating.rate-15 .st-15 {
fill: #EDFB26;
}
.star-rating.rate-2 .st-05, .star-rating.rate-2 .st-1, .star-rating.rate-2 .st-15, .star-rating.rate-2 .st-2 {
fill: #EDFB26;
}
.star-rating.rate-25 .st-05, .star-rating.rate-25 .st-1, .star-rating.rate-25 .st-15, .star-rating.rate-25 .st-2, .star-rating.rate-25 .st-25 {
fill: #EDFB26;
}
.star-rating.rate-3 .st-05, .star-rating.rate-3 .st-1, .star-rating.rate-3 .st-15, .star-rating.rate-3 .st-2, .star-rating.rate-3 .st-25, .star-rating.rate-3 .st-3 {
fill: #EDFB26;
}
.star-rating.rate-35 .st-05, .star-rating.rate-35 .st-1, .star-rating.rate-35 .st-15, .star-rating.rate-35 .st-2, .star-rating.rate-35 .st-25, .star-rating.rate-35 .st-3, .star-rating.rate-35 .st-35 {
fill: #EDFB26;
}
.star-rating.rate-4 .st-05, .star-rating.rate-4 .st-1, .star-rating.rate-4 .st-15, .star-rating.rate-4 .st-2, .star-rating.rate-4 .st-25, .star-rating.rate-4 .st-3, .star-rating.rate-4 .st-35, .star-rating.rate-4 .st-4 {
fill: #EDFB26;
}
.star-rating.rate-45 .st-05, .star-rating.rate-45 .st-1, .star-rating.rate-45 .st-15, .star-rating.rate-45 .st-2, .star-rating.rate-45 .st-25, .star-rating.rate-45 .st-3, .star-rating.rate-45 .st-35, .star-rating.rate-45 .st-4, .star-rating.rate-45 .st-45 {
fill: #EDFB26;
}
.star-rating.rate-5 path {
fill: #EDFB26;
}
.breadcrumbs p {
display: inline;
font-size: 0.9230769231rem;
background: #FFF;
border-radius: 0.5rem;
border: 1px solid #F5F5F5;
padding: 0.5em 1em 0.5em 3em;
font-style: italic;
position: relative;
display: block;
}
.breadcrumbs p:before {
width: 2em;
height: 100%;
border-radius: 0.5rem;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
content: "";
background: url("../img/svg/bc-pin.svg") no-repeat #2FB895;
background-size: 1.5em;
background-position: center;
position: absolute;
top: 0;
left: 0;
}
.home h2 {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
@media (max-width: 760px) {
.home .h2-desc {
margin-bottom: 43.2px;
margin-bottom: 2.25rem;
}
}
.home hr {
margin-top: 14.4px;
margin-top: 0.75rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
.home .hero {
padding-top: 57.6px;
padding-top: 3rem;
padding-bottom: 57.6px;
padding-bottom: 3rem;
}
@media (max-width: 656px) {
.home .hero {
padding-top: 0px;
padding-top: 0rem;
padding-bottom: 0px;
padding-bottom: 0rem;
}
}
.home .hero .pr-mod {
padding-right: 0.5rem;
}
.home .hero .pr-mod strong {
text-transform: uppercase;
}
.home .hero .benny-hero {
width: 100%;
}
@media (max-width: 656px) {
.home .hero .benny-hero {
width: 6.5rem;
position: absolute;
top: 0.5rem;
left: 0.5rem;
}
}
.home .hero .tagline {
font-weight: 700;
color: #027F91;
text-transform: uppercase;
}
@media (max-width: 656px) {
.home .hero .tagline {
font-size: 0.9230769231rem;
margin-left: 7.5rem;
line-height: 1.125rem;
}
}
.home .hero h1 {
font-weight: 700;
}
@media (max-width: 656px) {
.home .hero h1 {
margin-left: 7.5rem;
font-size: 1.56rem;
line-height: 1.8rem;
min-height: 7rem;
}
}
.home .hero h1 span {
color: #2FB895;
}
.home .hero .hero-arrow {
margin-top: 28.8px;
margin-top: 1.5rem;
}
@media (max-width: 656px) {
.home .hero .hero-arrow {
margin-bottom: 43.2px;
margin-bottom: 2.25rem;
}
}
.home .hero .row {
align-items: center;
}
.home .learn {
margin-top: 28.8px;
margin-top: 1.5rem;
}
.home .learn .learn-btns {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.home .learn .learn-btns .learn-btn {
border-radius: 0.5rem;
background: linear-gradient(to top, #2FB895, #027F91);
background-size: cover;
background-blend-mode: multiply;
width: 23%;
padding-bottom: 23%;
display: inline-block;
position: relative;
line-height: 0;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
transform: rotate(0deg);
transition: all 1s;
}
@media (max-width: 730px) {
.home .learn .learn-btns .learn-btn {
width: 48%;
padding-bottom: 48%;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
}
.home .learn .learn-btns .learn-btn:hover {
transform: rotate(4deg);
transition: all 1s;
}
.home .learn .learn-btns .learn-btn .learn-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.4;
border-radius: 0.5rem;
}
.home .learn .learn-btns .learn-btn .learn-flag {
position: absolute;
bottom: 1rem;
width: 3rem;
height: 3rem;
left: -1.5rem;
}
@media (max-width: 1100px) {
.home .learn .learn-btns .learn-btn .learn-flag {
left: 1rem;
}
}
@media (max-width: 1100px) {
.home .learn .learn-btns .learn-btn .learn-flag {
width: 2rem;
height: 2rem;
}
}
.home .learn .learn-btns .learn-btn span {
position: absolute;
bottom: 1.7rem;
left: 2rem;
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #FCFCFC;
font-weight: 700;
}
@media (max-width: 1100px) {
.home .learn .learn-btns .learn-btn span {
left: 4.5rem;
}
}
@media (max-width: 1100px) {
.home .learn .learn-btns .learn-btn span {
left: 3.5rem;
bottom: 1.3rem;
}
}
.home .learn .learn-btns .learn-btn .learn-animal {
position: absolute;
top: 1rem;
right: 1rem;
width: 6rem;
fill: #FCFCFC;
}
@media (max-width: 1100px) {
.home .learn .learn-btns .learn-btn .learn-animal {
width: 4rem;
}
}
.home .social-section {
padding-top: 86.4px;
padding-top: 4.5rem;
padding-bottom: 57.6px;
padding-bottom: 3rem;
}
.home .social-section .social-col {
display: flex;
align-items: center;
}
@media (max-width: 780px) {
.home .social-section .social-col {
flex-direction: column;
align-items: flex-start;
}
}
.home .social-section h2 {
margin-bottom: 0px;
margin-bottom: 0rem;
margin-left: auto;
}
@media (max-width: 780px) {
.home .social-section h2 {
margin-left: 0;
margin-right: auto;
}
}
.home .social-section .sep {
width: 0.5rem;
height: 6rem;
border-radius: 0.25rem;
background: linear-gradient(to bottom, #2FB895, #027F91);
margin: 0 1rem;
}
@media (max-width: 780px) {
.home .social-section .sep {
height: 0.5rem;
width: 8rem;
margin: 0;
background: linear-gradient(to right, #2FB895, #027F91);
margin-top: 14.4px;
margin-top: 0.75rem;
margin-bottom: 43.2px;
margin-bottom: 2.25rem;
}
}
.home .social-section .social-links {
margin-right: auto;
display: flex;
}
@media (max-width: 480px) {
.home .social-section .social-links {
flex-direction: column;
}
.home .social-section .social-links span:first-child .social-link:last-child {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.home .social-section .social-links span:last-child .social-link:first-child {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
}
.home .social-section .social-links span {
display: flex;
}
@media (max-width: 480px) {
.home .social-section .social-links span {
margin: 0.1rem 0;
}
}
.home .social-section .social-links span:first-child .social-link:first-child {
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.home .social-section .social-links span:last-child .social-link:last-child {
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.home .social-section .social-links .social-link {
background: linear-gradient(to top, #2FB895, #027F91);
padding: 0.7rem 0.5rem;
-webkit-text-decoration: none;
text-decoration: none;
line-height: 0;
display: inline-block;
margin: 0 0.1rem;
width: 4rem;
text-align: center;
}
.home .social-section .social-links .social-link svg {
fill: #FCFCFC;
}
.home .social-section .social-links .social-link:hover svg {
fill: #EDFB26;
transition: 1s all;
}
.home .podcast-section .row {
align-items: center;
}
@media (max-width: 1000px) {
.home .podcast-section .row {
align-items: flex-start;
}
}
.home .podcast-section .podcast-img {
width: 100%;
}
@media (max-width: 645px) {
.home .podcast-section .podcast-img {
width: 50%;
margin-left: auto;
display: block;
position: relative;
top: 2rem;
}
}
.home .podcast-section .podcast-text {
display: flex;
align-items: center;
}
@media (max-width: 780px) {
.home .podcast-section .podcast-text {
flex-direction: column;
align-items: flex-start;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
}
.home .podcast-section .podcast-text p {
margin-right: 1rem;
}
.home .podcast-section .latest-ep-tag {
text-transform: uppercase;
color: #2FB895;
font-weight: 700;
font-size: 0.9230769231rem;
margin-top: 14.4px;
margin-top: 0.75rem;
margin-bottom: 0px;
margin-bottom: 0rem;
}
.home .podcast-section h3 {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
font-size: 1.2rem;
line-height: 1.5rem;
}
.home .podcast-section .pod-sub {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 780px) {
.home .podcast-section .pod-sub span {
display: block;
width: 100%;
text-align: center;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
}
.home .podcast-section .pod-sub a {
padding: 1rem 0 1rem 1rem;
}
@media (max-width: 780px) {
.home .podcast-section .pod-sub a {
padding: 0.5rem;
}
}
.home .podcast-section .pod-sub a svg {
fill: #3B3B3B;
}
.home .podcast-section .pod-sub a:hover svg {
fill: #2FB895;
}
.home .products-section {
margin-top: 57.6px;
margin-top: 3rem;
margin-bottom: 57.6px;
margin-bottom: 3rem;
}
.home .products-section .row {
align-items: center;
}
.home .products-section .btn {
margin-top: 28.8px;
margin-top: 1.5rem;
}
.home .reviews-section {
margin-top: 57.6px;
margin-top: 3rem;
margin-bottom: 57.6px;
margin-bottom: 3rem;
}
.home .reviews-section .btn {
margin: 0 auto;
width: -moz-fit-content;
width: fit-content;
display: block;
}
.siaw-optin .optin-box {
border-radius: 0.5rem;
background: url("../img/webp/optin-bg-flatten@2x.webp") 0 0 no-repeat, linear-gradient(to top, #2FB895, #027F91);
background-size: cover;
position: relative;
}
@media (max-width: 740px) {
.siaw-optin .optin-box {
background: linear-gradient(to top, #2FB895, #027F91);
}
}
.siaw-optin .optin-box .wave-layer {
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.siaw-optin .optin-box .wave-layer::after {
content: "";
position: absolute;
width: 400%;
height: 400%;
top: -300%;
left: -100%;
background: url("../img/svg/wave_bg.svg") 0 0 repeat;
background-size: 8rem;
transform: rotate(-45deg);
opacity: 0.05;
}
@media (max-width: 740px) {
.siaw-optin .optin-box .wave-layer::after {
display: none;
}
}
.siaw-optin .optin-box .siawlogo {
position: absolute;
top: calc(50% - 3rem);
width: 6rem;
left: -3rem;
}
@media (max-width: 740px) {
.siaw-optin .optin-box .siawlogo {
top: -3rem;
left: calc(50% - 3rem);
}
}
.siaw-optin .optin-box .optin-text {
width: 70%;
margin-left: auto;
padding-top: 43.2px;
padding-top: 2.25rem;
padding-bottom: 43.2px;
padding-bottom: 2.25rem;
padding-left: 2rem;
padding-right: 2rem;
color: #FCFCFC;
}
@media (max-width: 740px) {
.siaw-optin .optin-box .optin-text {
padding-top: 86.4px;
padding-top: 4.5rem;
width: 100%;
}
}
.siaw-optin .optin-box .optin-text h2 {
font-weight: 700;
}
.siaw-optin .optin-box .optin-text p span {
color: #EDFB26;
}
.siaw-optin form {
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 0 !important;
}
.siaw-optin form .formkit-group {
display: flex;
position: relative;
z-index: 3;
}
@media (max-width: 480px) {
.siaw-optin form .formkit-group {
flex-direction: column;
}
}
.siaw-optin form .formkit-group.g-1 .formkit-field {
flex-basis: 0;
flex-grow: 1;
}
.siaw-optin form .formkit-group.g-1 .formkit-field:first-child {
margin-right: 0.5rem;
}
@media (max-width: 480px) {
.siaw-optin form .formkit-group.g-1 .formkit-field:first-child {
margin-right: 0;
}
}
.siaw-optin form .formkit-group.g-1 .formkit-field input {
width: 100%;
}
.siaw-optin form .formkit-group.g-2 .formkit-field {
flex-basis: 0;
flex-grow: 1;
}
.siaw-optin form .formkit-group.g-2 .formkit-field:first-child {
margin-right: 0.5rem;
}
@media (max-width: 480px) {
.siaw-optin form .formkit-group.g-2 .formkit-field:first-child {
margin-right: 0;
}
}
.siaw-optin form .formkit-group.g-2 .formkit-field select {
width: 100%;
}
.siaw-optin form .formkit-group .formkit-field, .siaw-optin form .formkit-group button {
margin-bottom: 0.5rem;
}
.siaw-optin.siaw-optin-post {
max-width: 42rem;
position: absolute;
right: 0;
bottom: 0;
box-shadow: -10px 10px 12px rgba(0, 0, 0, 0.16);
border-radius: 0.5rem;
transform: translateX(110%);
animation-timing-function: cubic-bezier(0, 0.55, 0.45, 1);
animation-fill-mode: forwards;
}
.siaw-optin.siaw-optin-post .optin-box {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.siaw-optin.siaw-optin-post h2 {
margin-top: 0px;
margin-top: 0rem;
}
.siaw-optin.siaw-optin-post .optin-close {
position: absolute;
left: 1rem;
top: 1rem;
width: 1rem;
height: 1rem;
z-index: 10;
}
.siaw-optin.siaw-optin-post .optin-close:after, .siaw-optin.siaw-optin-post .optin-close:before {
position: absolute;
left: 0.5rem;
content: " ";
height: 1rem;
width: 2px;
background-color: #FCFCFC;
}
.siaw-optin.siaw-optin-post .optin-close:hover:after, .siaw-optin.siaw-optin-post .optin-close:hover:before {
background-color: #EDFB26;
}
.siaw-optin.siaw-optin-post .optin-close:after {
transform: rotate(45deg);
}
.siaw-optin.siaw-optin-post .optin-close:before {
transform: rotate(-45deg);
}
@keyframes slide-in {
from {
transform: translateX(110%);
}
to {
transform: translateX(0%);
}
}
.formkit-slide-in {
height: 90%;
padding-bottom: 0;
z-index: 2147483600 !important;
}
.formkit-slide-in .formkit-close {
top: 0.5rem !important;
left: 0.5rem;
right: auto;
z-index: 1;
color: #FCFCFC !important;
}
.formkit-slide-in .formkit-close:hover {
color: #EDFB26 !important;
}
.the-entry-content .formkit-form[data-uid="471f9a475b"],
.the-entry-content .formkit-form[data-uid="6265e815de"] {
width: 100%;
max-width: 100% !important;
margin-top: 57.6px;
margin-top: 3rem;
position: relative;
overflow: visible;
}
.the-entry-content .formkit-form[data-uid="471f9a475b"] div[data-style=card],
.the-entry-content .formkit-form[data-uid="6265e815de"] div[data-style=card] {
overflow: hidden;
border-radius: 9px;
}
.the-entry-content .formkit-form[data-uid="471f9a475b"] .formkit-header,
.the-entry-content .formkit-form[data-uid="6265e815de"] .formkit-header {
padding-top: 15px;
}
.the-entry-content .formkit-form[data-uid="471f9a475b"] .formkit-subheader p:nth-child(3),
.the-entry-content .formkit-form[data-uid="6265e815de"] .formkit-subheader p:nth-child(3) {
display: none;
}
.the-entry-content .formkit-form[data-uid="471f9a475b"] .formkit-guarantee,
.the-entry-content .formkit-form[data-uid="6265e815de"] .formkit-guarantee {
color: #FCFCFC !important;
}
.the-entry-content .formkit-form[data-uid="471f9a475b"] .formkit-guarantee p,
.the-entry-content .formkit-form[data-uid="6265e815de"] .formkit-guarantee p {
width: 100%;
}
.challenge-ad-big {
border-radius: 0.5rem;
background: url("../img/fallback-img/fi3mc_bg.jpg") 0 0 no-repeat, linear-gradient(245deg, #54A97A, #307191);
background-size: 100%;
background-position: bottom;
background-blend-mode: multiply;
position: relative;
padding: 1rem;
display: flex;
color: #FCFCFC;
}
@media (max-width: 980px) {
.challenge-ad-big {
flex-direction: column;
align-items: center;
padding-bottom: 27%;
margin-top: 57.6px;
margin-top: 3rem;
margin-bottom: 57.6px;
margin-bottom: 3rem;
}
}
.challenge-ad-big:before {
content: "FEATURED PRODUCT";
position: absolute;
transform: rotate(-90deg);
top: 5rem;
left: -5rem;
color: #027F91;
font-size: 0.9230769231rem;
font-weight: 700;
}
@media (max-width: 645px) {
.challenge-ad-big:before {
top: -2rem;
left: 1rem;
transform: rotate(0deg);
}
}
.challenge-ad-big .ch-col {
flex-basis: 0;
flex-grow: 1;
padding: 1rem 0.5rem;
}
@media (max-width: 980px) {
.challenge-ad-big .ch-col {
padding: 0.5rem;
}
}
.challenge-ad-big h2 {
margin-top: 0px;
margin-top: 0rem;
text-align: center;
}
@media (max-width: 980px) {
.challenge-ad-big h2 {
margin-bottom: 0px;
margin-bottom: 0rem;
}
}
.challenge-ad-big h2 img {
width: 85%;
}
.challenge-ad-big h3 {
margin-top: 0px;
margin-top: 0rem;
}
.challenge-ad-big .btn {
display: block;
margin: 0 auto;
width: -moz-fit-content;
width: fit-content;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
position: relative;
z-index: 3;
}
.challenge-ad-big .wave-layer {
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.challenge-ad-big .wave-layer::after {
content: "";
position: absolute;
width: 400%;
height: 400%;
top: -300%;
left: -100%;
background: url("../img/svg/wave_bg.svg") 0 0 repeat;
background-size: 8rem;
transform: rotate(-45deg);
opacity: 0.05;
}
.challenge-ad-small {
border-radius: 0.5rem;
background: url("../img/fallback-img/fi3mc_bg.jpg") 0 0 no-repeat, linear-gradient(245deg, #54A97A, #307191);
background-size: 100%;
background-position: bottom;
background-blend-mode: multiply;
position: relative;
padding: 1rem;
color: #FCFCFC;
top: 1rem;
width: 100%;
max-width: 15rem;
margin: 0 auto;
}
.challenge-ad-small h2 {
margin-top: 0px;
margin-top: 0rem;
padding-bottom: 23.04px;
padding-bottom: 1.2rem;
font-size: 1.56rem;
line-height: 1.65rem;
border-bottom: 5px solid #FCFCFC;
font-weight: 700;
position: relative;
z-index: 2;
}
.challenge-ad-small h2 img {
width: 100%;
}
.challenge-ad-small h3 {
position: relative;
z-index: 2;
margin-top: 0px;
margin-top: 0rem;
font-size: 1.2rem;
line-height: 1.35rem;
}
.challenge-ad-small .btn {
display: block;
margin: 0 auto;
width: -moz-fit-content;
width: fit-content;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 86.4px;
margin-bottom: 4.5rem;
position: relative;
z-index: 3;
}
@media (max-width: 780px) {
.challenge-ad-small .btn {
white-space: normal;
text-align: center;
line-height: 1.05rem;
}
}
.challenge-ad-small .wave-layer {
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.challenge-ad-small .wave-layer::after {
content: "";
position: absolute;
width: 400%;
height: 400%;
top: -100%;
left: -100%;
background: url("../img/svg/wave_bg.svg") 0 0 repeat;
background-size: 8rem;
transform: rotate(-45deg);
opacity: 0.05;
}
.entry-header .post-thumbnail {
width: 100%;
height: auto;
border-radius: 0.5rem;
}
.entry-header .meta-column {
display: flex;
flex-direction: column;
}
@media (max-width: 645px) {
.entry-header .meta-column {
flex-direction: row-reverse;
}
}
.aff-disclosure {
color: #666;
font-style: italic;
font-size: 0.9230769231rem;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: auto;
}
.aff-disclosure .question {
cursor: pointer;
display: inline-block;
width: 1rem;
height: 1rem;
background-color: #027F91;
color: #FCFCFC;
font-weight: 700;
border-radius: 50%;
text-align: center;
position: relative;
opacity: 0.7;
font-style: normal;
line-height: 1.3;
}
.aff-disclosure .question:hover {
opacity: 1;
}
.aff-disclosure .b-tooltip {
background-color: #027F91;
color: #FCFCFC;
position: absolute;
right: -15px;
bottom: 27px;
z-index: 1000;
width: 20rem;
font-size: 0.7100591716rem;
border-radius: 0.5rem;
font-style: italic;
padding: 1rem;
font-weight: 400;
line-height: 1.2rem;
}
.aff-disclosure .b-tooltip:before {
border-color: #027F91 transparent transparent transparent;
border-top: 6px solid #027F91;
border-style: solid;
border-width: 6px 6px 0 6px;
content: "";
display: block;
height: 0;
width: 0;
line-height: 0;
position: absolute;
top: 100%;
right: 18px;
}
.entry-meta {
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
.entry-meta .meta-author-img {
width: 3rem;
height: 3rem;
border-radius: 50%;
}
.entry-meta p {
margin-bottom: 0;
}
.entry-meta .author-name {
text-transform: uppercase;
font-weight: 700;
}
.entry-meta .the-author {
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
@media (max-width: 830px) {
.entry-meta .the-author {
margin-bottom: 0px;
margin-bottom: 0rem;
}
}
.entry-meta .meta-lang, .entry-meta .meta-reading-time, .entry-meta .meta-published, .entry-meta .meta-update {
color: #027F91;
}
@media (max-width: 830px) {
.entry-meta .meta-lang, .entry-meta .meta-reading-time, .entry-meta .meta-published, .entry-meta .meta-update {
display: none;
}
}
.entry-meta .meta-lang b, .entry-meta .meta-reading-time b, .entry-meta .meta-published b, .entry-meta .meta-update b {
text-transform: uppercase;
}
.mobile-meta {
display: none;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
@media (max-width: 645px) {
.mobile-meta {
display: flex;
align-items: center;
}
}
.mobile-meta .entry-meta {
flex-basis: 0;
flex-grow: 1;
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 0px;
margin-bottom: 0rem;
}
.mobile-meta .entry-meta img {
margin-right: 0.5rem;
}
.mobile-meta .aff-disclosure {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 0px;
margin-bottom: 0rem;
margin-left: 1rem;
flex-basis: 0;
flex-grow: 1;
}
.mobile-meta .aff-disclosure p {
margin-bottom: 0px;
margin-bottom: 0rem;
}
@media (max-width: 645px) {
.the-entry-content .entry-content {
overflow-x: auto;
}
}
.the-entry-content ::-webkit-scrollbar:horizontal {
height: 0.5rem;
}
.the-entry-content ::-webkit-scrollbar-track:horizontal {
background: #F5F5F5;
}
.the-entry-content ::-webkit-scrollbar-thumb:horizontal {
background: linear-gradient(to left, #2FB895, #027F91);
}
@media (max-width: 645px) {
.the-entry-content h1 {
margin-top: 28.8px;
margin-top: 1.5rem;
line-height: 2.25rem;
font-size: 2.028rem;
}
}
@media (max-width: 645px) {
.the-entry-content hr {
width: 100%;
}
}
.the-entry-content .wp-block-separator {
border: none;
width: 100%;
height: 2px;
}
.the-entry-content .share-col {
padding-right: 0;
}
@media (max-width: 1030px) {
.the-entry-content .share-col {
padding-right: 1rem;
}
}
.the-entry-content .article-share {
background: linear-gradient(to top, #2FB895, #027F91);
border-radius: 0.5rem;
display: flex;
flex-direction: column;
padding: 0.5rem;
color: #FCFCFC;
width: 4rem;
text-align: center;
margin: 0 auto;
position: relative;
top: 1rem;
}
@media (max-width: 1030px) {
.the-entry-content .article-share {
padding: 1rem;
top: 0;
flex-direction: row;
width: 100%;
max-width: 15rem;
align-items: center;
justify-content: center;
background: linear-gradient(to right, #2FB895, #027F91);
}
}
.the-entry-content .article-share p {
font-size: 0.9230769231rem;
}
@media (max-width: 1030px) {
.the-entry-content .article-share p {
margin-bottom: 0px;
margin-bottom: 0rem;
margin-right: 1rem;
margin-left: 0.5rem;
}
}
.the-entry-content .article-share a {
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
cursor: pointer;
}
@media (max-width: 1030px) {
.the-entry-content .article-share a {
margin-bottom: 0px;
margin-bottom: 0rem;
margin-right: 1rem;
display: flex;
}
}
.the-entry-content .article-share a svg {
fill: #FCFCFC;
}
.the-entry-content .article-share a .social-fb {
width: 1rem;
}
@media (max-width: 1030px) {
.the-entry-content .article-share a .social-fb {
width: 0.75rem;
margin-right: 0.2rem;
}
}
.the-entry-content .article-share a .social-tw {
width: 2rem;
}
@media (max-width: 1030px) {
.the-entry-content .article-share a .social-tw {
width: 1.7rem;
}
}
.the-entry-content .article-share a .social-pin {
width: 2rem;
}
@media (max-width: 1030px) {
.the-entry-content .article-share a .social-pin {
width: 1.5rem;
}
}
.the-entry-content .article-share a:last-child {
margin-bottom: 0px;
margin-bottom: 0rem;
}
@media (max-width: 1030px) {
.the-entry-content .article-share a:last-child {
margin-right: 0.5rem;
}
}
.the-entry-content .article-share a:hover svg {
fill: #EDFB26;
}
.the-entry-content ul {
list-style: none;
padding-left: 1em;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
.the-entry-content ul li:before {
content: "•";
color: #027F91;
font-weight: 700;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.the-entry-content ol {
padding-left: 1em;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
.the-entry-content blockquote {
background: #F5F5F5;
font-style: italic;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 14.4px;
padding-bottom: 0.75rem;
padding-top: 14.4px;
padding-top: 0.75rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
margin-top: 28.8px;
margin-top: 1.5rem;
position: relative;
margin-left: 0.75rem;
}
.the-entry-content blockquote:before {
content: "";
height: 100%;
width: 0.75rem;
background: linear-gradient(to bottom, #2FB895, #027F91);
display: block;
position: absolute;
top: 0;
left: -0.75rem;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.the-entry-content .yoast-table-of-contents h2 {
font-size: 0.9230769231rem;
text-transform: uppercase;
color: #027F91;
font-weight: 700;
font-family: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
line-height: 1.5rem;
padding-left: 1rem;
}
.the-entry-content .yoast-table-of-contents > ul {
background: #FFF;
padding: 1rem 2rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
position: relative;
border: 1px solid #F5F5F5;
}
.the-entry-content .yoast-table-of-contents > ul:before, .the-entry-content .yoast-table-of-contents > ul:after {
content: "";
height: 0.5rem;
width: 100%;
border-radius: 0.5rem;
background: linear-gradient(to right, #2FB895, #027F91);
position: absolute;
left: 0;
}
.the-entry-content .yoast-table-of-contents > ul:before {
top: -0.5rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.the-entry-content .yoast-table-of-contents > ul:after {
bottom: -0.5rem;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.the-entry-content .yoast-table-of-contents > ul li a {
-webkit-text-decoration: none;
text-decoration: none;
}
.the-entry-content .yoast-table-of-contents > ul li a:hover {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.the-entry-content .yoast-table-of-contents > ul li:before {
color: #027F91;
}
.the-entry-content .yoast-seo-related-links h2 {
font-size: 0.9230769231rem;
text-transform: uppercase;
color: #027F91;
font-weight: 700;
font-family: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 0px;
margin-bottom: 0rem;
line-height: 1.5rem;
padding-left: 1rem;
}
.the-entry-content .yoast-seo-related-links > ul {
background: linear-gradient(225deg, #2FB895, #027F91);
padding: 1rem 2rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
border-radius: 0.5rem;
}
.the-entry-content .yoast-seo-related-links > ul li a {
color: #FCFCFC;
-webkit-text-decoration: none;
text-decoration: none;
}
.the-entry-content .yoast-seo-related-links > ul li a:hover {
color: #EDFB26;
-webkit-text-decoration: underline;
text-decoration: underline;
text-decoration-color: #EDFB26;
}
.the-entry-content .yoast-seo-related-links > ul li:before {
color: #FCFCFC;
}
.the-entry-content figure.wp-block-image, .the-entry-content .wp-block-image {
overflow: hidden;
position: relative;
width: 100%;
height: auto;
z-index: 1;
margin: 0;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
border-radius: 0.5rem;
}
.the-entry-content figure.wp-block-image::after, .the-entry-content .wp-block-image::after {
content: "";
position: absolute;
width: 1000px;
height: 1000px;
top: -250px;
left: -250px;
background: url("../img/svg/wave_bg.svg") 0 0 repeat;
background-size: 8rem;
transform: rotate(-45deg);
}
.the-entry-content figure.wp-block-image img, .the-entry-content .wp-block-image img {
position: relative;
z-index: 4;
}
.the-entry-content figure.wp-block-image a, .the-entry-content .wp-block-image a {
position: relative;
z-index: 3;
display: block;
line-height: 0;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
.the-entry-content figure.wp-block-image a img, .the-entry-content .wp-block-image a img {
max-height: 80vh;
height: auto;
max-width: calc(100% - 1.5rem);
width: auto;
display: block;
margin: 0 auto;
margin-top: 14.4px;
margin-top: 0.75rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
border-radius: 0.5rem !important;
position: relative;
z-index: 4;
}
.the-entry-content figure.wp-block-image a:before, .the-entry-content .wp-block-image a:before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 33%;
background: linear-gradient(to bottom, #2FB895, #027F91);
z-index: 2;
left: 0;
top: 33%;
border-radius: 0.5rem;
}
.the-entry-content figure.wp-block-image figcaption, .the-entry-content .wp-block-image figcaption {
position: relative;
z-index: 5;
background: linear-gradient(to left, #2FB895, #027F91);
border-radius: 0.5rem;
color: #FCFCFC;
padding: 0.5rem 1rem;
font-size: 0.9230769231rem;
font-style: italic;
display: block;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
margin-top: -28.8px;
margin-top: -1.5rem;
}
.the-entry-content figure.wp-block-image.no-waves:after {
display: none;
}
.the-entry-content table {
position: relative;
padding-bottom: 0.5rem;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
margin-left: auto;
margin-right: auto;
display: table;
}
.the-entry-content table.stretch-50 {
width: 50vw;
left: calc(-25vw + 50%);
}
.the-entry-content table.stretch-75 {
width: 75vw;
left: calc(-37.5vw + 50%);
}
.the-entry-content table thead {
background: linear-gradient(to left, #2FB895, #027F91);
color: #FCFCFC;
font-size: 0.9230769231rem;
}
.the-entry-content table thead th {
line-height: 1.2rem;
font-weight: 400;
padding: 0.5rem;
}
.the-entry-content table thead th:first-child {
border-top-left-radius: 0.5rem;
}
.the-entry-content table thead th:last-child {
border-top-right-radius: 0.5rem;
}
.the-entry-content table tbody {
background: #F5F5F5;
font-size: 0.9230769231rem;
}
.the-entry-content table tbody td {
line-height: 1.2rem;
padding: 0.5rem;
}
.the-entry-content table:after {
content: "";
width: calc(100% - 4px);
display: block;
height: 0.5rem;
background: linear-gradient(to left, #2FB895, #027F91);
position: absolute;
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.the-entry-content iframe {
width: 100%;
}
.the-entry-content .sh-btn {
border-radius: 0.5rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background: #027F91;
display: inline-flex;
align-items: center;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
transform: rotate(0deg);
transition: all 1s;
padding: 0rem 0.5rem 0rem 0;
margin: 0.5rem;
-webkit-text-decoration: none;
text-decoration: none;
}
.the-entry-content .sh-btn:hover {
transform: rotate(4deg);
background: #2FB895;
transition: all 1s;
}
.the-entry-content .sh-btn .menu-flag {
width: 2rem;
height: 2rem;
transform: translateX(-1rem);
}
.the-entry-content .sh-btn span {
transform: translateX(-0.5rem);
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #FCFCFC;
font-weight: 700;
}
.the-entry-content .author-box {
background: #F5F5F5;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 43.2px;
padding-bottom: 2.25rem;
padding-top: 43.2px;
padding-top: 2.25rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
margin-top: 28.8px;
margin-top: 1.5rem;
position: relative;
margin-left: 0.75rem;
}
@media (max-width: 1030px) {
.the-entry-content .author-box {
margin-top: 57.6px;
margin-top: 3rem;
margin-bottom: 0px;
margin-bottom: 0rem;
}
}
.the-entry-content .author-box:before {
content: "";
height: 100%;
width: 0.75rem;
background: linear-gradient(to bottom, #2FB895, #027F91);
display: block;
position: absolute;
top: 0;
left: -0.75rem;
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.the-entry-content .author-box .author-img {
position: absolute;
top: calc(50% - 3rem);
left: -3.375rem;
width: 6rem;
height: 6rem;
border-radius: 50%;
}
@media (max-width: 1030px) {
.the-entry-content .author-box .author-img {
width: 4rem;
height: 4rem;
top: -2rem;
left: 2rem;
}
}
.the-entry-content .author-box .author-box-right {
padding-left: 3rem;
padding-right: 1rem;
}
@media (max-width: 1030px) {
.the-entry-content .author-box .author-box-right {
padding-left: 1rem;
padding-top: 1rem;
}
}
.the-entry-content .author-box .author-box-right .author-name {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 0px;
margin-bottom: 0rem;
text-transform: uppercase;
font-weight: 700;
}
.the-entry-content .author-box .author-box-right .author-title {
font-size: 0.9230769231rem;
font-style: italic;
}
.the-entry-content .author-box .author-box-right .author-lang span {
text-transform: uppercase;
color: #027F91;
font-weight: 700;
}
.single-reviews .entry-header .entry-meta .the-author {
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
.single-reviews .what-is h2 {
font-size: 0.9230769231rem;
text-transform: uppercase;
color: #027F91;
font-weight: 700;
font-family: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 0px;
margin-bottom: 0rem;
line-height: 1.5rem;
padding-left: 1rem;
}
.single-reviews .what-is .what-is-box {
background: linear-gradient(225deg, #2FB895, #027F91);
padding: 1rem 1rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
border-radius: 0.5rem;
color: #FCFCFC;
}
.single-reviews .what-is .what-is-box p:last-child {
margin-bottom: 0px;
margin-bottom: 0rem;
}
.single-reviews .review-data {
border-radius: 0.5rem;
padding: 1rem 1rem;
border: 3px solid #027F91;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
.single-reviews .review-data dt {
display: inline;
text-transform: uppercase;
font-weight: 700;
color: #2FB895;
}
.single-reviews .review-data dd {
display: inline;
margin-left: 0.5rem;
}
.single-reviews .review-data hr {
width: 100%;
height: 3px;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
margin-top: 14.4px;
margin-top: 0.75rem;
}
.single-reviews .review-buy-now {
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
.single-reviews .review-buy-now a {
text-align: center;
margin: 0 auto;
display: block;
width: -moz-fit-content;
width: fit-content;
}
.single-reviews .pro-con {
display: flex;
justify-content: space-between;
}
@media (max-width: 480px) {
.single-reviews .pro-con {
flex-direction: column;
}
}
.single-reviews .pro-con .the-good-row, .single-reviews .pro-con .the-bad-row {
background: linear-gradient(225deg, #2FB895, #027F91);
padding: 1rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
border-radius: 0.5rem;
color: #FCFCFC;
width: 48%;
}
@media (max-width: 480px) {
.single-reviews .pro-con .the-good-row, .single-reviews .pro-con .the-bad-row {
width: 100%;
}
}
.single-reviews .pro-con .the-good-row h2, .single-reviews .pro-con .the-bad-row h2 {
font-size: 0.9230769231rem;
text-transform: uppercase;
font-weight: 700;
font-family: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
line-height: 1.5rem;
display: flex;
align-items: center;
}
.single-reviews .pro-con .the-good-row ul li:before, .single-reviews .pro-con .the-bad-row ul li:before {
color: #FCFCFC;
}
.single-reviews .review-quick h2 {
font-size: 0.9230769231rem;
text-transform: uppercase;
color: #027F91;
font-weight: 700;
font-family: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 0px;
margin-bottom: 0rem;
line-height: 1.5rem;
padding-left: 1rem;
}
.single-reviews .review-quick .quick-box {
border-radius: 0.5rem;
padding: 1rem 1rem;
border: 3px solid #027F91;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
.single-reviews .review-quick .quick-box p:empty {
display: none;
}
.single-reviews .review-quick .quick-box p:nth-last-child(2) {
margin-bottom: 0px;
margin-bottom: 0rem;
}
.single-podcast article .podcast-left-col .headshot-img {
width: 8rem;
height: auto;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
margin: 0 auto;
display: block;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
@media (max-width: 645px) {
.single-podcast article .podcast-left-col .headshot-img {
position: absolute;
left: 1rem;
}
}
@media (max-width: 480px) {
.single-podcast article .podcast-left-col .headshot-img {
width: 5rem;
}
}
.single-podcast article .podcast-left-col .btn {
width: 8rem;
white-space: normal;
line-height: 1.05rem;
text-align: center;
margin: 0 auto;
display: block;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
@media (max-width: 645px) {
.single-podcast article .podcast-left-col .btn {
display: none;
}
}
.single-podcast article .subscribe-container {
background: linear-gradient(to right, #2FB895, #027F91);
border-radius: 0.5rem;
padding: 1rem 0.5rem;
color: #FCFCFC;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 8rem;
margin: 0 auto;
}
@media (max-width: 645px) {
.single-podcast article .subscribe-container {
display: none;
}
}
.single-podcast article .subscribe-container a {
display: flex;
margin: 1rem 0;
}
.single-podcast article .subscribe-container a svg {
fill: #FCFCFC;
}
.single-podcast article .subscribe-container a:hover svg {
fill: #EDFB26;
}
.single-podcast article .subscribe-container span {
text-transform: uppercase;
font-weight: 700;
}
.single-podcast article h1 {
font-size: 2.028rem;
line-height: 2.25rem;
}
@media (max-width: 645px) {
.single-podcast article h1 {
margin-left: 9rem;
}
}
@media (max-width: 480px) {
.single-podcast article h1 {
margin-left: 6rem;
}
}
@media (max-width: 645px) {
.single-podcast article hr {
margin-left: 9rem;
}
}
@media (max-width: 480px) {
.single-podcast article hr {
margin-left: 6rem;
}
}
@media (max-width: 645px) {
.single-podcast article .the-entry-content {
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
}
.single-podcast article .the-entry-content .podcast-player {
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
.single-podcast article .the-entry-content .subscribe-container {
display: none;
flex-wrap: wrap;
flex-direction: row;
padding: 1rem;
width: 100%;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
@media (max-width: 645px) {
.single-podcast article .the-entry-content .subscribe-container {
display: flex;
}
}
.single-podcast article .the-entry-content .subscribe-container a {
margin: 0.5rem;
}
.single-podcast article .the-entry-content .subscribe-container span {
display: block;
width: 100%;
text-align: center;
}
.single-podcast article .the-entry-content .btn {
width: 8rem;
white-space: normal;
line-height: 1.05rem;
text-align: center;
margin: 0 auto;
display: none;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
@media (max-width: 645px) {
.single-podcast article .the-entry-content .btn {
display: block;
}
}
@media (max-width: 645px) {
.single-resources h1, .post-15636 h1 {
margin-top: 0px;
margin-top: 0rem;
line-height: 2.25rem;
font-size: 2.028rem;
}
}
@media (max-width: 645px) {
.single-resources hr, .post-15636 hr {
width: 100%;
}
}
.single-resources article .post-thumbnail, .post-15636 article .post-thumbnail {
width: 100%;
height: auto;
border-radius: 0.5rem;
display: block;
}
.single-resources article .res-flag, .post-15636 article .res-flag {
transform: translateY(-50%);
display: block;
width: 3rem;
}
.single-resources article .res-card, .post-15636 article .res-card {
display: flex;
align-items: center;
background: #FFF;
border-radius: 0.5rem;
border: 1px solid #F5F5F5;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
padding: 1rem;
}
@media (max-width: 480px) {
.single-resources article .res-card, .post-15636 article .res-card {
flex-direction: column;
}
}
.single-resources article .res-card .res-img-link, .post-15636 article .res-card .res-img-link {
padding: 1rem;
flex-basis: 0;
flex-grow: 1;
}
.single-resources article .res-card .res-img-link img, .post-15636 article .res-card .res-img-link img {
width: 100%;
border-radius: 0.5rem;
}
@media (max-width: 480px) {
.single-resources article .res-card .res-img-link img, .post-15636 article .res-card .res-img-link img {
max-width: 10rem;
}
}
.single-resources article .res-card .ver-sep, .post-15636 article .res-card .ver-sep {
width: 0.5rem;
align-self: stretch;
border-radius: 0.25rem;
background: linear-gradient(to bottom, #2FB895, #027F91);
margin: 0 2rem 0 1rem;
display: block;
}
@media (max-width: 480px) {
.single-resources article .res-card .ver-sep, .post-15636 article .res-card .ver-sep {
height: 0.5rem;
width: 100%;
background: linear-gradient(to right, #2FB895, #027F91);
margin: 0;
}
}
.single-resources article .res-card .res-text, .post-15636 article .res-card .res-text {
padding-top: 28.8px;
padding-top: 1.5rem;
padding-bottom: 28.8px;
padding-bottom: 1.5rem;
flex-basis: 0;
flex-grow: 2;
}
.single-resources article .res-card .res-text h3, .post-15636 article .res-card .res-text h3 {
margin-top: 0px;
margin-top: 0rem;
font-weight: 700;
}
@media (max-width: 645px) {
.single-learn article h1 {
margin-top: 57.6px;
margin-top: 3rem;
}
}
.single-learn article .learn-featured-img {
position: relative;
}
.single-learn article .learn-featured-img .post-thumbnail {
width: 100%;
height: auto;
border-radius: 0.5rem;
display: block;
}
.single-learn article .learn-featured-img .learn-flag {
transform: translateY(-50%);
display: block;
width: 3rem;
margin-bottom: -3rem;
}
.single-learn article .learn-featured-img .learn-animal {
position: absolute;
right: 2em;
top: 2em;
width: 6rem;
fill: #FCFCFC;
}
.single-learn article .data-block {
background: linear-gradient(225deg, #2FB895, #027F91);
padding: 1rem;
font-size: 0.9230769231rem;
border-radius: 0.5rem;
color: #FCFCFC;
height: 100%;
}
.single-learn article .data-block h4 {
text-transform: none;
text-transform: initial;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
.single-learn article .data-block hr {
background: #FCFCFC;
width: 100%;
margin-top: 14.4px;
margin-top: 0.75rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
.single-learn article .data-block p {
margin-bottom: 0px;
margin-bottom: 0rem;
}
.single-learn article .learn-intro {
font-style: italic;
font-size: 0.9230769231rem;
}
.single-learn article .learn-sb h4 {
text-transform: none;
text-transform: initial;
font-weight: 700;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
.single-learn article .learn-sb .sb-res {
background: url("../img/svg/wave_bg.svg") 0 0 repeat;
background-size: 5rem;
padding: 1rem;
border: 1px solid #F5F5F5;
border-radius: 0.5rem;
position: relative;
max-width: 18rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
.single-learn article .learn-sb .sb-res h3 {
padding-left: 0.5rem;
margin-top: 0px;
margin-top: 0rem;
text-transform: capitalize;
}
.single-learn article .learn-sb .sb-res h3 a {
font-weight: 700;
color: #3B3B3B;
-webkit-text-decoration: none;
text-decoration: none;
}
.single-learn article .learn-sb .sb-res .learn-flag {
position: absolute;
width: 2rem;
top: 1.5rem;
left: 0;
margin-left: -1rem;
}
.single-learn article .learn-sb .sb-res .btn {
white-space: normal;
margin-bottom: 0px;
margin-bottom: 0rem;
line-height: 1.125rem;
text-align: center;
margin-left: 0.5rem;
}
.single-learn article .learn-sb .challenge-ad-small .learn-flag {
position: absolute;
width: 2rem;
top: -1rem;
left: 50%;
margin-left: -1rem;
}
.single-learn article .learn-sb .challenge-ad-small h3 span {
text-transform: capitalize;
}
.single-learn article a.learn-card {
display: flex;
align-items: center;
background: #FFF;
border-radius: 0.5rem;
border: 1px solid #F5F5F5;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
-webkit-text-decoration: none;
text-decoration: none;
color: #3B3B3B;
transition: all 1s;
}
@media (max-width: 780px) {
.single-learn article a.learn-card {
flex-direction: column;
max-width: 18rem;
margin-left: auto;
margin-right: auto;
}
}
.single-learn article a.learn-card .lc-img, .single-learn article a.learn-card .lc-text {
flex-basis: 0;
flex-grow: 1;
line-height: 0;
}
.single-learn article a.learn-card img {
width: 100%;
height: auto;
border-radius: 0.5rem;
}
.single-learn article a.learn-card h3 {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 0px;
margin-bottom: 0rem;
padding: 1rem;
font-weight: 700;
font-size: 1.2rem;
line-height: 1.5rem;
}
.single-learn article a.learn-card:hover {
transform: translateX(10px);
transition: all 1s;
}
.single-learn article a.learn-card:hover h3 {
color: #2FB895;
}
.page-start-here header {
display: none;
}
@media (max-width: 645px) {
.page-start-here .as-seen-in {
position: absolute;
z-index: 99;
left: 14rem;
top: 2rem;
}
.page-start-here .as-seen-in:before {
content: "AS SEEN IN:";
text-transform: uppercase;
color: #2FB895;
padding: 0 0.5rem;
font-weight: 700;
}
}
@media (max-width: 480px) {
.page-start-here .as-seen-in {
left: 14rem;
top: 0;
}
.page-start-here .as-seen-in:before {
padding: 0;
}
}
.page-start-here .featured-in .wrap {
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media (max-width: 860px) {
.page-start-here .featured-in .wrap {
justify-content: center;
}
}
@media (max-width: 645px) {
.page-start-here .featured-in .wrap {
justify-content: flex-start;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 0px;
margin-bottom: 0rem;
}
}
.page-start-here .featured-in .wrap .featured-in-img {
padding: 0.5rem;
height: 2.8rem;
fill: #666;
}
@media (max-width: 860px) {
.page-start-here .featured-in .wrap .featured-in-img {
height: 2.4rem;
}
}
@media (max-width: 645px) {
.page-start-here .featured-in .wrap .featured-in-img {
width: 5rem;
height: auto;
}
}
@media (max-width: 645px) {
.page-start-here .benny-hs-sh {
max-width: 12rem;
margin: 1rem auto;
display: block;
}
}
@media (max-width: 480px) {
.page-start-here .benny-hs-sh {
margin-top: 86.4px;
margin-top: 4.5rem;
max-width: 15rem;
}
}
.page-start-here .benny-hs-sh {
width: 100%;
position: sticky;
top: 1rem;
}
.page-start-here .bq-start-here {
padding-bottom: 28.8px;
padding-bottom: 1.5rem;
padding-top: 28.8px;
padding-top: 1.5rem;
font-style: normal;
background: #FFF;
border: 1px solid #F5F5F5;
border-radius: 0.5rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-left: auto;
margin-right: auto;
width: 70%;
font-size: 0.9230769231rem;
}
.page-start-here .bq-start-here:before {
left: auto;
right: -0.75rem;
border-radius: 0 0.5em 0.5em 0;
}
.page-start-here .bq-start-here .bq-author {
position: relative;
left: -2.5rem;
display: flex;
align-items: center;
margin-bottom: 0px;
margin-bottom: 0rem;
}
.page-start-here .bq-start-here .bq-author img {
width: 3rem;
height: 3rem;
border-radius: 50%;
}
.page-start-here .bq-start-here .bq-author span {
text-transform: uppercase;
font-weight: 700;
color: #027F91;
margin-left: 0.5rem;
}
.page-start-here .bq-start-here p {
padding-left: 1rem;
padding-right: 1rem;
color: #666;
}
.page-start-here .btn {
margin-left: auto;
margin-right: auto;
display: block;
width: -moz-fit-content;
width: fit-content;
margin-top: 43.2px;
margin-top: 2.25rem;
margin-bottom: 43.2px;
margin-bottom: 2.25rem;
}
.page-about header {
display: none;
}
.page-about h2 {
font-weight: 700;
}
.page-about h3 {
font-size: 1.2rem;
font-weight: 700;
color: #2FB895;
text-transform: uppercase;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 86.4px;
margin-bottom: 4.5rem;
}
.page-about .about-sidebar, .page-about .mobile-contact {
padding: 2.5rem;
}
@media (max-width: 1030px) {
.page-about .about-sidebar, .page-about .mobile-contact {
padding: 1rem;
}
}
.page-about .about-sidebar h4, .page-about .mobile-contact h4 {
text-transform: capitalize;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
font-weight: 700;
}
.page-about .about-sidebar hr, .page-about .mobile-contact hr {
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
.page-about .about-sidebar p, .page-about .mobile-contact p {
font-size: 0.9230769231rem;
}
.page-about .about-sidebar .btn, .page-about .mobile-contact .btn {
width: 100%;
margin-top: 28.8px;
margin-top: 1.5rem;
text-align: center;
}
.page-about .about-sidebar .about-social, .page-about .mobile-contact .about-social {
display: flex;
flex-wrap: wrap;
list-style: none;
padding-left: 0;
}
.page-about .about-sidebar .about-social .social-icon, .page-about .mobile-contact .about-social .social-icon {
fill: #027F91;
}
.page-about .about-sidebar .about-social li, .page-about .mobile-contact .about-social li {
margin: 0rem 1rem 0.5rem 0;
}
.page-about .about-sidebar .about-social li:before, .page-about .mobile-contact .about-social li:before {
display: none;
}
.page-about .about-sidebar .about-social li a, .page-about .mobile-contact .about-social li a {
display: flex;
}
.page-about .about-sidebar .about-social li a:hover .social-icon, .page-about .mobile-contact .about-social li a:hover .social-icon {
fill: #2FB895;
}
.page-about .benny-hs-sh {
width: 100%;
}
@media (max-width: 645px) {
.page-about .benny-hs-sh {
width: 8rem;
height: auto;
position: absolute;
left: 1rem;
top: 2.5rem;
}
}
@media (max-width: 645px) {
.page-about .move-left {
margin-left: 9rem;
width: auto;
}
}
.page-about .btn {
margin-left: auto;
margin-right: auto;
display: block;
width: -moz-fit-content;
width: fit-content;
white-space: normal;
text-align: center;
margin-top: 43.2px;
margin-top: 2.25rem;
margin-bottom: 43.2px;
margin-bottom: 2.25rem;
}
.page-about .card-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
.page-about .card-container:after {
content: "";
flex: 0 0 32%;
}
@media (max-width: 820px) {
.page-about .card-container:after {
flex: 0 0 48%;
}
}
.page-about .card-container .team-card {
background: #FFF;
border-radius: 0.5rem;
border: 1px solid #F5F5F5;
width: 32%;
display: flex;
flex-direction: column;
padding: 1rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
margin-bottom: 86.4px;
margin-bottom: 4.5rem;
}
@media (max-width: 820px) {
.page-about .card-container .team-card {
width: 48%;
}
}
@media (max-width: 645px) {
.page-about .card-container .team-card {
width: 100%;
max-width: 22rem;
margin-left: auto;
margin-right: auto;
}
.page-about .card-container .team-card:last-child {
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
}
.page-about .card-container .team-card .team-headshot {
width: 5rem;
height: auto;
border-radius: 50%;
margin: -3.5rem auto 0;
display: block;
}
.page-about .card-container .team-card h4 {
font-size: 1.56rem;
line-height: 1.95rem;
font-weight: 700;
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 7.2px;
margin-bottom: 0.375rem;
text-transform: capitalize;
}
.page-about .card-container .team-card hr {
width: 75%;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
.page-about .card-container .team-card .team-title {
color: #666;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
display: block;
}
.page-about .card-container .team-card .team-card-footer {
margin-top: 14.4px;
margin-top: 0.75rem;
}
.page-about .card-container .team-card .team-card-footer p {
color: #027F91;
margin-bottom: 0;
}
.page-about .card-container .team-card .team-card-footer p b {
text-transform: uppercase;
}
.page-vault .breadcrumbs {
display: none;
}
.page-vault .vault-card {
display: flex;
align-items: center;
background: #FFF;
border-radius: 0.5rem;
border: 1px solid #F5F5F5;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
padding: 1rem;
}
@media (max-width: 480px) {
.page-vault .vault-card {
flex-direction: column;
}
}
.page-vault .vault-card .vault-img-link {
padding: 1rem;
flex-basis: 0;
flex-grow: 1;
}
.page-vault .vault-card .vault-img-link img {
width: 100%;
border-radius: 0.5rem;
}
@media (max-width: 480px) {
.page-vault .vault-card .vault-img-link img {
max-width: 10rem;
}
}
.page-vault .vault-card .ver-sep {
width: 0.5rem;
align-self: stretch;
border-radius: 0.25rem;
background: linear-gradient(to bottom, #2FB895, #027F91);
margin: 0 2rem 0 1rem;
display: block;
}
@media (max-width: 480px) {
.page-vault .vault-card .ver-sep {
height: 0.5rem;
width: 100%;
background: linear-gradient(to right, #2FB895, #027F91);
margin: 0;
}
}
.page-vault .vault-card .vault-text {
padding-top: 28.8px;
padding-top: 1.5rem;
padding-bottom: 28.8px;
padding-bottom: 1.5rem;
flex-basis: 0;
flex-grow: 2;
}
.page-vault .vault-card .vault-text h3 {
margin-top: 0px;
margin-top: 0rem;
font-weight: 700;
}
@media (max-width: 645px) {
.blog .archive-header-sm, .archive .archive-header-sm, .search-results .archive-header-sm, .reviews-section .archive-header-sm, .summer-25-products .archive-header-sm {
width: 100%;
max-width: 18rem;
margin-left: auto;
margin-right: auto;
}
}
.blog .archive-header-sm h1, .archive .archive-header-sm h1, .search-results .archive-header-sm h1, .reviews-section .archive-header-sm h1, .summer-25-products .archive-header-sm h1 {
margin-bottom: 0px;
margin-bottom: 0rem;
font-weight: 400;
display: inline-block;
}
.blog .archive-header-sm h1 .archive-prefix, .archive .archive-header-sm h1 .archive-prefix, .search-results .archive-header-sm h1 .archive-prefix, .reviews-section .archive-header-sm h1 .archive-prefix, .summer-25-products .archive-header-sm h1 .archive-prefix {
font-size: 1.56rem;
font-weight: 400;
line-height: 1.5rem;
}
.blog .archive-header-sm h1 span, .archive .archive-header-sm h1 span, .search-results .archive-header-sm h1 span, .reviews-section .archive-header-sm h1 span, .summer-25-products .archive-header-sm h1 span {
font-weight: 700;
}
.blog .archive-header-sm hr, .archive .archive-header-sm hr, .search-results .archive-header-sm hr, .reviews-section .archive-header-sm hr, .summer-25-products .archive-header-sm hr {
margin-top: 14.4px;
margin-top: 0.75rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
.blog .archive-header-sm .author-img, .archive .archive-header-sm .author-img, .search-results .archive-header-sm .author-img, .reviews-section .archive-header-sm .author-img, .summer-25-products .archive-header-sm .author-img {
border-radius: 50%;
height: 4rem;
width: 4rem;
margin-right: 1rem;
vertical-align: sub;
}
.blog .archive-header-sm .archive-flag, .archive .archive-header-sm .archive-flag, .search-results .archive-header-sm .archive-flag, .reviews-section .archive-header-sm .archive-flag, .summer-25-products .archive-header-sm .archive-flag {
height: 4rem;
width: 4rem;
margin-right: 1rem;
vertical-align: sub;
}
@media (max-width: 645px) {
.blog .archive-header-sm .archive-flag, .archive .archive-header-sm .archive-flag, .search-results .archive-header-sm .archive-flag, .reviews-section .archive-header-sm .archive-flag, .summer-25-products .archive-header-sm .archive-flag {
height: 2rem;
width: 2rem;
margin-right: 0.5rem;
}
}
.blog .archive-header-lg, .archive .archive-header-lg, .search-results .archive-header-lg, .reviews-section .archive-header-lg, .summer-25-products .archive-header-lg {
margin-top: 28.8px;
margin-top: 1.5rem;
position: relative;
}
@media (max-width: 645px) {
.blog .archive-header-lg, .archive .archive-header-lg, .search-results .archive-header-lg, .reviews-section .archive-header-lg, .summer-25-products .archive-header-lg {
width: 100%;
max-width: 18rem;
margin-left: auto;
margin-right: auto;
}
}
.blog .archive-header-lg h1, .archive .archive-header-lg h1, .search-results .archive-header-lg h1, .reviews-section .archive-header-lg h1, .summer-25-products .archive-header-lg h1 {
font-weight: 400;
}
.blog .archive-header-lg .archive-hero-img, .archive .archive-header-lg .archive-hero-img, .search-results .archive-header-lg .archive-hero-img, .reviews-section .archive-header-lg .archive-hero-img, .summer-25-products .archive-header-lg .archive-hero-img {
width: 100%;
}
@media (max-width: 645px) {
.blog .archive-header-lg .archive-hero-img, .archive .archive-header-lg .archive-hero-img, .search-results .archive-header-lg .archive-hero-img, .reviews-section .archive-header-lg .archive-hero-img, .summer-25-products .archive-header-lg .archive-hero-img {
position: absolute;
right: 0;
bottom: 7rem;
width: 45%;
}
}
.blog .archive-header-lg .row, .archive .archive-header-lg .row, .search-results .archive-header-lg .row, .reviews-section .archive-header-lg .row, .summer-25-products .archive-header-lg .row {
display: flex;
align-items: center;
}
.blog .card-container, .archive .card-container, .search-results .card-container, .reviews-section .card-container, .summer-25-products .card-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
.blog .card-container:after, .archive .card-container:after, .search-results .card-container:after, .reviews-section .card-container:after, .summer-25-products .card-container:after {
content: "";
flex: 0 0 32%;
}
@media (max-width: 820px) {
.blog .card-container:after, .archive .card-container:after, .search-results .card-container:after, .reviews-section .card-container:after, .summer-25-products .card-container:after {
flex: 0 0 48%;
}
}
.blog .card-container article.podcast .featured-img, .archive .card-container article.podcast .featured-img, .search-results .card-container article.podcast .featured-img, .reviews-section .card-container article.podcast .featured-img, .summer-25-products .card-container article.podcast .featured-img {
width: 7.7rem;
height: auto;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
margin-left: 1rem;
margin-top: 1rem;
}
.blog article, .blog .product-card, .archive article, .archive .product-card, .search-results article, .search-results .product-card, .reviews-section article, .reviews-section .product-card, .summer-25-products article, .summer-25-products .product-card {
background: #FFF;
border-radius: 0.5rem;
border: 1px solid #F5F5F5;
width: 32%;
display: flex;
flex-direction: column;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
@media (max-width: 820px) {
.blog article, .blog .product-card, .archive article, .archive .product-card, .search-results article, .search-results .product-card, .reviews-section article, .reviews-section .product-card, .summer-25-products article, .summer-25-products .product-card {
width: 48%;
}
}
@media (max-width: 645px) {
.blog article, .blog .product-card, .archive article, .archive .product-card, .search-results article, .search-results .product-card, .reviews-section article, .reviews-section .product-card, .summer-25-products article, .summer-25-products .product-card {
width: 100%;
max-width: 18rem;
margin-left: auto;
margin-right: auto;
}
}
.blog article .featured-img, .blog .product-card .featured-img, .archive article .featured-img, .archive .product-card .featured-img, .search-results article .featured-img, .search-results .product-card .featured-img, .reviews-section article .featured-img, .reviews-section .product-card .featured-img, .summer-25-products article .featured-img, .summer-25-products .product-card .featured-img {
width: 100%;
height: auto;
border-radius: 0.5rem;
}
.blog article h2, .blog article h3, .blog .product-card h2, .blog .product-card h3, .archive article h2, .archive article h3, .archive .product-card h2, .archive .product-card h3, .search-results article h2, .search-results article h3, .search-results .product-card h2, .search-results .product-card h3, .reviews-section article h2, .reviews-section article h3, .reviews-section .product-card h2, .reviews-section .product-card h3, .summer-25-products article h2, .summer-25-products article h3, .summer-25-products .product-card h2, .summer-25-products .product-card h3 {
font-size: 1.56rem;
line-height: 1.95rem;
font-weight: 700;
margin-top: 14.4px;
margin-top: 0.75rem;
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
margin-left: 1rem;
margin-right: 1rem;
}
.blog article .the-author, .blog .product-card .the-author, .archive article .the-author, .archive .product-card .the-author, .search-results article .the-author, .search-results .product-card .the-author, .reviews-section article .the-author, .reviews-section .product-card .the-author, .summer-25-products article .the-author, .summer-25-products .product-card .the-author {
color: #666;
margin-top: 14.4px;
margin-top: 0.75rem;
margin-left: 1rem;
margin-right: 1rem;
}
.blog article .post-excerpt, .blog article .product-description, .blog .product-card .post-excerpt, .blog .product-card .product-description, .archive article .post-excerpt, .archive article .product-description, .archive .product-card .post-excerpt, .archive .product-card .product-description, .search-results article .post-excerpt, .search-results article .product-description, .search-results .product-card .post-excerpt, .search-results .product-card .product-description, .reviews-section article .post-excerpt, .reviews-section article .product-description, .reviews-section .product-card .post-excerpt, .reviews-section .product-card .product-description, .summer-25-products article .post-excerpt, .summer-25-products article .product-description, .summer-25-products .product-card .post-excerpt, .summer-25-products .product-card .product-description {
margin-left: 1rem;
margin-right: 1rem;
overflow: hidden;
margin-bottom: auto;
}
.blog article .post-excerpt p, .blog article .product-description p, .blog .product-card .post-excerpt p, .blog .product-card .product-description p, .archive article .post-excerpt p, .archive article .product-description p, .archive .product-card .post-excerpt p, .archive .product-card .product-description p, .search-results article .post-excerpt p, .search-results article .product-description p, .search-results .product-card .post-excerpt p, .search-results .product-card .product-description p, .reviews-section article .post-excerpt p, .reviews-section article .product-description p, .reviews-section .product-card .post-excerpt p, .reviews-section .product-card .product-description p, .summer-25-products article .post-excerpt p, .summer-25-products article .product-description p, .summer-25-products .product-card .post-excerpt p, .summer-25-products .product-card .product-description p {
margin-bottom: 0;
}
.blog article .card-footer .meta-lang, .blog .product-card .card-footer .meta-lang, .archive article .card-footer .meta-lang, .archive .product-card .card-footer .meta-lang, .search-results article .card-footer .meta-lang, .search-results .product-card .card-footer .meta-lang, .reviews-section article .card-footer .meta-lang, .reviews-section .product-card .card-footer .meta-lang, .summer-25-products article .card-footer .meta-lang, .summer-25-products .product-card .card-footer .meta-lang {
margin-bottom: 0;
}
.blog article .card-footer .meta-lang, .blog article .card-footer .meta-reading-time, .blog article .card-footer .meta-length, .blog .product-card .card-footer .meta-lang, .blog .product-card .card-footer .meta-reading-time, .blog .product-card .card-footer .meta-length, .archive article .card-footer .meta-lang, .archive article .card-footer .meta-reading-time, .archive article .card-footer .meta-length, .archive .product-card .card-footer .meta-lang, .archive .product-card .card-footer .meta-reading-time, .archive .product-card .card-footer .meta-length, .search-results article .card-footer .meta-lang, .search-results article .card-footer .meta-reading-time, .search-results article .card-footer .meta-length, .search-results .product-card .card-footer .meta-lang, .search-results .product-card .card-footer .meta-reading-time, .search-results .product-card .card-footer .meta-length, .reviews-section article .card-footer .meta-lang, .reviews-section article .card-footer .meta-reading-time, .reviews-section article .card-footer .meta-length, .reviews-section .product-card .card-footer .meta-lang, .reviews-section .product-card .card-footer .meta-reading-time, .reviews-section .product-card .card-footer .meta-length, .summer-25-products article .card-footer .meta-lang, .summer-25-products article .card-footer .meta-reading-time, .summer-25-products article .card-footer .meta-length, .summer-25-products .product-card .card-footer .meta-lang, .summer-25-products .product-card .card-footer .meta-reading-time, .summer-25-products .product-card .card-footer .meta-length {
color: #027F91;
}
.blog article .card-footer .meta-lang b, .blog article .card-footer .meta-reading-time b, .blog article .card-footer .meta-length b, .blog .product-card .card-footer .meta-lang b, .blog .product-card .card-footer .meta-reading-time b, .blog .product-card .card-footer .meta-length b, .archive article .card-footer .meta-lang b, .archive article .card-footer .meta-reading-time b, .archive article .card-footer .meta-length b, .archive .product-card .card-footer .meta-lang b, .archive .product-card .card-footer .meta-reading-time b, .archive .product-card .card-footer .meta-length b, .search-results article .card-footer .meta-lang b, .search-results article .card-footer .meta-reading-time b, .search-results article .card-footer .meta-length b, .search-results .product-card .card-footer .meta-lang b, .search-results .product-card .card-footer .meta-reading-time b, .search-results .product-card .card-footer .meta-length b, .reviews-section article .card-footer .meta-lang b, .reviews-section article .card-footer .meta-reading-time b, .reviews-section article .card-footer .meta-length b, .reviews-section .product-card .card-footer .meta-lang b, .reviews-section .product-card .card-footer .meta-reading-time b, .reviews-section .product-card .card-footer .meta-length b, .summer-25-products article .card-footer .meta-lang b, .summer-25-products article .card-footer .meta-reading-time b, .summer-25-products article .card-footer .meta-length b, .summer-25-products .product-card .card-footer .meta-lang b, .summer-25-products .product-card .card-footer .meta-reading-time b, .summer-25-products .product-card .card-footer .meta-length b {
text-transform: uppercase;
}
.blog article .card-footer .btn, .blog .product-card .card-footer .btn, .archive article .card-footer .btn, .archive .product-card .card-footer .btn, .search-results article .card-footer .btn, .search-results .product-card .card-footer .btn, .reviews-section article .card-footer .btn, .reviews-section .product-card .card-footer .btn, .summer-25-products article .card-footer .btn, .summer-25-products .product-card .card-footer .btn {
display: block;
width: 100%;
margin: 0 auto;
text-align: center;
}
.blog .latest-article article, .archive .latest-article article, .search-results .latest-article article, .reviews-section .latest-article article, .summer-25-products .latest-article article {
width: 100%;
background: none;
border: none;
}
@media (max-width: 645px) {
.blog .latest-article article, .archive .latest-article article, .search-results .latest-article article, .reviews-section .latest-article article, .summer-25-products .latest-article article {
margin-top: 28.8px;
margin-top: 1.5rem;
}
}
.blog .latest-article .col-flex, .archive .latest-article .col-flex, .search-results .latest-article .col-flex, .reviews-section .latest-article .col-flex, .summer-25-products .latest-article .col-flex {
display: flex;
flex-direction: column;
}
.blog .latest-article .col-flex h2, .archive .latest-article .col-flex h2, .search-results .latest-article .col-flex h2, .reviews-section .latest-article .col-flex h2, .summer-25-products .latest-article .col-flex h2 {
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
font-size: 2.028rem;
line-height: 2.25rem;
margin-left: 0;
}
@media (max-width: 645px) {
.blog .latest-article .col-flex h2, .archive .latest-article .col-flex h2, .search-results .latest-article .col-flex h2, .reviews-section .latest-article .col-flex h2, .summer-25-products .latest-article .col-flex h2 {
margin-top: 28.8px;
margin-top: 1.5rem;
}
}
.blog .latest-article .col-flex .post-excerpt, .archive .latest-article .col-flex .post-excerpt, .search-results .latest-article .col-flex .post-excerpt, .reviews-section .latest-article .col-flex .post-excerpt, .summer-25-products .latest-article .col-flex .post-excerpt {
margin-left: 0;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
.blog .latest-article .col-img, .archive .latest-article .col-img, .search-results .latest-article .col-img, .reviews-section .latest-article .col-img, .summer-25-products .latest-article .col-img {
position: relative;
}
.blog .latest-article .col-img:before, .archive .latest-article .col-img:before, .search-results .latest-article .col-img:before, .reviews-section .latest-article .col-img:before, .summer-25-products .latest-article .col-img:before {
content: "LATEST ARTICLE";
position: absolute;
transform: rotate(-90deg);
top: 5rem;
left: -3rem;
color: #027F91;
font-size: 0.9230769231rem;
font-weight: 700;
}
@media (max-width: 645px) {
.blog .latest-article .col-img:before, .archive .latest-article .col-img:before, .search-results .latest-article .col-img:before, .reviews-section .latest-article .col-img:before, .summer-25-products .latest-article .col-img:before {
transform: rotate(0deg);
top: -1.5rem;
left: 1rem;
}
}
.blog .latest-article .latest-post-footer, .archive .latest-article .latest-post-footer, .search-results .latest-article .latest-post-footer, .reviews-section .latest-article .latest-post-footer, .summer-25-products .latest-article .latest-post-footer {
display: flex;
align-items: center;
margin-top: auto;
}
.blog .latest-article .latest-post-footer .meta-author, .archive .latest-article .latest-post-footer .meta-author, .search-results .latest-article .latest-post-footer .meta-author, .reviews-section .latest-article .latest-post-footer .meta-author, .summer-25-products .latest-article .latest-post-footer .meta-author {
display: flex;
margin-right: auto;
}
.blog .latest-article .latest-post-footer .meta-author .meta-author-img, .archive .latest-article .latest-post-footer .meta-author .meta-author-img, .search-results .latest-article .latest-post-footer .meta-author .meta-author-img, .reviews-section .latest-article .latest-post-footer .meta-author .meta-author-img, .summer-25-products .latest-article .latest-post-footer .meta-author .meta-author-img {
border-radius: 50%;
width: 3rem;
height: 3rem;
margin-right: 1rem;
}
.blog .latest-article .latest-post-footer .meta-author .author-name, .archive .latest-article .latest-post-footer .meta-author .author-name, .search-results .latest-article .latest-post-footer .meta-author .author-name, .reviews-section .latest-article .latest-post-footer .meta-author .author-name, .summer-25-products .latest-article .latest-post-footer .meta-author .author-name {
font-weight: 700;
text-transform: uppercase;
}
.blog .load-more, .archive .load-more, .search-results .load-more, .reviews-section .load-more, .summer-25-products .load-more {
margin: auto;
margin-top: 0px;
margin-top: 0rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
display: block;
width: -moz-fit-content;
width: fit-content;
text-align: center;
}
.blog .postnav, .archive .postnav, .search-results .postnav, .reviews-section .postnav, .summer-25-products .postnav {
background: linear-gradient(to right, #2FB895, #027F91);
border-radius: 0.5rem;
color: #FCFCFC;
display: block;
font-size: 0;
margin: 0 auto;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
width: -moz-fit-content;
width: fit-content;
}
.blog .postnav a, .archive .postnav a, .search-results .postnav a, .reviews-section .postnav a, .summer-25-products .postnav a {
padding: 0.5em 1em;
display: inline-block;
border-right: 3px solid #FCFCFC;
color: #FCFCFC;
-webkit-text-decoration: none;
text-decoration: none;
font-size: 0.9230769231rem;
}
.blog .postnav a:last-child, .archive .postnav a:last-child, .search-results .postnav a:last-child, .reviews-section .postnav a:last-child, .summer-25-products .postnav a:last-child {
border: none;
}
.blog .postnav span, .archive .postnav span, .search-results .postnav span, .reviews-section .postnav span, .summer-25-products .postnav span {
padding: 0.5em 1em;
border-right: 3px solid #FCFCFC;
font-size: 0.9230769231rem;
}
.blog .postnav span:last-child, .archive .postnav span:last-child, .search-results .postnav span:last-child, .reviews-section .postnav span:last-child, .summer-25-products .postnav span:last-child {
border: none;
}
.blog .postnav span.current, .archive .postnav span.current, .search-results .postnav span.current, .reviews-section .postnav span.current, .summer-25-products .postnav span.current {
font-weight: 700;
color: #EDFB26;
}
.search-results article.products .the-author, .search-results article.learn .the-author, .search-results article.resources .the-author, .search-results article.page .the-author, .search-results article.podcast .the-author {
display: none;
}
.archive.author .archive-header-sm hr {
margin-left: 5rem;
}
@media (max-width: 645px) {
.archive.author .archive-header-sm hr {
margin-left: 0rem;
}
}
.archive.tax-languages .archive-header-sm hr {
margin-left: 5rem;
}
@media (max-width: 645px) {
.archive.tax-languages .archive-header-sm hr {
margin-left: 2.5rem;
}
}
.archive.tax-languages .archive-header-sm h1 {
line-height: 3.75rem;
}
.archive.tax-languages .archive-header-sm h1 span {
display: block;
}
.post-type-archive-reviews article, .reviews-section article {
background: transparent;
border: none;
}
.post-type-archive-reviews article a, .reviews-section article a {
-webkit-text-decoration: none;
text-decoration: none;
display: block;
transform: rotate(0deg);
transition: all 1s;
}
.post-type-archive-reviews article a:hover, .reviews-section article a:hover {
transform: rotate(4deg);
transition: all 1s;
}
.post-type-archive-reviews article .review-card-bottom, .reviews-section article .review-card-bottom {
padding-left: 0.5rem;
padding-right: 0.5rem;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.post-type-archive-reviews article .review-card-bottom h2, .reviews-section article .review-card-bottom h2 {
font-weight: 400;
margin: 0 0.5em 0 0;
}
.post-type-archive-podcast .archive-header-lg {
margin-top: 57.6px;
margin-top: 3rem;
}
@media (max-width: 645px) {
.post-type-archive-podcast .archive-header-lg .archive-hero-img {
bottom: 6rem;
width: 40%;
}
}
.post-type-archive-podcast .subscribe-container {
margin-top: 57.6px;
margin-top: 3rem;
background: linear-gradient(to right, #2FB895, #027F91);
border-radius: 0.5rem;
padding: 0.5rem;
color: #FCFCFC;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
@media (max-width: 645px) {
.post-type-archive-podcast .subscribe-container {
margin-top: 0px;
margin-top: 0rem;
}
}
.post-type-archive-podcast .subscribe-container a {
display: flex;
margin: 0 1rem;
}
@media (max-width: 645px) {
.post-type-archive-podcast .subscribe-container a {
margin: 0.5rem;
}
}
.post-type-archive-podcast .subscribe-container a svg {
fill: #FCFCFC;
}
.post-type-archive-podcast .subscribe-container a:hover svg {
fill: #EDFB26;
}
.post-type-archive-podcast .subscribe-container span {
text-transform: uppercase;
font-weight: 700;
margin-left: 1rem;
margin-right: 1rem;
}
@media (max-width: 645px) {
.post-type-archive-podcast .subscribe-container span {
margin: 0.5rem 1rem;
display: block;
text-align: center;
width: 100%;
}
}
.post-type-archive-podcast .latest-episode {
margin-top: 57.6px;
margin-top: 3rem;
}
@media (max-width: 645px) {
.post-type-archive-podcast .latest-episode {
margin-top: 0px;
margin-top: 0rem;
}
}
.post-type-archive-podcast .latest-episode article {
width: 100%;
background: none;
border: none;
}
.post-type-archive-podcast .latest-episode .headshot-img {
width: 100%;
height: auto;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
@media (max-width: 645px) {
.post-type-archive-podcast .latest-episode .headshot-img {
width: 42%;
margin-left: auto;
display: block;
position: relative;
top: 0.5rem;
}
}
.post-type-archive-podcast .latest-episode h2 {
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
margin-left: 0;
}
.post-type-archive-podcast .latest-episode .tagline {
font-weight: 700;
color: #2FB895;
text-transform: uppercase;
}
.post-type-archive-podcast .latest-episode .podcast-player {
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
.post-type-archive-podcast .latest-episode .btn {
line-height: 1.5rem;
margin-right: auto;
display: inline-block;
}
.post-type-archive-podcast .episode-list {
margin-top: 57.6px;
margin-top: 3rem;
}
.post-type-archive-podcast .episode-list .card-container:after {
flex: 0 0 49%;
}
.post-type-archive-podcast .episode-list article {
width: 49%;
flex-direction: row;
align-items: flex-start;
padding: 1rem;
margin-top: 0;
}
@media (max-width: 820px) {
.post-type-archive-podcast .episode-list article {
flex-direction: column;
}
}
@media (max-width: 740px) {
.post-type-archive-podcast .episode-list article {
width: 100%;
max-width: 24rem;
margin-left: auto;
margin-right: auto;
}
}
.post-type-archive-podcast .episode-list article .headshot-img {
width: 4rem;
height: auto;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
@media (max-width: 820px) {
.post-type-archive-podcast .episode-list article .headshot-img {
width: 6rem;
margin: 1rem 1rem 0;
}
}
.post-type-archive-podcast .episode-list article .ep-card-right {
display: flex;
flex-direction: column;
height: 100%;
}
.post-type-archive-podcast .episode-list article .episode-excerpt {
margin-left: 1rem;
margin-right: 1rem;
overflow: hidden;
margin-bottom: auto;
}
.post-type-archive-podcast .episode-list article .episode-excerpt p {
margin-bottom: 0px;
margin-bottom: 0rem;
}
.post-type-archive-podcast .episode-list article .card-footer {
margin-top: 0px;
margin-top: 0rem;
}
.post-type-archive-products .archive-header-lg, .summer-25-products .archive-header-lg {
margin-top: 57.6px;
margin-top: 3rem;
margin-bottom: 57.6px;
margin-bottom: 3rem;
}
.post-type-archive-products .archive-header-lg .benny-sign, .summer-25-products .archive-header-lg .benny-sign {
width: 10rem;
}
.post-type-archive-products .archive-header-lg .archive-hero-img, .summer-25-products .archive-header-lg .archive-hero-img {
width: 100%;
}
@media (max-width: 645px) {
.post-type-archive-products .archive-header-lg .archive-hero-img, .summer-25-products .archive-header-lg .archive-hero-img {
position: relative;
right: auto;
bottom: auto;
width: 100%;
}
}
.post-type-archive-products h2, .summer-25-products h2 {
margin-bottom: 14.4px;
margin-bottom: 0.75rem;
}
.post-type-archive-products .prodres-btn, .summer-25-products .prodres-btn {
border-radius: 0.5rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background: #027F91;
display: inline-flex;
align-items: center;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
transform: rotate(0deg);
transition: all 1s;
padding: 0rem 0.5rem 0rem 0;
margin: 0.5rem;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: capitalize;
}
.post-type-archive-products .prodres-btn:hover, .summer-25-products .prodres-btn:hover {
transform: rotate(4deg);
background: #2FB895;
transition: all 1s;
}
.post-type-archive-products .prodres-btn .menu-flag, .summer-25-products .prodres-btn .menu-flag {
width: 2rem;
height: 2rem;
transform: translateX(-1rem);
}
.post-type-archive-products .prodres-btn span, .summer-25-products .prodres-btn span {
transform: translateX(-0.5rem);
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #FCFCFC;
font-weight: 700;
}
.post-type-archive-resources .the-author {
display: none;
}
.page-template-page-comparsion .the-entry-content .row, .page-template-page-comparsion .breadcrumbs {
justify-content: center;
}
.page-template-page-comparsion .comp-main-img {
position: relative;
}
.page-template-page-comparsion .comp-main-img img {
width: 100%;
height: auto;
}
.page-template-page-comparsion .comp-main-img .res-flag {
width: 25%;
position: absolute;
top: 0;
right: 0;
}
.page-template-page-comparsion .filter-ctrl {
background: linear-gradient(to right, #2FB895, #027F91);
border-radius: 0.5rem;
padding: 0.5rem;
color: #FCFCFC;
display: flex;
align-items: center;
justify-content: space-evenly;
}
.page-template-page-comparsion .filter-ctrl span {
text-transform: uppercase;
font-weight: 700;
margin-left: 1rem;
margin-right: 1rem;
line-height: 1;
}
@media (max-width: 1100px) {
.page-template-page-comparsion .filter-ctrl span {
margin: 0;
}
}
@media (max-width: 500px) {
.page-template-page-comparsion .filter-ctrl span {
margin-bottom: 0.5rem;
}
}
.page-template-page-comparsion .filter-ctrl ul {
display: flex;
margin-bottom: 0;
padding: 0;
}
@media (max-width: 1000px) {
.page-template-page-comparsion .filter-ctrl ul {
flex-direction: column;
}
}
.page-template-page-comparsion .filter-ctrl ul li {
display: flex;
align-items: center;
padding: 0;
}
.page-template-page-comparsion .filter-ctrl ul li:before {
display: none;
}
@media (max-width: 1000px) {
.page-template-page-comparsion .filter-ctrl ul li:first-child {
margin-bottom: 0.5rem;
}
}
.page-template-page-comparsion .filter-ctrl ul li h4 {
padding: 0 1rem;
}
.page-template-page-comparsion .filter-ctrl select {
width: auto;
}
.page-template-page-comparsion .full-width-wrap {
width: 100%;
}
.page-template-page-comparsion .full-width-wrap .comp-cards {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 645px) {
.page-template-page-comparsion .full-width-wrap .comp-cards {
flex-direction: column;
}
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card {
width: 17rem;
margin: 1rem;
display: block;
}
@media (max-width: 645px) {
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card {
width: auto;
}
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card h2 {
display: flex;
margin-bottom: 5.76px;
margin-bottom: 0.3rem;
margin-top: 0px;
margin-top: 0rem;
font-size: 1.56rem;
}
@media (max-width: 645px) {
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card h2 {
margin-top: 0;
}
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card h2 span {
background: #2FB895;
font-size: 1.2rem;
line-height: 1.4;
color: #FCFCFC;
text-align: center;
display: inline-block;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
margin-right: 0.3rem;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-inside {
background: #FFF;
border-radius: 0.5rem;
border: 1px solid #F5F5F5;
padding: 0 1rem 1rem;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .row-title {
text-transform: uppercase;
color: #027F91;
font-weight: 700;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .ctag {
background: #F5F5F5;
margin: 0.1rem;
padding: 0 0.3rem;
border-radius: 3px;
display: inline-block;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-logo {
width: calc(100% + 2rem);
transform: translateX(-1rem);
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-logo img {
width: 100%;
border-radius: 0.5rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-desc {
font-size: 0.9230769231rem;
line-height: 1.2rem;
padding: 0.5rem 0;
border-bottom: 1px dotted #666;
min-height: 6.3rem;
display: flex;
align-items: center;
}
@media (max-width: 645px) {
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-desc {
min-height: auto;
}
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-rating {
font-size: 0.9230769231rem;
line-height: 1.2rem;
border-bottom: 1px dotted #666;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-rating .star-rating {
background: none;
padding-bottom: 0;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-level {
font-size: 0.9230769231rem;
line-height: 1.2rem;
padding: 0.5rem 0;
border-bottom: 1px dotted #666;
min-height: 4rem;
}
@media (max-width: 645px) {
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-level {
min-height: auto;
}
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-like {
font-size: 0.9230769231rem;
line-height: 1.2rem;
padding: 0.5rem 0;
border-bottom: 1px dotted #666;
min-height: 6.5rem;
display: flex;
justify-content: center;
flex-direction: column;
}
@media (max-width: 645px) {
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-like {
min-height: auto;
}
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-like span {
display: block;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-features {
font-size: 0.9230769231rem;
line-height: 1.2rem;
padding: 0.5rem 0;
border-bottom: 1px dotted #666;
min-height: 15.8rem;
}
@media (max-width: 645px) {
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-features {
min-height: auto;
}
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-features ul {
padding-left: 1rem;
line-height: 1.2rem;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-features ul li, .page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-features ul span {
line-height: 1.2rem;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .comp-card-price {
font-size: 0.9230769231rem;
line-height: 1.2rem;
padding: 0.5rem 0;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .btn {
display: block;
text-align: center;
}
.page-template-page-comparsion .full-width-wrap .comp-cards .comp-card .btn.btn-cta {
margin-top: 0.5rem;
}
.error-404 {
width: 100%;
max-width: 42rem;
margin: 0 auto;
}
.error-404 h1 {
text-align: center;
}
.error-404 .img-404 {
width: 50%;
max-width: 20rem;
display: block;
margin: auto;
margin-top: 57.6px;
margin-top: 3rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
}
@media (max-width: 480px) {
.error-404 .img-404 {
width: 80%;
}
}
.error-404 p {
text-align: center;
margin-bottom: 57.6px;
margin-bottom: 3rem;
}
.error-404 .sh-btn {
border-radius: 0.5rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background: #027F91;
display: inline-flex;
align-items: center;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
transform: rotate(0deg);
transition: all 1s;
padding: 0rem 0.5rem 0rem 0;
margin: 0.5rem;
-webkit-text-decoration: none;
text-decoration: none;
}
.error-404 .sh-btn:hover {
transform: rotate(4deg);
background: #2FB895;
transition: all 1s;
}
.error-404 .sh-btn .menu-flag {
width: 2rem;
height: 2rem;
transform: translateX(-1rem);
}
.error-404 .sh-btn span {
transform: translateX(-0.5rem);
font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #FCFCFC;
font-weight: 700;
}
.error-404 .challenge-ad-big {
margin-top: 28.8px;
margin-top: 1.5rem;
}
footer {
padding: 1rem;
}
footer .featured-in .wrap {
margin-top: 28.8px;
margin-top: 1.5rem;
margin-bottom: 28.8px;
margin-bottom: 1.5rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media (max-width: 860px) {
footer .featured-in .wrap {
justify-content: center;
}
}
footer .featured-in .wrap .featured-in-img {
padding: 0.5rem;
height: 2.8rem;
fill: #d9d9d9;
}
@media (max-width: 860px) {
footer .featured-in .wrap .featured-in-img {
height: 2.4rem;
}
}
footer .footer-text {
background: linear-gradient(to right, #2FB895, #027F91);
padding-top: 28.8px;
padding-top: 1.5rem;
padding-bottom: 28.8px;
padding-bottom: 1.5rem;
padding-left: 5rem;
padding-right: 5rem;
border-radius: 0.5rem;
color: #FCFCFC;
position: relative;
}
@media (max-width: 860px) {
footer .footer-text {
padding: 1rem;
}
}
footer .footer-text .wrap {
display: flex;
align-items: center;
}
@media (max-width: 860px) {
footer .footer-text .wrap {
flex-direction: column;
align-items: flex-start;
}
}
footer .footer-text .wrap .vglnk {
color: #FCFCFC;
-webkit-text-decoration: none;
text-decoration: none;
}
footer .footer-text p {
text-transform: uppercase;
margin-bottom: 0px;
margin-bottom: 0rem;
line-height: 1.125rem;
font-size: 0.7100591716rem;
}
footer .footer-text .footer-divider {
display: block;
height: 3rem;
width: 1px;
background: #FCFCFC;
margin: 0 1rem;
}
@media (max-width: 860px) {
footer .footer-text .footer-divider {
height: 1px;
width: 3rem;
margin: 0.5rem 0;
}
}
footer .footer-text .menu-footer {
display: flex;
align-items: center;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
footer .footer-text .menu-footer li {
padding-right: 1rem;
}
footer .footer-text .menu-footer li a {
font-size: 0.7100591716rem;
font-weight: 700;
-webkit-text-decoration: none;
text-decoration: none;
color: #FCFCFC;
}
footer .footer-text .menu-footer li a:hover, footer .footer-text .menu-footer li a:focus {
color: #EDFB26;
}
footer .footer-text .menu-footer li.get-in-touch a {
background: #FCFCFC;
padding: 0.1rem 0.5rem;
border-radius: 0.5rem;
color: #027F91;
}
footer .footer-text .menu-footer li.get-in-touch a:hover {
background: #EDFB26;
}
footer .footer-text .footer-social {
display: flex;
flex-wrap: wrap;
list-style: none;
margin-left: auto;
padding-left: 0;
}
@media (max-width: 860px) {
footer .footer-text .footer-social {
margin-left: 0;
}
}
footer .footer-text .footer-social .social-icon {
fill: #FCFCFC;
}
footer .footer-text .footer-social li {
padding-right: 1rem;
margin-top: 7.2px;
margin-top: 0.375rem;
margin-bottom: 7.2px;
margin-bottom: 0.375rem;
}
@media (max-width: 860px) {
footer .footer-text .footer-social li {
margin-top: 14.4px;
margin-top: 0.75rem;
margin-bottom: 0px;
margin-bottom: 0rem;
}
}
footer .footer-text .footer-social li a {
display: flex;
}
footer .footer-text .footer-social li a:hover .social-icon {
fill: #EDFB26;
}
footer .footer-text .jump-to-top {
width: 3rem;
height: 3rem;
background: #FCFCFC;
border-radius: 50%;
text-align: center;
position: absolute;
right: 1rem;
top: calc(50% - 1.5rem);
padding-top: 0.6rem;
}
@media (max-width: 860px) {
footer .footer-text .jump-to-top {
width: 2rem;
height: 2rem;
top: -1rem;
padding-top: 0.4rem;
}
}
footer .footer-text .jump-to-top img {
width: 1.5rem;
}
@media (max-width: 860px) {
footer .footer-text .jump-to-top img {
width: 1rem;
}
}
footer .footer-text .jump-to-top:hover {
background: #EDFB26;
}
.consultation-img {
width: 100%;
height: auto;
display: block;
}
.consultation-img img {
width: 100%;
height: auto;
border-radius: 0.5rem;
}
/*# sourceMappingURL=maps/style.css.map */