:root {
--color-primary: #0b4a5d;
--color-primary-dark: #04495d;
--color-primary-light: #f9f9f9;
--color-secondary: #00a49a;
--color-highlight: #ff6417;
--color-gray: #4a4a4a;
--color-black: #000000;
--color-gray-100: #f1f1f1;
--color-gray-200: #E5E5E5;
--color-gray-300: #dddddd;
--color-gray-500: #5f646a;
--color-gray-800: #282b2f;
--color-gray-blue: #f4f7f8;
--color-gray-green: #dae4e7;
--color-background-green: #0ed882;
--color-background-primary-light: #ffffff;
--color-background-accent-1: #f3f6f7;
--color-border-light: #e2e2de;
--color-text: #2c2c2c;
--color-link-default: #00645f;
--color-link-hover: #0b4a5d;
--color-link-disabled: #e2e2de;
--color-link-active: #0ed882;
--color-text-brand: #00645f;
--swiper-scrollbar-bg-color: var(--color-primary-light);
--swiper-scrollbar-drag-bg-color: var(--color-gray-green);
--font-primary: "Open Sans", Arial, Helvetica, sans-serif;
--font-secondary: "Tiempos Headline", "Source Serif Pro", Times, serif;
--font-tertiary: "Tiempos Text", "Source Serif Pro", Times, serif;
--transition-all: all 0.2s ease;
--transition-opacity: opacity 0.3s ease;
--wrapper-max: 1336px;
--content-width: 850px;
--toc-sidebar: 302px;
--header-height: 87px;
--scroll-padding-top: 0px;
--lateral-padding: 15px;
--spacing-xxxs: 8px;
--spacing-xxs: 12px;
--spacing-xs: 16px;
--spacing-s: 24px;
--spacing-m: 32px;
--spacing-l: 40px;
--spacing-xl: 56px;
--spacing-xxl: 80px;
}
@media (min-width: 400px) {
:root {
--lateral-padding: 25px;
}
}
@media (min-width: 992px) {
:root {
--lateral-padding: 18px;
}
}
html.header-sticky {
--scroll-padding-top: var(--header-height);
}
.hide-mobile {
display: none;
}
@media screen and (min-width: 992px) {
.hide-mobile {
display: block;
}
}
.show-mobile {
display: block;
}
@media screen and (min-width: 992px) {
.show-mobile {
display: none;
}
}
@font-face {
font-family: "Tiempos Headline";
src: url(//ncoa.admin-contentbridge.com/wp-content/themes/child-jpp-theme/build/fonts/TiemposHeadline-Semibold.d7321a88.otf);
font-weight: 600;
font-display: block;
}
@font-face {
font-family: "Tiempos Headline";
src: url(//ncoa.admin-contentbridge.com/wp-content/themes/child-jpp-theme/build/fonts/TiemposHeadline-Black.7807b1ae.otf);
font-weight: 700;
font-display: block;
}
@font-face {
font-family: "Tiempos Headline";
src: url(//ncoa.admin-contentbridge.com/wp-content/themes/child-jpp-theme/build/fonts/TiemposHeadline-Regular.c7379c89.otf);
font-weight: 400;
font-display: block;
}
@font-face {
font-family: "Tiempos Headline";
src: url(//ncoa.admin-contentbridge.com/wp-content/themes/child-jpp-theme/build/fonts/TiemposHeadline-Light.6b8be80b.otf);
font-weight: 300;
font-display: block;
}
@font-face {
font-family: "Tiempos Text";
src: url(//ncoa.admin-contentbridge.com/wp-content/themes/child-jpp-theme/build/fonts/TiemposText-Regular.a124c41a.otf);
font-weight: 400;
font-display: block;
}
@font-face {
font-family: "Tiempos Text";
src: url(//ncoa.admin-contentbridge.com/wp-content/themes/child-jpp-theme/build/fonts/TiemposText-Medium.34ac079b.otf);
font-weight: 500;
font-display: block;
}
@font-face {
font-family: "Tiempos Text";
src: url(//ncoa.admin-contentbridge.com/wp-content/themes/child-jpp-theme/build/fonts/TiemposText-Semibold.01490a4e.otf);
font-weight: 600;
font-display: block;
}
@font-face {
font-family: "Tiempos Text";
src: url(//ncoa.admin-contentbridge.com/wp-content/themes/child-jpp-theme/build/fonts/TiemposText-Bold.7e18c08a.otf);
font-weight: 700;
font-display: block;
}              html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, main, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
box-sizing: border-box;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html {
font-size: 10px;
scroll-padding-top: calc(var(--header-height) + 20px);
overflow-x: hidden;
}
body:not(.wp-admin, .block-editor-iframe__body) {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: clip;
font-family: var(--font-primary);
font-size: 16px;
line-height: 1.7;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
body:not(.wp-admin, .block-editor-iframe__body) {
font-size: 18px;
}
}
body:not(.wp-admin, .block-editor-iframe__body) button,
body:not(.wp-admin, .block-editor-iframe__body) input,
body:not(.wp-admin, .block-editor-iframe__body) select,
body:not(.wp-admin, .block-editor-iframe__body) textarea {
font-family: var(--font-primary);
font-size: 16px;
line-height: 1.7;
font-weight: 400;
color: #000;
line-height: 1;
}
@media (min-width: 768px) {
body:not(.wp-admin, .block-editor-iframe__body) button,
body:not(.wp-admin, .block-editor-iframe__body) input,
body:not(.wp-admin, .block-editor-iframe__body) select,
body:not(.wp-admin, .block-editor-iframe__body) textarea {
font-size: 18px;
}
}
small {
font-size: smaller;
}
a {
color: inherit;
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
i,
em {
font-style: italic;
}
.main-content,
.editor-styles-wrapper {
overflow-wrap: break-word;         }
.main-content .is-style-display,
.editor-styles-wrapper .is-style-display {
font-family: var(--font-secondary);
font-size: 55px;
line-height: 1.15;
font-weight: 600;
margin-bottom: 3px;
-webkit-font-smoothing: initial;
-moz-osx-font-smoothing: initial;
}
@media (min-width: 768px) {
.main-content .is-style-display,
.editor-styles-wrapper .is-style-display {
font-size: 8rem;
line-height: 1.1;
margin-bottom: 10px;
}
}
.main-content h1,
.main-content .h1,
.editor-styles-wrapper h1,
.editor-styles-wrapper .h1 {
font-family: var(--font-secondary);
font-size: 43px;
line-height: 1.15;
font-weight: 600;
margin-bottom: 3px;
-webkit-font-smoothing: initial;
-moz-osx-font-smoothing: initial;
}
@media (min-width: 768px) {
.main-content h1,
.main-content .h1,
.editor-styles-wrapper h1,
.editor-styles-wrapper .h1 {
font-size: 5.8rem;
line-height: 1.1;
margin-bottom: 10px;
}
}
.main-content h1.is-style-eyebrow,
.main-content .h1.is-style-eyebrow,
.editor-styles-wrapper h1.is-style-eyebrow,
.editor-styles-wrapper .h1.is-style-eyebrow {
font-family: var(--font-primary);
font-size: 14px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
color: var(--color-text-brand);
}
.main-content h2,
.main-content .h2,
.editor-styles-wrapper h2,
.editor-styles-wrapper .h2 {
font-family: var(--font-tertiary);
font-size: 39px;
line-height: 1.15;
font-weight: 600;
margin: 30px 0;
}
@media (min-width: 768px) {
.main-content h2,
.main-content .h2,
.editor-styles-wrapper h2,
.editor-styles-wrapper .h2 {
font-family: var(--font-secondary);
font-size: 4.8rem;
line-height: 1.25;
}
}
.main-content h2.is-style-eyebrow,
.main-content .h2.is-style-eyebrow,
.editor-styles-wrapper h2.is-style-eyebrow,
.editor-styles-wrapper .h2.is-style-eyebrow {
font-family: var(--font-primary);
font-size: 14px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
color: var(--color-text-brand);
}
.main-content h3,
.main-content .h3,
.editor-styles-wrapper h3,
.editor-styles-wrapper .h3 {
font-family: var(--font-tertiary);
font-size: 31px;
font-weight: 500;
line-height: 1.15;
margin: 30px 0;
}
@media (min-width: 768px) {
.main-content h3,
.main-content .h3,
.editor-styles-wrapper h3,
.editor-styles-wrapper .h3 {
font-size: 4.3rem;
line-height: 1.3;
}
}
.main-content h3.is-style-eyebrow,
.main-content .h3.is-style-eyebrow,
.editor-styles-wrapper h3.is-style-eyebrow,
.editor-styles-wrapper .h3.is-style-eyebrow {
font-family: var(--font-primary);
font-size: 14px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
color: var(--color-text-brand);
}
.main-content h4,
.main-content .h4,
.editor-styles-wrapper h4,
.editor-styles-wrapper .h4 {
font-family: var(--font-tertiary);
font-size: 25px;
font-weight: 500;
line-height: 1.2;
margin: 30px 0;
}
@media (min-width: 768px) {
.main-content h4,
.main-content .h4,
.editor-styles-wrapper h4,
.editor-styles-wrapper .h4 {
font-size: 3.4rem;
line-height: 1.4;
}
}
.main-content h4.is-style-eyebrow,
.main-content .h4.is-style-eyebrow,
.editor-styles-wrapper h4.is-style-eyebrow,
.editor-styles-wrapper .h4.is-style-eyebrow {
font-family: var(--font-primary);
font-size: 14px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
color: var(--color-text-brand);
}
.main-content h5,
.main-content .h5,
.editor-styles-wrapper h5,
.editor-styles-wrapper .h5 {
font-family: var(--font-tertiary);
font-size: 22px;
font-weight: 500;
line-height: 1.2;
margin: 30px 0;
}
@media (min-width: 768px) {
.main-content h5,
.main-content .h5,
.editor-styles-wrapper h5,
.editor-styles-wrapper .h5 {
font-size: 2.7rem;
line-height: 1.4;
}
}
.main-content h5.is-style-eyebrow,
.main-content .h5.is-style-eyebrow,
.editor-styles-wrapper h5.is-style-eyebrow,
.editor-styles-wrapper .h5.is-style-eyebrow {
font-family: var(--font-primary);
font-size: 14px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
color: var(--color-text-brand);
}
.main-content h6,
.main-content .h6,
.editor-styles-wrapper h6,
.editor-styles-wrapper .h6 {
font-family: var(--font-primary);
font-size: 22px;
font-weight: 500;
line-height: 1.4;
margin: 30px 0;
}
@media (min-width: 768px) {
.main-content h6,
.main-content .h6,
.editor-styles-wrapper h6,
.editor-styles-wrapper .h6 {
font-size: 2.5rem;
line-height: 1.3;
}
}
.main-content h6.is-style-eyebrow,
.main-content .h6.is-style-eyebrow,
.editor-styles-wrapper h6.is-style-eyebrow,
.editor-styles-wrapper .h6.is-style-eyebrow {
font-family: var(--font-primary);
font-size: 14px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
color: var(--color-text-brand);
}
.main-content p,
.editor-styles-wrapper p {
font-family: var(--font-primary);
font-size: 16px;
line-height: 1.7;
font-weight: 400;
margin-bottom: 16px;
}
@media (min-width: 768px) {
.main-content p,
.editor-styles-wrapper p {
font-size: 18px;
}
}
.main-content p.is-style-large,
.editor-styles-wrapper p.is-style-large {
font-family: var(--font-primary);
font-size: 19px;
line-height: 1.65;
font-weight: 400;
}
@media (min-width: 768px) {
.main-content p.is-style-large,
.editor-styles-wrapper p.is-style-large {
font-size: 22px;
}
}
.main-content p.is-style-small,
.editor-styles-wrapper p.is-style-small {
font-family: var(--font-primary);
line-height: 1.65;
font-weight: 400;
}
@media (min-width: 768px) {
.main-content p.is-style-small,
.editor-styles-wrapper p.is-style-small {
font-size: 14px;
}
}
.main-content p.is-style-eyebrow,
.editor-styles-wrapper p.is-style-eyebrow {
font-family: var(--font-primary);
font-size: 14px;
font-weight: 700;
line-height: 1.3;
text-transform: uppercase;
color: var(--color-text-brand);
}
.main-content p:last-child,
.editor-styles-wrapper p:last-child {
margin-bottom: 0;
}
.main-content figcaption.wp-element-caption,
.editor-styles-wrapper figcaption.wp-element-caption {
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 1.45;
}
@media (min-width: 768px) {
.main-content figcaption.wp-element-caption,
.editor-styles-wrapper figcaption.wp-element-caption {
font-size: 15px;
}
}
.wrapper {
width: 100%;
max-width: var(--wrapper-max);
margin: 0 auto;
padding-left: var(--lateral-padding);
padding-right: var(--lateral-padding);
}
.content-width {
width: 100%;
max-width: var(--content-width);
margin: 0 auto;
padding: 20px 0;
}
.content-width.width-long {
max-width: var(--wrapper-max);
}
body:not(.wp-admin).admin-bar {
padding-bottom: 46px;
}
@media (min-width: 783px) {
body:not(.wp-admin).admin-bar {
padding-bottom: 32px;
}
}
body:not(.wp-admin) #wpadminbar {
top: auto !important;
bottom: 0;
}
@media (max-width: 782px) {
body:not(.wp-admin) #wpadminbar {
position: fixed;
}
}
body:not(.wp-admin) #wpadminbar .quicklinks .menupop .ab-sub-wrapper {
bottom: 28px;
}
body:not(.wp-admin) #wpadminbar .quicklinks .menupop ul {
bottom: 0;
}
.a-link {
background-image: linear-gradient(90deg, transparent 51%, var(--color-link-default) 0);
background-size: 200% 100%;
background-position: 0 0;
background-color: transparent;
transition: all 0.25s ease-in-out;
font-weight: 600 !important;
border: none;
padding: 5px 0;
color: var(--color-link-default);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
border-bottom: none;
cursor: pointer;
line-height: 1.7;
}
.a-link:hover {
color: #fff;
background-image: linear-gradient(90deg, transparent 50%, var(--color-link-hover) 0);
background-position: -100% 0;
}
.a-link > span {
font-weight: 600 !important;
}
@media (min-width: 768px) {
.a-link {
font-size: 18px;
line-height: 1.65;
}
}
.a-button {
max-width: 170px;
font-size: 18px;
font-weight: bold;
line-height: 17px;
color: #fff;
padding: 17px 30px;
text-decoration: none;
background: var(--color-primary);
border-radius: 60px;
border: 2px solid var(--color-primary);
text-align: center;
display: block;
cursor: pointer;
transition: all 0.3s linear;
}
@media (min-width: 768px) {
.a-button {
margin-bottom: 40px;
}
}
.a-button:hover {
background-color: #fff;
color: var(--color-primary);
} div.editor-styles-wrapper {
width: 100%;
max-width: var(--content-width);
margin: 0 auto;
font-family: var(--font-primary);
padding-bottom: 30px;
}
div.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper {
margin-bottom: 50px;
}
div.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper h1 {
max-width: unset;
}
div.editor-styles-wrapper p {
line-height: 1.5;
}
div.editor-styles-wrapper ol li div {
display: inline;
}
div.editor-styles-wrapper .block-editor-block-list__layout .wp-block.acf-block-preview {
--lateral-padding: 0px;
max-width: unset;
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}
div.editor-styles-wrapper .block-editor-block-list__layout .wp-block.acf-block-preview section {
margin-top: 0;
margin-bottom: 0;
}
div.editor-styles-wrapper .block-editor-block-list__layout .wp-block:not(.acf-block-preview) {
max-width: unset;
}
div.editor-styles-wrapper .block-editor-block-list__block {
margin-left: 1em;
}
div.editor-styles-wrapper .acf-table td {
box-sizing: content-box;
}
div.editor-styles-wrapper .acf-table td:first-child {
position: static;
left: 0;
} .edit-post-layout__metaboxes .acf-table td {
box-sizing: content-box;
}
.edit-post-layout__metaboxes .acf-table td:first-child {
position: static;
left: 0;
}
.edit-post-layout__metaboxes .acf-field-relationship ul.acf-bl li {
font-size: 1.4rem;
margin: 0;
}
.p-header {
border-bottom: 1px solid var(--color-border-light, #E2E2DE);
width: 100%;
height: 87px;
background-color: var(--color-background-primary-light);
display: flex;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding: var(--spacing-xs) var(--spacing-s);
position: fixed;
left: 0;
top: 0;
z-index: 950;
}
.p-header .header__logo-link {
display: flex;
flex: 0 1 48%;
}
.p-header .header__logo {
margin-top: 2px;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
vertical-align: text-bottom;
}
@media (min-width: 992px) {
.p-header .header__logo {
height: 58px;
}
}
.p-header.fixed {
position: fixed;
top: 0;
z-index: 99;
}
.p-header .header__button-donate-wrapper {
margin: 0 50px 0 auto;
}
.p-header .header__button-donate-wrapper .btn__donate {
align-items: flex-end;
background: var(--color-background-green, #0ED882);
border: none;
color: var(--color-text, #2C2C2C);
display: flex;
font-size: 14px;
justify-content: center;
line-height: 1.45;
max-width: 100px;
padding: 8px 24px;
text-align: center;
}
@media (min-width: 768px) {
.p-header .header__button-donate-wrapper .btn__donate {
margin-bottom: 0;
}
}
.p-header .header__button-donate-wrapper .btn__donate:hover {
color: #ffffff;
background-color: var(--color-link-hover, #0b4a5d);
}
.p-header .header__button-donate-wrapper .btn__donate:disabled {
color: var(--color-gray);
background-color: var(--color-link-disabled, #e2e2de);
}
.p-header .header__button-donate-wrapper .btn__donate:active {
background-color: var(--color-link-active, #0ed882);
}
.move-header {
width: 100%;
height: var(--header-height);
}
.p-menu {
width: 100%;
height: calc(100vh - 65px);
position: fixed;
top: 87px;
right: 0;
z-index: 1000;
background-color: var(--color-background-primary-light);
overflow: auto;
overflow-x: hidden;
text-align: left;
transform: translateX(110%);
transition: transform 0.4s cubic-bezier(0.58, 0.01, 0.42, 0.99);
}
@media (min-width: 768px) {
.p-menu::-webkit-scrollbar {
width: 10px;
}
.p-menu::-webkit-scrollbar-track {
background: var(--color-primary-light);
}
.p-menu::-webkit-scrollbar-thumb {
background: var(--color-gray-500);
}
.p-menu::-webkit-scrollbar-thumb:hover {
background: var(--color-primary);
}
}
.p-menu.active {
transform: translateX(0);
}
.p-menu .p-menu--main {
padding: var(--spacing-s) 20px 20px 30px; }
.p-menu .p-menu--main .menu__search {
position: relative;
display: flex;
align-items: center;
border-radius: 15px;
margin-bottom: var(--spacing-m);
}
.p-menu .p-menu--main .menu__search .search__icon {
position: absolute;
top: 50%;
left: 24px;
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
}
.p-menu .p-menu--main .menu__search .search__icon path {
fill: var(--color-primary);
}
.p-menu .p-menu--main .menu__search .search__input {
background: #fff;
border-radius: var(--spacing-l, 40px);
font-family: var(--font-primary);
font-size: 16px;
font-weight: 400;
line-height: 1.7;
padding: var(--spacing-xxxs) var(--spacing-s);
border: 0;
width: 100%;
color: var(--color-text);
box-sizing: border-box;
background-color: var(--color-background-accent-1);
transition: all 0.3s ease-in-out;
}
.p-menu .p-menu--main .menu__search .search__input::-moz-placeholder {
color: var(--color-text);
padding-left: 24px;
}
.p-menu .p-menu--main .menu__search .search__input::placeholder {
color: var(--color-text);
padding-left: 24px;
}
.p-menu .p-menu--main .menu__search .search__submit {
display: none;
width: 28px;
height: 30px;
position: absolute;
right: 14px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMi4yMDgzIDEwLjgzMzNIMTEuNDg0MkwxMS4yMjc1IDEwLjU4NThDMTIuMTI1OCA5LjU0MDgzIDEyLjY2NjcgOC4xODQxNyAxMi42NjY3IDYuNzA4MzNDMTIuNjY2NyAzLjQxNzUgOS45OTkxNyAwLjc1IDYuNzA4MzMgMC43NUMzLjQxNzUgMC43NSAwLjc1IDMuNDE3NSAwLjc1IDYuNzA4MzNDMC43NSA5Ljk5OTE3IDMuNDE3NSAxMi42NjY3IDYuNzA4MzMgMTIuNjY2N0M4LjE4NDE3IDEyLjY2NjcgOS41NDA4MyAxMi4xMjU4IDEwLjU4NTggMTEuMjI3NUwxMC44MzMzIDExLjQ4NDJWMTIuMjA4M0wxNS40MTY3IDE2Ljc4MjVMMTYuNzgyNSAxNS40MTY3TDEyLjIwODMgMTAuODMzM1pNNi43MDgzMyAxMC44MzMzQzQuNDI1ODMgMTAuODMzMyAyLjU4MzMzIDguOTkwODMgMi41ODMzMyA2LjcwODMzQzIuNTgzMzMgNC40MjU4MyA0LjQyNTgzIDIuNTgzMzMgNi43MDgzMyAyLjU4MzMzQzguOTkwODMgMi41ODMzMyAxMC44MzMzIDQuNDI1ODMgMTAuODMzMyA2LjcwODMzQzEwLjgzMzMgOC45OTA4MyA4Ljk5MDgzIDEwLjgzMzMgNi43MDgzMyAxMC44MzMzWiIgZmlsbD0iIzBCNEE1RCI+PC9wYXRoPgo8L3N2Zz4K) center center no-repeat transparent;
border: 0;
cursor: pointer;
}
.p-menu .p-menu--main .menu__search.active {
background-color: var(--color-gray-green);
}
.p-menu .p-menu--main .menu__search.active .search__icon {
transform: translateY(-50%) scale(0);
}
.p-menu .p-menu--main .menu__search.active .search__input {
background-color: var(--color-gray-green);
padding-left: 15px;
color: var(--color-primary);
width: calc(100% - 40px);
outline: 2px solid var(--color-text);
}
.p-menu .p-menu--main .menu__search.active .search__submit {
display: block;
right: 7px;
}
.p-menu .p-menu--main ul {
list-style: none;
}
.p-menu .p-menu--main ul:is(.sub-menu) {
display: none;
flex-flow: column nowrap;
gap: var(--spacing-s);
padding-top: var(--spacing-s);
}
.p-menu .p-menu--main ul:is(.sub-menu) > li {
font-size: 16px;
font-weight: 400;
padding-left: 0;
padding-right: 0;
}
.p-menu .p-menu--main ul:not(.sub-menu):not(.menu__secondary-nav) {
border-top: 1px solid var(--color-border-light, #E2E2DE);
}
.p-menu .p-menu--main ul li {
font-family: var(--font-primary);
padding-left: var(--spacing-xxxs);
padding-right: var(--spacing-xxxs);
transition-delay: 0.3s;
}
.p-menu .p-menu--main ul li.menu-item-has-children {
font-size: 20px;
font-weight: 700;
letter-spacing: 0.2px;
line-height: 1.45;
}
.p-menu .p-menu--main ul li.menu-item-has-children > a {
cursor: pointer;
display: block;
position: relative;
}
.p-menu .p-menu--main ul li.menu-item-has-children > a::after {
background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20330%20330%22%20style%3D%22enable-background%3Anew%200%200%20330%20330%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22XMLID_225_%22%20d%3D%22M325.607%2C79.393c-5.857-5.857-15.355-5.858-21.213%2C0.001l-139.39%2C139.393L25.607%2C79.393c-5.857-5.857-15.355-5.858-21.213%2C0.001c-5.858%2C5.858-5.858%2C15.355%2C0%2C21.213l150.004%2C150c2.813%2C2.813%2C6.628%2C4.393%2C10.606%2C4.393s7.794-1.581%2C10.606-4.394l149.996-150C331.465%2C94.749%2C331.465%2C85.251%2C325.607%2C79.393z%22/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 14px;
position: absolute;
right: 0;
top: 8px;
vertical-align: middle;
width: 14px;
transition: transform 0.3s ease;
}
.p-menu .p-menu--main ul li.menu-item-has-children > a[aria-expanded=true]::after {
transform: rotate(180deg);
}
.p-menu .p-menu--main ul li:has(.sub-menu) {
padding-bottom: var(--spacing-s);
padding-top: var(--spacing-s);
}
.p-menu .p-menu--main ul li:has(.sub-menu):is(li) {
border-bottom: 1px solid var(--color-border-light, #E2E2DE);
}
.p-menu .p-menu--main ul li:has(.sub-menu):is(li):last-child {
border-bottom: none;
padding-bottom: 0;
}
.p-menu .p-menu--main ul li:last-child {
padding-bottom: var(--spacing-s);
}
.p-menu .p-menu--main ul li:last-child a:is(.hub-link) {
color: var(--color-link-default, #00645F);
display: block;
font-size: 17px;
font-weight: 600;
position: relative;
}
.p-menu .p-menu--main ul li:last-child a:is(.hub-link)::after {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20viewBox%3D%220%200%2027%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20id%3D%22arrow%20icon%22%3E%3Ccircle%20id%3D%22Ellipse%2043%22%20cx%3D%2213.5%22%20cy%3D%2213.5%22%20r%3D%2213.0781%22%20fill%3D%22white%22%20stroke%3D%22%2300645F%22%20stroke-width%3D%220.84375%22/%3E%3Cpath%20id%3D%22Fill-1%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.8487%208.23013L20.7632%2012.9704C20.9211%2013.1221%2021%2013.3117%2021%2013.5013C21%2013.6909%2020.9211%2013.8805%2020.7632%2014.0322L15.8487%2018.7725C15.5329%2019.0758%2015.0395%2019.0758%2014.7237%2018.7725C14.4079%2018.4691%2014.4079%2017.9951%2014.7237%2017.6917L18.3158%2014.2597L6.78947%2014.2597C6.35526%2014.2597%206%2013.9184%206%2013.5013C6%2013.0842%206.35526%2012.7429%206.78947%2012.7429L18.3158%2012.7429L14.7434%209.29195C14.4276%208.98857%2014.4276%208.51454%2014.7434%208.21098C15.0395%207.92656%2015.5329%207.92656%2015.8487%208.23013Z%22%20fill%3D%22%2300645F%22/%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
bottom: 2px;
content: "";
display: inline-block;
height: 20px;
position: absolute;
right: 0;
vertical-align: middle;
width: 20px;
}
.p-menu .p-menu--main ul li a {
color: var(--color-text);
text-decoration: none;
}
.p-menu .p-menu--bottom {
background: var(--color-background-accent-1, #F3F6F7);
padding: var(--spacing-s) var(--spacing-s) var(--spacing-l);
}
.p-menu .p-menu--bottom .menu__secondary-nav {
display: flex;
flex-flow: column nowrap;
gap: var(--spacing-s);
list-style: none;
position: relative;
}
.p-menu .p-menu--bottom .menu__secondary-nav li {
font-size: 20px;
line-height: 1.2;
font-family: var(--font-primary);
font-weight: 700;
}
.p-menu .p-menu--bottom .menu__secondary-nav li > a {
color: var(--color-link-default, #00645F);
display: block;
position: relative;
}
.p-menu .p-menu--bottom .menu__secondary-nav li > a::after {
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20viewBox%3D%220%200%2027%2027%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20id%3D%22arrow%20icon%22%3E%3Ccircle%20id%3D%22Ellipse%2043%22%20cx%3D%2213.5%22%20cy%3D%2213.5%22%20r%3D%2213.0781%22%20fill%3D%22white%22%20stroke%3D%22%2300645F%22%20stroke-width%3D%220.84375%22/%3E%3Cpath%20id%3D%22Fill-1%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.8487%208.23013L20.7632%2012.9704C20.9211%2013.1221%2021%2013.3117%2021%2013.5013C21%2013.6909%2020.9211%2013.8805%2020.7632%2014.0322L15.8487%2018.7725C15.5329%2019.0758%2015.0395%2019.0758%2014.7237%2018.7725C14.4079%2018.4691%2014.4079%2017.9951%2014.7237%2017.6917L18.3158%2014.2597L6.78947%2014.2597C6.35526%2014.2597%206%2013.9184%206%2013.5013C6%2013.0842%206.35526%2012.7429%206.78947%2012.7429L18.3158%2012.7429L14.7434%209.29195C14.4276%208.98857%2014.4276%208.51454%2014.7434%208.21098C15.0395%207.92656%2015.5329%207.92656%2015.8487%208.23013Z%22%20fill%3D%22%2300645F%22/%3E%3C/g%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 27px;
position: absolute;
right: 0;
vertical-align: middle;
width: 27px;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children {
width: calc(100% + 22px);
position: relative;
}
@media (min-width: 768px) {
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children {
width: auto;
max-width: 340px;
}
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > a {
width: 100%;
display: block;
border: none;
outline: none;
background-color: inherit;
font-family: inherit;
margin: -14px 0 0 -16px;
padding: 14px 32px 14px 16px;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > a:after {
content: "";
width: 18px;
height: 12px;
color: #2c2c2c;
display: block;
position: absolute;
right: 41px;
top: 20px;
background-color: #2c2c2c;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI4IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgMTI4IDY0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjQgNjRMMCAwTDEyOCAwTDY0IDY0WiIgZmlsbD0iIzM2MzQzNCIvPgo8L3N2Zz4K);
-webkit-mask-size: cover;
-webkit-mask-repeat: round;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > ul.sub-menu {
width: 100%;
margin-left: -16px;
padding: 0;
background-color: var(--color-primary-light);
display: none;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > a:hover, .p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children a:focus-visible {
background-color: #363434;
color: #fff;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > a:hover:after, .p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children a:focus-visible:after {
color: #fff;
background-color: #fff;
-webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4gPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCAxMjggNjQiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik02NCA2NEwwIDBMMTI4IDBMNjQgNjRaIiBmaWxsPSJ3aGl0ZSI+PC9wYXRoPjwvc3ZnPiA=);
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > a:hover + .sub-menu, .p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children a:focus-visible + .sub-menu {
display: block;
padding: 0;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children:hover > a, .p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children:focus-within > a {
background-color: #363434;
color: #fff;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children:hover > a:after, .p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children:focus-within > a:after {
color: #fff;
background-color: #fff;
-webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4gPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCAxMjggNjQiIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik02NCA2NEwwIDBMMTI4IDBMNjQgNjRaIiBmaWxsPSJ3aGl0ZSI+PC9wYXRoPjwvc3ZnPiA=);
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children:hover > .sub-menu, .p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children:focus-within > .sub-menu {
display: block;
padding: 0;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > .sub-menu > li.menu-item-has-children {
width: 100%;
position: relative;
border-bottom: 1px solid var(--color-primary);
z-index: 1;
padding-top: 12px;
margin: 0;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > a {
font-size: 14px;
font-weight: 700;
display: block;
padding: 2px 16px;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > a:hover {
background-color: var(--color-gray-300);
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > .sub-menu > li.menu-item-has-children .sub-menu {
padding: 3px 0 6px;
margin: 0;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > .sub-menu > li.menu-item-has-children li {
padding: 5px 0;
margin: 0px;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > .sub-menu > li.menu-item-has-children li a {
font-size: 14px;
display: block;
padding: 0 16px;
}
.p-menu .p-menu--bottom .menu__secondary-nav > li.menu-item-has-children > .sub-menu > li.menu-item-has-children li a:hover {
background-color: var(--color-gray-300);
} .p-social_links p {
font-size: 18px;
line-height: 22px;
color: #666;
margin-bottom: 17px;
}
.p-social_links ul {
list-style: none;
display: flex;
flex-flow: row wrap;
gap: 18px;
}
.p-social_links ul li {
width: 40px;
height: 40px;
}
.p-social_links ul li a {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
text-decoration: none;
}
.p-social_links ul li a:hover i {
background-color: var(--color-secondary);
}
.p-social_links ul li:first-of-type a i {
font-size: 42px;
color: var(--color-primary);
background-color: #fff;
}
.p-social_links ul li:first-of-type a:hover i {
color: var(--color-secondary);
background-color: #fff;
}
.p-social_links ul li i {
display: flex;
justify-content: center;
align-items: center;
font-size: 2.4rem;
color: #fff;
background-color: var(--color-primary);
width: 40px;
height: 100%;
border-radius: 50%;
} .searchbar__toggle {
color: var(--color-primary);
width: 30px;
height: 30px;
position: absolute;
top: 22px;
right: var(--lateral-padding);
z-index: 9;
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
background: transparent;
border: 0;
transition: all 0.2s cubic-bezier(0.58, 0.01, 0.42, 0.99);
transition-property: opacity, visibility; }
@media (min-width: 1024px) {
.searchbar__toggle {
right: 30px;
}
}
.searchbar__toggle i {
display: block;
width: 25px;
height: 2px;
position: absolute;
top: 50%;
background-color: var(--color-primary);
transform: translate(0, -50%);
transition: opacity 0.3s 0.3s;
}
.searchbar__toggle::before, .searchbar__toggle::after {
content: "";
display: block;
width: 25px;
height: 2px;
position: absolute;
background-color: var(--color-primary);
transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
}
.searchbar__toggle::before {
top: 6px;
}
.searchbar__toggle::after {
bottom: 6px;
}
.searchbar__toggle .header__menu-trigger-text {
position: absolute;
bottom: -22px;
font-size: 16px;
color: var(--color-primary);
text-align: center;
font-style: normal;
line-height: 1.7;
}
.searchbar__toggle.active i {
opacity: 0;
transition: opacity 0.3s;
}
.searchbar__toggle.active::before {
top: calc(50% - 1px);
transform: rotate(45deg);
}
.searchbar__toggle.active::after {
bottom: calc(50% - 1px);
transform: rotate(-45deg);
}
.searchbar__toggle.active::before, .searchbar__toggle.active::after {
transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
}
.p-search-bar {
position: relative;
display: flex;
align-items: center;
border-radius: 15px;
margin-bottom: var(--spacing-m); }
.p-search-bar .search__icon {
position: absolute;
top: 50%;
left: 24px;
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
}
.p-search-bar .search__icon path {
fill: var(--color-primary);
}
.p-search-bar.opened {
display: flex;
}
.p-search-bar .searchbar__search {
width: 100%;
position: relative;
display: flex;
align-items: center;
border-radius: 15px;
}
@media (min-width: 1024px) {
.p-search-bar .searchbar__search {
width: 260px;
}
}
@media (min-width: 1106px) {
.p-search-bar .searchbar__search {
width: 300px;
}
}
.p-search-bar .searchbar__search .searchbar__icon {
position: absolute;
top: 50%;
left: 14.75px;
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
}
.p-search-bar .searchbar__search .searchbar__input {
background: #fff;
border-radius: var(--spacing-l, 40px);
font-family: var(--font-primary);
font-size: 16px;
font-weight: 400;
line-height: 1.7;
padding: var(--spacing-xxxs) var(--spacing-s) var(--spacing-xxxs) var(--spacing-l);
border: 0;
width: 100%;
color: var(--color-text);
box-sizing: border-box;
background-color: var(--color-background-accent-1);
transition: all 0.3s ease-in-out;
outline-color: var(--color-gray-800);
}
.p-search-bar .searchbar__search .searchbar__input::-moz-placeholder {
color: var(--color-text);
padding-left: 24px;
}
.p-search-bar .searchbar__search .searchbar__input::placeholder {
color: var(--color-text);
padding-left: 24px;
}
.p-search-bar .searchbar__search .searchbar__submit {
display: none;
width: 28px;
height: 30px;
position: absolute;
right: 14px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMi4yMDgzIDEwLjgzMzNIMTEuNDg0MkwxMS4yMjc1IDEwLjU4NThDMTIuMTI1OCA5LjU0MDgzIDEyLjY2NjcgOC4xODQxNyAxMi42NjY3IDYuNzA4MzNDMTIuNjY2NyAzLjQxNzUgOS45OTkxNyAwLjc1IDYuNzA4MzMgMC43NUMzLjQxNzUgMC43NSAwLjc1IDMuNDE3NSAwLjc1IDYuNzA4MzNDMC43NSA5Ljk5OTE3IDMuNDE3NSAxMi42NjY3IDYuNzA4MzMgMTIuNjY2N0M4LjE4NDE3IDEyLjY2NjcgOS41NDA4MyAxMi4xMjU4IDEwLjU4NTggMTEuMjI3NUwxMC44MzMzIDExLjQ4NDJWMTIuMjA4M0wxNS40MTY3IDE2Ljc4MjVMMTYuNzgyNSAxNS40MTY3TDEyLjIwODMgMTAuODMzM1pNNi43MDgzMyAxMC44MzMzQzQuNDI1ODMgMTAuODMzMyAyLjU4MzMzIDguOTkwODMgMi41ODMzMyA2LjcwODMzQzIuNTgzMzMgNC40MjU4MyA0LjQyNTgzIDIuNTgzMzMgNi43MDgzMyAyLjU4MzMzQzguOTkwODMgMi41ODMzMyAxMC44MzMzIDQuNDI1ODMgMTAuODMzMyA2LjcwODMzQzEwLjgzMzMgOC45OTA4MyA4Ljk5MDgzIDEwLjgzMzMgNi43MDgzMyAxMC44MzMzWiIgZmlsbD0iIzBCNEE1RCI+PC9wYXRoPgo8L3N2Zz4K) center center no-repeat transparent;
border: 0;
cursor: pointer;
}
.p-search-bar .searchbar__search.active {
background-color: var(--color-gray-green);
}
.p-search-bar .searchbar__search.active .search__icon {
transform: translateY(-50%) scale(0);
}
.p-search-bar .searchbar__search.active .search__input {
background-color: var(--color-gray-green);
padding-left: 15px;
color: var(--color-primary);
width: calc(100% - 40px);
outline: 2px solid var(--color-text);
}
.p-search-bar .searchbar__search.active .search__submit {
display: block;
right: 7px;
}
.affiliate_disclosure {
width: 100%;
background-color: var(--color-gray-100);
padding: 10px 0;
}
@media (min-width: 1024px) {
.affiliate_disclosure {
padding: 8px 0;
}
}
.affiliate_disclosure p {
font-size: 1.35rem;
line-height: 1;
display: inline;
}
@media (min-width: 1024px) {
.affiliate_disclosure p {
line-height: 1;
}
}
.affiliate_disclosure a,
.affiliate_disclosure .disclosure__button {
background-image: linear-gradient(90deg, transparent 51%, var(--color-link-default) 0);
background-size: 200% 100%;
background-position: 0 0;
background-color: transparent;
transition: all 0.25s ease-in-out;
font-weight: 600 !important;
border: none;
padding: 5px 0;
color: var(--color-link-default);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
border-bottom: none;
cursor: pointer;
line-height: 1.7;
font-size: 1.35rem;
}
.affiliate_disclosure a:hover,
.affiliate_disclosure .disclosure__button:hover {
color: #fff;
background-image: linear-gradient(90deg, transparent 50%, var(--color-link-hover) 0);
background-position: -100% 0;
}
.affiliate_disclosure a > span,
.affiliate_disclosure .disclosure__button > span {
font-weight: 600 !important;
}
@media (min-width: 768px) {
.affiliate_disclosure a,
.affiliate_disclosure .disclosure__button {
font-size: 18px;
line-height: 1.65;
}
}
.affiliate_disclosure .disclosure {
display: none;
}
.affiliate_disclosure .disclosure.active {
display: block;
}
.c-breadcrumbs {
margin-bottom: 10px;
}
.c-breadcrumbs a,
.c-breadcrumbs span {
color: var(--color-primary);
font-size: 1.6rem;
font-family: var(--font-secondary);
font-weight: 600;
line-height: 1.9rem;
}
@media (min-width: 768px) {
.c-breadcrumbs a,
.c-breadcrumbs span {
font-size: 2.4rem;
line-height: 2.8rem;
}
}
.c-breadcrumbs a:not(:last-child):after,
.c-breadcrumbs span:not(:last-child):after {
content: "/";
display: inline-block;
margin-left: 5px;
}
.helpful-article-block {
width: 100%;
display: flex;
justify-content: center;
margin-top: 30px;
}
.helpful-article-block.voted .helpful-article-choices-choice {
color: #0b4a5d;
border-color: #dae4e7;
background-color: #dae4e7;
}
.helpful-article-block.voted .helpful-article-choices-choice.voted {
border-color: #0b4a5d;
}
.helpful-article-block .helpful-article-inner {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f3f6f7;
color: #000000;
padding: 34px 32px;
}
@media (max-width: 992px) {
.helpful-article-block .helpful-article-inner {
flex-direction: column;
justify-content: center;
font-size: 1.6rem;
}
}
.helpful-article-block .helpful-article-choices {
margin-left: 15px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 992px) {
.helpful-article-block .helpful-article-choices {
margin-top: 10px;
margin-left: 0;
}
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-bool .helpful-article-choices-choice {
font-size: 1.6rem;
min-width: 85px;
height: 40px !important;
border-radius: 40px !important;
padding: 3px 10px 0;
margin: 0 4px;
color: #0b4a5d;
border: 2px solid #0b4a5d;
background-color: #f3f6f7;
display: flex;
align-items: center;
justify-content: center;
transition: 0.25s all;
cursor: pointer;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-bool .helpful-article-choices-choice:hover {
color: #0b4a5d;
border-color: #dae4e7;
background-color: #dae4e7;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-bool .helpful-article-choices-choice.voted {
color: #0b4a5d;
border-color: #dae4e7;
background-color: #dae4e7;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-thumbs .helpful-article-choices-choice {
font-size: 1.6rem;
min-width: 85px;
height: 40px !important;
border-radius: 40px !important;
padding: 0 10px 0;
margin: 0 4px;
color: #0b4a5d;
border: 2px solid #0b4a5d;
background-color: #f3f6f7;
display: flex;
align-items: center;
justify-content: center;
transition: 0.25s all;
cursor: pointer;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-thumbs .helpful-article-choices-choice:hover {
color: #0b4a5d;
border-color: #dae4e7;
background-color: #dae4e7;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-thumbs .helpful-article-choices-choice.voted {
color: #0b4a5d;
border-color: #dae4e7;
background-color: #dae4e7;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-thumbs .helpful-article-choices-choice span i {
font-size: 2.4rem;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-icons .helpful-article-choices-choice {
background-color: #f3f6f7;
margin-right: 20px;
color: #0b4a5d;
border: 2px solid #0b4a5d;
border-radius: 40px !important;
padding: 0 10px 0;
min-width: 83px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-icons .helpful-article-choices-choice:hover {
color: #0b4a5d;
border-color: #dae4e7;
background-color: #dae4e7;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-icons .helpful-article-choices-choice:hover span {
background-color: #0b4a5d;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-icons .helpful-article-choices-choice.voted {
color: #0b4a5d;
border-color: #dae4e7;
background-color: #dae4e7;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-icons .helpful-article-choices-choice.voted span {
background-color: #0b4a5d;
}
.helpful-article-block .helpful-article-choices.helpful-article-choices-buttontype-icons .helpful-article-choices-choice span {
background-color: #0b4a5d;
-webkit-mask-size: auto 67%;
mask-size: auto 67%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 100%;
height: 100%;
}
.helpful-article-block .helpful-article-result {
margin-left: auto;
}
@media (max-width: 992px) {
.helpful-article-block .helpful-article-result {
margin-left: 0;
margin-top: 20px;
}
}
.helpful-article-block .helpful-article-thank-you-message {
display: none;
}
.p-footer {
background-color: var(--color-primary);
display: flex;
flex-flow: column nowrap;
margin: 30px auto 0;
}
.p-footer .p-footer--top {
padding: 0 var(--spacing-s) var(--spacing-l);
}
@media (min-width: 1024px) {
.p-footer .p-footer--top {
padding: 60px var(--spacing-xxl);
}
}
.p-footer .p-footer--top .footer__main {
align-items: center;
background-color: var(--color-primary);
border-bottom: 1px solid var(--color-border-light, #E2E2DE);
display: flex;
flex-flow: column nowrap;
gap: var(--spacing-s, 24px);
padding: var(--spacing-l, 40px) 0px;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.p-footer .p-footer--top .footer__main {
border-bottom: none;
}
}
@media (min-width: 1024px) {
.p-footer .p-footer--top .footer__main {
flex-flow: row nowrap;
justify-content: space-between;
padding: 0 0 var(--spacing-s);
}
}
.p-footer .p-footer--top .footer__main .footer__logo img {
width: 100%;
max-width: 260px;
height: auto;
}
@media (min-width: 768px) {
.p-footer .p-footer--top .footer__main .footer__logo img {
max-width: 200px;
}
}
@media (min-width: 1024px) {
.p-footer .p-footer--top .footer__main .footer__logo img {
max-width: 180px;
}
}
@media (min-width: 1440px) {
.p-footer .p-footer--top .footer__main .footer__logo img {
max-width: 200px;
}
}
.p-footer .p-footer--top .footer__main .footer__cta {
width: 100%;
}
@media only screen and (min-width: 321px) and (max-width: 425px) {
.p-footer .p-footer--top .footer__main .footer__cta {
width: 90%;
}
}
@media only screen and (min-width: 426px) {
.p-footer .p-footer--top .footer__main .footer__cta {
width: 230px;
}
}
@media (min-width: 1024px) {
.p-footer .p-footer--top .footer__main .footer__cta {
flex-basis: 230px;
}
}
.p-footer .p-footer--top .footer__main .footer__cta .footer_cta {
background-color: var(--color-background-green);
color: var(--color-text);
font-size: 16px;
font-weight: 600;
line-height: 1.7;
margin: 0 auto;
max-width: 100%;
padding: var(--spacing-xxxs) var(--spacing-l);
}
.p-footer .p-footer--top .footer__main .footer__cta .footer_cta:hover {
background-color: #fff;
}
.p-footer .p-footer--top .footer__main .footer__cta .footer_cta:active {
background-color: var(--color-link-active);
}
.p-footer .p-footer--top .footer__main .footer__cta .footer_cta:disabled {
background-color: var(--color-link-disabled);
}
@media (min-width: 768px) {
.p-footer .p-footer--top .footer__main .footer__cta .footer_cta {
font-size: 18px;
font-weight: 700;
max-width: 230px;
padding: var(--spacing-xs) var(--spacing-l);
}
}
@media (min-width: 1024px) {
.p-footer .p-footer--top .footer__main .footer__cta .footer_cta {
align-items: center;
display: flex;
justify-content: center;
margin: 0;
padding: var(--spacing-xxs) var(--spacing-l);
}
}
.p-footer .p-footer--top .footer__navigation {
align-self: flex-end;
align-items: flex-start;
background: var(--color-primary);
display: flex;
flex-flow: column nowrap;
gap: var(--spacing-xl);
width: 100%;
}
@media (min-width: 1024px) {
.p-footer .p-footer--top .footer__navigation {
flex-direction: row;
padding-top: var(--spacing-xl);
}
}
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu {
width: 100%;
}
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav {
display: flex;
list-style: none;
flex-flow: column nowrap;
width: 100%;
}
@media (min-width: 768px) {
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav {
flex-flow: row nowrap;
gap: var(--spacing-xl);
}
}
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li {
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1.45;
letter-spacing: 0.2px;
text-transform: uppercase;
}
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li.menu-item-has-children {
padding: var(--spacing-s, 24px) var(--spacing-xxxs, 8px);
border-bottom: 1px solid var(--color-border-light, #E2E2DE);
}
@media (min-width: 768px) {
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li.menu-item-has-children {
border-bottom: none;
padding: 0px var(--spacing-s, 24px);
}
}
@media (min-width: 1440px) {
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li.menu-item-has-children {
padding: 0px var(--spacing-s, 24px) 0 0;
}
}
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li.menu-item-has-children > a {
cursor: pointer;
display: block;
position: relative;
}
@media (min-width: 768px) {
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li.menu-item-has-children > a {
cursor: default;
}
}
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li.menu-item-has-children > a::after {
background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20330%20330%22%20style%3D%22enable-background%3Anew%200%200%20330%20330%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22XMLID_225_%22%20d%3D%22M325.607%2C79.393c-5.857-5.857-15.355-5.858-21.213%2C0.001l-139.39%2C139.393L25.607%2C79.393c-5.857-5.857-15.355-5.858-21.213%2C0.001c-5.858%2C5.858-5.858%2C15.355%2C0%2C21.213l150.004%2C150c2.813%2C2.813%2C6.628%2C4.393%2C10.606%2C4.393s7.794-1.581%2C10.606-4.394l149.996-150C331.465%2C94.749%2C331.465%2C85.251%2C325.607%2C79.393z%22/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
content: "";
display: inline-block;
filter: invert(1) brightness(2);
height: 14px;
position: absolute;
right: 0;
top: 8px;
vertical-align: middle;
width: 14px;
transition: transform 0.3s ease;
}
@media (min-width: 768px) {
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li.menu-item-has-children > a::after {
display: none;
}
}
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li.menu-item-has-children > a[aria-expanded=true]::after {
transform: rotate(180deg);
}
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li ul.sub-menu {
display: none;
flex-flow: column nowrap;
gap: var(--spacing-s, 24px);
list-style: none;
padding-top: var(--spacing-s, 24px);
}
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li ul.sub-menu li {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.45;
text-transform: none;
}
@media (min-width: 768px) {
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li ul.sub-menu li {
font-size: 18px;
}
}
.p-footer .p-footer--top .footer__navigation .footer__navigation-menu .menu__footer-nav li ul.sub-menu li a:hover {
text-decoration: underline;
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right {
display: flex;
flex-flow: column nowrap;
gap: var(--spacing-xl);
}
@media (min-width: 1024px) {
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right {
flex: 1 0 345px;
}
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .ncoa-accolades {
width: 100%;
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .ncoa-accolades ul {
align-items: center;
display: flex;
gap: var(--spacing-s, 24px);
list-style: none;
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .ncoa-accolades ul li {
height: 54px;
width: 55px;
}
@media (min-width: 768px) {
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .ncoa-accolades ul li {
height: 74px;
width: 74px;
}
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .ncoa-accolades ul li a {
display: block;
width: 100%;
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .ncoa-accolades ul li a img {
height: 54px;
width: 55px;
}
@media (min-width: 768px) {
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .ncoa-accolades ul li a img {
height: 74px;
width: 74px;
}
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links {
display: flex;
flex-flow: column;
gap: var(--spacing-xxxs, 8px);
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links p {
color: #fff;
font-size: 14px;
line-height: 1.65;
margin: 0;
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul {
flex-wrap: nowrap;
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li {
width: 33px;
height: 33px;
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg {
max-width: 33px;
transition: filter 0.3s ease;
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg path {
transition: fill 0.3s ease;
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg:hover #facebook #circle,
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg:hover #instagram #circle,
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg:hover #linkedin #circle,
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg:hover #x #circle,
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg:hover #youtube #circle {
fill: #0B4A5D;
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg:hover #facebook #Vector,
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg:hover #instagram #logo path,
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg:hover #linkedin #logo path,
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg:hover #x #Vector,
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .p-social_links ul li a svg:hover #youtube #logo {
fill: #fff;
}
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .address--top {
display: none;
}
@media (min-width: 1024px) {
.p-footer .p-footer--top .footer__navigation div.footer__navigation--right .address--top {
color: #fff;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.65;
}
}
.p-footer .footer__info {
background-color: var(--color-background-accent-1);
color: var(--color-text, #2c2c2c);
font-size: 14px;
font-weight: 600;
justify-content: flex-end;
line-height: 1.45;
padding: var(--spacing-m, 32px) var(--spacing-xl, 56px);
}
@media only screen and (max-width: 320px) {
.p-footer .footer__info {
padding: var(--spacing-m, 32px) var(--spacing-s, 24px);
}
}
@media (min-width: 1024px) {
.p-footer .footer__info {
align-items: center;
align-self: stretch;
display: flex;
justify-content: flex-start;
padding: var(--spacing-m, 32px) var(--spacing-xxl, 80px);
}
}
.p-footer .footer__info .footer__copyright--left {
font-size: 14px;
font-weight: 400;
line-height: 1.65;
}
@media only screen and (max-width: 1023px) {
.p-footer .footer__info .footer__copyright--left {
display: none;
}
}
.p-footer .footer__info ul {
align-items: center;
display: flex;
flex-flow: row wrap;
gap: var(--spacing-s, 24px);
justify-content: space-between;
list-style: none;
}
@media only screen and (max-width: 1023px) {
.p-footer .footer__info ul {
margin: 0 auto;
max-width: 260px;
}
}
@media (min-width: 1024px) {
.p-footer .footer__info ul {
flex-wrap: nowrap;
gap: var(--spacing-xl, 56px);
margin-left: auto;
}
}
.p-footer .footer__info ul li a:hover {
text-decoration: underline;
}
.p-footer .footer__info ul li:first-child,
.p-footer .footer__info ul li:nth-of-type(2) {
flex: 0 1 33%;
white-space: nowrap;
}
.p-footer .footer__info ul li:last-child {
flex: 0 1 100%;
text-align: center;
}
.p-footer .footer__address {
align-items: center;
background-color: var(--color-background-primary-light);
color: var(--color-gray);
display: flex;
flex-flow: column nowrap;
font-size: 12px;
gap: var(--spacing-xxxs);
padding: var(--spacing-xs) var(--spacing-s);
}
@media (min-width: 1024px) {
.p-footer .footer__address {
display: none;
}
}
body.single-jpp_author .main-content .author__bio {
width: 100%;
border-radius: 60px 0 0 0;
background-color: var(--color-primary);
padding: 40px var(--lateral-padding) 100px;
margin-top: 20px;
color: #fff;
}
@media (min-width: 768px) {
body.single-jpp_author .main-content .author__bio {
padding: 40px 40px 100px;
}
}
body.single-jpp_author .main-content .author__bio h1 {
color: #fa6264;
}
body.single-jpp_author .main-content .author__bio h2 {
margin: 30px 0 15px;
}
body.single-jpp_author .main-content .author__bio .author__role {
font-size: 2rem;
margin-bottom: 50px;
display: block;
}
body.single-jpp_author .main-content .author__bio p,
body.single-jpp_author .main-content .author__bio li {
font-family: var(--font-secondary);
font-size: 1.8rem;
font-weight: 300;
line-height: 1.5;
-webkit-font-smoothing: initial;
-moz-osx-font-smoothing: initial;
}
@media (min-width: 768px) {
body.single-jpp_author .main-content .author__bio p,
body.single-jpp_author .main-content .author__bio li {
font-size: 2.4rem;
}
}
body.single-jpp_author .main-content .author__bio ul {
margin: 14px 0 15px 30px;
}
body.single-jpp_author .main-content .author__bio li {
margin-bottom: 5px;
}
body.single-jpp_author .main-content .author__bio li:before {
background-color: #fff;
top: 16px;
}
body.single-jpp_author .main-content .author__picture {
width: calc(100% + var(--lateral-padding) * 2);
border-radius: 60px 0 60px 0;
margin: -40px 0 30px calc(var(--lateral-padding) * -1);
}
@media (min-width: 768px) {
body.single-jpp_author .main-content .author__picture {
width: auto;
margin: -40px 34px 17px -40px;
float: left;
}
}
body.single-jpp_author .main-content .author__picture img {
width: 100%;
border-radius: 60px 0 60px 0;
}
body.single-jpp_author .main-content .author__social {
width: 100%;
background-color: #fff;
padding: 40px var(--lateral-padding) 10px;
border-radius: 60px 0 0 0;
margin-top: -50px;
margin-bottom: 50px;
}
@media (min-width: 768px) {
body.single-jpp_author .main-content .author__social {
padding: 40px 40px 10px;
}
}
body.single-jpp_author .main-content .author__social h3 {
font-size: 2rem;
font-weight: normal;
margin-top: 0;
}
body.single-jpp_author .main-content .author__social .social__links {
display: flex;
flex-flow: column;
gap: 10px;
}
@media (min-width: 768px) {
body.single-jpp_author .main-content .author__social .social__links {
flex-flow: row;
gap: 40px;
}
}
body.single-jpp_author .main-content .author__social .social__links a {
font-size: 2rem;
display: flex;
flex-flow: row;
align-items: center;
gap: 6px;
position: relative;
}
@media (min-width: 768px) {
body.single-jpp_author .main-content .author__social .social__links a:before {
content: "";
width: 1px;
height: calc(100% - 10px);
background-color: #000;
position: absolute;
left: -21px;
top: 5px;
}
body.single-jpp_author .main-content .author__social .social__links a:first-child:before {
display: none;
}
}
body.single-jpp_author .main-content .author__articles {
width: 100%;
background-color: #fff;
padding: 40px var(--lateral-padding) 100px;
border-radius: 60px 0 0 0;
margin-top: -50px;
}
@media (min-width: 768px) {
body.single-jpp_author .main-content .author__articles {
padding: 40px 40px 100px;
}
}
body.single-jpp_author .main-content .author__articles h3 {
margin-top: 0;
font-weight: normal;
}
body.single-jpp_author .main-content .author__articles .article {
display: flex;
flex-flow: column;
gap: 25px;
padding-bottom: 30px;
border-bottom: 1px solid var(--color-gray-300);
margin-bottom: 30px;
}
@media (min-width: 1024px) {
body.single-jpp_author .main-content .author__articles .article {
flex-flow: row;
}
}
@media (min-width: 1024px) {
body.single-jpp_author .main-content .author__articles .article__thumbnail {
flex: 0 0 278px;
}
}
body.single-jpp_author .main-content .author__articles .article__thumbnail img {
width: 100%;
vertical-align: bottom;
}
body.single-jpp_author .main-content .author__articles .article__meta {
display: flex;
align-items: center;
margin-bottom: 21px;
}
body.single-jpp_author .main-content .author__articles .article__meta .meta__type {
height: 29px;
background: #fa6264;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #2c2c2c;
margin-right: 15px;
padding: 3px 15px 0;
display: flex;
align-items: center;
justify-content: center;
}
body.single-jpp_author .main-content .author__articles .article__meta .meta__date {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #0b4a5d;
}
body.single-jpp_author .main-content .author__articles .article__title {
font-family: var(--font-tertiary);
font-size: 39px;
line-height: 1.15;
font-weight: 600;
margin: 30px 0;
font-family: var(--font-primary);
font-weight: normal;
margin-bottom: 24px;
}
@media (min-width: 768px) {
body.single-jpp_author .main-content .author__articles .article__title {
font-family: var(--font-secondary);
font-size: 4.8rem;
line-height: 1.25;
}
}
@media (min-width: 1024px) {
body.single-jpp_author .main-content .author__articles .article__title {
margin-bottom: 0;
font-size: 34px;
line-height: 40px;
}
}
@media (min-width: 1024px) {
body.single-jpp_author .main-content .author__articles .article__button {
align-self: center;
margin-left: auto;
min-width: 193px;
}
}
body.single-jpp_author .main-content .author__articles .article__button a {
border: 2px solid #0b4a5d;
border-radius: 100px;
height: 45px;
font-size: 18px;
line-height: 21px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #0b4a5d;
padding-top: 3px;
}
@media (min-width: 1024px) {
body.single-jpp_author .main-content .author__articles .article__button a {
line-height: 1;
padding: 19px 40px 17px;
}
}
body.single-jpp_author .main-content .author__articles .article__button a:hover {
background: #0b4a5d;
color: #ffffff;
}
body.single-jpp_author .main-content .author__articles .article__button a:active {
background: #0b4a5d;
color: #ffffff;
}
body.single-jpp_author .main-content .author__articles .articles__more-btn {
max-width: 170px;
font-size: 18px;
font-weight: bold;
line-height: 17px;
color: #fff;
padding: 17px 30px;
text-decoration: none;
background: var(--color-primary);
border-radius: 60px;
border: 2px solid var(--color-primary);
text-align: center;
display: block;
cursor: pointer;
transition: all 0.3s linear;
margin: 0 auto;
display: none;
}
@media (min-width: 768px) {
body.single-jpp_author .main-content .author__articles .articles__more-btn {
margin-bottom: 40px;
}
}
body.single-jpp_author .main-content .author__articles .articles__more-btn:hover {
background-color: #fff;
color: var(--color-primary);
}
body.single-jpp_author .main-content .author__articles .articles__more-btn.unclickable {
opacity: 0.5;
cursor: wait;
}
body.post-type-archive-jpp_author .main-content h1 {
text-align: center;
font-size: 3.7rem;
padding: 10px 0 30px;
}
@media (min-width: 1024px) {
body.post-type-archive-jpp_author .main-content h1 {
padding: 30px 0;
}
}
body.post-type-archive-jpp_author .main-content .authors-list {
display: flex;
flex-flow: row wrap;
gap: 40px 10%;
justify-content: space-between;
}
@media (min-width: 680px) {
body.post-type-archive-jpp_author .main-content .authors-list {
gap: 40px 5%;
}
}
@media (min-width: 1024px) {
body.post-type-archive-jpp_author .main-content .authors-list {
gap: 40px 4%;
}
}
body.post-type-archive-jpp_author .main-content .author__item {
width: 45%;
display: flex;
flex-flow: column;
text-align: center;
}
@media (min-width: 680px) {
body.post-type-archive-jpp_author .main-content .author__item {
width: 30%;
}
}
@media (min-width: 1024px) {
body.post-type-archive-jpp_author .main-content .author__item {
width: 22%;
}
}
body.post-type-archive-jpp_author .main-content .author__item a {
width: 100%;
height: 100%;
display: block;
}
body.post-type-archive-jpp_author .main-content .author__item a:hover .author__image img {
transform: scale(1.05);
}
body.post-type-archive-jpp_author .main-content .author__image {
width: 100%;
aspect-ratio: 1/1;
}
body.post-type-archive-jpp_author .main-content .author__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 50%;
transition: transform 0.3s;
}
body.post-type-archive-jpp_author .main-content .author__name {
display: block;
font-size: 1.8rem;
font-weight: bold;
margin: 10px 0 5px;
}
@media (min-width: 1024px) {
body.post-type-archive-jpp_author .main-content .author__name {
font-size: 2.3rem;
}
}
body.post-type-archive-jpp_author .main-content .author__role {
display: block;
}
body.page h1,
body.category h1 {
font-size: 39px;
font-weight: 600;
line-height: 45px;
}
@media screen and (min-width: 1024px) {
body.page h1,
body.category h1 {
font-size: 48px;
font-weight: 600;
line-height: 55px;
}
}
body.page h2,
body.category h2 {
font-size: 31px;
font-weight: 500;
line-height: 38px;
}
@media screen and (min-width: 1024px) {
body.page h2,
body.category h2 {
font-size: 43px;
font-weight: 500;
line-height: 52px;
}
}
body.page h3,
body.category h3 {
font-size: 25px;
font-weight: 500;
line-height: 30px;
}
@media screen and (min-width: 1024px) {
body.page h3,
body.category h3 {
font-size: 34px;
font-weight: 500;
line-height: 48px;
}
}
body.page h4,
body.category h4 {
font-size: 22px;
font-weight: 500;
line-height: 31px;
}
@media screen and (min-width: 1024px) {
body.page h4,
body.category h4 {
font-size: 27px;
font-weight: 500;
line-height: 36px;
}
}
body.page .categories-menu,
body.category .categories-menu {
max-width: var(--wrapper-max);
margin-right: auto;
margin-left: auto;
padding-left: var(--lateral-padding);
padding-right: var(--lateral-padding);
display: grid;
grid-auto-flow: column;
gap: 15px;
margin-top: 30px;
margin-bottom: 30px;
overflow-x: auto;
}
@media (min-width: 992px) {
body.page .categories-menu,
body.category .categories-menu {
gap: 25px;
}
}
body.page .categories-menu a,
body.category .categories-menu a {
width: -moz-fit-content;
width: fit-content;
padding: 10px 20px;
background: transparent;
font-size: 16px;
border: 1px solid var(--color-gray-500);
border-radius: 10px;
cursor: pointer;
transition-property: color, background, border-color;
transition-duration: 200ms;
white-space: nowrap;
}
@media (min-width: 992px) {
body.page .categories-menu a,
body.category .categories-menu a {
padding: 14px 30px;
font-size: 20px;
}
}
body.page .categories-menu a.active,
body.category .categories-menu a.active {
color: white;
background: var(--color-primary-darker);
border-color: var(--color-primary-darker);
}
body.page .categories-menu a:hover:not(.active),
body.category .categories-menu a:hover:not(.active) {
color: white;
background: var(--color-gray-500);
border-color: var(--color-gray-500);
}
body.single-post h1 {
font-size: 39px;
font-weight: 600;
line-height: 45px;
}
@media screen and (min-width: 1024px) {
body.single-post h1 {
font-size: 48px;
font-weight: 600;
line-height: 55px;
}
}
body.single-post h2 {
font-size: 31px;
font-weight: 500;
line-height: 38px;
}
@media screen and (min-width: 1024px) {
body.single-post h2 {
font-size: 43px;
font-weight: 500;
line-height: 52px;
}
}
body.single-post h3 {
font-size: 25px;
font-weight: 500;
line-height: 30px;
}
@media screen and (min-width: 1024px) {
body.single-post h3 {
font-size: 34px;
font-weight: 500;
line-height: 48px;
}
}
body.single-post h4 {
font-size: 22px;
font-weight: 500;
line-height: 31px;
}
@media screen and (min-width: 1024px) {
body.single-post h4 {
font-size: 27px;
font-weight: 500;
line-height: 36px;
}
}
body.single-post.toc-sidebar .main-content {
padding-bottom: 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-items: flex-end;
}
@media (min-width: 1024px) {
body.single-post.toc-sidebar .main-content {
display: grid;
grid-template-columns: 260px minmax(calc(100% - 380px), 850px);
gap: 30px;
padding-bottom: 20px;
}
}
body.single-post.toc-sidebar .content-width {
order: 2;
}
@media (min-width: 1024px) {
body.single-post.toc-sidebar .content-width {
margin: 0;
grid-column: 2;
grid-row: 1;
}
}
body.single-post .wp-block-video [poster] {
height: auto;
max-width: 100%;
width: 100%;
}
body.single-post .wp-block-gallery {
display: flex !important;
flex-wrap: wrap !important;
}
body.single-post .wp-block-gallery .wp-block-image {
max-width: calc(50% - 15px) !important;
}
@media (min-width: 600px) {
body.single-post .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
width: calc(30.33% - var(--wp--style--unstable-gallery-gap, 16px) * 0.66667) !important;
}
}
@media (max-width: 600px) {
body.single-post .wp-block-gallery .wp-block-image {
max-width: calc(100% - 15px) !important;
}
}
.p-category h1 {
text-align: center;
}
.p-category .post {
border-bottom: 1px solid rgba(112, 112, 112, 0.37);
padding: 30px 0;
}
.p-category .post .info {
margin-top: 10px;
}
.p-category .post .info .title {
font-size: 20px;
line-height: 24px;
margin: 0 0 15px;
padding: 0px 25px 0 0;
display: block;
}
.p-category .post .info .description {
display: block;
font-size: 14px;
line-height: 26px;
}
body.search .search__header {
width: 100%;
border-radius: 60px 0 0 0;
background-color: var(--color-gray-green);
padding: 40px var(--lateral-padding) 100px;
margin-top: 20px;
}
@media (min-width: 768px) {
body.search .search__header {
padding: 40px 40px 100px;
}
}
body.search .search__header .search__total {
font-family: var(--font-secondary);
font-size: 2rem;
font-weight: 600;
line-height: 2.3rem;
color: #2c2c2c;
margin-bottom: 18px;
display: block;
}
@media (min-width: 1024px) {
body.search .search__header .search__total {
font-size: 2.4rem;
line-height: 2.8rem;
margin-bottom: 30px;
}
}
body.search .search__header .search__form {
width: 100%;
border-bottom: 1px solid #000;
display: flex;
justify-content: space-between;
}
body.search .search__header .search__form .form__input {
font-family: var(--font-secondary);
font-size: 2.4rem;
font-weight: 600;
color: var(--color-primary);
width: calc(100% - 60px);
background: transparent;
border: none;
}
@media (min-width: 1024px) {
body.search .search__header .search__form .form__input {
font-size: 4.2rem;
}
}
body.search .search__header .search__form .form__submit {
width: 50px;
height: 36px;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMi4yMDgzIDEwLjgzMzNIMTEuNDg0MkwxMS4yMjc1IDEwLjU4NThDMTIuMTI1OCA5LjU0MDgzIDEyLjY2NjcgOC4xODQxNyAxMi42NjY3IDYuNzA4MzNDMTIuNjY2NyAzLjQxNzUgOS45OTkxNyAwLjc1IDYuNzA4MzMgMC43NUMzLjQxNzUgMC43NSAwLjc1IDMuNDE3NSAwLjc1IDYuNzA4MzNDMC43NSA5Ljk5OTE3IDMuNDE3NSAxMi42NjY3IDYuNzA4MzMgMTIuNjY2N0M4LjE4NDE3IDEyLjY2NjcgOS41NDA4MyAxMi4xMjU4IDEwLjU4NTggMTEuMjI3NUwxMC44MzMzIDExLjQ4NDJWMTIuMjA4M0wxNS40MTY3IDE2Ljc4MjVMMTYuNzgyNSAxNS40MTY3TDEyLjIwODMgMTAuODMzM1pNNi43MDgzMyAxMC44MzMzQzQuNDI1ODMgMTAuODMzMyAyLjU4MzMzIDguOTkwODMgMi41ODMzMyA2LjcwODMzQzIuNTgzMzMgNC40MjU4MyA0LjQyNTgzIDIuNTgzMzMgNi43MDgzMyAyLjU4MzMzQzguOTkwODMgMi41ODMzMyAxMC44MzMzIDQuNDI1ODMgMTAuODMzMyA2LjcwODMzQzEwLjgzMzMgOC45OTA4MyA4Ljk5MDgzIDEwLjgzMzMgNi43MDgzMyAxMC44MzMzWiIgZmlsbD0iIzBCNEE1RCI+PC9wYXRoPgo8L3N2Zz4K) center top no-repeat transparent;
background-size: 22px auto;
border: none;
font-size: 1.4rem;
font-weight: 600;
color: var(--color-primary);
text-align: center;
padding: 20px 0 0;
margin-top: -12px;
cursor: pointer;
}
@media (min-width: 1024px) {
body.search .search__header .search__form .form__submit {
height: 52px;
background-size: 32px auto;
padding: 30px 0 0;
margin-top: -7px;
}
}
body.search .search__results {
width: 100%;
background-color: #fff;
padding: 40px var(--lateral-padding) 10px;
border-radius: 60px 0 0 0;
margin-top: -50px;
margin-bottom: 50px;
}
@media (min-width: 768px) {
body.search .search__results {
padding: 40px 40px 10px;
}
}
body.search .search__articles {
width: 100%;
background-color: #fff;
padding: 40px var(--lateral-padding) 100px;
border-radius: 60px 0 0 0;
margin-top: -50px;
}
@media (min-width: 768px) {
body.search .search__articles {
padding: 40px 40px 100px;
}
}
body.search .search__articles h3 {
margin-top: 0;
font-weight: normal;
}
body.search .search__articles .article {
display: flex;
flex-flow: column;
gap: 25px;
padding-bottom: 30px;
border-bottom: 1px solid var(--color-gray-300);
margin-bottom: 30px;
}
@media (min-width: 1024px) {
body.search .search__articles .article {
flex-flow: row;
}
}
@media (min-width: 1024px) {
body.search .search__articles .article__thumbnail {
flex: 0 0 278px;
}
}
body.search .search__articles .article__thumbnail img {
width: 100%;
vertical-align: bottom;
}
body.search .search__articles .article__meta {
display: flex;
align-items: center;
margin-bottom: 21px;
}
body.search .search__articles .article__meta .meta__type {
height: 29px;
background: #fa6264;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #2c2c2c;
margin-right: 15px;
padding: 3px 15px 0;
display: flex;
align-items: center;
justify-content: center;
}
body.search .search__articles .article__meta .meta__date {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #0b4a5d;
}
body.search .search__articles .article__title {
font-family: var(--font-tertiary);
font-size: 39px;
line-height: 1.15;
font-weight: 600;
margin: 30px 0;
font-family: var(--font-primary);
font-weight: normal;
margin-bottom: 24px;
}
@media (min-width: 768px) {
body.search .search__articles .article__title {
font-family: var(--font-secondary);
font-size: 4.8rem;
line-height: 1.25;
}
}
@media (min-width: 1024px) {
body.search .search__articles .article__title {
margin-bottom: 0;
font-size: 34px;
line-height: 40px;
}
}
@media (min-width: 1024px) {
body.search .search__articles .article__button {
align-self: center;
margin-left: auto;
min-width: 193px;
}
}
body.search .search__articles .article__button a {
border: 2px solid #0b4a5d;
border-radius: 100px;
height: 45px;
font-size: 18px;
line-height: 21px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #0b4a5d;
padding-top: 3px;
}
@media (min-width: 1024px) {
body.search .search__articles .article__button a {
line-height: 1;
padding: 19px 40px 17px;
}
}
body.search .search__articles .article__button a:hover {
background: #0b4a5d;
color: #ffffff;
}
body.search .search__articles .article__button a:active {
background: #0b4a5d;
color: #ffffff;
}
body.search .search__articles .search__load-more {
display: block;
margin: 0 auto;
background: none;
border: none;
cursor: pointer;
}
body.search .search__articles .search__load-more .load-more__visible {
display: flex;
flex-flow: column;
align-items: center;
gap: 10px;
}
body.search .search__articles .search__load-more .load-more__visible path {
transition: var(--transition-all);
}
body.search .search__articles .search__load-more .load-more__visible span {
font-size: 1.6rem;
font-weight: 600;
}
body.search .search__articles .search__load-more .load-more__loading {
display: none;
}
body.search .search__articles .search__load-more.active .load-more__visible {
display: none;
}
body.search .search__articles .search__load-more.active .load-more__loading {
display: block;
}
body.search .search__articles .search__load-more:hover path {
fill: #fa6264;
}
#ais-wrapper {
max-width: 1540px;
margin: 0 auto;
}
#ais-wrapper #ais-facets {
display: none;
}
#ais-wrapper #ais-main .algolia-search-box-wrapper {
background-color: #dae4e7;
border-radius: 35px 0 0 0;
padding: 25px 10px !important;
margin-bottom: 45px;
}
#ais-wrapper #ais-main .algolia-search-box-wrapper .search-icon {
left: unset;
right: 2em;
top: 2.8em;
fill: #0b4a5d;
}
#algolia-stats {
display: none;
}
#algolia-search-box input {
border-bottom: 1px solid #2c2c2c !important;
color: #0b4a5d;
font-size: 4.9rem !important;
font-family: "TiemposHeadline-Semibold,serif";
font-weight: 900 !important;
}
#algolia-powered-by {
display: none;
}
.aa-dropdown-menu .aa-suggestion .suggestion-post-content {
display: none !important;
}
.ais-Hits-item {
border-bottom: 1px solid #c4c4c4;
padding: 25px 0;
}
.ais-Hits-item article {
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.ais-Hits-item article {
flex-direction: column;
}
}
.ais-Hits-item article .ais-hits--thumbnail {
max-width: 336px;
width: 100%;
max-height: 189px;
height: 100%;
overflow: hidden;
}
.ais-Hits-item article .ais-hits--thumbnail img {
width: 100%;
height: 100%;
}
.ais-Hits-item article .ais-hits--content {
display: flex;
align-items: center;
width: 100% !important;
height: 100% !important;
position: relative;
overflow: unset;
}
@media (max-width: 1024px) {
.ais-Hits-item article .ais-hits--content {
margin-top: 25px;
flex-direction: column !important;
align-items: start !important;
}
}
.ais-Hits-item article .ais-hits--content .article-date {
color: #0b4a5d;
font-size: 1.8rem;
font-family: "TiemposHeadline-Semibold,serif";
font-weight: 900 !important;
position: absolute;
top: -2rem;
}
.ais-Hits-item article .ais-hits--content .read-article-button {
max-width: 10em;
margin-left: auto;
padding: 16px 24px;
font-size: 20px;
border-width: 2px;
transition: background-color 0.15s, color 0.15s, border-color 0.15s;
cursor: pointer;
box-sizing: border-box;
font-family: Arial, sans-serif;
font-weight: 700;
display: inline-flex;
justify-content: center;
flex-direction: column;
align-items: center;
padding: 12px 16px;
border-radius: 44px;
line-height: 140%;
background-color: #fff;
color: #0b4a5d;
border: 2px solid #0b4a5d;
width: 100%;
}
@media (max-width: 1024px) {
.ais-Hits-item article .ais-hits--content .read-article-button {
margin: 15px 0 0 0;
align-self: center;
}
}
.ais-Hits-item article .ais-hits--content .read-article-button:hover {
background-color: #0b4a5d;
color: #fff;
border-color: #0b4a5d;
}
picture.c-picture {
position: relative;
}
picture.c-picture a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.seemore span {
display: none;
}
.seemore .seemore__btn {
background: none;
border: 0;
padding: 0;
margin: 0;
color: var(--color-text);
border-bottom: 2px solid var(--color-primary);
cursor: pointer;
}
.content-width a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta),
.tsct-wrapper a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta),
.single-ad-widget-block-wrapper a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta) {
background-image: linear-gradient(90deg, transparent 51%, var(--color-link-default) 0);
background-size: 200% 100%;
background-position: 0 0;
background-color: transparent;
transition: all 0.25s ease-in-out;
font-weight: 600 !important;
border: none;
padding: 5px 0;
color: var(--color-link-default);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
border-bottom: none;
cursor: pointer;
line-height: 1.7;
}
.content-width a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta):hover,
.tsct-wrapper a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta):hover,
.single-ad-widget-block-wrapper a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta):hover {
color: #fff;
background-image: linear-gradient(90deg, transparent 50%, var(--color-link-hover) 0);
background-position: -100% 0;
}
.content-width a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta) > span,
.tsct-wrapper a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta) > span,
.single-ad-widget-block-wrapper a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta) > span {
font-weight: 600 !important;
}
@media (min-width: 768px) {
.content-width a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta),
.tsct-wrapper a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta),
.single-ad-widget-block-wrapper a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .cta-button, .other-rating, .secondary-cta) {
font-size: 18px;
line-height: 1.65;
}
}
.editor-styles-wrapper .rich-text a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .secondary-cta) {
background-image: linear-gradient(90deg, transparent 51%, var(--color-link-default) 0);
background-size: 200% 100%;
background-position: 0 0;
background-color: transparent;
transition: all 0.25s ease-in-out;
font-weight: 600 !important;
border: none;
padding: 5px 0;
color: var(--color-link-default);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
border-bottom: none;
cursor: pointer;
line-height: 1.7;
}
.editor-styles-wrapper .rich-text a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .secondary-cta):hover {
color: #fff;
background-image: linear-gradient(90deg, transparent 50%, var(--color-link-hover) 0);
background-position: -100% 0;
}
.editor-styles-wrapper .rich-text a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .secondary-cta) > span {
font-weight: 600 !important;
}
@media (min-width: 768px) {
.editor-styles-wrapper .rich-text a:not(.widget-href, .image-link, .custom-style, .c-breadcrumbs a, .secondary-cta) {
font-size: 18px;
line-height: 1.65;
}
}
.content-width p,
.editor-styles-wrapper p {
margin: 30px 0;
}
.content-width p:first-child,
.editor-styles-wrapper p:first-child {
margin-top: 0;
}
.content-width p:last-child,
.editor-styles-wrapper p:last-child {
margin-bottom: 0;
}
.content-width ul,
.content-width ol,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol {
font-family: var(--font-primary);
font-size: 16px;
line-height: 1.7;
font-weight: 400;
list-style-position: outside;
padding-left: 20px;
margin-bottom: 20px;
text-indent: initial;
}
@media (min-width: 768px) {
.content-width ul,
.content-width ol,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol {
font-size: 18px;
}
}
@media (min-width: 580px) {
.content-width ul,
.content-width ol,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol {
padding-left: 35px;
}
}
.content-width ul ul,
.content-width ul ol,
.content-width ol ul,
.content-width ol ol,
.editor-styles-wrapper ul ul,
.editor-styles-wrapper ul ol,
.editor-styles-wrapper ol ul,
.editor-styles-wrapper ol ol {
margin-bottom: 0;
margin-top: 15px;
}
.content-width ul ul,
.content-width ol ul,
.editor-styles-wrapper ul ul,
.editor-styles-wrapper ol ul {
list-style-type: disc;
}
.content-width ol,
.editor-styles-wrapper ol {
list-style-type: decimal;
padding-left: 40px;
}
.content-width ol li,
.editor-styles-wrapper ol li {
padding-left: 10px;
}
.content-width ul li::marker,
.editor-styles-wrapper ul li::marker {
font-size: 22px;
color: var(--color-primary);
}
.content-width li,
.editor-styles-wrapper li {
font-family: var(--font-primary);
font-size: 16px;
line-height: 1.7;
font-weight: 400;
list-style-position: outside;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.content-width li,
.editor-styles-wrapper li {
font-size: 18px;
}
}
.content-width,
.editor-styles-wrapper,
.single-ad-widget-block-wrapper {    }
.content-width .wp-block-image img,
.content-width .gb-block-image img,
.editor-styles-wrapper .wp-block-image img,
.editor-styles-wrapper .gb-block-image img,
.single-ad-widget-block-wrapper .wp-block-image img,
.single-ad-widget-block-wrapper .gb-block-image img {
max-width: 100%;
}
.content-width .wp-block-image img.scrollable,
.content-width .gb-block-image img.scrollable,
.editor-styles-wrapper .wp-block-image img.scrollable,
.editor-styles-wrapper .gb-block-image img.scrollable,
.single-ad-widget-block-wrapper .wp-block-image img.scrollable,
.single-ad-widget-block-wrapper .gb-block-image img.scrollable {
max-width: unset;
overflow: scroll;
}
.content-width .wp-block-image figcaption,
.content-width .gb-block-image figcaption,
.editor-styles-wrapper .wp-block-image figcaption,
.editor-styles-wrapper .gb-block-image figcaption,
.single-ad-widget-block-wrapper .wp-block-image figcaption,
.single-ad-widget-block-wrapper .gb-block-image figcaption {
font-size: 1.4rem;
line-height: 1.4;
text-align: center;
}
.content-width .wp-block-image.is-style-rounded img,
.content-width .gb-block-image.is-style-rounded img,
.editor-styles-wrapper .wp-block-image.is-style-rounded img,
.editor-styles-wrapper .gb-block-image.is-style-rounded img,
.single-ad-widget-block-wrapper .wp-block-image.is-style-rounded img,
.single-ad-widget-block-wrapper .gb-block-image.is-style-rounded img {
border-radius: 9999px;
}
.content-width .wp-block-image.is-style-editorskit-rounded img,
.content-width .gb-block-image.is-style-editorskit-rounded img,
.editor-styles-wrapper .wp-block-image.is-style-editorskit-rounded img,
.editor-styles-wrapper .gb-block-image.is-style-editorskit-rounded img,
.single-ad-widget-block-wrapper .wp-block-image.is-style-editorskit-rounded img,
.single-ad-widget-block-wrapper .gb-block-image.is-style-editorskit-rounded img {
border-radius: 24px;
}
.content-width picture.alignright,
.content-width figure.alignright,
.editor-styles-wrapper picture.alignright,
.editor-styles-wrapper figure.alignright,
.single-ad-widget-block-wrapper picture.alignright,
.single-ad-widget-block-wrapper figure.alignright {
width: auto !important;
float: right;
margin: 5px 0 10px 10px;
}
.content-width picture.alignleft,
.content-width figure.alignleft,
.editor-styles-wrapper picture.alignleft,
.editor-styles-wrapper figure.alignleft,
.single-ad-widget-block-wrapper picture.alignleft,
.single-ad-widget-block-wrapper figure.alignleft {
width: auto !important;
float: left;
margin: 5px 10px 10px 0;
}
.content-width picture.aligncenter,
.content-width figure.aligncenter,
.editor-styles-wrapper picture.aligncenter,
.editor-styles-wrapper figure.aligncenter,
.single-ad-widget-block-wrapper picture.aligncenter,
.single-ad-widget-block-wrapper figure.aligncenter {
width: 100% !important;
float: none;
display: block;
margin-left: auto;
margin-right: auto;
margin: 5px auto 5px;
}
.content-width picture img,
.content-width figure img,
.editor-styles-wrapper picture img,
.editor-styles-wrapper figure img,
.single-ad-widget-block-wrapper picture img,
.single-ad-widget-block-wrapper figure img {
margin-left: auto;
margin-right: auto;
}
.content-width img.alignright,
.editor-styles-wrapper img.alignright,
.single-ad-widget-block-wrapper img.alignright {
float: right;
margin: 5px 0 10px 10px;
}
.content-width img.alignleft,
.editor-styles-wrapper img.alignleft,
.single-ad-widget-block-wrapper img.alignleft {
float: left;
margin: 5px 10px 10px 0;
}
.content-width img.aligncenter,
.editor-styles-wrapper img.aligncenter,
.single-ad-widget-block-wrapper img.aligncenter {
float: none;
display: block;
margin: 5px auto 5px;
}
.content-width .wp-caption,
.editor-styles-wrapper .wp-caption,
.single-ad-widget-block-wrapper .wp-caption {
margin-bottom: 10px;
max-width: 100%;
}
.content-width .wp-caption img,
.editor-styles-wrapper .wp-caption img,
.single-ad-widget-block-wrapper .wp-caption img {
display: block;
margin: 0 auto;
}
.content-width .wp-caption .wp-caption-text,
.editor-styles-wrapper .wp-caption .wp-caption-text,
.single-ad-widget-block-wrapper .wp-caption .wp-caption-text {
margin: 5px 0 0 0;
font-size: 1.4rem;
line-height: 1.4;
color: #000;
text-align: center;
margin: 0 !important;
margin-top: 5px !important;
}
.content-width .wp-block-image,
.editor-styles-wrapper .wp-block-image,
.single-ad-widget-block-wrapper .wp-block-image {
display: inline-block;
margin-bottom: 10px;
}
.content-width .wp-block-image img,
.editor-styles-wrapper .wp-block-image img,
.single-ad-widget-block-wrapper .wp-block-image img {
display: block;
}
.content-width .wp-block-image .wp-element-caption,
.editor-styles-wrapper .wp-block-image .wp-element-caption,
.single-ad-widget-block-wrapper .wp-block-image .wp-element-caption {
margin: 5px 0 0 0;
font-size: 1.4rem;
line-height: 1.4;
color: #000;
text-align: center;
}
.content-width .wp-block-image.aligncenter .wp-element-caption,
.editor-styles-wrapper .wp-block-image.aligncenter .wp-element-caption,
.single-ad-widget-block-wrapper .wp-block-image.aligncenter .wp-element-caption {
width: 100%;
text-align: center;
display: inline-block;
}
.content-width .wp-block-gallery,
.editor-styles-wrapper .wp-block-gallery,
.single-ad-widget-block-wrapper .wp-block-gallery {
margin: 20px 0;
}
.content-width .wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.editor-styles-wrapper .wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.single-ad-widget-block-wrapper .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
position: relative;
font-size: 1.4rem;
line-height: 1.4;
color: #000;
background: none;
}
.content-width figure.wp-block-table,
.editor-styles-wrapper figure.wp-block-table {
width: 100%;
max-height: 548px;
overflow: auto;
position: relative;
border-top: 2px solid var(--color-primary);
}
@media (min-width: 1024px) {
.content-width figure.wp-block-table,
.editor-styles-wrapper figure.wp-block-table {
max-height: 875px;
}
}
.content-width figure.wp-block-table table,
.editor-styles-wrapper figure.wp-block-table table {
border-collapse: collapse;
}
.content-width figure.wp-block-table table.has-fixed-layout,
.editor-styles-wrapper figure.wp-block-table table.has-fixed-layout {
table-layout: auto;
}
@media (min-width: 520px) {
.content-width figure.wp-block-table table.has-fixed-layout,
.editor-styles-wrapper figure.wp-block-table table.has-fixed-layout {
table-layout: fixed;
}
}
.content-width figure.wp-block-table thead,
.editor-styles-wrapper figure.wp-block-table thead {
border: 0;
}
.content-width figure.wp-block-table th,
.content-width figure.wp-block-table td,
.editor-styles-wrapper figure.wp-block-table th,
.editor-styles-wrapper figure.wp-block-table td {
font-family: var(--font-primary);
font-size: 16px;
line-height: 1.7;
font-weight: 400;
line-height: 1.3;
border: none;
padding: 10px;
min-width: 120px;
}
@media (min-width: 768px) {
.content-width figure.wp-block-table th,
.content-width figure.wp-block-table td,
.editor-styles-wrapper figure.wp-block-table th,
.editor-styles-wrapper figure.wp-block-table td {
font-size: 18px;
}
}
.content-width figure.wp-block-table th,
.editor-styles-wrapper figure.wp-block-table th {
font-weight: bold;
color: #fff;
background-color: var(--color-secondary);
border: 0;
position: sticky;
top: 0px;
z-index: 11;
vertical-align: middle;
}
.content-width figure.wp-block-table th a,
.editor-styles-wrapper figure.wp-block-table th a {
color: #fff !important;
}
.content-width figure.wp-block-table td,
.editor-styles-wrapper figure.wp-block-table td {
vertical-align: middle;
}
.content-width figure.wp-block-table tr:nth-child(even) td,
.editor-styles-wrapper figure.wp-block-table tr:nth-child(even) td {
background-color: var(--color-gray-200);
}
.content-width figure.wp-block-table thead th:not([data-align]),
.editor-styles-wrapper figure.wp-block-table thead th:not([data-align]) {
text-align: left;
}
.content-width figure.wp-block-table.is-style-stripes thead,
.editor-styles-wrapper figure.wp-block-table.is-style-stripes thead {
background: var(--color-gray-light);
}
.content-width .jpp-tooltip, .ad-widget-block .jpp-tooltip {
position: relative;
display: inline-block;
line-height: 1;
cursor: pointer;
}
.content-width .jpp-tooltip .info-icon, .ad-widget-block .jpp-tooltip .info-icon {
font-size: 1.5rem;
margin-left: 4px;
font-style: normal;
}
.content-width .jpp-tooltip .jpp-tooltip-trigger-text, .ad-widget-block .jpp-tooltip .jpp-tooltip-trigger-text {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
text-underline-offset: 5px;
}
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper {
display: none;
position: absolute;
bottom: calc(100% + 7px);
width: -moz-max-content;
width: max-content;
max-width: 60vw;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
border-bottom: 2px solid var(--color-primary);
color: #000;
border-radius: 5px;
z-index: 10000;
font-size: 14px;
line-height: 1.5;
}
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper:before, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper:before {
content: "";
position: absolute;
bottom: -12px;
left: 50%;
width: 10px;
height: 10px;
transform: rotate(45deg) translateX(-50%);
background: white;
border-bottom: 2px solid var(--color-primary);
border-right: 2px solid var(--color-primary);
}
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper.tooltip-size-small, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper.tooltip-size-small {
width: 250px;
}
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper.tooltip-size-medium, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper.tooltip-size-medium {
width: 350px;
}
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper.tooltip-size-large, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper.tooltip-size-large {
width: 450px;
}
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper.right, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper.right {
right: -15px;
}
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper.right::before, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper.right::before {
left: initial;
right: 15%;
}
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper.left, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper.left {
left: -15px;
}
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper.left::before, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper.left::before {
left: 15%;
}
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper.center, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper.center {
left: 50%;
transform: translateX(-50%);
}
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper.center::before, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper.center::before {
left: 50%;
}
@media (min-width: 768px) {
.content-width .jpp-tooltip .jpp-tooltip-content-wrapper, .ad-widget-block .jpp-tooltip .jpp-tooltip-content-wrapper {
max-width: initial;
}
}
@media (min-width: 768px) {
.content-width .jpp-tooltip:hover .jpp-tooltip-content-wrapper, .ad-widget-block .jpp-tooltip:hover .jpp-tooltip-content-wrapper {
display: initial;
}
}
.jpp-footnote {
position: relative;
display: inline-block;
cursor: pointer;
}
.jpp-footnote sup {
font-weight: bold;
}
.jpp-footnote span {
position: absolute;
z-index: 90;
top: calc(100% + 5px);
width: -moz-max-content;
width: max-content;
max-width: 300px;
padding: 15px;
opacity: 0;
visibility: hidden;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
font-size: 0.85em;
line-height: 1.6;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition-property: opacity, visibility;
transition-duration: 200ms;
}
.jpp-footnote span::before {
content: "";
position: absolute;
bottom: 100%;
width: 8px;
height: 8px;
background: #fff;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.jpp-footnote span.right {
right: -15px;
}
.jpp-footnote span.right::before {
right: 20px;
transform: rotate(-45deg) translateY(50%);
}
.jpp-footnote span.left {
left: -15px;
}
.jpp-footnote span.left::before {
left: 18px;
transform: rotate(-45deg) translateY(50%);
}
.jpp-footnote span.center {
left: 50%;
transform: translateX(-50%);
}
.jpp-footnote span.center::before {
left: 50%;
transform: rotate(-45deg) translateX(-50%);
}
.jpp-footnote:focus, .jpp-footnote:focus-within, .jpp-footnote.active {
position: relative;
display: inline-block;
}
@media (max-width: 767px) {
.jpp-footnote:focus span, .jpp-footnote:focus-within span, .jpp-footnote.active span {
opacity: 1;
visibility: visible;
}
}
@media (min-width: 768px) {
.jpp-footnote:hover {
z-index: 100;
}
.jpp-footnote:hover span {
opacity: 1;
visibility: visible;
}
}
.t-subtitle {
font-size: 15px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.t-subtitle {
max-width: 690px;
font-size: 18px;
line-height: 1.4;
}
}
.t-subtitle .seemore__btn {
font-size: 15px;
font-weight: 400;
}
@media (min-width: 768px) {
.t-subtitle .seemore__btn {
font-size: 16px;
}
}
.c-hero-advanced {
background: none;
}
@media (min-width: 768px) {
.c-hero-advanced {
padding: 25px 0 30px 0;
background: linear-gradient(137deg, rgb(9, 166, 155) 0%, rgb(187, 230, 227) 100%) left top;
}
}
@media (min-width: 1100px) {
.c-hero-advanced {
background-position: center right;
background-position-y: 70%;
background-repeat: no-repeat;
background-size: cover;
}
}
.c-hero-advanced .wrapper {
padding: 0;
}
@media (min-width: 768px) {
.c-hero-advanced .wrapper {
padding-left: var(--lateral-padding);
padding-right: var(--lateral-padding);
}
}
@media (min-width: 1100px) {
.c-hero-advanced .wrapper {
padding-right: 330px;
}
}
.c-hero-advanced .hero__title {
min-height: 122px;
background-position: center right;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 10px;
padding: 15px var(--lateral-padding);
}
@media (min-width: 768px) {
.c-hero-advanced .hero__title {
min-height: auto;
background: none;
margin-bottom: 20px;
padding: 0;
}
}
.c-hero-advanced .hero__title h1 {
max-width: 220px;
font-family: "Tiempos Headline";
font-size: 2.2rem;
font-weight: 600;
line-height: 1.4;
padding: 0;
margin: 0;
-webkit-font-smoothing: initial;
-moz-osx-font-smoothing: initial;
}
@media (min-width: 768px) {
.c-hero-advanced .hero__title h1 {
max-width: 690px;
font-size: 4rem;
line-height: 1.2;
}
}
.c-hero-advanced .hero__additional {
padding: 0 var(--lateral-padding);
}
@media (min-width: 768px) {
.c-hero-advanced .hero__additional {
padding: 0;
}
}
.c-hero-advanced .t-subtitle {
font-size: 15px;
}
@media (min-width: 768px) {
.c-hero-advanced .t-subtitle {
font-size: 16px;
margin: 10px 0 0;
}
}
.c-hero-advanced .post-general {
padding-bottom: 5px;
}
.c-hero-advanced .c-authors {
margin-top: 15px;
}
.c-hero-advanced .c-authors .info {
font-size: 1.4rem;
}
.ts-toc-wrapper.sidebar {
position: sticky;
top: calc(var(--header-height) - 1px);
z-index: 100;
border-bottom: 1px solid #000;
background-color: #fff;
order: 1;
width: 100%;
}
@media (min-width: 1024px) {
.ts-toc-wrapper.sidebar {
grid-column: 1;
grid-row: 1;
bottom: -100vh;
transition: top 300ms;
padding-top: 20px;
border: 0;
}
}
.ts-toc-wrapper.sidebar .ts-toc-trigger {
font-size: 1.6rem;
line-height: 1.3;
text-align: left;
padding: 20px 0px;
margin: 0;
border: 0;
background: none;
cursor: pointer;
}
@media (min-width: 1024px) {
.ts-toc-wrapper.sidebar .ts-toc-trigger {
display: none;
}
}
.ts-toc-wrapper.sidebar .ts-toc-trigger.active i {
transform: scaleY(-1);
}
.ts-toc-wrapper.sidebar .ts-toc-trigger-wrapper {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
gap: 15px;
}
.ts-toc-wrapper.sidebar .ts-toc-trigger-wrapper i {
font-size: 0.9em;
transition: transform 300ms;
}
.ts-toc-wrapper.sidebar .ts-toc-trigger-label {
color: var(--secondary-color-dark);
}
.ts-toc-wrapper.sidebar .ts-toc {
display: none;
background: var(--white);
}
@media (min-width: 1024px) {
.ts-toc-wrapper.sidebar .ts-toc {
display: block !important;
padding-top: 25px;
}
.ts-toc-wrapper.sidebar .ts-toc:before {
content: "In This Review:";
font-size: 2.4rem;
font-weight: 700;
position: relative;
top: -23px;
left: 20px;
line-height: 1;
}
}
.ts-toc-wrapper.sidebar .ts-toc a {
display: block;
padding: 5px 0 5px 15px;
border-left: 5px solid transparent;
margin-bottom: 15px;
}
.ts-toc-wrapper.sidebar .ts-toc a:hover {
font-weight: bold;
}
.ts-toc-wrapper.sidebar .ts-toc a.active {
color: var(--color-primary);
border-left-color: var(--color-primary);
font-weight: bold;
}
.ts-toc-wrapper.top {
position: sticky;
top: calc(var(--top-height) - 1px);
z-index: var(--z-index-1);
height: 55px;
margin-bottom: 35px;
background: var(--white);
border-top: 1px solid var(--secondary-color-light);
border-bottom: 1px solid var(--secondary-color-light);
transition: top 300ms;
}
@media (min-width: 1024px) {
.ts-toc-wrapper.top {
top: calc(var(--top-height) - 2px);
}
}
@media (min-width: 1024px) {
.ts-toc-wrapper.top {
margin-bottom: 50px;
}
}
.ts-toc-wrapper.top .ts-toc-trigger {
display: none;
}
.ts-toc-wrapper.top .ts-toc {
display: grid;
grid-auto-flow: column;
justify-content: center;
align-items: center;
gap: 20px;
height: 100%;
}
.ts-toc-wrapper.top .ts-toc a.active {
color: var(--secondary-color-dark);
text-decoration: underline;
}
.c-authors {
display: flex;
flex-flow: column;
justify-content: space-between;
gap: 5px;
}
@media (min-width: 768px) {
.c-authors {
gap: 9px;
}
}
@media (min-width: 768px) {
.c-authors.is--single {
flex-flow: row;
justify-content: flex-start;
gap: 30px;
}
}
.c-authors .author {
display: flex;
flex-flow: row;
align-items: center;
gap: 6px;
}
.c-authors .pictures {
display: flex;
flex-flow: row;
}
.c-authors .author__picture:not(:first-child) {
margin-left: -7px;
}
.c-authors .author__picture.show--desktop {
display: none;
}
@media (min-width: 768px) {
.c-authors .author__picture.show--desktop {
display: block;
}
}
.c-authors .photo {
position: relative;
display: block;
font-size: 0;
overflow: hidden;
width: 50px;
}
.c-authors .photo:after {
content: "";
display: inline-block;
width: 100%;
padding-top: 100%;
}
.c-authors .photo > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-authors .photo img {
border-radius: 50%;
}
.c-authors .author__prefix,
.c-authors .author__name {
font-size: 1.4rem;
font-weight: 300;
line-height: 1.3;
}
@media (min-width: 768px) {
.c-authors .author__prefix,
.c-authors .author__name {
font-size: 1.6rem;
}
}
.c-authors .author__prefix a.custom-style,
.c-authors .author__name a.custom-style {
color: var(--color-primary);
}
@media (min-width: 768px) {
.c-authors.is--single.has--picture .author__name {
display: block;
}
}
.c-authors.is--multiline:not(.has--picture) .author__name {
display: inline;
}
.c-authors.has--picture.show--always .details {
display: flex;
flex-flow: column;
gap: 0;
}
@media (min-width: 768px) {
.c-authors.has--picture.show--desktop .details {
display: flex;
flex-flow: column;
gap: 0;
}
}
.c-authors-bottom {
display: flex;
flex-flow: column;
gap: 30px;
margin-top: 40px;
}
.c-authors-bottom .author {
display: flex;
flex-flow: column;
gap: 15px;
border-left: 5px solid var(--color-gray-300);
padding: 5px 0 5px 20px;
}
.c-authors-bottom .author__header {
display: flex;
flex-flow: row;
align-items: center;
gap: 20px;
}
.c-authors-bottom .author__picture {
display: grid;
grid-auto-flow: column;
}
.c-authors-bottom .photo {
position: relative;
display: block;
font-size: 0;
overflow: hidden;
width: 75px;
}
.c-authors-bottom .photo:after {
content: "";
display: inline-block;
width: 100%;
padding-top: 100%;
}
.c-authors-bottom .photo > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.c-authors-bottom .photo img {
border-radius: 50%;
}
.c-authors-bottom .info {
display: flex;
flex-flow: column;
font-size: 1.8rem;
font-weight: 300;
line-height: 1.3;
}
.c-authors-bottom .info a.custom-style {
color: var(--color-primary);
}
.c-authors-bottom .author__role {
color: var(--color-gray-500);
}
.c-authors-bottom .author__bio {
line-height: 1.5;
font-size: 1.8rem;
}
.c-authors-bottom .author__bio p {
margin-top: 0;
}
.post-general {
width: 100%;
display: flex;
flex-flow: row;
justify-content: flex-start;
gap: 10px;
align-items: center;
padding: 0 0 10px;
}
.post-general .last-update {
font-size: 1.4rem;
font-weight: 300;
line-height: 27px;
}
.post-general .print-button {
display: none;
background: none;
border: none;
cursor: pointer;
color: var(--color-primary);
flex-flow: row;
gap: 3px;
align-items: center;
}
@media (min-width: 768px) {
.post-general .print-button {
display: flex;
}
}
.post-general .print-button .print-icon {
width: 17px;
height: auto;
}
.post-general .print-button .print-icon path {
fill: var(--color-primary);
}
.post-general .print-button .txt {
font-size: 1.4rem;
line-height: 27px;
padding: 3px;
background-image: linear-gradient(90deg, transparent 51%, var(--color-primary) 0);
background-size: 200% 100%;
background-position: 0 0;
transition: color, background-position 0.25s ease-in-out;
position: relative;
}
.post-general .print-button .txt::after {
content: "";
display: block;
position: absolute;
bottom: 3px;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px dashed var(--color-primary);
}
.post-general .print-button:hover .txt {
color: #fff;
background-image: linear-gradient(90deg, transparent 50%, var(--color-primary) 0);
background-position: -100% 0;
}
.post-general .fact-checked {
font-size: 1.4rem;
line-height: 27px;
display: flex;
flex-flow: row;
align-items: center;
gap: 2px;
}
.post-general .fact-checked i {
width: 15px;
height: 15px;
font-size: 1.4rem;
display: block;
color: var(--color-primary);
}
.post-general .fact-checked i:before {
display: inline-block;
width: 15px;
height: 15px;
}
.content-width blockquote,
.editor-styles-wrapper blockquote {
border-left: 4px solid rgba(11, 74, 93, 0.38);
padding-left: 18px;
margin: 0 0 18px;
}
.content-width blockquote p,
.editor-styles-wrapper blockquote p {
font-size: 1.9rem;
line-height: 1.3;
color: var(--color-text);
margin-bottom: 12px;
}
@media (min-width: 1024px) {
.content-width blockquote p,
.editor-styles-wrapper blockquote p {
font-size: 2.2rem;
}
}
.b-callout-box {
padding: 20px 15px;
display: flex;
flex-flow: row;
gap: 20px;
width: 100%;
}
.b-callout-box.has--box_shadow {
box-shadow: 0 5px 5px -5px #333;
}
.b-callout-box.is--rounded {
border-radius: 10px;
}
@media (min-width: 768px) {
.b-callout-box {
padding: 25px;
}
}
.b-callout-box picture {
display: block;
flex: 0 0 40px;
}
@media (min-width: 768px) {
.b-callout-box picture {
flex: 0 0 50px;
}
}
.b-callout-box picture img {
width: 100%;
height: auto;
}
.b-callout-box .item__content {
max-width: 100%;
display: flex;
flex-flow: column;
}
.b-callout-box .item__content h2,
.b-callout-box .item__content h3,
.b-callout-box .item__content h4,
.b-callout-box .item__content h5 {
margin: 0 0 10px;
color: var(--color-secondary);
}
.b-callout-box .item__content h2:last-child,
.b-callout-box .item__content h3:last-child,
.b-callout-box .item__content h4:last-child,
.b-callout-box .item__content h5:last-child {
margin-bottom: 0;
}
.b-callout-box .item__content p {
margin: 0 0 15px;
}
.b-callout-box .item__content p:last-child {
margin-bottom: 0;
}
.b-callout-box .item__title {
font-family: var(--font-tertiary);
font-size: 39px;
line-height: 1.15;
font-weight: 600;
margin: 30px 0;
margin: 0;
}
@media (min-width: 768px) {
.b-callout-box .item__title {
font-family: var(--font-secondary);
font-size: 4.8rem;
line-height: 1.25;
}
}
.b-callout-box .item__description p {
font-size: 2rem;
margin: 0 0 15px 0;
}
.b-callout-box .item__description p:last-child {
margin-bottom: 0;
}
section.b-pros-and-cons {
display: flex;
flex-flow: column;
gap: 24px;
padding: 24px 0;
border-top: 1px solid var(--color-gray-300);
border-bottom: 1px solid var(--color-gray-300);
}
@media (min-width: 768px) {
section.b-pros-and-cons {
padding: 40px 0;
}
section.b-pros-and-cons.columns {
flex-flow: row;
}
}
section.b-pros-and-cons .pros,
section.b-pros-and-cons .cons {
flex: 1;
display: flex;
flex-flow: column;
gap: 20px;
}
section.b-pros-and-cons .pros strong,
section.b-pros-and-cons .cons strong {
color: black;
font-size: 2.4rem;
}
@media (min-width: 768px) {
section.b-pros-and-cons .pros strong,
section.b-pros-and-cons .cons strong {
font-size: 2.8rem;
}
}
section.b-pros-and-cons .item {
display: grid;
grid-auto-flow: column;
justify-content: left;
align-items: flex-start;
gap: 10px;
}
section.b-pros-and-cons .item i {
display: inline-flex;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
font-size: 2.5rem;
border-radius: 50%;
}
section.b-pros-and-cons .item span {
line-height: 1.3;
}
section.b-pros-and-cons .pros i {
color: #72c472;
}
section.b-pros-and-cons .cons i {
color: #e86c60;
}
.b-faq h3 {
font-family: var(--font-tertiary);
font-weight: 600;
font-size: 2.4rem;
}
.b-faq .faq__item {
padding: 20px 0;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
transition: border 0.3s;
}
.b-faq .faq__item.active {
border-top: 1px solid var(--color-gray-200);
border-bottom: 1px solid var(--color-gray-200);
}
.b-faq .faq__question {
font-family: var(--font-tertiary);
font-size: 31px;
font-weight: 500;
line-height: 1.15;
margin: 30px 0;
width: 100%;
display: flex;
flex-flow: row;
font-size: 18px !important;
font-weight: 700;
line-height: 21px;
justify-content: space-between;
background: none;
text-align: left;
border: 0;
margin: 0;
padding: 0;
cursor: pointer;
gap: 10px;
}
@media (min-width: 768px) {
.b-faq .faq__question {
font-size: 4.3rem;
line-height: 1.3;
}
}
.b-faq .faq__question i {
font-size: 1.4rem;
transition: rotate 0.3s;
}
.b-faq .faq__question.active i {
rotate: -180deg;
}
.b-faq .faq__answer {
padding-top: 15px;
display: none;
}
.b-hero-banner {
display: flex;
flex-flow: column;
margin-bottom: 20px;
border-radius: 0;
justify-content: center;
}
@media (min-width: 768px) {
.b-hero-banner {
flex-flow: row;
align-items: center;
}
}
.b-hero-banner .hero-banner__content {
background-color: var(--color-primary);
flex-basis: 60%;
border-radius: 0 0 0 70px;
padding: 35px 20px;
min-height: 200px;
margin-left: 0px;
}
@media (min-width: 768px) {
.b-hero-banner .hero-banner__content {
border-radius: 70px 0 0 0;
padding: 45px 25px 45px 110px;
min-height: 248px;
margin-left: -70px;
}
}
@media (min-width: 1024px) {
.b-hero-banner .hero-banner__content {
padding: 45px 25px 45px 155px;
margin-top: -20px;
}
}
.b-hero-banner .hero-banner__img {
background-size: cover !important;
width: 100%;
height: 248px;
border-radius: 0 50px 0 0;
z-index: 2;
}
@media (min-width: 767px) {
.b-hero-banner .hero-banner__img {
width: 42%;
border-radius: 0 50px 0 0;
margin-top: 80px;
}
}
.b-hero-banner .hero-banner__title {
font: normal normal bold 24px/30px var(--font-tertiary);
margin: 0 0 20px 0;
color: #fff;
}
@media (min-width: 768px) {
.b-hero-banner .hero-banner__title {
max-width: 500px;
font: normal normal bold 44px/55px var(--font-secondary);
}
}
.b-hero-banner .hero-banner__cta-button {
background: #fa6264;
color: var(--color-text);
font-family: var(--font-primary);
font-weight: bold;
font-size: 1.8rem;
line-height: 1.2;
text-decoration: none;
text-align: center;
max-width: 230px;
display: block;
padding: 12px 25px;
margin-top: 25px;
border-radius: 60px;
border: 2px solid #fa6264;
}
.b-hero-banner .hero-banner__cta-button:hover {
background: #fff;
color: var(--color-primary);
}
.b-explore-resources {  text-align: center; }
.b-explore-resources .explore-resources__header {
text-align: center;
font-family: var(--font-tertiary);
font-weight: 600;
font-size: 27px;
margin-top: 30px;
}
.b-explore-resources hr {
background-color: #000;
border: 1px solid #000;
}
.b-explore-resources .explore-resources__container {
display: flex;
flex-flow: row wrap;
gap: 30px;
align-items: center;
justify-content: center;
padding-top: 15px;
}
@media (min-width: 1024px) {
.b-explore-resources .explore-resources__container {
justify-content: center;
}
}
@media (max-width: 768px) {
.b-explore-resources .explore-resources__container {
display: none;
}
}
.b-explore-resources .explore-resources__category {
flex: 0 1 auto;
background: var(--color-primary);
width: 160px;
height: 100px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.9rem;
line-height: 1.3;
text-align: center;
padding: 0 10px;
border: 2px solid transparent;
border-radius: 25px;
font-family: var(--font-secondary);
font-weight: 600;
}
.b-explore-resources .explore-resources__category:hover {
background: #fff;
color: var(--color-primary);
border: 2px solid var(--color-primary);
}
.b-explore-resources .explore-resources__category a {
text-decoration: none;
}
.b-post-resources {  }
.b-post-resources .resources__header {
text-align: center;
font-family: var(--font-tertiary);
font-weight: 600;
font-size: 27px;
margin-top: 30px;
}
.b-post-resources .resources__hr {
background-color: #000;
border: 1px solid #000;
}
.b-post-resources .resources__filter {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
width: -moz-max-content;
width: max-content;
margin: 0 auto;
margin-top: 20px;
}
.b-post-resources .resources__filter span {
display: none;
font-family: var(--font-primary);
font-size: 16px;
margin: 0;
border-radius: 0px;
padding: 15px 50px;
color: var(--color-text);
font-weight: bold;
border: 1px solid #ccc;
min-width: 160px;
max-width: 360px;
}
.b-post-resources .resources__filter span.active {
display: flex;
}
.b-post-resources .resources__filter span:last-child {
margin-right: 0;
}
.b-post-resources .resources__filter span:hover {
cursor: pointer;
opacity: 0.8;
transition: all 0.3s;
}
.b-post-resources .resources__filter span:first-child {
display: flex;
}
.b-post-resources .resources__filter span:not(:first-child) {
overflow: auto;
z-index: 1;
background-color: #f1f1f1;
}
.b-post-resources .resources__filter span:not(:first-child):hover {
color: white;
background: var(--color-primary);
border: 1px solid var(--color-primary);
}
@media (max-width: 820px) {
.b-post-resources .resources__filter span {
font-size: 18px;
padding: 20px 25px;
}
}
.b-post-resources .resources__filter span .fa-chevron-down {
color: #6a6c6e;
font-size: 16px;
margin-left: 100px;
}
.b-post-resources .resources__posts {
max-width: 800px;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: 25px auto 0;
padding-top: 0px;
padding-bottom: 0px;
gap: 16px;
}
.b-post-resources .resources__posts .resources__post {
flex-basis: 20%;
display: flex;
flex-flow: column;
padding: 0;
border-bottom: none;
margin: 10px auto;
}
.b-post-resources .resources__posts .post__thumbnail {
width: 180px;
height: 100px;
display: block;
border-radius: 20px;
min-width: 180px;
}
@media (min-width: 820px) {
.b-post-resources .resources__posts .post__thumbnail {
height: 120px;
}
}
@media (min-width: 820px) {
.b-post-resources .resources__posts .post__info {
padding: 0 10px;
}
}
.b-post-resources .resources__posts .post__title {
font-family: var(--font-primary);
font-weight: bold;
font-size: 1.4rem;
line-height: 18px;
padding: 0;
display: block;
margin-top: 5px;
}
@media (min-width: 820px) {
.b-post-resources .resources__posts .post__title {
margin-top: 15px;
}
}
.b-post-resources .resources__posts .post__title:hover {
color: var(--color-primary);
text-decoration: underline;
}
.b-post-resources .resources__posts .post__meta {
font-size: 12px;
line-height: 20px;
color: var(--color-text);
}
.b-post-resources .resources__posts .post__meta span {
display: block;
margin: 0;
}
.b-post-resources .resources__highlight {
max-width: 950px;
flex-flow: column;
padding-top: 40px;
padding-bottom: 20px;
justify-content: center;
gap: 24px;
}
@media (min-width: 820px) {
.b-post-resources .resources__highlight {
flex-flow: row;
justify-content: center;
}
}
.b-post-resources .resources__highlight .highlight__left {
width: 100%;
max-width: 445px;
}
.b-post-resources .resources__highlight .highlight__left .post__thumbnail {
min-width: 0;
width: 100%;
height: 262px;
border-radius: 50px;
}
.b-post-resources .resources__highlight .highlight__left .post__title,
.b-post-resources .resources__highlight .highlight__left .post__meta {
padding: 10px 20px 0;
}
.b-post-resources .resources__highlight .highlight__left .post__meta {
padding-top: 0;
}
.b-post-resources .resources__highlight .highlight__right {
width: 100%;
max-width: 576px;
display: flex;
flex-flow: column;
gap: 22px;
}
.b-post-resources .resources__highlight .highlight__right .resources__post {
flex-basis: auto;
flex-flow: row;
align-items: center;
gap: 24px;
margin: 0;
}
.b-post-resources .resources__highlight .highlight__right .post__thumbnail {
min-width: 0;
flex: 0 0 150px;
width: 150px;
height: 120px;
border-radius: 25px;
}
.b-post-resources .resources__highlight .post__title {
font-size: 1.8rem;
font-weight: normal;
line-height: 1.2;
margin-top: 0;
}
.b-post-resources .resources__highlight .post__meta {
font-size: 1.4rem;
}
.b-post-resources .resources__see-more {
font-family: var(--font-secondary);
font-size: 18px;
font-weight: bold;
line-height: 26px !important;
color: #fff;
border: none;
border-radius: 10px;
background: var(--color-primary);
margin: 30px auto 0;
padding: 15px 40px;
display: block;
cursor: pointer;
}
.b-post-resources .resources__see-more:hover {
opacity: 0.8;
transition: all 0.3s;
}
.b-hub-title {  text-align: center;
}
.b-hub-title .b-hub-title__header {
text-align: center;
font-family: var(--font-tertiary);
font-weight: 600;
font-size: 27px;
margin-top: 30px;
}
.b-hub-title .b-hub-title__hr {
background-color: #000;
border: 1px solid #000;
}
.b-wtor {
text-align: center;
}
.b-wtor .wtor__header {
text-align: center;
font-family: var(--font-tertiary);
font-weight: 600;
font-size: 2.7rem;
margin-top: 30px;
}
.b-wtor .wtor__hr {
background-color: #000;
border: 1px solid #000;
}
.b-wtor .wtor__container {
display: flex;
flex-flow: column;
justify-content: center;
margin: 40px auto;
}
@media (min-width: 768px) {
.b-wtor .wtor__container {
flex-flow: row;
}
}
.b-wtor .wtor__container .wtor__text, .b-wtor .wtor__container .wtor__circles {
flex-basis: 100%;
min-height: 280px;
}
@media (min-width: 768px) {
.b-wtor .wtor__container .wtor__text, .b-wtor .wtor__container .wtor__circles {
flex-basis: 50%;
}
}
.b-wtor .wtor__container .wtor__text {
font-size: 1.6rem;
line-height: 22px;
text-align: left;
padding: 70px 50px 35px;
border: 5px solid #E1F4EB;
border-radius: 70px 0 0 0;
}
.b-wtor .wtor__container .wtor__circles {
display: flex;
background: #E1F4EB;
flex-wrap: wrap;
justify-content: center;
align-items: center;
border-radius: 0 0 150px 0;
}
.b-wtor .wtor__container .wtor__circles .circles__item {
width: 158px;
height: 158px;
border-radius: 100px;
font-size: 2rem;
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
color: #000;
text-align: center;
border: 1px solid #fff;
background: #fff;
margin: 15px;
}
.b-footer-banner {
display: flex;
flex-flow: column;
justify-content: center;
margin: 40px auto;
}
@media (min-width: 768px) {
.b-footer-banner {
flex-flow: row;
}
}
.b-footer-banner .footer-banner__content {
flex-basis: 100%;
background-color: var(--color-primary);
padding: 45px 50px;
border-radius: 70px 0 0 0;
}
@media (min-width: 768px) {
.b-footer-banner .footer-banner__content {
flex-basis: 50%;
}
}
.b-footer-banner .footer-banner__content .footer-banner__title {
font-family: var(--font-tertiary);
font-weight: bold;
font-size: 2.4rem;
line-height: 1.2;
margin: 0 0 20px 0;
color: #fff;
}
@media (min-width: 1024px) {
.b-footer-banner .footer-banner__content .footer-banner__title {
font-size: 4.4rem;
}
}
.b-footer-banner .footer-banner__content .footer-banner__description {
font-size: 1.8rem;
line-height: 22px;
margin: 15px 0 30px 0;
color: #fff;
}
.b-footer-banner .footer-banner__content .footer-banner__cta {
background: #fa6264;
color: var(--color-text);
font-family: var(--font-primary);
font-weight: bold;
font-size: 1.6rem;
text-decoration: none;
line-height: 1.2;
text-align: center;
padding: 12px 25px;
border-radius: 60px;
border: 2px solid #fa6264;
display: inline-block;
}
.b-footer-banner .footer-banner__content .footer-banner__cta:hover {
background: #fff;
color: var(--color-primary);
}
.b-footer-banner .footer-banner__img {
background-size: cover !important;
flex-basis: 100%;
border-radius: 0 0 70px 0;
min-height: 348px;
}
@media (min-width: 768px) {
.b-footer-banner .footer-banner__img {
flex-basis: 50%;
border-radius: 0 0 150px 0;
}
}
button.b-read-more {
width: 100%;
padding: 0;
background: unset;
border: 0;
position: relative;
cursor: pointer;
}
button.b-read-more:not(:last-child) {
margin-bottom: 40px;
}
button.b-read-more:before {
content: "";
display: block;
width: 100%;
height: 4px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 2px), rgba(125, 125, 125, 0.8) 50%, rgba(0, 0, 0, 0) calc(50% + 2px));
position: absolute;
left: 0;
top: calc(50% - 2px);
z-index: -1;
}
button.b-read-more span {
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
color: #fff;
background-color: #606060;
display: inline-block;
padding: 5px 30px;
border-radius: 20px;
}
button.b-read-more:hover:before {
background: linear-gradient(180deg, rgba(11, 74, 93, 0) calc(50% - 2px), rgba(11, 74, 93, 0.8) 50%, rgba(11, 74, 93, 0) calc(50% + 2px));
}
button.b-read-more:hover span {
background-color: var(--color-primary);
}
.content-width *[data-read-more],
.editor-styles-wrapper *[data-read-more] {
position: relative;
max-height: calc(var(--line-height) * var(--lines-mobile));
overflow: hidden;
transition: max-height 200ms;
}
@media (min-width: 992px) {
.content-width *[data-read-more],
.editor-styles-wrapper *[data-read-more] {
max-height: calc(var(--line-height) * var(--lines-desktop));
}
}
.content-width *[data-read-more]::after,
.editor-styles-wrapper *[data-read-more]::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(255, 255, 255, 0), #FFF);
transition: opacity 200ms;
}
.content-width *[data-read-more][style*=max-height]::after,
.editor-styles-wrapper *[data-read-more][style*=max-height]::after {
opacity: 0;
}
.b-modular-buttons {
margin-bottom: 20px !important;
}
.b-modular-buttons .modbtn__tabs {
width: 100%;
display: flex;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
gap: 15px;
height: 35px;
overflow: hidden;
}
.b-modular-buttons .modbtn__tabs .modbtn__button {
display: block;
max-width: 250px;
padding: 0 10px 10px 0;
background: #FFF;
border-width: 1px;
border: 0;
border-top-width: 0;
border-bottom-width: 3px;
border-style: solid;
border-color: #0c4a5d;
border-radius: 5px;
font-size: 1.6rem;
font-weight: 400;
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0);
text-align: left;
cursor: pointer;
transition: padding 0.3s ease;
}
@media (min-width: 768px) {
.b-modular-buttons .modbtn__tabs .modbtn__button {
min-width: 250px;
}
}
.b-modular-buttons .modbtn__tabs .modbtn__button.active {
padding-bottom: 38px;
color: #0c4a5d;
}
.b-modular-buttons .modbtn__tabs .modbtn__button:hover {
color: #0c4a5d;
}
.b-modular-buttons .modbtn__tabs svg {
width: 16px;
height: 16px;
display: inline-block;
margin: 0 5px 0 2px;
}
@media (min-width: 768px) {
.b-modular-buttons .modbtn__tabs svg {
margin: 0 10px 0 5px;
}
}
.b-modular-buttons .modbtn__panel {
position: relative;
height: 0;
overflow: hidden;
border-radius: 0 0 5px 5px;
opacity: 0;
transition: opacity 0.6s;
}
@media (min-width: 767px) {
.b-modular-buttons .modbtn__panel {
border-radius: 0 0 7px 7px;
}
}
.b-modular-buttons .modbtn__panel.active {
height: auto;
overflow: auto;
opacity: 1;
padding: 12px;
}
.b-modular-buttons .modbtn__panel > *:first-child {
margin-top: 10px;
}
.b-author-list .author-list__header {
text-align: center;
font-family: var(--font-tertiary);
font-weight: 600;
font-size: 27px;
margin-top: 30px;
}
.b-author-list .author-list__hr {
background-color: #000;
border: 1px solid #000;
margin-bottom: 30px;
}
.b-author-list .author-list__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
gap: 30px;
}
.b-author-list .author-list__grid .author-list__author {
text-align: center;
}
.b-author-list .author-list__grid .author-list__author .author-list__link .photo {
position: relative;
display: block;
font-size: 0;
overflow: hidden;
width: 150px;
display: inline-block;
}
.b-author-list .author-list__grid .author-list__author .author-list__link .photo:after {
content: "";
display: inline-block;
width: 100%;
padding-top: 100%;
}
.b-author-list .author-list__grid .author-list__author .author-list__link .photo > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.b-author-list .author-list__grid .author-list__author .author-list__link .photo img {
border-radius: 50%;
border: 1px solid #707070;
}
.b-author-list .author-list__grid .author-list__author .author-list__link h3 {
line-height: 1.1;
}
.b-author-list .author-list__grid .author-list__author .author-list__link:hover h3 {
text-decoration: underline;
}
.b-author-list .author-list__grid .author-list__author p {
font-size: 1.6rem;
}
.b-author-list .hub-styles {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 0;
}
.b-author-list .hub-styles .author-list__author .author-list__link .photo {
width: 100px;
}
.b-author-list .hub-styles .author-list__author .author-list__link .photo img {
border: 8px solid #00a49a;
border-radius: 50%;
}
.b-author-list .hub-styles .author-list__author .author-list__link h3 {
font-size: 14px;
font-weight: normal;
margin-top: 10px;
}
.b-author-list .author-list__cta {
font-size: 1.6rem;
display: block;
margin: auto;
text-align: center;
width: -moz-fit-content;
width: fit-content;
}
.b-bubbles {
display: flex;
flex-flow: row;
align-items: flex-start;
justify-content: space-between;
min-height: 122px;
margin: 10px 0 45px;
position: relative;
}
.b-bubbles:before {
content: "";
width: calc(100% - 40px);
height: 1px;
background: #CACACA;
position: absolute;
left: 20px;
top: 25px;
z-index: 1;
}
.b-bubbles .bubble__item {
display: flex;
flex-flow: column;
align-items: center;
gap: 10px;
width: 60px;
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
.b-bubbles .bubble__item {
width: 100px;
}
}
.b-bubbles .bubble__item .bubble__text {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid var(--bubble-border-color, #CACACA);
background-color: var(--bubble-bg-color, #fff);
}
@media (min-width: 768px) {
.b-bubbles .bubble__item .bubble__text {
height: 80px;
width: 80px;
}
}
.b-bubbles .bubble__item .bubble__text span {
font-size: 15px;
line-height: 25px;
font-weight: bold;
color: var(--bubble-text-color, #747474);
}
@media (min-width: 768px) {
.b-bubbles .bubble__item .bubble__text span {
font-size: 24px;
}
}
.b-bubbles .bubble__item .bubble__caption {
width: 100%;
font-size: 10px;
text-transform: uppercase;
font-weight: 300;
text-align: center;
line-height: 1.2;
color: var(--bubble-caption-color, #878787);
word-wrap: normal;
}
@media (min-width: 768px) {
.b-bubbles .bubble__item .bubble__caption {
font-size: 16px;
}
}
main section[class^=b-] {
margin-top: 20px;
margin-bottom: 20px;
}
@media (min-width: 992px) {
main section[class^=b-] {
margin-top: 30px;
margin-bottom: 30px;
}
}
main section[class^=b-]:first-child {
margin-top: 0;
}
.content-width .ad-widget-block,
.content-width .cta-comparison-table,
.editor-styles-wrapper .ad-widget-block,
.editor-styles-wrapper .cta-comparison-table {
max-width: 850px;
}
div.tsct .tsct-table {
height: 1px;
}
div.tsct .tsct-table th {
vertical-align: middle;
}
div.tsct .tsct-table th.has-shadow {
filter: drop-shadow(4px 4px 4px rgba(194, 194, 194, 0.25));
}
div.tsct .tsct-table th a:not(.tsct-button) {
color: #000;
text-decoration: none;
background-image: none;
}
div.tsct .tsct-table th a:not(.tsct-button):hover {
color: var(--color-highlight);
background-image: none;
}
div.tsct .tsct-table td {
vertical-align: middle;
border-bottom: 1px solid #DEDEDE;
}
div.tsct .tsct-table td.has-shadow {
filter: drop-shadow(4px 4px 4px rgba(194, 194, 194, 0.25));
}
div.tsct .tsct-table .tsct-brand-logo,
div.tsct .tsct-table .tsct-brand-logo img,
div.tsct .tsct-table .tsct-brand-product-image,
div.tsct .tsct-table .tsct-brand-product-image img {
width: 100%;
max-width: none;
max-height: none;
}
div.tsct .tsct-table .tsct-brand-attribute {
line-height: 1.1;
}
div.tsct .tsct-table .tsct-brand-attribute[data-brand-attribute=brand_affiliate_link] {
word-break: break-all;
}
div.tsct .tsct-table.brands-top .tsct-brand-display {
display: flex;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
div.tsct .tsct-table.brands-top .tsct-brand-display a.tsct-brand-name {
text-decoration: none;
line-height: 1.1;
}
div.tsct .tsct-table.brands-top th:first-child,
div.tsct .tsct-table.brands-top td:first-child {
min-width: 160px;
line-height: 1.3;
position: sticky;
left: 0;
z-index: 1;
background: #fff;
}
div.tsct .tsct-table.brands-left th {
min-width: 130px;
line-height: 1.2;
vertical-align: middle;
}
div.tsct .tsct-table.brands-left .tsct-brand-display {
display: inline;
}
div.tsct .tsct-table.brands-left .tsct-brand-display a.tsct-brand-name {
font-size: 1.6rem;
line-height: 1.3;
}
div.tsct .tsct-table.brands-left .tsct-brand-display a.tsct-brand-name:hover {
color: #ffffff;
}
div.tsct .tsct-table.brands-left .tsct-button {
background-color: #FF4D10;
padding: 10px 20px 8px;
}
.cta-comparison-table.design-old {
width: 100%;
max-height: 548px;
overflow: auto;
background: #ffffff;
border: 1px solid #bdbdbd;
border-radius: 15px;
box-shadow: 0 0 5px #333;
}
@media screen and (min-width: 540px) {
.cta-comparison-table.design-old {
max-height: 875px;
}
}
.cta-comparison-table.design-old #vertical-table {
display: none !important;
}
.cta-comparison-table.design-old #horizontal-table {
display: table !important;
}
.cta-comparison-table.design-old table {
position: relative;
border: 0 !important;
}
.cta-comparison-table.design-old thead.has-shadow th:not(:first-child) {
filter: drop-shadow(4px 4px 4px rgba(194, 194, 194, 0.25));
}
.cta-comparison-table.design-old th,
.cta-comparison-table.design-old td {
min-width: 120px;
font-size: 15px !important;
border: 0 !important;
background-color: #fff;
text-align: center;
color: #333333 !important;
padding: 6px !important;
transition: filter 0.2s ease;
}
@media (min-width: 768px) {
.cta-comparison-table.design-old th,
.cta-comparison-table.design-old td {
min-width: 140px;
font-size: 16px !important;
padding: 16px !important;
}
}
.cta-comparison-table.design-old th:first-child,
.cta-comparison-table.design-old td:first-child {
position: sticky;
left: 0px;
min-width: 100px;
padding-left: 12px !important;
font-weight: normal !important;
text-align: left;
}
@media (min-width: 510px) {
.cta-comparison-table.design-old th:first-child,
.cta-comparison-table.design-old td:first-child {
min-width: 140px;
}
}
@media (min-width: 768px) {
.cta-comparison-table.design-old th:first-child,
.cta-comparison-table.design-old td:first-child {
padding-left: 26px !important;
}
}
.cta-comparison-table.design-old th.has-shadow,
.cta-comparison-table.design-old td.has-shadow {
filter: drop-shadow(4px 4px 4px rgba(194, 194, 194, 0.25));
}
.cta-comparison-table.design-old th a,
.cta-comparison-table.design-old td a {
font-weight: 600 !important;
padding: 5px 0;
color: #0b4a5d;
text-decoration: none;
border: none;
}
.cta-comparison-table.design-old th a:hover,
.cta-comparison-table.design-old td a:hover {
color: #ffffff;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
.cta-comparison-table.design-old th {
position: sticky;
top: 0;
z-index: 10;
color: #0b4a5d !important;
padding: 10px 6px !important;
}
@media (min-width: 768px) {
.cta-comparison-table.design-old th {
font-size: 18px !important;
padding: 20px 16px !important;
}
}
.cta-comparison-table.design-old th:first-child {
z-index: 11;
}
.cta-comparison-table.design-old td {
z-index: 2;
}
.cta-comparison-table.design-old tr:nth-child(odd) td {
background-color: #f5f5f5;
}
.cta-comparison-table.design-old .brand-name {
line-height: 1.3;
}
.cta-comparison-table.design-old a.link-btn {
font-size: 15px !important;
width: -moz-fit-content !important;
width: fit-content !important;
padding: 10px 16px 8px !important;
border-radius: 5px !important;
text-transform: none !important;
white-space: nowrap;
text-decoration: none;
}
@media (min-width: 768px) {
.cta-comparison-table.design-old a.link-btn {
font-size: 18px !important;
padding: 10px 20px 8px !important;
}
}
.cta-comparison-table.design-old a.link-btn:hover {
text-decoration: none;
background-color: #0b4a5d;
}
.cta-comparison-table.design-old .info-box {
position: relative;
display: inline-block;
padding-left: 5px;
cursor: pointer;
}
.cta-comparison-table.design-old .info-box:before {
content: "";
width: 14px;
height: 14px;
background: url(//ncoa.admin-contentbridge.com/wp-content/themes/child-jpp-theme/build/images/icon-info.a60cc679.png) center center no-repeat;
background-size: 14px 14px;
display: inline-block;
position: relative;
z-index: 1;
}
.cta-comparison-table.design-old .info-box span {
font-size: 13px;
line-height: 1.3;
position: absolute;
top: 34px;
left: 50%;
z-index: 10;
width: calc(100vw - 210px);
max-width: 220px;
transform: translateX(-50%);
padding: 12px;
color: var(--font-color, #222);
background: white;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
border-top: 2px solid #0b4a5d;
border-radius: 5px;
text-align: center;
transition-property: top, visibility, opacity;
transition-duration: 200ms;
transition-delay: 300ms;
white-space: initial;
display: block;
visibility: hidden;
opacity: 0;
}
@media (min-width: 510px) {
.cta-comparison-table.design-old .info-box span {
width: 240px;
}
}
.cta-comparison-table.design-old .info-box span:before {
content: "";
position: absolute;
top: -3.5px;
left: 50%;
width: 14px;
height: 14px;
transform: rotate(45deg) translateX(-50%);
background: white;
border-top: 2px solid #0b4a5d;
border-left: 2px solid #0b4a5d;
}
.cta-comparison-table.design-old .info-box:hover span, .cta-comparison-table.design-old .info-box.active span {
top: 24px;
visibility: visible;
opacity: 1;
transition-delay: 0s;
}
.table-container th,
.table-container td {
font-size: 14px;
vertical-align: middle;
}
@media (min-width: 510px) {
.table-container th,
.table-container td {
font-size: 16px;
}
}
.table-container a:not(.link-btn) {
background-image: linear-gradient(90deg, transparent 51%, #0b4a5d 0);
background-size: 200% 100%;
background-position: 0 0;
transition: all 0.25s ease-in-out;
font-weight: 600 !important;
border: none;
padding: 5px 0;
color: #0b4a5d;
word-break: break-word;
border-bottom: none;
text-align: left;
}
.table-container a:not(.link-btn):hover {
color: #fff;
background-image: linear-gradient(90deg, transparent 50%, #0b4a5d 0);
background-position: -100% 0;
}
.s-callout-box {
display: flex;
gap: 10px;
padding: 10px;
margin-bottom: 15px;
border: 2px solid;
border-radius: 0px;
}
.s-callout-box .icon {
width: 57px;
height: 57px;
font-size: 3em;
}
.s-callout-box .text {
padding-left: 0px;
}
.s-callout-box .text .heading {
font-size: 22px;
font-weight: 600;
margin: 0 0 15px;
}
.s-callout-box .text .wysiwyg {
font-size: 16px;
}
.s-callout-box .text .wysiwyg a {
color: inherit;
}
.provider_summary-wdgt-li .widget-content .section-content h2, .provider_summary-wdgt-li .widget-content .section-content h3, .provider_summary-wdgt-li .widget-content .section-content h4, .provider_summary-wdgt-li .widget-content .section-content h5 {
color: #000;
}