body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: rgb(30, 30, 30);
opacity: 0;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
-webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
-webkit-transition: opacity .25s ease, visibility 0s ease .25s;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
-webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video,
.fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
/* Buttons */
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
-webkit-transition: color .2s;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
/* Fix IE11 */
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0;
transform-origin: 0;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
background: -webkit-gradient(linear,
left bottom, left top,
from(rgba(0, 0, 0, .85)),
color-stop(50%, rgba(0, 0, 0, .3)),
color-stop(65%, rgba(0, 0, 0, .15)),
color-stop(75.5%, rgba(0, 0, 0, .075)),
color-stop(82.85%, rgba(0, 0, 0, .037)),
color-stop(88%, rgba(0, 0, 0, .019)),
to(rgba(0, 0, 0, 0)));
background: linear-gradient(to top,
rgba(0, 0, 0, .85) 0%,
rgba(0, 0, 0, .3) 50%,
rgba(0, 0, 0, .15) 65%,
rgba(0, 0, 0, .075) 75.5%,
rgba(0, 0, 0, .037) 82.85%,
rgba(0, 0, 0, .019) 88%,
rgba(0, 0, 0, 0) 100%);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px 44px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Transition effects */
.fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
transition-timing-function: cubic-bezier(0, 0, .25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(.5, .5, .5);
transform: scale3d(.5, .5, .5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
}
/* Share */
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
-webkit-transition: all .2s;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
@charset "UTF-8";
.header {
z-index: zindex(header, content, sidebar, popup, header);
}
.content {
z-index: zindex(header, content, sidebar, popup, content);
}
.sidebar {
z-index: zindex(header, content, sidebar, popup, sidebar);
}
.popup {
z-index: zindex(header, content, sidebar, popup, popup);
}
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
/* Document
========================================================================== */
html {
font-family: sans-serif; /* 1 */
line-height: 1.15; /* 2 */
-ms-text-size-adjust: 100%; /* 3 */
-webkit-text-size-adjust: 100%; /* 3 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
line-height: 1.4em;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main { /* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
.no-break {
display: contents;
white-space: nowrap;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, "Trebuchet MS", Verdana, sans-serif;
overflow-x: hidden;
scroll-behavior: smooth;
scroll-padding-top: 70px;
}
/**
* Make all elements from the DOM inherit from the parent box-sizing
* Since `*` has a specificity of 0, it does not override the `html` value
* making all elements inheriting from the root box-sizing value
* See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
*/
*,
*::after,
*::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
::-webkit-scrollbar {
display: none;
}
.site-content .content-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: -170px;
}
@media (max-width: 1023px) {
.site-content .content-area {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0;
}
}
.site-content .content-area .site-main {
max-width: 1216px;
width: calc(100% - 385px);
margin: 0px auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (max-width: 1023px) {
.site-content .content-area .site-main {
margin: 0;
width: 100%;
}
}
.site-content .content-area .site-main .site-main__centre {
background: #fff;
max-width: 1216px;
padding: 50px 100px 0px;
}
@media (max-width:1599px) {
.site-content .content-area .site-main .site-main__centre {
padding: 40px 55px;
}
}
@media (max-width: 1023px) {
.site-content .content-area .site-main .site-main__centre {
padding: 40px;
}
}
@media (max-width: 767px) {
.site-content .content-area .site-main .site-main__centre {
padding: 30px;
}
}
.page-hero {
padding: 0px 192px 170px 192px;
width: 100%;
background: url("../../../assets/img/hero_bg.jpg") no-repeat top center/cover;
z-index: -1;
}
@media (max-width: 1023px) {
.page-hero {
padding: 0;
}
}
.page-hero .page-hero__content {
max-width: 1216px;
padding: 1px 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0px auto;
min-height: 150px;
position: relative;
}
@media (max-width:1599px) {
.page-hero .page-hero__content {
padding: 1px 55px;
}
}
@media (max-width: 1023px) {
.page-hero .page-hero__content {
padding: 1px 40px;
}
}
@media (max-width: 767px) {
.page-hero .page-hero__content {
min-height: auto;
padding: 1px 30px;
}
.page-hero .page-hero__content h1 {
margin: 20px 0;
font-size: 32px;
}
}
.ASCVD-branded .page-hero {
background: url("../../../assets/img/AAFP-background-ASCVD-hero.jpg") no-repeat top center/cover;
}
.CVD-branded .page-hero {
background: url("../../../assets/img/AHA-background-impact-of-CVD-hero-dark.jpg") no-repeat top center/cover;
}
.Renal-1-branded .page-hero {
background: url("../../../assets/img/Renal-Header-v1.jpg") no-repeat center center/cover;
position: relative;
}
.Renal-1-branded .page-hero:before {
content: "";
background: rgba(0, 0, 0, 0.2);
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.Renal-2-branded .page-hero {
background: url("../../../assets/img/Renal-Header-v2.jpg") no-repeat center center/cover;
position: relative;
}
.Renal-2-branded .page-hero:before {
content: "";
background: rgba(0, 0, 0, 0.1);
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.Renal-3-branded .page-hero {
background: url("../../../assets/img/Renal-Header-v2.jpg") no-repeat center center/cover;
position: relative;
}
.Renal-3-branded .page-hero:before {
content: "";
background: rgba(0, 0, 0, 0.1);
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.Med-Info-branded .page-hero {
background: url("../../../assets/img/AHA-background-medinfo-hero-dark.jpg") no-repeat bottom center/cover;
}
.Med-Info-branded .subscribe-banner {
height: 0;
overflow: hidden;
min-height: 0;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.Med-Info-branded .site-content {
min-height: calc(100vh - 400px);
}
.page-id-570 #main ul li a {
color: #000;
}
.page-id-570 #main ul li a:hover {
color: #e0013f;
}
.reference-block {
margin: 0 auto;
padding: 50px 100px;
position: relative;
}
@media (max-width:1599px) {
.reference-block {
padding: 0px 55px;
}
}
@media (max-width: 1023px) {
.reference-block {
padding: 0px 40px;
}
}
@media (max-width: 767px) {
.reference-block {
padding: 0px 30px;
}
}
.reference-block h4,
.reference-block .reference-block__title {
font-size: 1.75rem;
font-weight: 200;
margin-bottom: 0.5em;
margin-top: 0;
color: #060050;
}
.reference-block > * {
position: relative;
z-index: 1;
}
.reference-block::before {
content: "";
background-color: #fff;
width: 200vw;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 0;
}
.error404 {
height: 100%;
}
.error404 .site-content .content-area .site-main {
min-height: calc(100vh - 378px);
margin-top: 170px;
text-align: center;
padding: 100px 40px;
}
@media (max-width:1599px) {
.error404 .site-content .content-area .site-main {
min-height: calc(100vh - 408px);
}
}
@media (max-width: 1023px) {
.error404 .site-content .content-area .site-main {
margin-top: 0;
}
}
.error404 .site-content .content-area .site-main h1 {
color: #000;
}
.copy {
font-family: "Open Sans", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
/* Arimo Font Face Declarations */
@font-face {
font-family: "Arimo";
src: url("../../fonts/Arimo/static/Arimo-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Arimo";
src: url("../../fonts/Arimo/static/Arimo-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
}
body {
font-family: "Arimo", sans-serif;
}
.fancybox-content {
max-width: calc(1335px / 1.5);
background: transparent !important;
}
@media (max-width: 666px) {
.fancybox-content {
padding: 20px;
padding-top: 40px;
max-width: 450px;
}
}
.fancybox-button {
background: url("data:image/svg+xml;utf8,") no-repeat center top;
background-size: contain;
fill: white;
-webkit-transform: translate(-200px, 200px);
transform: translate(-200px, 200px);
padding: 1.5rem;
margin: 8rem;
}
@media (min-width: 667px) {
.fancybox-button {
-webkit-transform: translateY(calc(100% - 1px));
transform: translateY(calc(100% - 1px));
}
}
@media only screen and (max-width: 1200px) {
.fancybox-button {
margin: 0;
}
}
@media only screen and (max-width: 700px) {
.fancybox-button {
padding: 0;
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
.fancybox-button svg {
display: none;
}
.fancybox-close-small {
opacity: 1;
}
.fancybox-slide--iframe .fancybox-content {
height: 600px;
}
blockquote {
padding-left: 1em;
position: relative;
}
blockquote:before {
content: "“";
position: absolute;
bottom: 100%;
left: 0%;
font-size: 5em;
line-height: 1em;
display: block;
-webkit-transform: translate(-80%, 90%);
transform: translate(-80%, 90%);
color: #e0013f;
}
button {
font-family: inherit;
line-height: normal;
white-space: nowrap;
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
}
button:active, button:focus, .no-touchevents button:hover {
text-decoration: none;
outline: none;
}
button:-moz-focus-inner {
border: 0;
padding: 0;
}
button.disabled, button:disabled {
cursor: default;
}
.page-nav {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 170px;
position: relative;
}
.page-nav a {
width: 170px;
min-height: 68px;
background: black;
margin-top: 130px;
display: block;
color: #fff;
font-size: 0.8rem;
position: fixed;
z-index: 0;
}
.page-nav a strong {
line-height: 1rem;
}
@media (max-width: 1023px) {
.page-nav a {
position: relative;
margin: 0;
width: 100%;
min-height: 46px;
}
}
.page-nav a strong {
display: block;
}
.page-nav a.fixed {
position: absolute;
bottom: 0;
margin-bottom: 110px;
}
.page-nav.left {
margin-right: 22px;
}
@media (max-width: 1023px) {
.page-nav.left {
width: 100%;
margin: 0;
}
}
.page-nav.left a {
background: url("../../../assets/img/nav_arrow_l.png") no-repeat 3% center #000;
background-size: 30px;
padding: 10px 10px 10px 40px;
line-height: 1rem;
}
@media (max-width: 1023px) {
.page-nav.left a {
background-position: 27px center;
padding: 5px 20px 5px 65px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.page-nav.right {
margin-left: 22px;
right: 0;
}
@media (max-width: 1023px) {
.page-nav.right {
display: none;
}
}
.page-nav.right a {
background: url("../../../assets/img/nav_arrow_r.png") no-repeat 97% center #000;
background-size: 30px;
padding: 10px 40px 10px 10px;
}
@media (max-width: 767px) {
.page-nav {
display: none;
}
}
.page-nav:hover > a {
background-color: #14385d;
text-decoration: none !important;
}
.link-banner {
min-height: 130px;
width: 100%;
padding: 0px 100px;
display: block;
margin: 0px auto 80px auto;
position: relative;
}
.link-banner:before {
content: "";
display: block;
position: absolute;
background: #fff;
width: 100vw;
height: 250px;
z-index: 0;
left: 0;
top: 0;
margin-left: -192px;
margin-top: -55px;
}
@media (max-width: 1024px) {
.link-banner:before {
margin-left: 0;
}
}
@media (max-width:1599px) {
.link-banner {
padding: 0px 55px;
width: calc(100vw - 384px);
}
}
@media (max-width: 1023px) {
.link-banner {
padding: 0px 40px;
margin: 0px auto 60px auto;
width: 100%;
background: #fff;
border-top: 30px solid #fff;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@media (max-width: 767px) {
.link-banner {
padding: 0px 30px;
display: block;
}
}
.link-banner .link-banner__content {
background: url("../../../assets/img/aafp_link_banner.jpg") no-repeat center top/cover;
margin: 0px auto;
color: #fff;
padding: 2em 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #d2d2d2;
position: relative;
}
@media (max-width:1599px) {
.link-banner .link-banner__content {
padding: 15px 20px;
}
}
.link-banner .link-banner__content strong {
display: block;
width: 100%;
padding-top: 5px;
}
.link-banner .link-banner__content strong:after {
content: "";
width: 36px;
height: 20px;
background: url("../../../assets/img/pink_arrows.png") no-repeat center center/contain;
display: inline-block;
position: absolute;
margin: 3px 0px 0px 8px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media (max-width: 767px) {
.link-banner .link-banner__content strong:after {
width: 30px;
height: 17px;
}
}
.link-banner:hover {
text-decoration: none !important;
}
.link-banner:hover strong:after {
margin: 3px 0px 0px 15px;
}
.link-banner__content_previous {
text-align: right;
display: block !important;
}
.link-banner__content_previous strong:before {
content: "";
width: 36px;
height: 20px;
background: url("../../../assets/img/pink_arrows.png") no-repeat center center/contain;
display: inline-block;
position: absolute;
margin: 3px 0px 0px 8px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-left: -45px;
}
@media (max-width: 767px) {
.link-banner__content_previous strong:before {
width: 30px;
height: 17px;
}
}
.link-banner__content_previous strong:after {
display: none !important;
}
.button-primary {
background: #e0013f;
color: #fff;
border-radius: 2em;
border: 2px solid #e0013f;
height: auto;
padding: 0 50px 0 23px;
font-size: 1rem;
font-weight: 700;
position: relative;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
line-height: 2.8em;
display: inline-block;
cursor: pointer;
}
.button-primary:after {
content: "";
width: 28px;
height: 28px;
display: block;
position: absolute;
right: 0;
margin: -22px 14px 0px 0px;
}
.button-primary:hover {
background: #14385d;
}
.button-transparent {
background: transparent;
color: #fff;
border: 2px solid green;
border-radius: 23px;
height: 46px;
padding: 11px 50px 12px 23px;
font-size: 1rem;
font-weight: 700;
position: relative;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
cursor: pointer;
}
.button-transparent:after {
content: "";
width: 28px;
height: 28px;
display: block;
position: absolute;
right: 0;
margin: -22px 14px 0px 0px;
}
.button-transparent:hover {
background: #e0013f;
}
pre {
overflow: auto;
}
pre::marker {
background: none;
border-bottom: 1px solid;
color: inherit;
}
.code-comment {
opacity: 0.75;
filter: alpha(opacity=75);
}
select {
border: solid 2px #e0013f;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
line-height: 2em;
text-transform: uppercase;
text-align: center;
padding: 0 calc(20px * 3) 0 20px;
border-radius: 0;
outline: none;
color: #e0013f;
font-weight: bold;
background: #fff;
background-image: linear-gradient(45deg, transparent 50%, #e0013f 50%), linear-gradient(135deg, #e0013f 50%, transparent 50%);
background-position: calc(100% - 20px) calc(1em - 2px), calc(100% - 15px) calc(1em - 2px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
}
@media (min-width: 1024px) {
select {
font-size: 16px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
select {
padding-right: 0;
padding-left: 0.5em;
height: 2.4em;
cursor: pointer;
background-image: none;
}
}
h1, h2, h3, h4, h5, h6 {
color: #222222;
line-height: 1.2em;
}
h1 {
font-size: 2.5rem;
padding: 0;
color: #fff;
font-weight: 200;
}
@media (max-width: 767px) {
h1 {
font-size: 40px;
}
}
h2 {
font-size: 2.3rem;
font-weight: 400;
color: #14385d;
margin: 0;
}
@media (max-width: 767px) {
h2 {
font-size: 24px;
}
}
h3 {
font-size: 24px;
}
@media (min-width: 667px) {
h3 {
font-size: 20px;
}
}
@media (min-width: 1024px) {
h3 {
font-size: 30px;
}
}
h4 {
font-size: 22px;
}
@media (min-width: 667px) {
h4 {
font-size: 18px;
}
}
@media (min-width: 1024px) {
h4 {
font-size: 24px;
}
}
h5 {
font-size: 18px;
}
@media (min-width: 667px) {
h5 {
font-size: 16px;
}
}
@media (min-width: 1024px) {
h5 {
font-size: 20px;
}
}
h6 {
font-size: 16px;
font-weight: bold;
}
@media (min-width: 667px) {
h6 {
font-size: 14px;
}
}
@media (min-width: 1024px) {
h6 {
font-size: 16px;
}
}
img {
max-width: 100%;
}
img[width],
img[height] {
max-width: none;
}
a {
color: #e0013f;
text-decoration: none;
}
a:active, a:focus, .no-touchevents a:hover {
text-decoration: underline;
}
ul, ol, dd {
font-size: 14px;
}
@media (min-width: 667px) {
ul, ol, dd {
font-size: 16px;
}
}
p {
font-size: 14px;
color: #222222;
}
@media (min-width: 667px) {
p {
font-size: 16px;
}
}
span {
font-size: inherit;
}
.search-results .search-page form,
.search-no-results .search-page form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 40px;
border-bottom: 1px solid #14385d;
}
.search-results .search-page form input,
.search-no-results .search-page form input {
height: 44px;
width: calc(100% - 155px);
border-radius: 5px;
border: 1px solid #7f7f7f;
margin: 10px 20px 0px 0px;
padding-left: 10px;
outline: none;
}
.search-results .search-page form #searchsubmit,
.search-no-results .search-page form #searchsubmit {
height: 46px;
background: #e0013f;
color: #fff;
border: 0;
border-radius: 23px;
padding: 0px 40px 1px 0px;
width: 135px;
display: inline-block;
margin-top: 10px;
font-weight: 700;
position: relative;
}
.search-results .search-page form #searchsubmit:after,
.search-no-results .search-page form #searchsubmit:after {
content: "";
background: url("../../../assets/img/search_icon.png") no-repeat center/contain;
width: 28px;
height: 28px;
display: block;
position: absolute;
right: 0;
margin: -23px 14px 0 0;
}
.search-results .search-page h3,
.search-no-results .search-page h3 {
color: #14385d;
font-weight: 200;
margin-bottom: 20px;
}
.search-results .search-page p,
.search-no-results .search-page p {
margin-bottom: 45px;
}
.search-results .search-page .c-result,
.search-no-results .search-page .c-result {
padding-left: 70px;
background: url("../../../assets/img/list_thumbnail.jpg") no-repeat top left/60px;
min-height: 80px;
margin-bottom: 20px;
}
.search-results .search-page .c-result .c-result__title,
.search-no-results .search-page .c-result .c-result__title {
margin: 0;
font-size: 1.3rem;
font-weight: 700;
}
.search-results .search-page .c-result .c-result__title a,
.search-no-results .search-page .c-result .c-result__title a {
color: #14385d;
}
.search-results .search-page .c-result .c-result__title a:after,
.search-no-results .search-page .c-result .c-result__title a:after {
content: "";
width: 36px;
height: 20px;
background: url("../../../assets/img/pink_arrows.png") no-repeat center center/contain;
display: inline-block;
position: absolute;
margin: 3px 0px 0px 8px;
}
@media (max-width: 767px) {
.search-results .search-page .c-result .c-result__title a:after,
.search-no-results .search-page .c-result .c-result__title a:after {
width: 30px;
height: 17px;
}
}
.search-results .search-page .c-result .date,
.search-results .search-page .c-result .c-result__excerpt,
.search-no-results .search-page .c-result .date,
.search-no-results .search-page .c-result .c-result__excerpt {
display: none;
}
.search-results .c-pagination,
.search-no-results .c-pagination {
width: 100%;
margin-top: 50px;
}
.search-results .c-pagination ul,
.search-no-results .c-pagination ul {
list-style-type: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-results .c-pagination ul li,
.search-no-results .c-pagination ul li {
font-size: 1.5rem;
}
.search-results .c-pagination ul li a,
.search-no-results .c-pagination ul li a {
padding: 10px 15px;
}
.search-results .c-pagination ul li.disabled,
.search-no-results .c-pagination ul li.disabled {
opacity: 0.5;
}
.search-results .c-pagination ul li.active,
.search-no-results .c-pagination ul li.active {
font-weight: 700;
text-decoration: underline;
}
.search-results .c-pagination ul li:first-child,
.search-no-results .c-pagination ul li:first-child {
background: url("../../../assets/img/nav_arrow_l.png") no-repeat center/contain;
width: 40px;
height: 22px;
margin: 1px 10px 0px 0px;
}
.search-results .c-pagination ul li:last-child,
.search-no-results .c-pagination ul li:last-child {
background: url("../../../assets/img/nav_arrow_r.png") no-repeat center/contain;
width: 40px;
height: 22px;
margin: 1px 0px 0px 10px;
}
table {
width: 100%;
}
.page-template-landing-page {
height: 100%;
background: url("../../../assets/img/landing-page-bg2.jpg") no-repeat center center/cover;
}
.page-template-landing-page .menu-at-top {
padding-top: 0;
}
.page-template-landing-page #page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.page-template-landing-page #page .site-content {
width: 100%;
}
.page-template-landing-page #page .site-content .content-area {
margin-top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.page-template-landing-page #page .site-content .content-area > p {
position: absolute;
color: white;
width: 100%;
text-align: center;
text-transform: uppercase;
font-weight: 700;
padding: 0px 20px;
}
.page-template-landing-page #page .site-content .content-area .site-main {
max-width: 100%;
height: 100%;
min-height: calc(100vh - 55px);
position: relative;
}
.page-template-landing-page #page .site-content .content-area .site-main .unity-iframe {
width: 100%;
height: 100%;
top: 0;
position: absolute;
z-index: 1;
display: none;
border: 0;
}
.page-template-landing-page #page .site-content .content-area .site-main .unity-iframe #app {
width: 100% !important;
height: 100% !important;
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content {
background: rgba(0, 0, 0, 0.8);
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin: 0px auto;
padding: 30px 40px;
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content h1 {
font-size: 1.83rem;
margin-top: 30px;
}
@media (max-width: 768px) {
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content h1 {
font-size: 1.2rem;
margin-top: 60px;
}
}
@media (max-width: 430px) {
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content h1 {
margin-top: 70px;
}
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content h1 span {
background: url("../../../assets/img/cv-halls-logo-large.png") no-repeat center center/contain;
color: transparent;
font-size: 0;
width: 500px;
height: 140px;
display: block;
margin: 0px auto;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media (max-width: 1024px) {
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content h1 span {
width: 500px;
height: 90px;
}
}
@media (max-width: 768px) {
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content h1 span {
width: 360px;
height: 70px;
}
}
@media (max-width: 430px) {
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content h1 span {
margin-bottom: 30px;
}
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content p {
color: #fff;
margin-bottom: 15px;
max-width: 750px;
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .message-3d {
display: none;
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .message-2d {
display: block;
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .button-primary {
display: none;
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .button-transparent {
background: #e0013f;
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .button-primary {
margin-bottom: 40%;
display: none;
cursor: pointer;
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .button-primary:after {
background: url("../../../assets/img/btn-icon-new-generic.svg") no-repeat center center/cover;
margin: -24px 14px 0px 0px;
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .button-transparent {
display: block;
cursor: pointer;
}
.page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .button-transparent:after {
background: url("../../../assets/img/btn-icon-new-generic.svg") no-repeat center center/cover;
margin: -25px 14px 0px 0px;
}
.no-touchevents .page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .button-primary {
display: block !important;
}
.no-touchevents .page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .message-3d {
display: block;
}
.no-touchevents .page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .message-2d {
display: none;
}
.no-touchevents .page-template-landing-page #page .site-content .content-area .site-main .unity-iframe {
display: block !important;
}
.healthprof-warning {
z-index: 10;
}
.no-webanimations .page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .button-primary {
display: none !important;
}
.no-webanimations .page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .message-3d {
display: none;
}
.no-webanimations .page-template-landing-page #page .site-content .content-area .site-main .landing-page__content .message-2d {
display: block;
}
.button-primary a {
text-decoration: none !important;
}
.button-primary:hover {
text-decoration: none !important;
color: white;
}
.button-transparent {
border: 2px solid transparent;
}
.button-transparent:hover {
background: #14385d !important;
border: 2px solid #c0013f;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
text-decoration: none !important;
}
.page-template-home-page .site-content {
background: url("../../../assets/img/AHA-background-homepage-large.jpg") no-repeat top center/cover;
overflow: hidden;
}
@media (max-width: 767px) {
.page-template-home-page .site-content {
background: url("../../../assets/img/AHA-background-homepage-narrow.jpg") no-repeat top center/cover;
}
}
.page-template-home-page .site-content .page-hero {
padding: 0px 0px 412px 0px;
background: none;
}
.page-template-home-page .site-content .page-hero .page-hero__content {
max-width: 1300px;
padding: 0px 40px;
min-height: 0px !important;
}
.page-template-home-page .site-content .page-hero .page-hero__content h1 {
font-size: 3.3rem;
margin: 40px 0px 0px 0px;
color: #14385d;
}
@media (max-width: 767px) {
.page-template-home-page .site-content .page-hero .page-hero__content {
height: auto;
}
.page-template-home-page .site-content .page-hero .page-hero__content h1 {
font-size: 2.5rem;
margin: 35px 0px 30px 0px;
line-height: 2.8rem;
}
}
.page-template-home-page .site-content .content-area {
padding: 0px 40px;
max-width: 1300px;
margin: -412px auto 0px auto;
min-height: calc(100vh - 528px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 767px) {
.page-template-home-page .site-content .content-area {
padding: 0px 20px;
}
}
.page-template-home-page .site-content .content-area .content-area__intro {
margin-bottom: 40px;
text-align: left;
max-width: 960px;
}
@media (max-width: 767px) {
.page-template-home-page .site-content .content-area .content-area__intro {
margin-bottom: 30px;
}
}
.page-template-home-page .site-content .content-area .content-area__intro h2 {
color: #404040;
font-size: 1.3rem;
margin-bottom: 70px;
}
@media (max-width: 767px) {
.page-template-home-page .site-content .content-area .content-area__intro h2:first-child {
margin-bottom: 40px;
}
.page-template-home-page .site-content .content-area .content-area__intro h2:last-child {
margin-bottom: 0px;
}
.page-template-home-page .site-content .content-area .content-area__intro h2 p {
margin: 0;
max-width: 1200px;
}
}
.page-template-home-page .site-content .content-area .content-area__intro a {
color: #404040;
font-weight: 700;
font-size: 1.2rem;
padding: 0px 60px 0px 0px;
margin-bottom: 10px;
white-space: nowrap;
}
.page-template-home-page .site-content .content-area .content-area__intro a:after {
content: "";
width: 36px;
height: 20px;
background: url("../../../assets/img/white_arrows.png") no-repeat center center/contain;
display: inline-block;
position: absolute;
margin: 3px 0px 0px 8px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@media (max-width: 767px) {
.page-template-home-page .site-content .content-area .content-area__intro a:after {
width: 30px;
height: 17px;
font-size: 14px;
}
}
.page-template-home-page .site-content .content-area .content-area__intro a:hover:after {
margin: 3px 0px 0px 15px;
}
.page-template-home-page .site-content .content-area .content-area__intro p {
color: #404040;
font-size: 1.2rem;
margin: 15px 0px 0px 0px;
}
@media (max-width: 767px) {
.page-template-home-page .site-content .content-area .content-area__intro p {
font-size: 14px;
}
}
.page-template-home-page .site-content .content-area .content-area__menu h3 {
color: #1a365f;
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container {
margin: 0px -10px;
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul {
list-style-type: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-size: cover;
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li {
margin: 0px 10px 20px 10px;
background-size: 753px;
background-position: 85%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
position: relative;
border-radius: 12px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li {
width: 100%;
}
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li:before {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
border-radius: 12px;
background-color: rgba(26, 54, 95, 0.25);
opacity: 0.7;
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li:hover {
background-size: 800px;
}
@media (max-width: 1023px) {
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li {
height: auto;
margin-bottom: 20px;
background-size: 100%;
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li:hover {
background-size: 110%;
}
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li a {
color: #fff;
font-weight: 700;
font-size: 1.3rem;
line-height: 1.6rem;
display: block;
height: 100%;
position: relative;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
width: Fixed 420px;
height: Hug 100px;
padding: 24px 22px 24px 22px;
border-radius: 12px;
gap: 10px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
background-color: rgba(26, 54, 95, 0.25);
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li a:before {
display: block;
font-size: 1rem;
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li a:after {
content: "";
width: 36px;
height: 20px;
background: url("../../../assets/img/white_arrows.png") no-repeat center center/contain;
display: inline-block;
-webkit-transform: translate(10px, 3px);
transform: translate(10px, 3px);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
@media (max-width: 767px) {
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li a:after {
width: 30px;
height: 17px;
}
}
@media (max-width: 768px) {
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li a {
background-size: 100%;
font-size: 16px;
}
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li a:hover {
text-decoration: none;
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li a:hover:after {
-webkit-transform: translate(20px, 3px);
transform: translate(20px, 3px);
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured {
background-position: center center;
background-size: auto 100%;
margin-top: 0px;
height: 120px;
margin-left: calc(50vw - (50% + 10px));
margin-bottom: 100px;
margin-right: calc(50vw - (50% + 10px));
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured:hover {
background-size: auto 110%;
}
@media (max-width: 1023px) {
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured {
margin-top: 0px;
}
}
@media (max-width: 768px) {
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured {
margin: 0 10px 60px 10px;
}
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured a:before {
content: "";
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured span {
color: #fff;
font-weight: 700;
font-size: 1rem;
padding: 25px 20px 0 20px;
display: block;
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured span + a {
padding-top: 5px;
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured:last-child {
background-image: url("../../../assets/img/homepage_menu_background_6.jpg");
background-size: 100% !important;
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured:last-child:hover {
background-size: 110% !important;
}
.page-template-home-page .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured:last-child a:before {
display: none;
}
.page-template-home-page .Renal-1-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li,
.page-template-home-page .Renal-2-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li {
width: calc(33.3% - 20px);
background-size: 670px;
}
.page-template-home-page .Renal-1-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li:hover,
.page-template-home-page .Renal-2-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li:hover {
background-size: 750px;
}
@media (max-width: 1024px) {
.page-template-home-page .Renal-1-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li,
.page-template-home-page .Renal-2-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li {
width: 45%;
height: unset;
background-size: 100%;
}
.page-template-home-page .Renal-1-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li:hover,
.page-template-home-page .Renal-2-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li:hover {
background-size: 110%;
}
}
@media (max-width: 768px) {
.page-template-home-page .Renal-1-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li,
.page-template-home-page .Renal-2-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li {
width: 100%;
height: auto;
background-size: 100%;
}
.page-template-home-page .Renal-1-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li:hover,
.page-template-home-page .Renal-2-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li:hover {
background-size: 110%;
}
}
.page-template-home-page .Renal-1-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured,
.page-template-home-page .Renal-2-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured {
background-size: auto 100%;
}
.page-template-home-page .Renal-1-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured:hover,
.page-template-home-page .Renal-2-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured:hover {
background-size: auto 110%;
}
@media (max-width: 1024px) {
.page-template-home-page .Renal-1-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured,
.page-template-home-page .Renal-2-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured {
height: 160px;
}
}
@media (max-width: 768px) {
.page-template-home-page .Renal-1-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured,
.page-template-home-page .Renal-2-branded .site-content .content-area .content-area__menu .menu-front-page-menu-container ul li.featured {
height: auto;
}
}
.o-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-infobar {
border: solid 1px #222222;
background: #222222;
color: #fff;
padding: calc(40px / 3) 40px;
width: 100%;
font-size: 14px;
text-align: center;
}
.c-infobar a {
color: inherit;
text-decoration: none;
border-bottom: solid 1px #fff;
}
.no-touchevents .c-infobar a:hover {
border-bottom: none;
color: #fff;
text-decoration: none;
}
.c-infobar p {
font-size: 14px;
margin: 0;
color: #fff;
}
.c-infobar__information {
max-width: 1335px;
margin: auto;
}
.site-topbar {
width: 100%;
background: #fff;
border-bottom: 1px solid #efefef;
}
.site-topbar .site-topbar__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: "";
margin: 0px auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 55px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0px 40px;
}
@media (max-width: 767px) {
.site-topbar .site-topbar__content {
padding: 0px 20px;
}
}
.site-topbar .site-topbar__content a:first-child {
font-size: 0;
background: url("../../../assets/img/hosai_logo_small.png") no-repeat center/contain;
display: inline-block;
width: 190px;
height: 50px;
}
@media (max-width: 767px) {
.site-topbar .site-topbar__content a:first-child {
height: 26px;
margin-right: 20px;
}
}
.site-topbar .site-topbar__content a:last-child {
font-size: 0;
background: url("../../../assets/img/novartis-logo-colour.png") no-repeat center/contain;
display: inline-block;
width: 157px;
height: 27px;
float: right;
}
@media (max-width: 767px) {
.site-topbar .site-topbar__content a:last-child {
width: 120px;
height: 20px;
}
}
.site-header {
width: 100%;
background: #fff;
top: 0;
border-bottom: 1px solid #b2b2b2;
}
.site-header__content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0px auto;
height: 46px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0px 40px;
font-weight: 700;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767px) {
.site-header__content {
padding: 0px 30px;
}
}
.site-header__content p {
font-weight: 500;
color: #1a365f;
}
@media (max-width: 767px) {
.site-header__content p {
font-size: 10px;
}
}
.site-header__content .site-header__content-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.site-header__content .touch-disabled {
display: none;
}
.site-header__content .site-header__content-searchbutton {
background: transparent;
border: 0;
outline: 0;
padding: 0px 15px;
color: #e0013f;
font-weight: 600;
text-transform: uppercase;
}
.site-header__content .site-header__content-closebutton {
background: #000;
height: calc(100% + 1px);
color: #fff;
padding: 12px 15px;
display: none;
width: 114px;
margin: 0px -3px;
text-align: center;
cursor: pointer;
}
@media (max-width: 767px) {
.site-header__content .site-header__content-closebutton {
display: none;
}
}
.site-header__content .site-header__menu {
color: #e0013f;
padding-left: 20px;
text-transform: uppercase;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
white-space: nowrap;
}
.site-header__content .site-header__menu:hover {
cursor: pointer;
}
@media (max-width: 767px) {
.site-header__content {
color: transparent;
height: 46px;
}
.site-header__content a,
.site-header__content button {
display: none;
}
}
.site-header__content .site-header__search {
height: 0px;
background: #000;
position: absolute;
top: 47px;
width: 100%;
max-width: 800px;
right: 0;
padding: 0px 20px;
-webkit-transition: height 0.2s ease;
transition: height 0.2s ease;
overflow: hidden;
z-index: 5;
}
@media (max-width: 767px) {
.site-header__content .site-header__search {
display: none;
}
}
.site-header__content .site-header__search form {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 55px;
}
.site-header__content .site-header__search form input {
height: 44px;
width: 80%;
border-radius: 5px;
border: 1px solid #7f7f7f;
margin: 0px 20px -9px 0px;
padding-left: 10px;
outline: none;
}
.site-header__content .site-header__search form #searchsubmit {
height: 46px;
background: #e0013f;
color: #fff;
border: 0;
border-radius: 23px;
padding: 0px 40px 1px 0px;
width: 127px;
display: inline-block;
margin: 0px 0px -9px 0px;
font-weight: 700;
}
.site-header__content .site-header__search form #searchsubmit:hover {
background: #14385d;
border: 2px solid #c0013f;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.site-header__content .site-header__search form #searchsubmit:after {
content: "";
background: url("../../../assets/img/search_icon.png") no-repeat center/contain;
width: 28px;
height: 28px;
display: block;
position: absolute;
right: 0;
margin: -23px 40px 0 0;
}
.site-header__content.search-open .site-header__content-searchbutton {
display: none;
}
.site-header__content.search-open .site-header__content-closebutton {
display: block;
}
.site-header__content.search-open .site-header__search {
height: 65px;
}
.site-header__content .menu-sub-menu-container ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
margin: 0;
list-style-type: none;
}
.site-header__content .menu-sub-menu-container ul li {
padding: 0;
margin: 0;
}
.site-header__content .menu-sub-menu-container ul li a {
padding: 0px 0px 0px 48px;
}
.site-header__content .menu-sub-menu-container ul li a:hover {
text-decoration: none;
}
.site-header__content .menu-sub-menu-container ul li a:before {
width: 25px;
height: 25px;
display: block;
content: "\f05b";
font-family: "Font Awesome 5 Free";
position: absolute;
margin: 0px 0px 0px 20px;
}
.site-header__content .menu-sub-menu-container ul li a:after {
content: "|";
color: #000;
padding-left: 20px;
}
@media (max-width: 1023px) {
.site-header__content .menu-sub-menu-container ul li a {
white-space: nowrap;
padding: 0px 0px 0px 42px;
}
.site-header__content .menu-sub-menu-container ul li a:before {
margin: 0px 0px 0px 10px;
}
.site-header__content .menu-sub-menu-container ul li a:after {
padding-left: 10px;
}
}
.site-header__content .menu-sub-menu-container ul li:first-child a {
padding: 0px 0px 0px 35px;
}
.site-header__content .menu-sub-menu-container ul li:first-child a:before {
content: "";
background: url("../../../assets/img/cube.png") no-repeat center/contain;
margin: -1px 0px 0px -35px;
display: inline;
}
.mobile-menu {
position: fixed;
top: 56px;
right: 0;
z-index: 20;
background: #fff;
display: block;
width: 410px;
margin-right: -410px;
-webkit-transition: margin 0.5s ease, height 0.2s ease;
transition: margin 0.5s ease, height 0.2s ease;
height: calc(100% - 40px);
overflow: hidden;
}
.mobile-menu.open {
margin-right: 0;
position: absolute;
}
.mobile-menu .mobile-menu__header {
padding: 0 2rem;
border-bottom: 1px solid #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 47px;
}
.mobile-menu .mobile-menu__header label {
font-size: 1.5rem;
font-weight: 700;
color: #14385d;
}
.mobile-menu .mobile-menu__header button {
border: 0;
height: 30px;
background: transparent;
outline: none;
color: #e0013f;
font-weight: 700;
}
.mobile-menu .mobile-menu__body {
height: calc(100% - 40px);
overflow-y: scroll;
}
@media (max-width: 767px) {
.mobile-menu .mobile-menu__body {
height: calc(100% - 140px);
}
}
.mobile-menu .mobile-menu__search {
padding: 0 2rem;
height: 90px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #000;
display: none;
}
.mobile-menu .mobile-menu__search input {
height: 2.5rem;
padding: 0px 1rem;
margin-right: 10px;
max-width: 220px;
}
.mobile-menu .mobile-menu__search button {
background: #e0013f;
border: 0;
font-size: 1rem;
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
display: block;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 767px) {
.mobile-menu {
width: 300px;
margin-right: -300px;
top: 46px;
}
.mobile-menu .mobile-menu__header {
padding: 0 1rem;
}
.mobile-menu .mobile-menu__search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0px 1rem;
}
}
.menu-main-menu-container {
padding: 0 2.5rem 0 2rem;
overflow: auto;
}
.menu-main-menu-container .menu {
list-style-type: none;
padding: 0;
}
.menu-main-menu-container .menu .menu-item {
padding: 1rem 8px 1rem 0;
padding: 0px;
padding-bottom: 12px;
}
.menu-main-menu-container .menu .menu-item a {
color: #e0013f;
font-weight: 700;
position: relative;
padding: 0px 0px 0px 0px;
}
@supports (-moz-osx-font-smoothing: auto) {
.menu-main-menu-container .menu .menu-item a {
padding: 0px 0px 12px 0px;
display: block;
}
}
.menu-main-menu-container .menu .menu-item a:after {
content: "";
width: 30px;
height: 17px;
display: inline-block;
background: url("../../../assets/img/pink_arrows-ns.png") no-repeat center center/contain;
position: absolute;
margin: 3px 0px 0px 8px;
}
.menu-main-menu-container .menu .menu-item:after {
content: "";
width: 30px;
height: 17px;
display: inline-block;
position: absolute;
margin: 3px 0px 0px 8px;
}
.mobile-menu__footer {
list-style-type: none;
padding: 12px 0px 0px 0px;
border-top: 1px solid #404040;
margin-top: 0;
}
.mobile-menu__footer li {
padding: 0.6rem 2rem;
padding-bottom: 0px;
}
.mobile-menu__footer li .mobile-menu__footer--heart-logo {
min-width: 40px;
height: 25px;
background-image: url("../../../assets/img/nkf-logo.svg");
display: block;
background-size: contain;
background-repeat: no-repeat;
}
.mobile-menu__footer li .gdcp {
background-image: url("../../../assets/img/gdcp.svg");
}
.mobile-menu__footer li a {
font-weight: 700;
color: #14385d;
}
.mobile-menu__footer--fhfw a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mobile-menu__footer--fhfw a span {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.mobile-menu__footer--fhfw br {
display: none;
}
.mobile-menu__footer--fhfw #mobile-menu-footer-fhfw--second {
display: none;
}
@media (max-width: 767px) {
.mobile-menu__footer--fhfw #mobile-menu-footer-fhfw--second {
display: block;
}
.mobile-menu__footer--fhfw #mobile-menu__fwhw--second-span {
display: none;
}
.mobile-menu__footer--fhfw br {
display: block;
}
}
.nav-veil {
position: absolute;
width: 0;
top: 55px;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 10;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: 0;
margin-bottom: -40px;
overflow: hidden;
}
.nav-veil.visible {
opacity: 1;
width: 100vw;
}
@media (max-width: 767px) {
.nav-veil {
top: 45px;
}
}
.menu-at-top {
padding-top: 46px;
}
.menu-at-top .nav-veil {
position: fixed;
top: 0;
height: 100vh;
}
.menu-at-top .site-header {
position: fixed;
z-index: 5;
max-width: 100%;
}
.menu-at-top .mobile-menu {
position: fixed;
top: 0;
height: 100%;
}
@media (max-width: 767px) {
.menu-at-top {
padding-top: 50px;
}
}
.no-touchevents .touch-disabled {
display: block;
}
.no-webanimations .touch-disabled {
display: none;
}
.external-link {
display: inline-block !important;
right: 1em;
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
min-width: 20px;
height: 20px;
background: url(../../../assets/img/External_link_font_awesome.svg) no-repeat;
background-size: contain;
vertical-align: -webkit-baseline-middle;
margin-right: 15px;
color: #14385d;
}
.nav-veil {
position: absolute;
width: 0;
top: 55px;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 15;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
opacity: 0;
margin-bottom: -40px;
overflow: hidden;
}
.nav-veil.visible {
opacity: 1;
width: 100vw;
}
@media (max-width: 767px) {
.nav-veil {
top: 45px;
}
}
.menu-at-top {
padding-top: 46px;
}
.menu-at-top .nav-veil {
position: fixed;
top: 0;
height: 100vh;
}
.menu-at-top .site-header {
position: fixed;
z-index: 5;
max-width: 100%;
}
.menu-at-top .mobile-menu {
position: fixed;
top: 0;
height: 100%;
}
@media (max-width: 767px) {
.menu-at-top {
padding-top: 50px;
}
}
.no-touchevents .touch-disabled {
display: block;
}
.no-webanimations .touch-disabled {
display: none;
}
.c-pageheader + .c-text > div {
padding-top: 0;
}
.c-pageheader__heading {
margin: 0;
line-height: 1.4em;
padding-top: 40px;
}
.c-pageheader__wrap {
padding-bottom: 10px !important;
}
.c-pageheader__wrap > span {
display: table;
padding-top: 40px;
margin: auto;
}
.c-pageheader__wrap > span + .c-pageheader__heading {
padding-top: 0;
}
.c-breadcrumbs {
text-align: left;
font-size: 14px;
margin: 20px 0;
color: #e0013f;
font-weight: bold;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.c-breadcrumbs {
opacity: 0;
pointer-events: none;
}
}
.c-breadcrumbs span a {
color: #e0013f;
}
.no-touchevents .c-breadcrumbs span a:hover {
text-decoration: underline;
color: #e0013f;
}
.c-breadcrumbs span a:after {
content: "\f054";
font-family: "Font Awesome 5 Free";
display: inline-block;
font-size: 0.7rem;
margin: 0px 5px 0px 7px;
color: #14385d;
}
.c-breadcrumbs span {
text-transform: none;
}
.c-breadcrumbs .breadcrumb_last {
color: #14385d;
}
.c-breadcrumbs__wrap-medium {
padding-bottom: 0 !important;
}
.c-listing--timeline .c-listing__wrap-medium {
position: relative;
}
.c-listing--timeline .c-listing__wrap-medium:before {
content: "";
position: absolute;
top: calc(40px / 2);
width: 2px;
height: calc(100% - (40px));
background: #6b2465;
left: 0;
z-index: 3;
}
.c-listing .read-more {
display: table;
margin-top: 0.25em;
margin-left: auto;
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
color: #e0013f;
text-decoration: underline;
}
@media (min-width: 667px) {
.c-listing .read-more {
font-size: 16px;
}
}
.c-listing__item {
padding: 20px;
position: relative;
}
.c-listing__item:nth-child(odd) {
background: #f3f3f3;
}
.c-listing__item--white {
background: #fff !important;
padding: 0 20px;
}
.c-listing__events + .c-listing__item--white {
margin-top: 20px;
}
.c-listing__events + .c-listing__item--white .c-listing__year {
margin-top: 40px;
}
.c-listing__item p {
margin-bottom: 0;
}
.c-listing__item p a {
color: #e0013f;
text-decoration: underline;
font-weight: bold;
font-size: 14px;
}
.c-listing__item p a:hover, .c-listing__item p a:active, .c-listing__item p a:focus {
color: #e0013f;
text-decoration: none;
}
.c-listing__item h3 {
margin-top: 0;
font-size: 16px;
color: #e0013f;
margin-bottom: 10px;
text-decoration: underline;
line-height: 1.2em;
}
@media (min-width: 667px) {
.c-listing__item h3 {
font-size: 18px;
}
}
.c-listing__item h3 + h4 {
margin-top: -0.5em;
}
.c-listing__item > a {
display: block;
width: 100%;
height: 100%;
text-decoration: underline;
position: absolute;
left: 0;
top: 0;
bottom: 0;
z-index: 5;
}
.no-touchevents .c-listing__item > a:hover {
color: inherit;
text-decoration: none;
}
.c-listing__item h4 {
font-size: 14px;
margin: 0;
}
.no-touchevents .c-listing__item:hover {
cursor: pointer;
}
.no-touchevents .c-listing__item:hover h3, .no-touchevents .c-listing__item:hover .read-more {
text-decoration: none;
}
.c-listing__pagination {
padding: 20px;
text-align: center;
}
.c-listing__pagination .screen-reader-text {
display: none;
}
.c-listing__pagination .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-listing__pagination .page-numbers,
.c-listing__pagination .page-numbers:active,
.c-listing__pagination .page-numbers:focus {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.5em 1em;
margin: 0;
text-decoration: none;
text-align: center;
cursor: pointer;
border: solid 1px #e0013f;
color: #e0013f;
background: #fff;
font-weight: bold;
overflow: hidden;
outline: none;
border-top-width: 2px;
border-bottom-width: 2px;
border-radius: 0;
}
.no-touchevents .c-listing__pagination .page-numbers:hover,
.no-touchevents .c-listing__pagination .page-numbers:active:hover,
.no-touchevents .c-listing__pagination .page-numbers:focus:hover {
color: #fff;
background: #e0013f;
text-decoration: none;
}
.c-listing__pagination .page-numbers.next:before,
.c-listing__pagination .page-numbers:active.next:before,
.c-listing__pagination .page-numbers:focus.next:before {
text-decoration: none;
content: "⇨";
}
.c-listing__pagination .page-numbers.prev:before,
.c-listing__pagination .page-numbers:active.prev:before,
.c-listing__pagination .page-numbers:focus.prev:before {
text-decoration: none;
content: "⇦";
}
.c-listing__pagination .page-numbers:first-child,
.c-listing__pagination .page-numbers:active:first-child,
.c-listing__pagination .page-numbers:focus:first-child {
border-left: solid 2px #e0013f;
}
.c-listing__pagination .page-numbers:last-child,
.c-listing__pagination .page-numbers:active:last-child,
.c-listing__pagination .page-numbers:focus:last-child {
border-right: solid 2px #e0013f;
}
.c-listing__pagination .page-numbers.current,
.c-listing__pagination .page-numbers:active.current,
.c-listing__pagination .page-numbers:focus.current {
background: #e0013f;
color: #fff;
}
.c-listing__year {
font-size: 32px;
color: #6b2465;
margin: 0 0 40px;
position: relative;
line-height: 1em;
padding-left: calc(20px / 2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media (min-width: 667px) {
.c-listing__year {
font-size: 40px;
}
}
.c-listing__year:before {
content: "";
position: absolute;
top: 0;
left: -20px;
width: 0.5em;
height: 1em;
background: #6b2465;
}
.c-listing__year svg {
display: inline;
height: 1em;
margin-left: 10px;
max-width: 140px;
}
.c-listing__month {
font-size: 20px !important;
color: #222222 !important;
text-transform: uppercase;
margin: 0;
margin: 0 0 20px;
position: relative;
line-height: 1em;
padding-left: 0.5em;
text-decoration: none !important;
}
@media (min-width: 667px) {
.c-listing__month {
font-size: 24px !important;
}
}
.c-listing__month:before {
content: "";
position: absolute;
top: 0;
left: -20px;
width: 1em;
height: 1em;
background: #6b2465;
}
.c-listing__date {
font-size: 12px;
margin-bottom: 0.5em;
margin-top: 0;
}
.c-listing__date span {
margin: 0 1em;
}
.c-listing__date span:first-child {
margin-left: 0;
}
.remove-underline {
text-decoration: none !important;
}
.c-listing__wrap-medium {
cursor: pointer !important;
}
.c-filterpanel__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
@media (min-width: 667px) {
.c-filterpanel__wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.c-filterpanel__item {
width: 100%;
}
@media (min-width: 667px) {
.c-filterpanel__item {
width: calc(50% - 20px * 0.5);
}
}
@media (min-width: 1024px) {
.c-filterpanel__item {
width: calc(33.33% - 20px * 1);
}
}
.c-filterpanel__label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
font-size: 14px;
margin-bottom: 0.5em;
}
.c-filterpanel__label span {
line-height: 2em;
}
.c-rampoff {
display: none;
width: 100%;
}
.c-rampoff__content {
background: #fff;
padding: 20px;
cursor: auto;
}
.c-rampoff__content > *:first-child {
margin-top: 0;
}
.c-rampoff__content a:focus {
color: #fff;
}
.c-rampoff__origin {
font-weight: bold;
color: #e0013f;
}
.site-footer {
background: #202020;
position: relative;
}
.site-footer__content {
padding: 40px 100px 40px 100px;
max-width: 1216px;
margin: 0px auto;
z-index: 49;
}
.site-footer__content p {
color: #fff;
}
@media (max-width: 1599px) {
.site-footer__content {
padding: 60px 50px 55px 50px;
max-width: 1216px;
}
}
@media (max-width: 767px) {
.site-footer__content {
padding: 45px 30px;
}
}
.menu-footer-one-container #menu-footer-one {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0;
padding: 0;
list-style-type: none;
font-size: 1.3rem;
font-weight: 700;
}
.menu-footer-one-container #menu-footer-one .menu-item {
padding: 0 85px 0px 50px;
}
.menu-footer-one-container #menu-footer-one .menu-item a {
color: #fff;
}
.menu-footer-one-container #menu-footer-one .menu-item a:after {
content: "";
width: 30px;
height: 17px;
background: url("../../../assets/img/pink_arrows-ns.png") no-repeat center center/contain;
display: inline-block;
position: absolute;
margin: 5px 0 0 10px;
}
.menu-footer-one-container #menu-footer-one .menu-item:first-child,
.menu-footer-one-container #menu-footer-one .menu-item:nth-child(2) {
display: none;
}
.menu-footer-one-container #menu-footer-one .menu-item:first-child a:before {
content: "";
width: 40px;
height: 40px;
background: url("../../../assets/img/cube.png") no-repeat center center/contain;
display: inline-block;
position: absolute;
margin: -8px 10px 0 -50px;
}
.menu-footer-one-container #menu-footer-one .menu-item:nth-child(2) a:before {
content: "";
width: 36px;
height: 36px;
background: url("../../../assets/img/sphere.png") no-repeat center center/contain;
display: inline-block;
position: absolute;
margin: -8px 10px 0 -50px;
}
.menu-footer-one-container #menu-footer-one .menu-item:last-child a:before {
content: "";
width: 39px;
height: 40px;
background: url("../../../assets/img/pyramid.png") no-repeat center center/contain;
display: inline-block;
position: absolute;
margin: -8px 10px 0 -50px;
}
@media (max-width: 767px) {
.menu-footer-one-container #menu-footer-one .menu-item:first-child,
.menu-footer-one-container #menu-footer-one .menu-item:nth-child(2) {
display: none;
}
}
.menu-footer-two-container {
margin-top: 30px;
}
.menu-footer-two-container #menu-footer-two {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style-type: none;
}
.menu-footer-two-container #menu-footer-two .menu-item {
font-size: 0.8rem;
padding: 0px 25px 0px 0px;
}
.menu-footer-two-container #menu-footer-two .menu-item a {
color: #fff;
}
.menu-footer-two-container #menu-footer-two .menu-item a:after {
content: "|";
margin-left: 25px;
}
.menu-footer-two-container #menu-footer-two .menu-item:last-child a:after {
display: none;
}
.site-footer__content-smallprint a {
width: 160px;
height: 30px;
color: transparent;
background: url("../../../assets/img/novartis-logo-white.png") no-repeat center center/contain;
display: block;
margin-top: 20px;
}
.site-footer__content-smallprint p {
opacity: 0.6;
font-size: 0.8rem;
}
.site-footer__content-smallprint p span {
margin-left: 30px;
white-space: nowrap;
}
@media (max-width: 530px) {
.site-footer__content-smallprint p span:first-child {
margin-left: 0;
}
}
.no-touchevents .menu-footer-one-container #menu-footer-one .menu-item:first-child,
.no-touchevents .menu-footer-one-container #menu-footer-one .menu-item:nth-child(2) {
display: block;
}
.no-webanimations .menu-footer-one-container #menu-footer-one .menu-item:first-child,
.no-webanimations .menu-footer-one-container #menu-footer-one .menu-item:nth-child(2) {
display: none;
}
.c-questionblock .c-questionblock__container a {
margin-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
min-height: 184px;
}
.c-questionblock .c-questionblock__container a h3 {
color: #14385d;
padding: 0;
font-size: 1.5rem;
margin: 0 0 20px 0;
width: 100%;
}
@media (max-width: 767px) {
.c-questionblock .c-questionblock__container a h3 {
font-size: 16px;
}
}
.c-questionblock .c-questionblock__container a span {
color: #fff;
border: 1px solid #e0013f;
background: #e0013f;
border-radius: 23px;
height: 46px;
padding: 12px 23px;
padding-right: 60px;
font-size: 1rem;
font-weight: 700;
position: relative;
}
.c-questionblock .c-questionblock__container a span:after {
content: "";
background: url("../../../assets/img/question_icon_white.png") no-repeat center center/cover;
width: 28px;
height: 28px;
display: block;
position: absolute;
right: 0;
margin: -25px 14px 0px 0px;
}
.c-questionblock .c-questionblock__container a:nth-child(odd) {
background-repeat: no-repeat;
background-position: 50% center;
background-size: cover;
padding: 30px 20px 40px 50%;
}
@media (max-width: 767px) {
.c-questionblock .c-questionblock__container a:nth-child(odd) {
background-position: top center;
padding: 80px 22px 30px 22px;
}
}
.c-questionblock .c-questionblock__container a:nth-child(even) {
background-repeat: no-repeat;
background-position: center 50%;
background-size: cover;
padding: 30px 50% 40px 20px;
}
@media (max-width: 767px) {
.c-questionblock .c-questionblock__container a:nth-child(even) {
background-position: top center;
padding: 80px 22px 30px 22px;
}
}
.c-questionblock .c-questionblock__container a.circles span:after {
background: url("../../../assets/img/white_circles_icon.png") no-repeat center center/cover;
}
.c-questionblock .c-questionblock__container a:hover {
text-decoration: none;
}
.c-questionblock .c-questionblock__container a:hover span {
background: #14385d;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.c-linkgrid {
margin-top: 40px;
}
.c-linkgrid .c-linkgrid__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-linkgrid .c-linkgrid__container a {
width: 50%;
min-height: 60px;
padding: 0px 30px 0px 75px;
margin-bottom: 20px;
background: url("../../../assets/img/list_thumbnail.jpg") no-repeat top left/60px;
}
@media (max-width: 767px) {
.c-linkgrid .c-linkgrid__container a {
width: 100%;
}
}
.c-linkgrid .c-linkgrid__container a span {
font-size: 1.3rem;
color: #14385d;
font-weight: 700;
position: relative;
padding-right: 30px;
}
@media (max-width: 767px) {
.c-linkgrid .c-linkgrid__container a span {
font-size: 1rem;
}
}
.c-linkgrid .c-linkgrid__container a span > span {
white-space: nowrap;
}
.c-linkgrid .c-linkgrid__container a span > span::after {
content: "";
width: 36px;
height: calc(1em - 4px);
background: url("../../../assets/img/pink_arrows-ns.png") no-repeat center center/contain;
display: inline-block;
margin: 2px 0px 0px 8px;
}
@media (max-width: 767px) {
.c-linkgrid .c-linkgrid__container a span > span::after {
width: 30px;
height: 17px;
}
}
.ASCVD-branded .c-linkgrid .c-linkgrid__container a {
background: url("../../../assets/img/AAFP-small-page-thumbnail-ASCVD.jpg") no-repeat top left/60px;
}
.CVD-branded .c-linkgrid .c-linkgrid__container a {
background: url("../../../assets/img/AHA-small-page-thumbnail-Impact-of-CVD.jpg") no-repeat top left/60px;
}
.Med-Info-branded .c-linkgrid .c-linkgrid__container a {
background: url("../../../assets/img/AHA-small-page-thumbnail-Medinfo.jpg") no-repeat top left/60px;
}
.c-linkgrid-large {
margin: 40px -10px;
}
.c-linkgrid-large h4 {
font-weight: 400;
font-size: 1.5rem;
color: #060050;
margin: 0px 0px 18px 10px;
}
.c-linkgrid-large .c-linkgrid-large__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-linkgrid-large .c-linkgrid-large__container a {
width: calc(50% - 20px);
min-height: 60px;
padding: 18px 32px 20px 20px;
margin: 0px 10px 20px 10px;
background-size: 100%;
height: 150px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
background-position: center;
color: #fff;
background-color: #a3a3a3;
}
@media (max-width: 767px) {
.c-linkgrid-large .c-linkgrid-large__container a {
width: 100%;
height: auto;
}
}
.c-linkgrid-large .c-linkgrid-large__container a:hover {
background-size: 110%;
text-decoration: none;
}
.c-linkgrid-large .c-linkgrid-large__container a:hover span {
text-decoration: none;
}
.c-linkgrid-large .c-linkgrid-large__container a:hover span:after {
margin: 3px 0px 0px 18px;
}
.c-linkgrid-large .c-linkgrid-large__container a span {
font-weight: 700;
font-size: 1.3rem;
line-height: 1.6rem;
color: #fff;
}
@media (max-width: 767px) {
.c-linkgrid-large .c-linkgrid-large__container a span {
font-size: 1rem;
}
}
.c-linkgrid-large .c-linkgrid-large__container a span:after {
content: "";
width: 36px;
height: 20px;
background: url("../../../assets/img/pink_arrows.png") no-repeat center center/contain;
display: inline-block;
position: absolute;
margin: 3px 0px 0px 8px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media (max-width: 767px) {
.c-linkgrid-large .c-linkgrid-large__container a span:after {
width: 30px;
height: 17px;
}
}
.subscribe-banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-top: 3em;
padding-bottom: 3em;
min-height: 236px;
}
.subscribe-banner:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../../../assets/img/subscribe_bar_temp.jpg") no-repeat center top/cover;
-webkit-transform: scaleX(-1) scaleY(-1);
transform: scaleX(-1) scaleY(-1);
z-index: 0;
}
@media (max-width: 767px) {
.subscribe-banner:before {
background-position: right top;
}
}
@media (max-width: 767px) {
.subscribe-banner {
background-position: 70% 0;
}
}
.left-spacer {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (max-width: 767px) {
.left-spacer {
display: none;
}
}
.subscribe-banner__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 40px 100px 60px 100px;
max-width: 1216px;
margin: 0 auto;
z-index: 1;
position: relative;
}
@media (max-width: 1599px) {
.subscribe-banner__content {
padding: 40px 50px 60px 50px;
max-width: 100%;
}
}
@media (max-width: 767px) {
.subscribe-banner__content {
padding: 40px 30px 50px 30px;
}
.subscribe-banner__content h4 {
font-size: 22px;
}
}
.subscribe-banner__content h4 {
color: #14385d;
margin: 0;
font-weight: 600;
font-size: 32px;
z-index: 1;
}
@media (max-width: 1300px) {
.subscribe-banner__content h4 {
font-size: 24px;
}
}
.subscribe-banner__content .button-primary {
display: inline-block;
position: relative;
text-decoration: none;
}
.subscribe-banner__content .button-primary:after {
content: "";
position: absolute;
background: url("../../../assets/img/btn-icon-new-generic.svg") no-repeat;
background-size: contain;
top: calc(50% - 1px);
margin: 0;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-videoembed {
margin: 20px 0;
}
.c-videoembed h4 {
position: relative;
padding-top: 40px;
}
.c-videoembed .c-videoembed__wrapper {
width: 100%;
padding-top: 56.52%;
position: relative;
}
.c-videoembed .c-videoembed__wrapper iframe {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.c-quizblock {
border: 6px solid #403e87;
border-radius: 23px 40px 23px 23px;
background: url("../../../assets/img/quizmodule_bg.jpg") no-repeat center right/cover;
margin: 0px auto 20px auto;
}
.c-quizblock h3 {
color: #404040;
padding: 19px 90px 20px 29px;
font-size: 2rem;
margin: -6px !important;
background: url("../../../assets/img/quiz_question_icon.png") no-repeat top right/80px;
min-height: 80px;
}
@media (max-width: 767px) {
.c-quizblock h3 {
font-size: 1.3rem;
padding: 19px 90px 20px 20px;
}
}
.c-quizblock .c-quizblock__instruction, .c-quizblock > p {
overflow: hidden;
margin: 0px 23px 25px 23px;
opacity: 1;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
font-size: 1rem;
}
@media (max-width: 767px) {
.c-quizblock .c-quizblock__instruction, .c-quizblock > p {
margin: 0px 15px 25px 15px;
}
}
.c-quizblock ul,
.c-quizblock ol {
list-style-type: none;
padding: 0 23px 20px 23px;
margin: 0;
}
@media (max-width: 767px) {
.c-quizblock ul,
.c-quizblock ol {
padding: 0 11px 20px 11px;
}
}
.c-quizblock ul li a,
.c-quizblock ol li a {
border: 1px solid #ea781f;
min-height: 56px;
border-radius: 28px;
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 7px;
color: #404040;
font-size: 1.2rem;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
background: #fff;
text-decoration: none;
cursor: pointer;
}
.c-quizblock ul li a .fa-check,
.c-quizblock ul li a .fa-times,
.c-quizblock ol li a .fa-check,
.c-quizblock ol li a .fa-times {
display: none;
margin-left: 10px;
}
@media (max-width: 767px) {
.c-quizblock ul li a,
.c-quizblock ol li a {
min-height: 42px;
border-radius: 21px;
font-size: 1rem;
}
}
.c-quizblock ul li a span,
.c-quizblock ol li a span {
height: 46px;
width: 46px;
color: #fff;
background: #ea781f;
text-align: center;
text-transform: uppercase;
border-radius: 23px;
line-height: 46px;
font-size: 1.8rem;
font-weight: 700;
margin-right: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 767px) {
.c-quizblock ul li a span,
.c-quizblock ol li a span {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 1.3rem;
}
}
.c-quizblock ul li a:hover,
.c-quizblock ol li a:hover {
text-decoration: none;
background: #fff2e9;
}
.c-quizblock ol {
height: 0;
}
.c-quizblock .c-quizblock__answer-reveal {
font-size: 1rem;
line-height: 1rem;
color: #e0013f;
cursor: pointer;
font-weight: 700;
opacity: 1;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
margin: 0px 23px 25px 23px;
overflow: hidden;
}
.c-quizblock .c-quizblock__answer {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
overflow: hidden;
padding: 0;
margin-top: -30px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.c-quizblock .c-quizblock__answer .c-quizblock__answer-graphic {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 0px;
margin-bottom: 0px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
@media (max-width: 767px) {
.c-quizblock .c-quizblock__answer .c-quizblock__answer-graphic {
background-size: 96%;
}
}
.c-quizblock .c-quizblock__answer p {
width: 100%;
padding: 0;
border-top: 0px;
margin: 0px;
color: #403e87;
font-weight: 700;
font-size: 0;
line-height: 0;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.c-quizblock .c-quizblock__answer ul li,
.c-quizblock .c-quizblock__answer ol li {
border: 0;
font-size: 0rem;
}
.c-quizblock.answered .c-quizblock__answer-reveal {
opacity: 0;
}
.c-quizblock.answered .c-quizblock__instruction {
margin: 0px 23px -15px 23px;
opacity: 0;
}
.c-quizblock.answered ul li a,
.c-quizblock.answered ol li a {
opacity: 0.3;
pointer-events: none;
}
.c-quizblock.answered .correct {
background: #403e87;
opacity: 1;
color: #fff;
border-color: #403e87;
}
.c-quizblock.answered .correct span {
color: #403e87;
background: #fff;
}
.c-quizblock.answered .correct .fa-check {
display: block;
}
.c-quizblock.answered .incorrect {
background: #e0013f;
opacity: 1;
color: #fff;
}
.c-quizblock.answered .incorrect span {
color: #e0013f;
background: #fff;
}
.c-quizblock.answered .incorrect .fa-times {
display: block;
}
.c-quizblock.answered.reveal-answer > p {
font-size: 0;
}
.c-quizblock.answered.reveal-answer .flatten {
height: 0;
min-height: 0;
padding: 0;
overflow: hidden;
border: 0;
opacity: 0;
margin: 0;
}
.c-quizblock.answered.reveal-answer .c-quizblock__answer {
padding: 20px 0px 23px 0px;
margin-top: 0px;
}
.c-quizblock.answered.reveal-answer .c-quizblock__answer .c-quizblock__answer-graphic {
height: 320px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.c-quizblock.answered.reveal-answer .c-quizblock__answer .c-quizblock__answer-graphic {
height: 50vw;
}
}
.c-quizblock.answered.reveal-answer .c-quizblock__answer p {
font-size: 1.3rem;
padding: 20px 23px;
line-height: 1.5rem;
border-top: 2px solid #403e87;
}
@media (max-width: 767px) {
.c-quizblock.answered.reveal-answer .c-quizblock__answer p {
padding: 20px 11px;
}
}
.c-quizblock.answered.reveal-answer .c-quizblock__answer ol {
height: auto;
}
.c-quizblock.answered.reveal-answer .c-quizblock__answer ul li,
.c-quizblock.answered.reveal-answer .c-quizblock__answer ol li {
font-size: 0.8rem;
}
.c-quizblock.answered.reveal-answer .c-quizblock__answer-reveal {
opacity: 0;
margin: 0px 23px -20px 23px;
line-height: 0;
}
.ASCVD-branded .c-quizblock {
background: url("../../../assets/img/AAFP-question-ASCVD-background.png") no-repeat center right/cover;
}
.ASCVD-branded .c-quizblock h3 {
background: url("../../../assets/img/AAFP-question-ASCVD-graphic.png") no-repeat top right/80px;
}
.slideblock-wrapper {
margin: 0 auto 50px auto;
}
.c-slideblock-title {
-webkit-transform: translateY(40px);
transform: translateY(40px);
position: relative;
margin-top: 0;
}
@media (max-width: 767px) {
.c-slideblock-title {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
.c-slideblock {
margin: 70px auto 0 auto;
position: relative;
padding: 0px 0px 50px 0px;
overflow: hidden;
width: 100%;
background-color: #404040;
}
@media (max-width: 767px) {
.c-slideblock {
margin: 50px auto 30px auto;
}
}
.c-slideblock .c-slideblock__container {
display: block;
padding: 30px 50px;
height: calc(48vw - 384px) !important;
}
@media (max-width: 1280px) {
.c-slideblock .c-slideblock__container {
height: calc(61vw - 384px) !important;
}
}
@media (max-width: 1024px) {
.c-slideblock .c-slideblock__container {
height: 43vw !important;
}
}
.c-slideblock .c-slideblock__container img {
margin: 0px auto;
position: absolute;
max-width: calc(100% - 100px);
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
opacity: 0;
}
.c-slideblock .c-slideblock__container img.active {
opacity: 1;
}
.c-slideblock .c-slideblock__controls {
display: block;
position: absolute;
left: 0;
right: 0;
width: 284px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: -50px auto 0px auto;
padding: 10px 20px;
min-height: 65px;
background: rgba(32, 32, 32, 0.8);
bottom: 0;
}
@media (max-width: 767px) {
.c-slideblock .c-slideblock__controls {
margin: -30px auto 0px auto;
}
}
.c-slideblock .c-slideblock__controls.singlepage .previous-slide,
.c-slideblock .c-slideblock__controls.singlepage .next-slide,
.c-slideblock .c-slideblock__controls.singlepage .c-slideblock__controls-markers {
display: none;
}
.c-slideblock .c-slideblock__controls .c-slideblock__controls-buttons {
text-align: center;
}
.c-slideblock .c-slideblock__controls .c-slideblock__controls-buttons button {
width: 45px;
height: 45px;
font-size: 0;
color: transparent;
background-size: contain;
background-position: center;
border-radius: 50%;
background-color: #fff;
border: 0;
outline: 0;
cursor: pointer;
}
.c-slideblock .c-slideblock__controls .c-slideblock__controls-buttons .previous-slide {
background-image: url("../../../assets/img/slide_nav_left.png");
}
.c-slideblock .c-slideblock__controls .c-slideblock__controls-buttons .next-slide {
background-image: url("../../../assets/img/slide_nav_right.png");
}
.c-slideblock .c-slideblock__controls .c-slideblock__controls-buttons .zoom-out {
background-image: url("../../../assets/img/slide_nav_zoomout.png");
}
.c-slideblock .c-slideblock__controls .c-slideblock__controls-buttons .zoom-in {
background-image: url("../../../assets/img/slide_nav_zoomin.png");
}
.c-slideblock .c-slideblock__controls .c-slideblock__controls-buttons .reset {
background-image: url("../../../assets/img/slide_nav_reset.png");
}
.c-slideblock .c-slideblock__controls .c-slideblock__controls-markers {
height: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
}
.c-slideblock .c-slideblock__controls .c-slideblock__controls-markers a {
height: 6px;
width: 6px;
border-radius: 50%;
background: #e31b42;
margin: 0px 5px;
}
.c-slideblock .c-slideblock__controls .c-slideblock__controls-markers a.active {
background: #fff;
}
.page-template-default .c-slideblock .c-slideblock__container {
height: calc(100vw - 384px) !important;
}
@media (max-width: 767px) {
.page-template-default .c-slideblock .c-slideblock__container {
height: 100vw !important;
}
}
.c-videoblock {
position: relative;
padding-bottom: 56.25%;
height: 0;
border: 1px solid #404040;
margin-bottom: 80px;
}
.c-videoblock iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-medprof-overlay {
position: fixed;
margin-top: -56px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-medprof-overlay .c-medprof-overlay__content {
background: url("../../../assets/img/medprof_overlay_bg.jpg") no-repeat center right/cover;
max-width: 740px;
padding: 30px 20px 40px 20px;
}
@media (max-width: 767px) {
.c-medprof-overlay .c-medprof-overlay__content {
margin: 0px 40px;
padding: 30px 20px 20px 20px;
}
}
.c-medprof-overlay .c-medprof-overlay__content h3 {
margin: 0;
color: #14385d;
}
.c-medprof-overlay .c-medprof-overlay__content .cookie-checktext {
font-size: 0.8rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: top;
-ms-flex-align: top;
align-items: top;
}
.c-medprof-overlay .c-medprof-overlay__content .cookie-checktext input {
margin: 2px 7px 0px 0px;
width: 16px;
height: 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.c-medprof-overlay .c-medprof-overlay__content .button-primary {
margin-right: 20px;
}
@media (max-width: 767px) {
.c-medprof-overlay .c-medprof-overlay__content .button-primary {
margin-bottom: 20px;
font-size: 0.8rem;
}
}
.c-medprof-overlay .c-medprof-overlay__content .button-primary:after {
background: url("../../../assets/img/btn-icon-new-generic.svg") no-repeat center center/cover;
}
.c-medprof-overlay .c-medprof-overlay__content .button-transparent {
color: #e0013f;
}
@media (max-width: 767px) {
.c-medprof-overlay .c-medprof-overlay__content .button-transparent {
margin-bottom: 20px;
font-size: 0.8rem;
}
}
.c-medprof-overlay .c-medprof-overlay__content .button-transparent:after {
background: url("../../../assets/img/red_circles_icon.png") no-repeat center center/cover;
}
.c-medprof-overlay .c-medprof-overlay__content .button-transparent:hover {
color: #fff;
background-color: #14385d;
}
.c-medprof-overlay .c-medprof-overlay__content .button-transparent:hover:after {
background: url("../../../assets/img/btn-icon-new-generic.svg") no-repeat center center/cover;
}
.moove-gdpr-dark-scheme#moove_gdpr_cookie_info_bar {
background-color: transparent !important;
border: 0 !important;
content-visibility: visible;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
position: fixed;
width: 100%;
z-index: 50;
height: 100%;
padding: 0 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
min-height: 175px;
background: url("../../../assets/img/cookie_banner_bg.jpg") no-repeat center right/cover;
width: 100%;
padding: 30px 40px 40px 40px;
position: absolute;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0px auto;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p {
max-width: 1024px;
margin: 0px auto;
color: #000 !important;
font-size: 1rem !important;
font-weight: 200 !important;
text-align: left;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p a {
color: #e0013f !important;
}
@media (max-width: 1599px) {
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p {
max-width: 100%;
padding: 0px;
}
}
@media (max-width: 767px) {
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice p {
padding: 0px 40px;
}
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
padding-left: 0 !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton {
background: #e0013f;
color: #fff;
border-radius: 23px;
height: 46px;
padding: 11px 50px 12px 23px;
font-size: 1rem;
font-weight: 700;
position: relative;
border: 1px solid #e0013f;
margin-left: calc((100% - 1024px) / 2);
margin-top: 20px;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton:after {
content: "";
background: url("../../../assets/img/btn-icon-new-generic.svg") no-repeat center center/cover !important;
width: 28px;
height: 28px;
display: block;
position: absolute;
right: 0;
margin: -22px 14px 0px 0px;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton:hover {
background: #14385d !important;
color: #fff !important;
}
@media (max-width: 1599px) {
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton {
margin-left: calc((100% + 40px - 100vw) / 2);
}
}
@media (max-width: 767px) {
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton {
margin-left: calc((100% + 80px - 100vw) / 2);
}
}
.explore-banner .explore-banner__container a {
margin-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 184px;
background: url("../../../assets/img/generic_banner.jpg") no-repeat center 50%/cover;
padding: 30px 20px 40px 50%;
}
@media (max-width: 767px) {
.explore-banner .explore-banner__container a {
background: url("../../../assets/img/generic_banner_mobile.jpg") no-repeat top center/cover;
padding: 80px 22px 30px 22px;
}
}
.explore-banner .explore-banner__container a h3 {
color: #14385d;
padding: 0;
font-size: 1.5rem;
margin: 0 0 20px 0;
width: 100%;
}
@media (max-width: 767px) {
.explore-banner .explore-banner__container a h3 {
font-size: 1.3rem;
}
}
.explore-banner .explore-banner__container a span {
color: #fff;
background: #e0013f;
border-radius: 23px;
height: 46px;
width: 146px;
padding: 12px 23px;
font-size: 1rem;
font-weight: 700;
position: relative;
}
.explore-banner .explore-banner__container a span:after {
content: "";
background: url("../../../assets/img/question_icon_white.png") no-repeat center center/cover;
width: 28px;
height: 28px;
display: block;
position: absolute;
right: 0;
margin: -25px 14px 0px 0px;
}
.c-mapinfo h3 {
font-weight: normal;
margin: 20px 0px 10px 0px;
}
.c-mapinfo .c-mapinfo__description {
margin-top: 30px;
font-weight: 700;
font-size: 1.2rem;
}
.c-mapinfo .c-mapinfo__switcher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}
.c-mapinfo .c-mapinfo__switcher a {
height: 40px;
border-radius: 20px;
margin-right: 20px;
background: transparent;
padding: 0px 20px;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
@media (max-width: 767px) {
.c-mapinfo .c-mapinfo__switcher a {
margin-right: 10px;
font-size: 0.9rem;
}
}
.c-mapinfo .c-mapinfo__switcher .ASCVD {
border: 3px solid #489255;
color: #489255;
}
.c-mapinfo .c-mapinfo__switcher .ASCVD:hover, .c-mapinfo .c-mapinfo__switcher .ASCVD.active {
background: #489255;
color: #fff;
}
.c-mapinfo .c-mapinfo__switcher .HF {
border: 3px solid #d22d42;
color: #d22d42;
}
.c-mapinfo .c-mapinfo__switcher .HF:hover, .c-mapinfo .c-mapinfo__switcher .HF.active {
background: #d22d42;
color: #fff;
}
.c-mapinfo .c-mapinfo__switcher .MI {
border: 3px solid #6b8dce;
color: #6b8dce;
}
.c-mapinfo .c-mapinfo__switcher .MI:hover, .c-mapinfo .c-mapinfo__switcher .MI.active {
background: #6b8dce;
color: #fff;
}
.c-mapinfo .c-mapinfo__key {
width: 50%;
min-width: 420px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style-type: none;
padding: 0px;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.c-mapinfo .c-mapinfo__key {
width: 100%;
min-width: 100%;
}
}
.c-mapinfo .c-mapinfo__key div {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.2rem;
font-weight: 700;
color: #fff;
}
@media (max-width: 767px) {
.c-mapinfo .c-mapinfo__key div {
height: 30px;
font-size: 0.9rem;
}
}
.c-map {
position: relative;
width: 100%;
height: 0;
padding-bottom: 66%;
min-width: 300px;
}
@media (max-width: 767px) {
.c-map {
height: auto;
padding: 0;
}
}
.c-map #map-svg {
display: block;
position: absolute;
top: 0;
left: 0;
width: 105%;
height: 100%;
}
@media (max-width: 767px) {
.c-map #map-svg {
position: relative;
height: 56vw;
}
}
.c-map path:hover {
stroke: #d03855 !important;
stroke-width: 2px;
stroke-linejoin: round;
cursor: pointer;
}
.c-map #small-box {
display: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 5px;
padding: 5px 10px;
min-width: 120px;
font-family: arial, sans-serif;
color: #fff;
text-align: center;
}
.c-map #small-box:after {
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-top: 12px solid rgba(0, 0, 0, 0.7);
position: absolute;
height: 0;
width: 0;
content: "";
display: block;
margin-top: 5px;
margin-left: calc(50% - 14px);
left: 0;
}
.c-map #small-box h4 {
margin: 0px 0px 10px 0px;
color: #fff;
font-size: 1.3rem;
}
.c-map #small-box em {
font-size: 2rem;
font-style: normal;
margin: 0;
font-weight: 700;
}
.c-map #small-box p {
color: #fff;
font-size: 0.7rem;
margin: 0;
}
.c-map #info-box {
position: absolute;
width: 80%;
height: auto;
display: none;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 20px 15px 40px 15px;
z-index: 2;
margin-left: 10%;
top: 10%;
}
@media (max-width: 767px) {
.c-map #info-box {
position: relative;
margin: 30px 0px 20px 0px;
width: 100%;
padding: 10px;
}
}
.c-map #info-box .info-box__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.c-map #info-box .info-box__header {
display: none;
}
}
.c-map #info-box .info-box__header h4 {
padding: 0;
margin: 0;
color: #fff;
font-size: 2rem;
}
.c-map #info-box .info-box__header button {
background: none;
border: 2px solid #fff;
height: 35px;
width: 35px;
color: #d03855;
border-radius: 50%;
font-size: 1.7rem;
line-height: 1.7rem;
text-align: center;
}
.c-map #info-box .info-box__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.c-map #info-box .info-box__content p {
color: #fff;
text-transform: uppercase;
margin: 0;
}
.c-map #info-box .info-box__content p span {
font-size: 0.9rem;
text-transform: uppercase;
display: block;
}
.c-map #info-box .info-box__content .info-box__content-l {
text-align: right;
width: 50%;
padding: 0px 20px;
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-l {
width: 100%;
text-align: left;
padding: 0px 5px;
}
}
.c-map #info-box .info-box__content .info-box__content-l p {
font-size: 1.8rem;
line-height: 2.2rem;
}
.c-map #info-box .info-box__content .info-box__content-l p em {
font-size: 5.5vw;
font-weight: 700;
font-style: normal;
line-height: 1.2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-l p em {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
font-size: 1.5rem;
margin-bottom: 5px;
}
}
.c-map #info-box .info-box__content .info-box__content-l p em.lowerthan:before {
width: 0;
height: 0;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-bottom: 26px solid #3cff01;
display: block;
margin: 2vw 20px 0px 0px;
content: "";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-l p em.lowerthan:before {
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 14px solid #3cff01;
margin: 2vw 20px 0px 10px;
}
}
.c-map #info-box .info-box__content .info-box__content-l p em.equalto:before {
width: 0;
height: 0;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-bottom: 26px solid #9f9f9f;
display: block;
margin: 2vw 20px 0px 0px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
content: "";
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-l p em.equalto:before {
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 14px solid #9f9f9f;
margin: 2vw 20px 0px 10px;
}
}
.c-map #info-box .info-box__content .info-box__content-l p em.higherthan:before {
width: 0;
height: 0;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-bottom: 26px solid red;
display: block;
margin: 2vw 20px 0px 0px;
content: "";
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-l p em.higherthan:before {
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 14px solid red;
margin: 2vw 20px 0px 10px;
}
}
.c-map #info-box .info-box__content .info-box__content-l p span {
font-size: 1.4rem;
line-height: 1.7rem;
}
.c-map #info-box .info-box__content .info-box__content-l p span sup {
text-transform: lowercase;
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-l p span {
font-size: 1rem;
line-height: 1.2rem;
}
}
.c-map #info-box .info-box__content .info-box__content-l p.footnote {
font-size: 1.2rem;
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-l p.footnote {
font-size: 1rem;
line-height: 1.2rem;
}
}
.c-map #info-box .info-box__content .info-box__content-r {
text-align: left;
width: 50%;
padding: 0px 10px 0px 20px;
border-left: 2px solid white;
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-r {
width: 100%;
padding: 0px 5px;
border: 0;
margin-top: 20px;
}
}
.c-map #info-box .info-box__content .info-box__content-r p {
font-size: 1.1rem;
line-height: 1.4rem;
}
.c-map #info-box .info-box__content .info-box__content-r p em {
font-size: 3rem;
font-weight: 700;
font-style: normal;
line-height: 1.2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-r p em {
font-size: 1.5rem;
margin-bottom: 5px;
}
}
.c-map #info-box .info-box__content .info-box__content-r p span {
font-size: 1.2rem;
line-height: 1.5rem;
}
.c-map #info-box .info-box__content .info-box__content-r p span sup {
text-transform: lowercase;
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-r p span {
font-size: 1rem;
line-height: 1.2rem;
}
}
.c-map #info-box .info-box__content .info-box__content-r p.footnote {
font-size: 0.9rem;
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-r p.footnote {
font-size: 1rem;
}
}
.c-map #info-box .info-box__content .info-box__content-r .stat4 em.lowerthan:after {
width: 0;
height: 0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 19px solid #3cff01;
display: block;
margin: 9px 0px 0px 10px;
content: "";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-r .stat4 em.lowerthan:after {
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 14px solid #3cff01;
margin: 7px 0px 0px 10px;
}
}
.c-map #info-box .info-box__content .info-box__content-r .stat4 em.equalto:after {
width: 0;
height: 0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 19px solid #9f9f9f;
display: block;
margin: 9px 0px 0px 10px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
content: "";
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-r .stat4 em.equalto:after {
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 14px solid #9f9f9f;
margin: 7px 0px 0px 10px;
}
}
.c-map #info-box .info-box__content .info-box__content-r .stat4 em.higherthan:after {
width: 0;
height: 0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 19px solid red;
display: block;
margin: 9px 0px 0px 10px;
content: "";
}
@media (max-width: 767px) {
.c-map #info-box .info-box__content .info-box__content-r .stat4 em.higherthan:after {
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 14px solid red;
margin: 7px 0px 0px 10px;
}
}
.c-map.ASCVD #info-box .info-box__content .info-box__content-l .stat1 em:before {
display: none;
}
.c-map.ASCVD #info-box .info-box__content .info-box__content-r .stat3 {
display: none;
}
.c-map.ASCVD #info-box .info-box__content .info-box__content-r .stat4 em {
margin-top: 20px;
}
.c-map.ASCVD .c-map__mobileselector select {
border-color: #21954d;
color: #21954d;
background-image: linear-gradient(45deg, transparent 50%, #21954d 50%), linear-gradient(135deg, #21954d 50%, transparent 50%);
}
.c-map.HF #info-box .info-box__content .info-box__content-r .stat3 em,
.c-map.HF #info-box .info-box__content .info-box__content-r .stat4 em {
margin-top: 20px;
}
.c-map.HF .c-map__mobileselector select {
border-color: #d13a62;
color: #d13a62;
background-image: linear-gradient(45deg, transparent 50%, #d13a62 50%), linear-gradient(135deg, #d13a62 50%, transparent 50%);
}
.c-map.MI #info-box .info-box__content .info-box__content-l .stat1 em:before {
display: none;
}
.c-map.MI #info-box .info-box__content .info-box__content-r .stat2 em,
.c-map.MI #info-box .info-box__content .info-box__content-r .stat3 em {
display: none;
}
.c-map.MI #info-box .info-box__content .info-box__content-r .stat4 em {
margin-top: 20px;
}
.c-map.MI .c-map__mobileselector select {
border-color: #578ecb;
color: #578ecb;
background-image: linear-gradient(45deg, transparent 50%, #578ecb 50%), linear-gradient(135deg, #578ecb 50%, transparent 50%);
}
.c-map.MI + .c-map__refs .c-map__refs-pagelink {
display: none !important;
}
.c-map__refs {
margin-top: 40px;
}
.c-map__refs p {
font-size: 0.8rem;
}
.c-map__refs .c-map__refs-veeva {
margin-bottom: 20px;
font-size: 0.8rem;
}
.c-map__refs .c-map__refs-pagelink {
color: #14385d;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 40px;
display: block;
}
.c-map__refs .c-map__refs-pagelink:after {
content: "";
width: 36px;
height: 20px;
background: url("../../../assets/img/pink_arrows.png") no-repeat center center/contain;
display: inline-block;
position: absolute;
margin: 3px 0px 0px 8px;
}
@media (max-width: 767px) {
.c-map__refs .c-map__refs-pagelink:after {
width: 30px;
height: 17px;
}
}
.c-map__refs .c-map__refs-notes p {
margin: 0px;
color: #000;
}
.c-map__refs .c-map__refs-reflist ol {
padding-left: 16px;
margin-top: 5px;
font-size: 0.8rem;
}
.c-map__refs .c-map__refs-reflist a {
color: #000;
}
.c-map__refs h5 {
margin: 20px 0px 0px 0px;
font-size: 1rem;
}
.c-map__mobileselector {
margin-top: 30px;
display: none;
}
.c-map__mobileselector select {
width: 100%;
margin-top: 10px;
height: 40px;
padding: 0px 10px;
}
@media (max-width: 767px) {
.c-map__mobileselector {
display: block;
}
}
.rating-component {
margin: 0;
padding: 0;
display: none;
padding-top: 10px;
margin-bottom: 80px;
}
.rating-component:before {
display: none !important;
}
.rate {
float: left;
height: 46px;
padding: 0 10px;
padding-left: 0px;
margin-top: 6px;
}
.rate input {
display: none;
}
.rate:not(:checked) > input {
position: absolute;
top: -9999px;
}
.rate:not(:checked) > label {
float: right;
width: 1.6em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 30px;
color: #ccc;
}
.rate > input:checked ~ label {
color: #e0013f;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
color: #e0013f;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
color: #e0013f;
}
.rate_title {
color: #14385d;
font-size: 1.6em;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, "Trebuchet MS", Verdana, sans-serif;
padding-bottom: 10px;
}
.wrapper {
padding: 20px;
max-width: 100%;
height: 130px;
}
.close_iconx {
float: right;
color: #e0013f;
cursor: pointer;
font-size: 24px;
}
.gradient {
background: url("../../../assets/img/AHA-background-medinfo.jpg") no-repeat bottom center/cover;
/* IE6-9 */
}
#rating-thank-you {
display: none;
padding: 0px;
margin: 0px;
margin-top: 8px;
}
.rate:not(:checked) > label {
color: #e0013f;
}
@media only screen and (max-width: 767px) {
.rate_title {
font-size: 1em;
}
}
@media only screen and (max-width: 319px) {
.rate {
padding: 0px;
}
}
.c-questionblock a {
position: relative;
overflow: hidden;
}
.new_content_selector-title {
background-color: #e0013f;
font-size: 25px;
padding: 3px 7px 3px 7px;
color: white;
display: inline;
margin: 2px 5px 5px 0px;
font-weight: 600 !important;
-webkit-transform: translateY(5px);
transform: translateY(5px);
float: left;
}
.new_content_selector-link {
background-color: #e0013f;
font-size: 15px;
padding: 1px 5px 1px 5px;
color: white;
display: inline;
margin-left: 0px;
font-weight: 600 !important;
}
.new_content_selector-image {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right: -50px;
top: 16px;
width: 130px;
background-color: #e0013f;
font-weight: 600;
color: white;
text-align: -webkit-center;
-webkit-box-shadow: 0 3px 2px -2px grey;
box-shadow: 0 3px 2px -2px grey;
overflow: hidden;
font-size: 15px;
margin-right: 9px;
}
.header-slider-nav__container {
max-width: 1300px;
position: relative;
z-index: 1;
-webkit-transform: translateY(100%);
transform: translateY(100%);
margin: 0 auto;
}
.header-slider-nav__container button {
background-color: white;
outline: none;
border-radius: 100px;
width: 50px;
height: 50px;
border: 4px solid #e0013f;
color: #e0013f !important;
text-align: center;
font-size: 26px;
position: absolute;
-webkit-transform: translateY(210px);
transform: translateY(210px);
}
@media (max-width: 768px) {
.header-slider-nav__container button {
width: 34px;
height: 34px;
font-size: 20px;
border: 2px solid #e0013f;
}
}
.header-slider-nav__container .header-slider__prev {
left: 40px;
}
.header-slider-nav__container .header-slider__next {
right: 40px;
}
@media (max-width: 768px) {
.header-slider-nav__container .header-slider__next {
right: 20px;
-webkit-transform: translateY(118px);
transform: translateY(118px);
}
.header-slider-nav__container .header-slider__prev {
-webkit-transform: translateY(118px);
transform: translateY(118px);
left: 20px;
}
}
.header-slider-title__content {
background-color: #1a365f;
width: 100%;
height: 120px;
position: relative;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (max-width: 768px) {
.header-slider-title__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 1300px) {
.header-slider-title__content:after {
display: none;
}
}
.header-slider-title__content .header-slider-logo__wrapper {
max-width: 1300px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; /* Align horizontally to the left */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 0 40px;
}
@media (max-width: 768px) {
.header-slider-title__content .header-slider-logo__wrapper {
padding: 0 0;
}
}
.header-slider-title__content .header-slider-logo__wrapper img {
max-width: 400px;
}
@media (max-width: 768px) {
.header-slider-title__content .header-slider-logo__wrapper img {
width: 95%;
padding: 0 0;
}
}
.header-slider-title__content h1 {
font-weight: 300;
background-color: #1a365f;
color: white;
margin: 0 auto;
-webkit-transform: translateY(25%);
transform: translateY(25%);
padding-left: 40px;
max-width: 1300px;
}
@media (max-width: 768px) {
.header-slider-title__content h1 {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@media (max-width: 768px) {
.header-slider-title__content {
text-align: center;
height: 100px;
padding-left: 2em;
padding-right: 2em;
}
.header-slider-title__content h1 {
font-size: 32px;
height: 50px;
padding-left: 0;
-webkit-transform: translateY(8%);
transform: translateY(8%);
}
}
.header-slider {
margin: 0px auto 30px auto;
background: #0069b4;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.header-slider .slick-dots {
/* position: absolute; bottom: -3.5rem; */
display: block;
padding: 0;
margin: 0;
list-style: none;
line-height: 0;
}
.header-slider .slick-dots li {
position: relative;
display: inline-block;
width: 0.9375rem;
height: 0.9375rem;
margin: 0 0.875rem;
padding: 0;
cursor: pointer;
}
.header-slider .slick-dots li:first-child {
margin-left: 0;
}
.header-slider .slick-dots li:last-child {
margin-right: 0;
}
.header-slider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 0.9375rem;
height: 0.9375rem;
padding: 0.3125rem;
cursor: pointer;
color: transparent;
outline: none;
border: none;
background: rgba(47, 31, 22, 0.5);
border-radius: 50%;
}
.header-slider .slick-dots li button:hover,
.header-slider .slick-dots li button:focus,
.header-slider .slick-dots li.slick-active button {
outline: none;
background-color: #2d1d15;
-webkit-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
color: #2d1d15;
}
.header-slider .slick-initialized {
visibility: visible;
opacity: 1;
}
.header-slider .header-slider__item {
width: 100%;
max-width: 100vw;
height: 550px;
margin: 0 !important;
padding: 0 !important;
background-color: #747474 !important;
display: grid !important;
position: relative;
}
@media (min-width: 767px) {
.header-slider .header-slider__item {
height: 500px;
}
}
.header-slider .button-primary:after {
content: "";
position: absolute;
background: url("../../../assets/img/btn-icon-new-3d.svg") no-repeat;
background-size: contain;
top: calc(50% - 2px);
margin: 0;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-slider .slick-slide {
height: auto !important;
}
.header-slider .header-slider-feature__content {
margin: 0 auto;
height: 100%;
width: 100%;
position: relative;
color: white;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-position: center;
}
.header-slider .header-slider-feature__content * {
color: white !important;
}
.header-slider .header-slider-feature__content .header-slider-feature__content_overlay {
position: absolute;
background-position: center;
}
.header-slider .header-slider-feature__content p {
margin-top: 0;
}
.header-slider .header-slider-feature__content h2 {
margin-bottom: 35px;
font-size: 1.3rem;
font-weight: 600;
max-width: 40%;
}
.header-slider .slick-dots {
bottom: 25px !important;
text-align: left !important;
left: 15%;
}
.header-slider .slick-dots button {
background-color: white !important;
border: 2px solid #e0013f !important;
width: 10px !important;
height: 10px !important;
}
.header-slider .slick-dots li button:before {
display: none !important;
}
.header-slider .slick-dots li button:hover,
.header-slider .slick-dots li button:focus,
.header-slider .slick-dots li.slick-active button {
background-color: #e0013f !important;
}
.header-slider .slick-span {
text-decoration: none;
}
@media (min-width: 767px) {
.header-slider .header-slider-feature__items {
-webkit-transform: translateY(25%);
transform: translateY(25%);
padding-left: 15%;
width: 100%;
}
.header-slider .header-slider-feature__items i {
display: none;
}
.header-slider .header-slider-feature__mobile_link {
display: none;
}
}
@media (max-width: 768px) {
.header-slider .header-slider-feature__content {
padding: 0px;
}
.header-slider .header-slider-feature__mobile {
background-color: black;
color: white;
width: 100%;
}
.header-slider .header-slider-feature__mobile p {
margin: 0;
}
.header-slider .header-slider-feature__mobile h2 {
max-width: calc(100% - 20px);
margin: 0;
}
.header-slider .header-slider-feature__mobile p {
color: white;
}
.header-slider .header-slider__item {
height: 400px;
}
.header-slider .slider-h3 {
text-align: center;
}
.header-slider .slick-dots {
text-align: center !important;
bottom: 68px !important;
left: auto;
}
.header-slider .slick-dots li {
margin: 0 5px;
}
.header-slider .header-slider-feature__content {
background-position-x: 65%;
}
.header-slider .header-slider-feature__content * {
margin-bottom: 0px;
}
.header-slider .header-slider-feature__content h2 {
font-size: 16px;
font-weight: 900;
}
.header-slider .header-slider-feature__items {
padding-left: 20px;
}
}
@media (max-width: 1280px) {
.header-slider .header-slider-feature__content {
background-position-x: 75%;
}
}
.slick-initialized {
visibility: visible;
opacity: 1;
}
.header-video-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
}
.header-slider__item {
background-image: url("../../../assets/img/header_desk.png");
background-size: cover; /* This will cover the entire viewport */
background-position: center center; /* This will center the image */
background-repeat: no-repeat; /* This will prevent the image from repeating */
}
@media (max-width: 767px) {
.header-slider__item {
/* Adjust breakpoint if necessary */
background-image: url("../../../assets/img/header_mob.png");
}
}
.header-slider__item {
position: relative; /* This ensures the video and overlay position correctly */
height: 400px; /* You can adjust this as per your needs */
overflow: hidden; /* Ensures nothing goes outside of this box */
}
.header-slider__item .header-slider-feature--wrapper {
width: 1300px;
margin: 0 auto;
padding: 0 40px;
}
@media (max-width: 768px) {
.header-slider__item .header-slider-feature--wrapper {
padding: 0 0px;
}
}
.header-slider-feature__content_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.header-slider-feature__mobile {
position: relative; /* This ensures it overlays on top of the video and gradient */
z-index: 1;
}
.pause-button {
position: absolute;
bottom: 20px;
right: 20px;
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.7); /* semi-transparent black square */
border: none;
cursor: pointer;
z-index: 5; /* to ensure the button is above the video */
}
.pause-button .icon {
width: 20px;
height: 20px;
position: relative;
top: 25%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: transparent;
}
.pause-button .icon.play {
width: 14px; /* This resets the width so it won't interfere with the triangle shape */
height: 0; /* This resets the height */
border-left: 10px solid white; /* This creates the right triangle shape for the play icon */
border-top: 7px solid transparent; /* Upper slant for the triangle */
border-bottom: 7px solid transparent; /* Lower slant for the triangle */
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pause-button .icon {
position: relative;
width: 20px;
height: 20px;
}
.pause-button .icon.play {
background: white;
clip-path: polygon(100% 50%, 0 0, 0 100%);
display: inline-block; /* Show play button by default */
display: none;
}
.icon.pause:before,
.icon.pause:after {
content: "";
position: absolute;
width: 4px;
height: 20px;
background-color: white;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.icon.pause:before {
left: 2px;
}
.icon.pause:after {
left: 12px;
}
.header-slider-feature__mobile.header-slider-feature__items {
position: relative; /* Ensure z-index and other absolute/fixed elements behave correctly */
padding: 20px; /* Some padding to make the shadow more visible */
background: rgba(64, 64, 64, 0.85);
width: 500px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding-bottom: 3em;
}
@media (max-width: 1300px) {
.header-slider-feature__mobile.header-slider-feature__items {
max-width: 50vw;
}
}
@media (max-width: 769px) {
.header-slider-feature__mobile.header-slider-feature__items {
max-width: none;
width: 100vw;
position: absolute;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
padding-right: 10px;
}
}
.header-slider-feature__mobile.header-slider-feature__items h2 {
color: white !important;
}
.header-slider-feature__mobile.header-slider-feature__items p {
color: white !important;
}
.dots-overlay {
position: absolute;
bottom: 0; /* Placed at the bottom of the parent div */
left: 0; /* Placed at the left of the parent div */
width: 200px; /* Adjust this width as needed */
height: 100px; /* Adjust this height as needed */
background: url("/wp-content/themes/mcpress/assets/img/dots.png") no-repeat;
background-size: cover; /* This will ensure the image covers the full div, adjust as needed */
top: 50%;
}
.header-slider-feature__desktop {
font-weight: 700 !important;
}
.optimised-text {
display: none;
font-size: 12px;
}
@media (max-width: 769px) {
.optimised-text {
display: block;
}
}
.small-header-slider-nav__container {
max-width: 1300px;
position: relative;
z-index: 1;
-webkit-transform: translateY(100%);
transform: translateY(100%);
margin: 30px auto;
}
.small-header-slider-nav__container button {
background-color: white;
outline: none;
border-radius: 100px;
width: 50px;
height: 50px;
border: 4px solid #e0013f;
color: #e0013f !important;
text-align: center;
font-size: 26px;
position: absolute;
-webkit-transform: translateY(130px);
transform: translateY(130px);
}
@media (max-width: 768px) {
.small-header-slider-nav__container button {
width: 34px;
height: 34px;
font-size: 20px;
border: 2px solid #e0013f;
}
}
.small-header-slider-nav__container .small-header-slider__prev {
left: 20px;
}
.small-header-slider-nav__container .small-header-slider__next {
right: 20px;
}
@media (max-width: 768px) {
.small-header-slider-nav__container .small-header-slider__next {
right: 0px;
-webkit-transform: translateY(80px);
transform: translateY(80px);
}
.small-header-slider-nav__container .small-header-slider__prev {
-webkit-transform: translateY(80px);
transform: translateY(80px);
left: 0px;
}
}
@media (max-width: 1280px) {
.small-header-slider-nav__container .small-header-slider__next {
right: 20px;
}
.small-header-slider-nav__container .small-header-slider__prev {
left: 20px;
}
}
.small-header-slider {
margin-bottom: 30px;
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.small-header-slider .slick-dots {
/* position: absolute; bottom: -3.5rem; */
display: block;
padding: 0;
margin: 0;
list-style: none;
line-height: 0;
}
.small-header-slider .slick-dots li {
position: relative;
display: inline-block;
width: 0.9375rem;
height: 0.9375rem;
margin: 0 0.875rem;
padding: 0;
cursor: pointer;
}
.small-header-slider .slick-dots li:first-child {
margin-left: 0;
}
.small-header-slider .slick-dots li:last-child {
margin-right: 0;
}
.small-header-slider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 0.9375rem;
height: 0.9375rem;
padding: 0.3125rem;
cursor: pointer;
color: transparent;
outline: none;
border: none;
background: rgba(47, 31, 22, 0.5);
border-radius: 50%;
}
.small-header-slider .slick-dots li button:hover,
.small-header-slider .slick-dots li button:focus,
.small-header-slider .slick-dots li.slick-active button {
outline: none;
background-color: #2d1d15;
-webkit-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
color: #2d1d15;
}
.small-header-slider .slick-initialized {
visibility: visible;
opacity: 1;
}
.small-header-slider .small-header-slider__item {
width: 100%;
max-width: 100vw;
height: 300px;
margin: 0 !important;
padding: 0 !important;
background-color: #747474 !important;
display: grid !important;
}
.small-header-slider .button-primary:after {
content: "";
position: absolute;
background: url(../../../assets/img/btn-icon-new-generic.svg) no-repeat;
background-size: contain;
top: calc(50% - 2px);
margin: 0;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.small-header-slider .slick-slide {
height: auto !important;
}
.small-header-slider .small-header-slider-feature__content {
max-width: 1300px;
margin: 0 auto;
height: 100%;
width: 100%;
position: relative;
color: white;
background-size: cover;
background-position: center;
}
.small-header-slider .small-header-slider-feature__content * {
color: white !important;
}
.small-header-slider .small-header-slider-feature__content .small-header-slider-feature__content_overlay {
position: absolute;
background-position: center;
}
.small-header-slider .small-header-slider-feature__content p {
margin: 0 0 10px 0;
}
.small-header-slider .small-header-slider-feature__content h2 {
margin-bottom: 20px;
font-size: 1.3rem;
font-weight: 600;
max-width: 30%;
}
.small-header-slider .slick-dots {
bottom: 25px !important;
}
.small-header-slider .slick-dots button {
background-color: white !important;
border: 2px solid #e0013f !important;
width: 10px !important;
height: 10px !important;
}
.small-header-slider .slick-dots li button:before {
display: none !important;
}
.small-header-slider .slick-dots li button:hover,
.small-header-slider .slick-dots li button:focus,
.small-header-slider .slick-dots li.slick-active button {
background-color: #e0013f !important;
}
.small-header-slider .slick-span {
text-decoration: none;
}
@media (min-width: 768px) {
.small-header-slider .small-header-slider-feature__items {
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 15%;
position: relative;
z-index: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.small-header-slider .small-header-slider-feature__items:before {
content: "";
width: 100%;
height: 100%;
background: url("/wp-content/themes/mcpress/assets/img/general-carousel-gradient-overlay.png") left center/100%;
position: absolute;
top: 0;
z-index: -1;
left: 0;
}
.small-header-slider .small-header-slider-feature__mobile_link {
display: none;
}
}
@media (max-width: 768px) {
.small-header-slider .small-header-slider-feature__content {
padding: 0px;
}
.small-header-slider .small-header-slider-feature__mobile {
background-color: black;
color: white;
position: absolute;
top: calc(100% - 60px);
width: 100vw;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.small-header-slider .small-header-slider-feature__mobile p {
margin: 0;
}
.small-header-slider .small-header-slider-feature__mobile h2 {
max-width: calc(100% - 60px);
margin: 0;
width: calc(100% - 60px);
}
.small-header-slider .small-header-slider-feature__desktop {
display: NONE !important;
}
.small-header-slider .small-header-slider-feature__mobile p {
color: white;
}
.small-header-slider .small-header-slider__item {
height: 250px;
}
.small-header-slider .slider-h3 {
text-align: center;
}
.small-header-slider .slick-dots {
text-align: center !important;
bottom: 68px !important;
left: auto;
}
.small-header-slider .slick-dots li {
margin: 0 5px;
}
.small-header-slider .small-header-slider-feature__content {
background-position-x: 65%;
}
.small-header-slider .small-header-slider-feature__content * {
margin-bottom: 0px;
}
.small-header-slider .small-header-slider-feature__content h2 {
font-size: 16px;
font-weight: 900;
}
.small-header-slider .small-header-slider-feature__items {
padding-left: 20px;
}
}
@media (max-width: 1280px) {
.small-header-slider .small-header-slider-feature__content {
background-position-x: 75%;
}
}
.slick-initialized {
visibility: visible;
opacity: 1;
}
.enter-3d-banner {
background: url("../../../assets/img/mobile-landing-background.jpg");
position: relative;
background-size: contain;
min-height: 472px;
}
.enter-3d-banner p {
color: white !important;
font-weight: 0;
font-size: 16px;
margin-bottom: 6px;
}
@media (max-width: 767px) {
.enter-3d-banner {
background-position: 70% 0;
font-size: 14px;
}
}
.enter-3d-banner .enter-3d-banner__content {
padding: 40px 100px 60px 100px;
max-width: 1216px;
margin: 0 auto;
}
@media (max-width: 1599px) {
.enter-3d-banner .enter-3d-banner__content {
padding: 40px 50px 60px 50px;
max-width: 100%;
}
}
@media (max-width: 767px) {
.enter-3d-banner .enter-3d-banner__content {
padding: 40px 30px 50px 30px;
}
}
.enter-3d-banner .enter-3d-banner__content h4 {
color: white;
margin: 0;
font-weight: 600;
font-size: 2rem;
margin-bottom: 12px;
}
@media (max-width: 1300px) {
.enter-3d-banner .enter-3d-banner__content h4 {
font-size: 24px;
}
}
.enter-3d-banner .enter-3d-banner__content h5 {
font-weight: 600;
color: white;
}
.enter-3d-banner .enter-3d-banner__content .button-primary {
display: inline-block;
position: relative;
height: auto;
text-decoration: none;
}
.enter-3d-banner .enter-3d-banner__content .button-primary:after {
content: "";
position: absolute;
background: url(../../../assets/img/email-icon.svg) no-repeat;
background-size: contain;
top: calc(50% + 3px);
margin: 0;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.enter-3d-banner .enter-3d-banner__content .enter-3d-banner__now:after {
background: url(../../../assets/img/email-icon.svg) no-repeat;
}
@media (max-width: 769px) {
.enter-3d-banner .enter-3d-banner__content .button-primary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.enter-3d-banner .enter-3d-banner__inner {
max-width: 600px;
}
@media (max-width: 769px) {
.enter-3d-banner .enter-3d-banner__desktop {
display: none;
}
}
.enter-3d-banner .enter-3d-banner__mobile {
margin-top: 20px;
height: auto;
}
.share_button__a {
color: white;
}
.exp-3d-later {
position: fixed;
cursor: pointer !important;
z-index: 99999999999999;
z-index: 5;
top: 75vh;
left: calc(100% - 100px);
background-color: transparent;
border: none;
}
@media (max-width: 769px) {
.exp-3d-later {
left: calc(100% - 80px);
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.exp-3d-later {
position: fixed;
right: 0;
}
}
@-moz-document url-prefix() {
.exp-3d-later {
position: fixed;
right: 0;
}
}
.share_text_container {
white-space: nowrap;
}
.share_icon {
vertical-align: -0.2em !important;
background-image: url(../../../assets/img/email-icon.svg);
width: 30px;
height: 20px;
padding-left: 10px;
display: inline-block;
padding-right: 10px;
margin-left: 8px;
margin-right: 8px;
}
.share_text {
color: white;
font-weight: 600;
display: inline-block;
font-size: 13px;
line-height: 1.2;
}
@media (max-width: 768px) {
#share-button {
display: none;
}
}
.c-twocolumn-wrapper {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-bottom: 40px;
}
.c-twocolumn-wrapper__left {
width: 33.33%;
padding: 0 1.5em;
}
@media (max-width: 1024px) {
.c-twocolumn-wrapper__left {
width: 50%;
text-align: left;
}
}
@media (max-width: 767px) {
.c-twocolumn-wrapper__left {
width: 100%;
padding: 0;
}
}
.c-twocolumn-wrapper__left h3 {
font-weight: 600;
margin-top: 0;
/* Define variable for fallback */
/* Base font size */
font-size: 16px;
}
@media (min-width: 480px) and (max-width: 1199px) {
.c-twocolumn-wrapper__left h3 {
/* Adds a fallback for unsupported browsers */
font-size: 18px;
/* The fluid typography magic 🌟 */
font-size: calc(16px + (20 - 16) * (100vw - 480px) / (1200 - 480));
}
}
@media (min-width: 1200px) {
.c-twocolumn-wrapper__left h3 {
font-size: 20px;
}
}
.c-twocolumn-wrapper__left p {
/* Define variable for fallback */
/* Base font size */
font-size: 14px;
}
@media (min-width: 480px) and (max-width: 1199px) {
.c-twocolumn-wrapper__left p {
/* Adds a fallback for unsupported browsers */
font-size: 15px;
/* The fluid typography magic 🌟 */
font-size: calc(14px + (16 - 14) * (100vw - 480px) / (1200 - 480));
}
}
@media (min-width: 1200px) {
.c-twocolumn-wrapper__left p {
font-size: 16px;
}
}
.c-twocolumn-wrapper__right {
width: 66.66%;
}
@media (max-width: 1024px) {
.c-twocolumn-wrapper__right {
width: 50%;
}
}
@media (max-width: 767px) {
.c-twocolumn-wrapper__right {
width: 100%;
}
}
.c-slickslider:before {
height: 50vw;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}
.c-slickslider {
padding-bottom: 2em;
}
.c-slickslider h4 {
margin-top: 80px;
position: relative;
}
.c-slickslider--quizblock .c-slickslider__slides {
margin-bottom: 0;
}
.c-slickslider--quizblock .c-slickslider__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
margin: auto;
position: relative;
}
.c-slickslider--quizblock .c-slickslider__controls button {
display: block;
}
.c-slickslider--quizblock .c-slickslider__controls .slick-arrow {
background: none;
position: relative;
-webkit-transform: none;
transform: none;
top: 0;
left: 0;
right: 0;
border: none;
display: none;
}
.c-slickslider--quizblock .c-slickslider__controls .slick-arrow i {
border: solid 2px #e0013f;
color: #e0013f;
border-radius: 50%;
display: block;
width: 1.6em;
height: 1.6em;
font-size: 26px;
position: relative;
}
.c-slickslider--quizblock .c-slickslider__controls .slick-arrow i:before {
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.c-slickslider--quizblock .c-slickslider__controls .slick-arrow i.fa-chevron-left:before {
left: calc(50% - 0.05em);
}
.c-slickslider--quizblock .c-slickslider__controls .slick-arrow i.fa-chevron-right:before {
left: calc(50% + 0.05em);
}
.c-slickslider--quizblock .c-slickslider__dots {
margin: 0 10px;
}
.c-slickslider--quizblock .c-slickslider__dots .slick-dots {
position: relative;
bottom: 0;
}
.c-slickslider--quizblock .c-slickslider__dots .slick-dots li {
border: solid 2px #e0013f;
background: none;
border-radius: 50%;
width: 10px;
height: 10px;
pointer-events: all;
}
.c-slickslider--quizblock .c-slickslider__dots .slick-dots li.slick-active {
background: #e0013f;
}
.c-slickslider--quizblock .c-slickslider__dots .slick-dots li button {
display: none;
}
.c-slickslider--quizblock .c-slickslider__score {
position: absolute;
top: 30px;
right: 0px;
color: #fff;
background: #060050;
text-align: right;
padding: 0.5em 1em;
border-bottom-left-radius: 1.4em;
z-index: 3;
display: none;
/* Define variable for fallback */
/* Base font size */
font-size: 14px;
}
@media (min-width: 480px) and (max-width: 1199px) {
.c-slickslider--quizblock .c-slickslider__score {
/* Adds a fallback for unsupported browsers */
font-size: 17px;
/* The fluid typography magic 🌟 */
font-size: calc(14px + (20 - 14) * (100vw - 480px) / (1200 - 480));
}
}
@media (min-width: 1200px) {
.c-slickslider--quizblock .c-slickslider__score {
font-size: 20px;
}
}
.c-slickslider--quizblock .c-slickslider__score-label {
color: #fff;
font-weight: 400;
padding: 0;
margin: 0;
font-size: 1em;
}
.c-slickslider--quizblock .c-slickslider__score-number {
font-weight: 600;
font-size: 1.4em;
line-height: 1em;
color: #ccd500;
}
.c-slickslider--quizblock .c-slickslider__button {
background: #e0013f;
color: #fff;
text-transform: uppercase;
font-weight: 600;
padding: 0 1.2em;
line-height: 2.8em;
border-radius: 1.5em;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
cursor: pointer;
opacity: 0;
pointer-events: none;
/* Define variable for fallback */
/* Base font size */
font-size: 14px;
}
@media (min-width: 480px) and (max-width: 1199px) {
.c-slickslider--quizblock .c-slickslider__button {
/* Adds a fallback for unsupported browsers */
font-size: 15px;
/* The fluid typography magic 🌟 */
font-size: calc(14px + (16 - 14) * (100vw - 480px) / (1200 - 480));
}
}
@media (min-width: 1200px) {
.c-slickslider--quizblock .c-slickslider__button {
font-size: 16px;
}
}
.no-touchevents .c-slickslider--quizblock .c-slickslider__button:hover {
background: rgb(249.3866666667, 1.1133333333, 70.14);
}
.c-slickslider--quizblock .c-slickslider__button--active {
opacity: 1;
pointer-events: all;
}
.c-slickslider--quizblock .c-slickslider__button--nextquestion {
position: absolute;
right: 20px;
bottom: 100%;
z-index: 3;
}
.c-slickslider--quizblock .c-slickslider__button--restart {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 100%;
z-index: 3;
}
.c-slickslider--quizblock .c-slickslider__congrats {
margin: 20px;
padding: 40px;
min-height: 200px;
text-align: center;
color: #060050;
}
.c-slickslider--quizblock .c-slickslider__congrats p {
line-height: 1.4em;
color: #060050;
/* Define variable for fallback */
/* Base font size */
font-size: 16px;
}
@media (min-width: 480px) and (max-width: 1199px) {
.c-slickslider--quizblock .c-slickslider__congrats p {
/* Adds a fallback for unsupported browsers */
font-size: 18px;
/* The fluid typography magic 🌟 */
font-size: calc(16px + (20 - 16) * (100vw - 480px) / (1200 - 480));
}
}
@media (min-width: 1200px) {
.c-slickslider--quizblock .c-slickslider__congrats p {
font-size: 20px;
}
}
.c-slickslider--quizblock .c-slickslider__congrats p strong {
color: #060050;
display: block;
}
.c-slickslider--quizblock .c-slickslider__congrats__label {
font-size: 2em;
line-height: 1.4em;
font-weight: 600;
}
.c-slickslider--quizblock .c-slickslider__congrats__score {
font-size: 4em;
line-height: 1.2em;
font-weight: 600;
color: #e0013f !important;
}
.c-slickslider--quizblock .c-slickslider__congrats__description {
font-size: 1.2em;
}
.c-slickslider--quizblock[data-scoring="1"] .c-slickslider__controls button {
display: none;
}
.c-slickslider--quizblock[data-scoring="1"] .c-slickslider__score {
display: block;
}
.c-slickslider--quizblock[data-scoring="1"] .c-slickslider__dots[data-finish=true] {
display: none;
}
.c-slickslider--quizblock[data-scoring="1"] .c-slickslider__dots .slick-dots li {
pointer-events: none;
}
.c-slickslider--quizblock[data-scoring="1"] .c-slickslider__dots .slick-dots li:last-child {
border: solid 5px purple;
display: none;
}
.cta3d {
background: url("../../../assets/img/content-background-dark.jpg") no-repeat center center/cover;
position: relative;
padding: 3em 0;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2em;
}
.cta3d h4,
.cta3d p {
color: white;
}
.cta3d h4 {
font-weight: 600;
font-size: 32px;
max-width: 500px;
margin-bottom: 0.5em !important;
margin-top: 0;
}
@media (max-width: 1300px) {
.cta3d h4 {
font-size: 24px;
}
}
.cta3d p {
margin-bottom: 2em !important;
}
.cta3d .cta3d-inner {
grid-column: span 2;
max-width: 1216px;
margin: 0 auto;
padding: 0 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767px) {
.cta3d .cta3d-inner {
padding: 0 20px;
}
}
.cta3d .cta3d-banner__content--items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 2em 6em 2em 0em;
}
.cta3d .cta3d-banner__content-link {
position: relative; /* Key change here */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cta3d .cta3d-banner__content-link p {
margin: 15px 0 7px;
position: relative; /* to keep it above the image */
z-index: 2;
}
.cta3d .cta3d-banner__content-link img {
display: block;
width: 100%;
height: auto;
position: relative; /* to keep it below the content */
z-index: 1;
}
@media (max-width: 1200px) {
.cta3d .cta3d-banner__content-link img {
opacity: 0.5;
}
}
.cta3d .cta3d-image {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 500px;
}
@media (max-width: 1200px) {
.cta3d .cta3d-image {
width: auto;
}
}
.cta3d .cta3d-image .cta3d-image-inner {
max-height: 420px;
}
.cta3d .cta3d-image img {
max-height: 220px;
height: auto;
padding: 1em;
}
.cta3d a {
position: relative;
}
.cta3d a .text-content {
position: absolute; /* Key change here */
width: 100%;
z-index: 1;
top: 25%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: "Arimo";
font-size: 24px;
font-weight: 700;
color: white;
}
@media (max-width: 1200px) {
.cta3d a .text-content {
height: 100%;
top: 10px;
}
}
.cta3d a .text-content .text-content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cta3d a .text-content .text-content-inner {
line-height: 0em;
top: calc(50% + 20px);
}
@media (max-width: 1200px) {
.cta3d a .text-content {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
left: 10px;
top: -50%;
line-height: 0;
}
.cta3d a .text-content .text-content-inner {
display: block;
font-size: 20px !important;
}
}
.cta3d a .text-content-inner {
position: absolute;
left: 20px;
top: 50%;
}
@media (max-width: 1200px) {
.cta3d a .text-content-inner {
position: relative;
left: auto;
top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
line-height: 0.5em;
font-size: 24px;
}
}
.cta3d a .text-content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cta3d a .text-content .hall-text {
margin-right: -10px;
}
.cta3d a .text-content .arrow-icon {
display: inline-block;
vertical-align: middle;
width: 65px;
height: auto;
margin-left: -10px;
}
@media (max-width: 767px) {
.cta3d a .text-content .arrow-icon {
width: 50px;
}
}
@media (max-width: 767px) {
.cta3d {
padding: 4em 1em 2em;
grid-template-columns: 1fr;
}
.cta3d .cta3d-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cta3d .cta3d-banner__content--items {
max-width: 100%;
padding: 0;
}
.cta3d .cta3d-image {
margin: 0 auto;
padding-bottom: 2em;
width: 100%;
}
.cta3d .text-content {
padding: 0.5em;
margin-top: 0.25em;
}
.cta3d .text-content-inner {
display: grid;
font-size: 20px;
width: 100%;
}
.cta3d .text-content-inner img {
height: auto;
max-height: auto;
}
.cta3d .text-content .arrow-icon {
width: 50px;
}
}
.page-template-page-tall .site-content .content-area .page-nav {
z-index: 2;
}
.page-template-page-tall .site-content .content-area .site-main {
width: calc(100% - 760px);
max-width: 3000px;
}
@media (max-width: 1023px) {
.page-template-page-tall .site-content .content-area .site-main {
width: 100%;
}
}
.page-template-page-tall .site-content .content-area .site-main .site-main__centre {
max-width: 3000px;
}
.page-template-page-tall .site-content .content-area .site-main .site-main__centre > .page-component:before {
content: "";
display: block;
position: absolute;
left: 0;
width: 100vw;
padding-top: 43%;
z-index: 0;
background: #fff;
}
@media (max-width: 1280px) {
.page-template-page-tall .site-content .content-area .site-main .site-main__centre > .page-component:before {
background-size: cover !important;
height: 100vw;
}
}
.page-template-page-tall .site-content .content-area .site-main .site-main__centre > .page-component.bg-light:before {
background: url("../../../assets/img/content-background-light.jpg") no-repeat top center/100%;
}
.page-template-page-tall .site-content .content-area .site-main .site-main__centre > .page-component.bg-dark h4 {
color: #fff;
}
.page-template-page-tall .site-content .content-area .site-main .site-main__centre > .page-component.bg-dark:before {
background: url("../../../assets/img/content-background-dark.jpg") no-repeat top center/100%;
padding-top: 50vw;
}
.page-template-page-tall .site-content .content-area .site-main .site-main__centre > .page-component.bg-dark .fa-chevron-right, .page-template-page-tall .site-content .content-area .site-main .site-main__centre > .page-component.bg-dark .fa-chevron-left {
color: white !important;
}
.page-template-page-tall .site-content .content-area .site-main .site-main__centre > .page-component:last-child:before {
max-height: 100vw;
}
@media (min-width: 1024px) {
.page-template-page-tall .site-content .content-area .site-main .site-main__centre > .page-component:last-child:before {
max-height: 100vw;
}
}
@media (min-width: 1600px) {
.page-template-page-tall .site-content .content-area .site-main .site-main__centre > .page-component:last-child:before {
padding-top: 0vw;
}
}
.page-template-page-tall .site-content .content-area .site-main .site-main__centre h3 {
font-size: 1.3rem;
font-weight: 200;
margin: 0 0 10px 0;
}
.page-template-page-tall .site-content .content-area .site-main .site-main__centre h4 {
font-size: 1.75rem;
font-weight: 200;
color: #060050;
}
@media (max-width: 769px) {
.page-template-page-tall .site-content .content-area .site-main .site-main__centre h4 {
font-size: 1.3rem;
}
}
.page-template-page-tall .site-content .content-area .site-main .site-main__centre h4 span {
color: #fff;
background-color: #ff0000;
display: inline-block;
padding: 3px;
margin-right: 10px;
text-transform: uppercase;
}
.page-template-page-tall .site-content .content-area .site-main .site-main__centre .tallpage-mobile-menu + .page-component h4,
.page-template-page-tall .site-content .content-area .site-main .site-main__centre .c-maplink-block + .page-component h4 {
padding-top: 0;
}
.page-template-page-tall .site-content .content-area .page-ladder {
display: block;
width: 17vw;
position: relative;
border-top: 225px solid #fff;
}
@media (max-width: 1280px) {
.page-template-page-tall .site-content .content-area .page-ladder {
display: none;
}
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content {
position: absolute;
width: inherit;
margin-top: -70px;
-webkit-transform: translateX(-1vw);
transform: translateX(-1vw);
background: rgba(255, 255, 255, 0.7);
padding: 0px 15px 40px 10px;
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content.fixed {
position: fixed;
top: 0;
margin-top: 70px;
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content.bottom {
bottom: 0;
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content h3 {
font-size: 1.3rem;
font-weight: 400;
color: #060050;
margin-left: 10px;
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content ul {
list-style-type: none;
padding-left: 25px;
position: relative;
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content ul li {
margin-bottom: 10px;
position: relative;
padding-left: 5px;
line-height: 1.2rem;
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content ul li:before {
content: "";
background-color: #14385d;
width: 2px;
height: calc(100% + 15px);
display: block;
position: absolute;
left: 0;
margin: 3px 0px 0px -10px;
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content ul li a {
color: #14385d;
font-weight: 600;
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content ul li a:before {
content: "";
width: 16px;
height: 16px;
border: 2px solid #14385d;
background: #fff;
border-radius: 50%;
display: block;
position: absolute;
left: 0;
margin: 3px 0px 0px -17px;
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content ul li a:after {
content: "\f054";
color: #e0013f;
font-family: "Font Awesome 5 Free";
margin: 1px 0px 0px 5px;
position: absolute;
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content ul li.new-item:after {
width: 8px;
height: 8px;
background: #e0013f;
content: "";
display: block;
position: absolute;
border-radius: 50%;
left: 0;
top: 0;
margin: 7px 0px 0px -13px;
z-index: 2;
}
.page-template-page-tall .site-content .content-area .page-ladder .page-ladder__content ul li:last-child:before {
display: none;
}
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu {
display: none;
margin-top: 20px;
max-width: 300px;
}
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu:before {
display: none !important;
}
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu button {
background: transparent;
border: 2px solid #e0013f;
width: 100%;
color: #e0013f;
text-align: left;
height: 34px;
font-weight: 600;
line-height: 28px;
position: relative;
}
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu button:after {
content: "\f054";
color: #e0013f;
font-family: "Font Awesome 5 Free";
position: absolute;
margin-right: 5px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
right: 0;
}
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu button.active:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-right: 8px;
}
@media (max-width: 1280px) {
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu {
display: block;
}
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu #tallpageMobileDropdown {
max-width: 300px;
display: block;
max-height: 0;
overflow: hidden;
position: absolute;
background: white;
width: calc(100% - 60px);
z-index: 10;
border-left: 2px solid #e0013f;
border-right: 2px solid #e0013f;
border-bottom: 2px solid #e0013f;
padding: 0 15px;
list-style-type: none;
margin: -2px auto 0px auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu #tallpageMobileDropdown li {
margin-bottom: 15px;
}
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu #tallpageMobileDropdown li.new-item:before {
content: "New! ";
font-weight: 600;
color: #e0013f;
}
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu #tallpageMobileDropdown.show {
max-height: 100%;
padding: 10px 15px;
}
}
@media (max-width: 769px) {
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu {
width: 100%;
max-width: 100%;
}
.page-template-page-tall .site-content .content-area .tallpage-mobile-menu #tallpageMobileDropdown {
max-width: 100%;
}
}
.c-maplink-block {
margin: 50px 0px;
min-height: 180px;
}
.c-maplink-block .c-maplink-block__left {
padding-left: 3% !important;
}
.c-maplink-block:before {
display: none !important;
}
.c-maplink-block .c-maplink-block__content {
width: 100%;
position: relative;
min-height: 180px;
padding: 0 3% 0 55%;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
@media (max-width: 530px) {
.c-maplink-block .c-maplink-block__content {
padding-left: 45%;
padding-right: 5%;
}
}
.c-maplink-block .c-maplink-block__content h4 {
padding: 0;
margin: 0 0 15px 0;
color: #060050;
font-weight: 700 !important;
}
.c-maplink-block .c-maplink-block__content h4.new::before {
content: "New!";
background-color: #ff0000;
color: #fff;
display: inline-block;
padding: 3px;
margin-right: 10px;
text-transform: uppercase;
font-weight: normal;
}
.c-maplink-block .c-maplink-block__content a:after {
content: "";
position: absolute;
background: url(../../../assets/img/btn-icon-new-generic.svg) no-repeat;
background-size: contain;
top: calc(50% - 1px);
margin: 0;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@-webkit-keyframes fade_in_show {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes fade_in_show {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.c-knowledge-checkpoint {
width: 320px;
position: fixed;
z-index: 99999;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: transparent;
border: none;
-webkit-animation: fade_in_show 0.5s;
animation: fade_in_show 0.5s;
display: none;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint--icon {
width: 80px;
height: 80px;
-o-object-fit: inherit;
object-fit: inherit;
position: absolute;
left: -17.5%;
top: -10px;
-o-object-fit: contain;
object-fit: contain;
z-index: 1;
}
@media (max-width: 769px) {
.c-knowledge-checkpoint .c-knowledge-checkpoint--icon {
position: relative;
width: 50px;
height: 50px;
left: auto;
top: auto;
}
}
.c-knowledge-checkpoint h3,
.c-knowledge-checkpoint h4 {
color: white;
padding: 0;
font-size: 1.1rem;
margin: 0;
margin-top: 3px;
}
@media (max-width: 769px) {
.c-knowledge-checkpoint h3,
.c-knowledge-checkpoint h4 {
font-size: 1.2rem;
}
}
.c-knowledge-checkpoint h4 {
font-size: 1rem;
color: #1a365f;
}
@media (max-width: 769px) {
.c-knowledge-checkpoint h4 {
font-size: 1rem;
}
}
.c-knowledge-checkpoint label:hover {
cursor: pointer;
}
@media (max-width: 769px) {
.c-knowledge-checkpoint {
position: fixed;
bottom: 0;
top: auto;
width: 100%;
}
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__title {
background-color: #1a365f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1em;
padding-left: 2em;
}
@media (max-width: 769px) {
.c-knowledge-checkpoint .c-knowledge-checkpoint__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__title .c-knowledge-checkpoint__close {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
border-radius: 23px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
background-color: white;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__title .c-knowledge-checkpoint__close:hover {
background-color: #e0013f;
color: white;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__title .c-knowledge-checkpoint__close:hover svg {
fill: white;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__title .c-knowledge-checkpoint__close svg {
width: 30px;
height: 30px;
fill: #e0013f;
}
@media (max-width: 769px) {
.c-knowledge-checkpoint .c-knowledge-checkpoint__title {
padding: 0.5em 0.5em 0.5em 0.5em;
}
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content {
border: 2px solid #1a365f;
-webkit-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
background-color: white;
border-bottom-left-radius: 30px;
padding: 1em 2em 2em 2em;
position: relative;
display: grid;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .active {
display: block;
height: auto;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .active input, .c-knowledge-checkpoint .c-knowledge-checkpoint__content .active label, .c-knowledge-checkpoint .c-knowledge-checkpoint__content .active h4 {
-webkit-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
opacity: 1;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .hidden {
height: 0;
overflow: hidden;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .hidden input, .c-knowledge-checkpoint .c-knowledge-checkpoint__content .hidden label, .c-knowledge-checkpoint .c-knowledge-checkpoint__content .hidden h4 {
-webkit-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
opacity: 0;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .c-knowledge-checkpoint__content__answers {
max-height: 150px;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .c-knowledge-checkpoint__content__answers.active {
max-height: 1000px;
-webkit-transition: max-height 2s;
transition: max-height 2s;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .c-knowledge-checkpoint__content__text {
padding-bottom: 1em;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .c-knowledge-checkpoint__content__bar__wrap {
position: relative;
margin-left: 0;
padding-top: 0.5em !important;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .c-knowledge-checkpoint__content__bar__wrap .c-knowledge-checkpoint__content__bar {
height: calc(100% - 3em);
width: 15px;
position: absolute;
left: -1.5rem;
border-radius: 23px;
background: -webkit-gradient(linear, left top, left bottom, from(#0f0), color-stop(#ff0), color-stop(#f80), to(#f00));
background: linear-gradient(to bottom, #0f0, #ff0, #f80, #f00);
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .c-knowledge-checkpoint__content__answers__answer {
margin-bottom: 0.5em;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .c-knowledge-checkpoint__content__answers__answer input {
margin-right: 0.5em;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .mobile-popup-warning {
display: none;
}
@media (max-width: 769px) {
.c-knowledge-checkpoint .c-knowledge-checkpoint__content {
border-bottom-right-radius: 0%;
border-bottom-left-radius: 0%;
padding: 1em 1em 1em 2em;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__content .mobile-popup-warning {
display: block;
clear: both;
}
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__close--button-main--next {
margin-top: 1em;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__close--button-main {
border: 4px solid #e0013f;
background-color: white;
color: #e0013f;
border-radius: 23px;
width: 120px;
height: 50px;
font-weight: 800;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: super;
pointer-events: none;
opacity: 0.3;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2em;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__close--button-main.activated {
opacity: 1;
pointer-events: auto;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__close--button-main:hover {
background-color: #e0013f;
color: white;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__close--button-main:hover svg {
fill: white;
}
.c-knowledge-checkpoint .c-knowledge-checkpoint__close--button-main svg {
fill: #e0013f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 30px;
height: 30px;
}
@media (max-width: 769px) {
.c-knowledge-checkpoint--active .c-knowledge-checkpoint {
display: block;
}
.c-knowledge-checkpoint--active #mobile-overlay {
position: fixed;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100vw;
z-index: 3;
height: 100vh;
background-color: #000000;
opacity: 0.7;
}
.c-knowledge-checkpoint--active .c-knowledge-checkpoint__title {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-knowledge-checkpoint--active .c-knowledge-checkpoint {
position: fixed;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
width: 95%;
}
.c-knowledge-checkpoint--active .c-knowledge-checkpoint__content {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
overflow: hidden;
}
.c-knowledge-checkpoint--active .c-knowledge-checkpoint__content .c-knowledge-checkpoint__content__text {
padding-bottom: 1em;
}
.c-knowledge-checkpoint--active .c-knowledge-checkpoint__content .c-knowledge-checkpoint__content__answers__answer {
margin-bottom: 1em;
}
}
#exit-ramp-background {
position: fixed;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
width: 100vw;
z-index: 3;
height: 100vh;
background-color: #000000;
opacity: 0.7;
display: none;
}
.exit_ramp_modal {
min-width: 600px;
max-width: 800px;
display: none;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
background-color: #ffffff;
border: 1px solid #000000;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px #000000;
box-shadow: 0 0 10px #000000;
z-index: 1000;
overflow: auto;
padding: 0em 0em 1em 0em;
border-radius: 23px;
}
.exit_ramp_modal_content {
background-color: white;
color: white;
}
.exit_ramp_modal_content h2 {
color: white;
font-size: 1.8rem;
margin-left: 0.5em;
}
.exit_ramp_modal_content h3 {
color: #1a365f;
font-size: 32px;
margin: 0.75em 0em 0.75em 0em;
}
@media only screen and (max-width: 767px) {
.exit_ramp_modal_content h3 {
font-size: 20px;
}
}
.exit_ramp_modal_content img {
max-width: 90%;
padding: 1em;
max-height: 100px;
}
@media (max-width: 1000px) {
.exit_ramp_modal_content img {
padding: 0;
}
}
.exit_ramp_modal_content .exit_ramp_modal_header {
border-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #1a365f;
padding: 0.25em 2em 0.25em 2em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.exit_ramp_modal_content .exit_ramp_modal_header .exit_ramp_modal_header--left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.exit_ramp_modal_content .exit_ramp_modal_header .exit_ramp_modal__header__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.exit_ramp_modal_content .exit_ramp_modal_header .exit_ramp_modal__close {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
border-radius: 23px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
background-color: white;
}
.exit_ramp_modal_content .exit_ramp_modal_header .exit_ramp_modal__close:hover {
background-color: #e0013f;
color: white;
}
.exit_ramp_modal_content .exit_ramp_modal_header .exit_ramp_modal__close:hover svg {
fill: white;
}
.exit_ramp_modal_content .exit_ramp_modal_header .exit_ramp_modal__close svg {
width: 45px;
height: 45px;
fill: #e0013f;
}
.exit_ramp_modal_content .exit_ramp_modal_body {
padding: 0em 2em 0em 2em;
}
.exit_ramp_modal_content .exit_ramp_modal_footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2em;
}
.exit_ramp_modal_content .exit_ramp_modal_footer .exit_ramp_modal_continue {
margin-right: 2em;
}
.exit_ramp_modal_content .exit_ramp_modal_footer button {
border: 4px solid #e0013f;
background-color: white;
color: #e0013f;
border-radius: 23px;
width: 120px;
height: 50px;
font-weight: 800;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: super;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.exit_ramp_modal_content .exit_ramp_modal_footer button:hover {
background-color: #e0013f;
color: white;
}
.exit_ramp_modal_content .exit_ramp_modal_footer button:hover svg {
fill: white;
}
.exit_ramp_modal_content .exit_ramp_modal_footer button svg {
fill: #e0013f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.c-rampoff {
display: none;
width: 100%;
}
.c-rampoff__content {
background: #fff;
padding: 20px;
cursor: auto;
}
.c-rampoff__content > *:first-child {
margin-top: 0;
}
.c-rampoff__content a:focus {
color: #fff;
}
.c-rampoff__origin {
font-weight: bold;
color: #e0013f;
}
@media only screen and (max-width: 767px) {
.exit_ramp_modal {
min-width: 90vw;
}
}
.c-external-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
font-size: 16px;
color: #333;
border: 2px solid #ccc;
padding: 20px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
margin-bottom: 1em;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.c-external-block:hover {
border-color: #999;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.c-external-block__logo {
position: relative;
margin-right: 1em;
padding-right: 0.5em;
}
.c-external-block__logo img {
margin-right: 1em;
height: 40px;
width: 40px;
-o-object-fit: contain;
object-fit: contain;
max-width: none;
}
.c-external-block__logo-border {
position: absolute;
right: -1px;
top: -20px;
bottom: -20px;
width: 2px;
background-color: black;
}
.c-external-block__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.c-external-block__title {
font-weight: bold;
text-align: left;
margin-right: 10px;
}
.c-external-block__link-icon {
font-size: 17px;
color: red;
text-align: right;
border-radius: 100%;
border: 2px solid red;
padding: 0.15em 0.3em 0.15em 0.3em;
}
.home-playlist {
padding-top: 0em;
}
@media (max-width: 769px) {
.home-playlist {
padding-top: 2em;
}
}
.home-playlist .tabbed-component {
background-color: transparent;
margin: 0 auto;
}
.home-playlist .tabbed-component .tab-link {
border: none;
outline: none;
background-color: #1a365f;
padding: 7px 30px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
max-width: 50%;
margin-right: 0.5em;
}
.home-playlist .tabbed-component .tab-link h3 {
color: white;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 150% */
margin: 0;
width: 80%;
}
@media (max-width: 769px) {
.home-playlist .tabbed-component .tab-link h3 {
white-space: normal;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: self-start;
-ms-flex-align: self-start;
align-items: self-start;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
font-size: 24px;
line-height: normal;
}
}
.home-playlist .tabbed-component .tab-link h3 svg {
margin-right: 10px;
}
@media (max-width: 500px) {
.home-playlist .tabbed-component .tab-link h3 svg {
position: absolute;
left: -20px;
top: 20px;
}
}
.home-playlist .tabbed-component .tab-link.current {
background-color: #efefef;
pointer-events: none;
}
.home-playlist .tabbed-component .tab-link.current h3 {
color: #1a365f;
}
.home-playlist .home-playlist-content {
background-color: #efefef;
margin: 0 auto;
}
.home-playlist .home-playlist-content .home-playlist-width {
padding: 40px 40px 40px 0px;
max-width: 1216px;
margin: 0 auto;
}
@media (max-width: 1599px) {
.home-playlist .home-playlist-content .home-playlist-width {
padding-left: 40px;
}
}
@media (max-width: 760px) {
.home-playlist .home-playlist-content .home-playlist-width {
text-align: center;
padding: 1em;
padding-bottom: 4em;
}
}
.home-playlist .home-playlist-content .home-playlist-width select {
color: #404040;
}
.home-playlist .home-playlist-content .home-playlist-width .playlist-row {
display: none;
margin-top: 2em;
position: relative;
}
.home-playlist .home-playlist-content .home-playlist-width .playlist-row.visible {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
gap: 20px;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset {
width: 33.33%;
float: left;
position: relative;
display: grid;
gap: 20px;
margin-top: 10px;
text-align: left;
z-index: 1; /* Default z-index value. You can adjust as needed */
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset:hover {
z-index: 9;
}
@media (max-width: 1300px) {
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset {
width: 50%;
}
}
@media (max-width: 760px) {
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset {
width: 100%;
}
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container {
position: relative;
z-index: 1;
text-align: center;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-background {
content: "";
position: absolute;
top: -40px;
left: -40px;
right: -10px;
bottom: -10px;
background-color: #404040;
z-index: 1;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
width: calc(100% + 80px);
height: calc(100% + 4em);
border-radius: 6px;
pointer-events: none;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-background .thumbnail-background-content {
padding-left: 40px;
bottom: 0%;
text-align: left;
position: absolute;
width: 100%;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-background .thumbnail-background-content h3 {
width: calc(100% - 40px);
padding-top: 0.75em;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-background .thumbnail-background-content h4 {
padding-top: 2em;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container:hover .thumbnail-background {
opacity: 1;
padding-bottom: 4em;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--hover {
display: none;
width: 100%;
top: 0;
left: 0;
z-index: 2;
position: absolute;
overflow: hidden;
height: auto;
aspect-ratio: 16/9;
cursor: pointer;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--hover img, .home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--hover video, .home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--hover iframe {
-o-object-fit: contain;
object-fit: contain;
pointer-events: none;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--hover iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--hover .play-icon {
position: absolute;
bottom: 20px;
left: 10px;
height: 50px;
z-index: 10;
width: auto;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container:hover .thumbnail-container--hover {
display: block;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container h3,
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container h4,
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container p {
bottom: 0;
z-index: 2;
color: #fff;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75);
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container h3 {
margin-bottom: 0px !important;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .area {
text-transform: none;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .playlist-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600 !important;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .divider-playlist {
margin: 0 0.2em 0 0.2em;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container h4 {
font-size: 14px;
text-transform: uppercase;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--default {
position: relative;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--default .thumbnail-container--default-text {
padding: 0px 1em 1em 2em;
position: absolute;
pointer-events: none;
width: 100%;
text-align: center;
top: 0px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: inherit;
-ms-flex-align: inherit;
align-items: inherit;
text-align: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 1em;
-webkit-transition: top 0.5s;
transition: top 0.5s;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--default .thumbnail-container--default-text h3,
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--default .thumbnail-container--default-text h4,
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--default .thumbnail-container--default-text p {
position: relative;
margin-top: 0;
margin-bottom: 0.5em;
width: 90%;
text-align: left;
font-weight: 500;
}
@media (max-width: 1300px) {
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--default .thumbnail-container--default-text h3,
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--default .thumbnail-container--default-text h4,
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-container--default .thumbnail-container--default-text p {
width: 100%;
}
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container:hover .thumbnail-container--default .thumbnail-container--default-text {
position: relative;
padding-left: 0;
padding-right: 0;
top: 0.5em;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .video_wrapper {
aspect-ratio: 16/9;
position: relative;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 3;
display: none;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container:hover .thumbnail-video {
display: block !important;
}
.home-playlist .home-playlist-content .home-playlist-width .media-gallery-asset .thumbnail-container .thumbnail-image {
display: block;
width: 100%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
height: auto;
z-index: 1;
border-radius: 6px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 54, 95, 0)), color-stop(58.85%, rgba(26, 54, 95, 0.85))), url(), lightgray 50%/cover no-repeat;
background: linear-gradient(180deg, rgba(26, 54, 95, 0) 0%, rgba(26, 54, 95, 0.85) 58.85%), url(), lightgray 50%/cover no-repeat;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}
#load-more-button {
margin: 0 auto;
border: 2px solid #e0013f;
padding: 13px 22px;
border-radius: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
color: #404040;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
#load-more-button svg {
margin-left: 10px;
}
.image-with-gradient {
position: relative;
display: inline-block;
overflow: hidden;
width: 95%;
height: 236px;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 1300px) {
.image-with-gradient {
height: 236px;
width: 95%;
}
}
@media (max-width: 767px) {
.image-with-gradient {
width: 100%;
}
}
.image-with-gradient img {
display: block;
width: 100%;
height: auto;
}
.image-with-gradient::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 54, 95, 0)), color-stop(58.85%, rgba(26, 54, 95, 0.85)));
background: linear-gradient(180deg, rgba(26, 54, 95, 0) 0%, rgba(26, 54, 95, 0.85) 58.85%);
pointer-events: none;
}
.hidden {
display: none;
}
.custom-select-wrapper {
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
@media (max-width: 767px) {
.custom-select-wrapper {
width: 100%;
}
}
.custom-select-wrapper svg {
position: absolute;
left: calc(100% - 25px);
top: calc(50% - 7px);
width: 14px;
height: 14px;
stroke-width: 2px;
z-index: 1;
stroke-linecap: round;
stroke-linejoin: round;
pointer-events: none;
}
#recently-added-select {
margin-bottom: 1em;
cursor: pointer;
border-radius: 6px;
position: relative;
padding: 0.25em;
padding-right: 2em !important;
padding-left: 0.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
text-transform: none;
font-weight: 700;
font-size: 16px;
appearance: none; /* Hide the default arrow in modern browsers */
-webkit-appearance: none;
-moz-appearance: none;
background: none;
padding-right: 15px; /* Room for the custom chevron */
background-color: white;
color: #404040;
}
@media (max-width: 767px) {
#recently-added-select {
width: 100%;
}
}
.playlist-tabs__container {
padding: 40px 100px 0px 0px;
max-width: 1216px;
margin: 0 auto;
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.playlist-tabs__container {
padding: 0 !important;
}
}
@media (max-width: 1599px) {
.playlist-tabs__container .playlist-tabs__items {
padding: 0px 0px 0px 0px;
max-width: 100%;
}
}
@media (max-width: 767px) {
.playlist-tabs__container .playlist-tabs__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 10px 0 10px;
}
}
.tab-content {
display: none;
}
.tab-content.current {
display: block; /* or whatever display value you prefer */
}
.home-playlist-content::after {
content: "";
display: table;
clear: both;
}
.load-more-button-container {
clear: both;
padding-top: 2.5em;
display: none;
}
.asset-row::after {
content: "";
display: block;
float: none;
clear: both;
}
.kidney-3d {
background: url("../../../assets/img/generic-background-hero-light-flipped.jpg") no-repeat center center/cover;
position: relative;
color: #fff;
padding: 3em 0;
}
.kidney-3d .kidney-3d-inner {
max-width: 1216px;
margin: 0 auto;
padding: 0 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767px) {
.kidney-3d .kidney-3d-inner {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding: 0 20px;
}
}
.kidney-3d .kidney-3d-inner .kidney-image {
-ms-flex-negative: 0;
flex-shrink: 0;
max-width: 500px;
height: auto;
}
@media (max-width: 1300px) {
.kidney-3d .kidney-3d-inner .kidney-image {
padding-right: 2em;
}
}
@media (max-width: 767px) {
.kidney-3d .kidney-3d-inner .kidney-image {
margin: 0 auto;
padding-bottom: 2em;
padding-right: auto;
}
}
.kidney-3d .kidney-3d-inner .kidney-image img {
max-height: 370px;
}
.kidney-3d .kidney-3d-inner .content {
color: #222222;
text-align: left;
}
.kidney-3d .kidney-3d-inner .content h4 {
color: #1a365f;
font-weight: 600;
font-size: 32px;
max-width: 500px;
margin-bottom: 1em;
margin-top: 0;
}
@media (max-width: 1300px) {
.kidney-3d .kidney-3d-inner .content h4 {
font-size: 24px;
}
}
.kidney-3d .kidney-3d-inner .content p {
max-width: 500px;
margin: 15px 0;
}
.kidney-3d .kidney-3d-inner .content .button-primary {
display: inline-block;
position: relative;
text-decoration: none;
margin-top: 0.5em;
}
.kidney-3d .kidney-3d-inner .content .button-primary:after {
content: "";
position: absolute;
background: url("../../../assets/img/btn-icon-new-3d.svg") no-repeat;
background-size: contain;
top: calc(50% - 2px);
margin: 0;
right: 15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.kidney-3d {
padding: 6em 1em 6em;
}
.kidney-3d .kidney-3d-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.kidney-3d .kidney-3d-inner .kidney-image {
max-width: 100%;
margin-bottom: 20px;
}
.kidney-3d .kidney-3d-inner .content {
max-width: 100%;
padding-left: 0;
text-align: left;
}
}
.video-modal {
display: none; /* Ensures modal is hidden by default */
position: fixed;
z-index: 99999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.7);
/* Flexbox for centering */
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.video-modal-content {
position: relative;
padding: 20px;
width: 80%;
max-width: 800px;
background-color: transparent;
z-index: 99999999;
}
.video-modal-content .vp-center {
display: block;
}
@media (max-width: 1000px) {
.video-modal-content {
width: 100%;
}
.video-modal-content h3 {
width: 100%;
}
}
.video-modal-content h2,
.video-modal-content h3,
.video-modal-content h4 {
color: white !important;
margin: 0.25em 0 0.5em 0;
}
.video-modal-content h4 {
font-size: 14px;
}
.video-modal-content .c-slideblock {
margin: 0;
}
.video-modal-content .c-slideblock img {
display: block !important;
}
.close {
position: absolute;
right: 10px;
top: 50px;
width: 40px; /* Adjust as needed */
height: 40px; /* Adjust as needed */
color: #e0013f;
font-size: 44px;
text-align: center; /* To center the 'X' symbol */
line-height: 35px; /* Vertically centers the 'X' */
border: 2px solid white;
border-radius: 50%; /* This makes it circular */
font-weight: light;
cursor: pointer;
background-color: transparent; /* Optional: To ensure there's no background */
/* Media Query for mobile devices in landscape */
}
@media (max-width: 1000px) {
.close {
top: 0;
}
}
@media only screen and (max-width: 1000px) and (orientation: landscape) {
.close {
top: 20px;
}
}
/* Default iframe styling */
#iframeInModal {
width: 100%;
height: 460px;
max-height: 80vh;
}
@media only screen and (max-width: 1000px) and (orientation: landscape) {
#modalSlide .c-slideblock__container {
max-height: 60vh !important;
}
}
#modalSlide .c-slideblock__controls-markers {
display: none !important;
}
.banner-link {
padding-bottom: 0em !important;
}
.banner-link:before {
background: white;
-webkit-transform: scaleX(1) scaleY(1) !important;
transform: scaleX(1) scaleY(1) !important;
}
.banner-link .c-maplink-block__left {
padding: 40px 40px 50px 0px;
}
.banner-link .banner-link-inner {
width: 969px;
max-width: 80%;
margin: 0 auto;
}
.link_card:after {
background: url(../../../assets/img/Asbtn-icon-new-read-more.svg) no-repeat !important;
height: 22.4px !important;
}
.light {
background-image: url(../../../assets/img/light_bg.jpg) !important;
background-repeat: no-repeat;
}
.light h4 {
color: #060050;
}
.dark {
background-image: url(../../../assets/img/dark_bg.jpg) !important;
background-repeat: no-repeat;
}
.dark h4 {
color: white !important;
}
.banner-link:nth-child(2)::before {
padding-top: 0 !important;
}
.c-trial-card {
position: relative;
margin: 0;
}
.c-trial-card::before {
width: 200vw !important;
height: 100%;
left: -50% !important;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.c-trial-card__card {
padding-top: 4.55em;
}
.c-trial-card__card:last-child {
padding-bottom: 4.55em;
}
.c-trial-card__card .c-maplink-block {
margin: 0;
}
.c-trial-card__card .title {
font-size: 22px !important;
}
@media (min-width: 667px) {
.c-trial-card__card .title {
font-size: 18px !important;
}
}
@media (min-width: 1024px) {
.c-trial-card__card .title {
font-size: 24px !important;
}
}
.c-trial-card__content {
background-position: left top;
}
[class$=__wrap] {
padding: 30px 0;
width: calc(100% - (40px));
max-width: 1335px;
margin: auto;
}
[class$=__wrap-medium] {
padding: 30px 0;
width: calc(100% - (40px));
max-width: 1070px;
margin: auto;
}
[class$=__wrap-compact] {
padding: 30px 0;
width: calc(100% - (40px));
max-width: calc(667.5px);
margin: auto;
}
[class$=__wrap-full] {
padding: 30px 0;
width: 100%;
max-width: 1300px;
margin: auto;
}
.t-mb-0 {
margin-bottom: 0;
}
.t-pb-0 {
padding-bottom: 0;
}
.t-padding-top--0 {
padding-top: 0;
}
.t-nobreak {
white-space: nowrap;
}
.t-align-items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.t-text-align--center {
text-align: center;
}
.t-text-align--right {
text-align: right;
}
.t-text-align--left {
text-align: left;
}
.references, .references > * {
font-size: 12px;
}
.azGame {
height: 550px;
width: 100%;
max-width: 880px;
margin: auto;
display: block;
}
.no-webgl .webgl-enabled,
.no-webgl .menu-footer-one-container .menu-item:first-child {
display: none !important;
}
@media (max-width: 767px) {
.webgl-enabled,
.menu-footer-one-container .menu-item:first-child,
.menu-footer-one-container .menu-item:nth-child(2) {
display: none !important;
}
}
/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-loading .slick-list {
background: #fff url("./ajax-loader.gif") center center no-repeat;
}
/* Icons */
@font-face {
font-family: "slick";
src: url("./fonts/slick.eot");
src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}