.devotion-homepage-hero { position: relative; } .devotion-homepage-hero .background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0; max-width: none; background-color: rgb(7,7,12); z-index: 1; } .devotion-homepage-hero .background img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.3; } .devotion-homepage-hero .foreground { position: relative; z-index: 2; padding: 100px 0; color: #FFF; } .wrapper { width: 100%; max-width: 1216px; padding: 0 32px; margin-left: auto; margin-right: auto; } .devotion-homepage-hero h1 { font-size: 32px; font-weight: bold; line-height: 1.1; max-width: 540px; } .devotion-homepage-hero .intro { font-size: 16px; line-height: 1.4; max-width: 540px; margin-top: 20px; } @media(min-width: 768px) { .devotion-homepage-hero .foreground { padding: 140px 0; } .devotion-homepage-hero h1 { font-size: 52px; } .devotion-homepage-hero .intro { font-size: 24px; margin-top: 30px; } } .devotion-jump-links { margin-top: 40px; position: relative; height: 64px; z-index: 999999; } @media(min-width: 768px) { .devotion-jump-links { height: auto; } } .devotion-jump-links .links-dropdown { position: relative; } .devotion-jump-links .links { background-color: #fff; display: none; position: absolute; top: 100%; left: 0; right: 0; } @media(min-width: 768px) { .devotion-jump-links .links-trigger { display: none; } .devotion-jump-links .links { display: flex !important; flex-direction: row; flex-wrap: wrap; position: relative; top: auto; left: auto; right: auto; box-shadow: none; } } .devotion-jump-links .links-trigger { background-color: #009E46; padding: 20px; color: #FFF; font-weight: bold; background-position: right center; background-repeat: no-repeat; cursor: pointer; background-image: url('/images/select-bg-white.png'); } .devotion-jump-links .link { width: 100%; padding: 2px 0 0 0; } @media(min-width: 768px) { .devotion-jump-links .link { width: 50%; padding: 1px; } } @media(min-width: 1024px) { .devotion-jump-links .link { width: 33.333%; } } @media(min-width: 1200px) { .devotion-jump-links .link { width: 25%; } } .devotion-jump-links .links a { display: block; width: 100%; background-color: #F5F5F5; padding: 10px 20px; font-weight: bold; color: #009E46; text-decoration: none; transition: all 0.3s ease; } @media(min-width: 768px) { .devotion-jump-links .links a { padding: 20px; } } .devotion-jump-links .links a:hover { background-color: #009E46; color: #FFF; } .devotion-jump-link-anchor { transform: translateY(-120px); display: block; } @media(min-width: 871px) { .devotion-jump-link-anchor { transform: translateY(-83px); } } @media(max-width: 767px) { .devotion-jump-links.fixed .links-dropdown { position: fixed; left: 0; right: 0; top: 62px; } .devotion-jump-links.fixed .links { box-shadow: 0 5px 5px rgba(0,0,0, 0.1); } } .test-section { padding: 50px 0; height: 500px; } /** TOMBSTONE CAROUSEL **/ .devotion-tombstone-carousel { padding: 50px 20px; background-color: #d6dcdc; } @media (min-width: 768px) { .devotion-tombstone-carousel { padding: 70px 20px; } } .devotion-tombstone-carousel .inner { margin-left: auto; margin-right: auto; width: 100%; max-width: 1290px; position: relative; } .devotion-tombstone-carousel .swiper-button-next, .devotion-tombstone-carousel .swiper-button-prev { width: 38px; height: 38px; margin-top: -15px; } .devotion-tombstone-carousel .swiper-button-next { right: -21px; } .devotion-tombstone-carousel .swiper-button-prev { left: -22px; } .devotion-tombstone-carousel .swiper-button-next img, .devotion-tombstone-carousel .swiper-button-prev img { display: block; } .devotion-tombstone-carousel .swiper-button-next::after, .devotion-tombstone-carousel .swiper-button-prev::after { display: none !important; } .devotion-tombstone-carousel .swiper-slide { background-color: #fff; padding: 20px; height: auto; } .devotion-tombstone-carousel .label { font-size: 12px; text-transform: uppercase; text-align: right; font-weight: bold; } .devotion-tombstone-carousel .logo { position: relative; height: 110px; } .devotion-tombstone-carousel .logo img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; object-position: left center; } .devotion-tombstone-carousel .title { font-weight: bold; font-size: 22px; } .devotion-tombstone-carousel .copy { margin-top: 15px; } .devotion-tombstone-carousel .cta { margin-top: 15px; } .devotion-tombstone-carousel .cta a { text-decoration: none; color: #07070c; text-align: left; display: inline; font-weight: 400; min-width: 0; padding: 0; border: none; background: 0 0; -webkit-text-decoration-line: underline; text-decoration-line: underline; } .devotion-tombstone-carousel .cta a:hover { text-decoration-line: none; } /** TV WIDGETS **/ .tradingview-component { padding: 70px 20px; scroll-margin-top: 93px; margin: 0 auto; background-color: #fff; } @media (min-width: 768px) { .tradingview-component { padding: 50px 20px; } } .i-tradingview-component { margin: 0 auto; width: 100%; max-width: 1100px; } .tradingview-component .tradingview-widget-container { margin-left: auto; margin-right: auto; }