/* NEW MEDIA SECTION */
.container-flex {
display: flex;
gap: 40px;
}
.game-changer-section {
background: #fff;
}
.game-changer-section > a {
max-width: 1200px;
margin: 0 auto;
display: block;
}
.game-changer-section > .featured-new {
max-width: 1200px;
margin: 0 auto;
display: block;
}
.mediasection-gamechanger-new {
background-image: url(https://media.mercola.com/assets/images/mercola/media-new-bg.png);
background-size: cover;
font-family: "Inter";
}
.mediasection-gamechanger-new-title-mobile-svg {
display: none;
width: 335px;
height: 86px;
margin-top: 20px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.mediasection-gamechanger-new-title-svg {
width: 415px;
height: 80px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.mediasection-gamechanger-new-title-mobile {
display: none;
}
.mediasection-gamechanger-new-content {
display: flex;
justify-content: center;
justify-content: space-between;
align-items: center;
padding: 0 50px 0 120px;
}
.mediasection-gamechanger-new-content > img {
height: 420px;
}
.mediasection-gamechanger-new-goal p {
margin: 0;
}
.mediasection-gamechanger-new-title {
font-family: "Playfair Display", serif;
font-size: 54px;
line-height: 54px;
color: #fff;
}
.mediasection-gamechanger-new-title > span {
font-family: "Playfair Display", serif;
font-size: 54px;
line-height: 56px;
font-style: italic;
font-weight: 600;
}
.mediasection-gamechanger-new-quote {
color: #fff;
font-size: 20px;
font-style: italic;
max-width: 415px;
font-size: 18px;
line-height: 28px;
font-weight: 400;
}
.mediasection-gamechanger-new-quotationmark {
position: absolute;
left: -55px;
width: 80px;
}
.mediasection-gamechanger-new-goal {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.mediasection-gamechanger-new-goal-content {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 26px;
}
.mediasection-gamechanger-new-goal-content-quote {
position: relative;
}
.mediasection-gamechanger-new-goal-content-name {
color: #fff;
font-size: 16px;
}
.featured-new {
display: flex;
flex-direction: column;
justify-content: center;
gap: 10px;
padding: 50px 0;
}
.featured-new-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 25px;
}
.featured-new-d-block,
.dr-mercola-media-img {
display: block;
}
.featured-new-d-none,
.dr-mercola-media-mobile-img {
display: none;
}
.featured-new-text {
color: #00000073;
text-align: center;
/* font-family: "Inter", sans-serif; */
font-size: 16px;
margin: 0;
}
.featured-new-text-logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 60px;
}
.featured-new-text-logos > img {
height: 40px;
max-width: 150px;
}
.home-logo-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: center;
margin-top: 1rem;
display: flex;
position: relative;
overflow: hidden;
}
.clients-grid.logo-animate {
grid-column-gap: 3rem;
opacity: 1;
flex: none;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 140rem !important;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
display: flex;
}
.logo-animate {
animation: slide 35s infinite linear;
}
@keyframes slide {
0% {
transform: translateX(calc(0% + 50px));
}
100% {
transform: translateX(-100%);
}
}
.logo-animate {
animation: slide 35s infinite linear;
}
.clients-grid > img {
height: 40px !important;
}
.dr-mercola-media-mobile-img {
display: none;
}
@media only screen and (max-width: 1100px) {
.mediasection-gamechanger-new-content > img {
height: 380px;
}
}
@media only screen and (max-width: 1050px) {
.mediasection-gamechanger-new-content > img {
height: 350px;
}
.mediasection-gamechanger-new-title,
.mediasection-gamechanger-new-title > span {
font-size: 48px;
}
.mediasection-gamechanger-new-title {
line-height: 45px;
}
.mediasection-gamechanger-new-quotationmark {
width: 60px;
left: -40px;
}
.mediasection-gamechanger-new-quote {
font-size: 16px;
}
.mediasection-gamechanger-new-goal {
gap: 15px;
}
.mediasection-gamechanger-new-goal-content {
gap: 20px;
}
.mediasection-gamechanger-new-goal-content-name {
font-size: 14px;
}
}
@media only screen and (max-width: 1000px) {
.mediasection-gamechanger-new-content {
padding: 0 50px 0 80px;
}
.mediasection-gamechanger-new-content > img {
height: 350px;
}
.mediasection-gamechanger-new-title,
.mediasection-gamechanger-new-title > span {
font-size: 48px;
}
}
@media only screen and (max-width: 910px) {
.mediasection-gamechanger-new-content > img {
height: 330px;
}
}
@media only screen and (max-width: 890px) {
.mediasection-gamechanger-new-title,
.mediasection-gamechanger-new-title > span {
font-size: 45px;
line-height: 40px;
}
.mediasection-gamechanger-new-content {
padding: 0 30px 0 100px;
}
.mediasection-gamechanger-new-quote {
line-height: 23px;
}
.mediasection-gamechanger-new-goal-content {
gap: 15px;
}
.mediasection-gamechanger-new-title-svg {
width: 380px;
height: 80px;
background-size: 380px;
}
}
@media only screen and (max-width: 850px) {
.mediasection-gamechanger-new-title,
.mediasection-gamechanger-new-title > span {
font-size: 40px !important;
}
.mediasection-gamechanger-new-content > img {
height: 300px;
}
.mediasection-gamechanger-new-title-svg {
width: 350px;
height: 68px;
background-size: 350px;
}
.mediasection-gamechanger-new-content {
padding: 0 10px 0 80px;
}
.mediasection-gamechanger-new-quote {
max-width: 366px;
}
}
@media only screen and (max-width: 760px) {
.mediasection-gamechanger-new-title,
.mediasection-gamechanger-new-title > span {
font-size: 30px !important;
line-height: 30px !important;
}
.mediasection-gamechanger-new-quote {
font-size: 14px !important;
line-height: 20px !important;
}
.mediasection-gamechanger-new-goal-content-name {
font-size: 12px !important;
}
.mediasection-gamechanger-new-goal,
.mediasection-gamechanger-new-goal-content {
gap: 10px !important;
}
.mediasection-gamechanger-new-quotationmark {
width: 40px !important;
left: -30px !important;
}
.mediasection-gamechanger-new-quote {
max-width: 330px !important;
}
.mediasection-gamechanger-new-content {
padding: 0 10px 0 60px;
}
.mediasection-gamechanger-new-title-svg {
width: 325px;
height: 70px;
background-size: 320px;
}
}
@media only screen and (max-width: 710px) {
.mediasection-gamechanger-new-content > img {
height: 280px;
}
}
@media only screen and (max-width: 690px) {
.mediasection-gamechanger-new-content > img {
height: 260px;
}
}
@media only screen and (max-width: 665px) {
.mediasection-gamechanger-new-content > img {
height: 260px;
}
.mediasection-gamechanger-new-title-svg {
width: 300px;
height: 60px;
background-size: 300px;
}
}
@media only screen and (max-width: 650px) {
.mediasection-gamechanger-new-title-mobile {
display: block;
margin: 0;
padding-top: 20px;
color: #fff;
text-align: center;
font-family: "Playfair Display";
font-size: 45px;
line-height: 42px;
}
.mediasection-gamechanger-new-goal-content {
gap: 20px !important;
align-items: flex-start;
}
.mediasection-gamechanger-new-title-mobile > span {
font-style: italic;
font-weight: 700;
}
.mediasection-gamechanger-new-title,
.dr-mercola-media-img,
.mediasection-gamechanger-new-title-svg {
display: none;
}
.dr-mercola-media-mobile-img,
.mediasection-gamechanger-new-title-mobile-svg {
display: block !important;
}
.mediasection-gamechanger-new-quote {
font-size: 16px !important;
line-height: 28px !important;
max-width: unset !important;
}
.mediasection-gamechanger-new-content {
padding: 0 0 0 50px;
width: 100vw;
}
.mediasection-gamechanger-new-quotationmark {
width: 80px !important;
top: -35px;
left: -15px !important;
}
.mediasection-gamechanger-new {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
background-position-x: center;
}
.mediasection-gamechanger-new-goal-content-name {
font-size: 14px !important;
}
.mediasection-gamechanger-new-content > img {
height: 100%;
width: 50vw;
}
.mediasection-gamechanger-new-title-mobile-svg {
width: 370px;
height: 75px;
margin-top: 30px;
background-size: 370px;
}
}
@media only screen and (max-width: 570px) {
.mediasection-gamechanger-new-quote {
font-size: 17px !important;
line-height: 25px !important;
}
.mediasection-gamechanger-new-quotationmark {
width: 60px !important;
top: -23px;
left: -10px !important;
}
.mediasection-gamechanger-new {
gap: 20px;
}
.mediasection-gamechanger-new-content {
padding: 0 0 0 35px;
}
.mediasection-gamechanger-new-content > img {
width: 46vw;
}
}
@media only screen and (max-width: 510px) {
.mediasection-gamechanger-new-quote {
font-size: 15px !important;
line-height: 23px !important;
}
.mediasection-gamechanger-new-content > img {
width: 50vw;
}
}
@media only screen and (max-width: 505px) {
.mediasection-gamechanger-new-quote {
font-size: 16px !important;
line-height: 26px !important;
}
.mediasection-gamechanger-new-content > img {
width: 50vw;
}
.mediasection-gamechanger-new-content {
padding: 0 0 0 35px;
}
}
@media only screen and (max-width: 500px) {
.mediasection-gamechanger-new {
gap: 20px;
}
.mediasection-gamechanger-new-quote {
font-size: 16px !important;
line-height: 26px !important;
}
}
@media only screen and (max-width: 480px) {
.mediasection-gamechanger-new {
gap: 20px;
}
.mediasection-gamechanger-new-quote {
font-size: 14px !important;
line-height: 22px !important;
}
.mediasection-gamechanger-new-content > img {
width: 45vw;
}
.mediasection-gamechanger-new-content {
padding: 0 0 0 30px;
}
.mediasection-gamechanger-new-goal-content-name {
font-size: 12px !important;
}
}
@media only screen and (max-width: 450px) {
.mediasection-gamechanger-new-content > img {
width: 47vw;
}
.mediasection-gamechanger-new-title-mobile-svg {
width: 310px;
height: 65px;
background-size: 310px;
}
.mediasection-gamechanger-new-quote {
line-height: 20px !important;
font-size: 12px !important;
}
.mediasection-gamechanger-new-goal-content {
gap: 15px !important;
}
}
@media only screen and (max-width: 415px) {
.mediasection-gamechanger-new-quote {
font-size: 12px !important;
line-height: 20px !important;
}
.mediasection-gamechanger-new-goal-content-name {
font-size: 10px !important;
}
.mediasection-gamechanger-new {
gap: 10px;
}
}
@media only screen and (max-width: 370px) {
.mediasection-gamechanger-new-content > img {
width: 45vw;
}
.mediasection-gamechanger-new-quote {
line-height: 17px !important;
}
.mediasection-gamechanger-new-goal-content {
gap: 10px !important;
}
.mediasection-gamechanger-new-title-mobile-svg {
width: 250px;
height: 50px;
background-size: 250px;
}
.mediasection-gamechanger-new {
gap: 15px;
}
.mediasection-gamechanger-new-quotationmark {
width: 50px !important;
top: -20px;
}
}
@media only screen and (max-width: 360px) {
.mediasection-gamechanger-new-quote {
font-size: 12px !important;
line-height: 17px !important;
}
.mediasection-gamechanger-new-content {
padding: 0 0 0 25px;
}
}
@media only screen and (max-width: 350px) {
.mediasection-gamechanger-new-quote {
font-size: 12px !important;
line-height: 15px !important;
}
}
/** ABOUT PAGE **/
.shop-ad span.shop-label{color:#ddd;font-size:11px;margin-bottom:0;margin-top:-6px;vertical-align:middle;margin-left:8px}
section.main-content .max-width-collapsed + .max-width{max-width:unset!important;padding:0}
.main-content .max-width-collapsed.subscription-top{z-index:1}
.social-icons-bottom,.post-details{display:none}
.header .sub-links{margin-top:0!important}
.fa{font-family:'Font Awesome 5 Free'}
.desktop-display{display:block}
.mobile-display{display:none}
.main-banner,.introduction,.credentials,.education,.dr-mercola-books,.medical-publications,.health-pioneer,.ahead-curve,.awards,.connect-drmercola,.media-app,.organizations,.editorial-team{padding:3em 0 0}
.container-content{max-width:1350px;margin:auto;position:relative;padding:0 3em}
.container-content-sm{max-width:1150px;margin:auto;position:relative}
.container-flex{display:flex;gap:40px}
.container-space{margin:2em auto!important}
.grid-items{display:grid;grid-template-columns:45% 45%;gap:18px;margin:0 auto 18px;justify-content:center}
.grid-items-space{padding:2em 0 0}
.grid-2-col{flex:1 50%}
.container-content h2,.container-content h3{font-weight:600}
.heading{text-align:center;margin-bottom:20px}
.heading h2{text-transform:uppercase;color:#286AB2;font-size:28px;display:inline-block;line-height:.4;margin:12px 0;font-weight:500}
.heading h2::after{height:7px;background:#D9E4EF;display:block;z-index:-1;content:''}
.grid-text-content h3{font-size:1.15em}
.title-border{border-bottom:unset}
.load-more-hide,.load-more-show{color:#000;text-transform:uppercase;text-decoration:none;position:absolute;left:50%;transform:translate(-50%,-50%);margin:2em 0}
.load-more-hide::after,.load-more-show::after{content:"";display:block;width:8px;height:8px;border-top:2px solid #000;border-left:2px solid #000;position:absolute;top:8px;right:-24px}
.load-more-hide::after{transform:rotate(45deg);top:12px}
.load-more-show::after{transform:rotate(225deg)}
.container{margin-bottom:2rem;padding-bottom:1rem}
.load-btn{height:25px;display:inline-block}
.load-ellipsis{display:none;margin:0 auto!important;height:24px;position:relative;width:80px;height:40px;margin:.75rem auto 3.65rem}
.load-ellipsis div{position:absolute;width:13px;height:13px;border-radius:50%;background:#ADADAD;margin:2em 0;animation-timing-function:cubic-bezier(0,1,1,0)}
.load-ellipsis div:nth-child(1){left:8px;animation:load-ellipsis1 .6s infinite}
.load-ellipsis div:nth-child(2){left:8px;animation:load-ellipsis2 .6s infinite}
.load-ellipsis div:nth-child(3){left:32px;animation:load-ellipsis2 .6s infinite}
.load-ellipsis div:nth-child(4){left:56px;animation:load-ellipsis3 .6s infinite}
@keyframes load-ellipsis1 {
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes load-ellipsis3 {
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes load-ellipsis2 {
0%{transform:translate(0,0)}
100%{transform:translate(24px,0)}
}
.single-overlay-img::before,.overlay-img::before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 501 385'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23919191%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M499.12 383.78h0c-.05 .08-.1 .15-.14 .22 .05-.07 .09-.15 .14-.22Z'/%3E%3Cpath class='cls-1' d='M499.16 364.22v.51c-4.51 6.3-8.85 12.72-13 19.26 4.14-6.72 8.48-13.31 13-19.77Z'/%3E%3Cpath class='cls-1' d='M499.2 346.89v.8c-9.27 11.61-17.9 23.73-25.85 36.3 7.92-12.84 16.56-25.23 25.85-37.1Z'/%3E%3Cpath class='cls-1' d='M499.24 331.32v1c-14.24 16.16-27.2 33.43-38.7 51.67 11.46-18.58 24.43-36.18 38.7-52.67Z'/%3E%3Cpath class='cls-1' d='M499.27 317.25v1.09c-19.35 20.05-36.68 42.01-51.54 65.65 14.79-24.01 32.13-46.35 51.54-66.74Z'/%3E%3Cpath class='cls-1' d='M499.3 304.37v1.2c-24.56 23.35-46.34 49.6-64.39 78.42 17.96-29.23 39.76-55.88 64.39-79.62Z'/%3E%3Cpath class='cls-1' d='M499.33 292.54v1.24c-29.87 26.18-56.16 56.35-77.23 90.21 20.97-34.3 47.28-64.88 77.23-91.45Z'/%3E%3Cpath class='cls-1' d='M499.35 281.64v1.27c-35.17 28.62-66.06 62.34-90.06 101.08 23.88-39.19 54.79-73.34 90.06-102.35Z'/%3E%3Cpath class='cls-1' d='M499.37 271.53v1.29c-40.49 30.7-76.06 67.65-102.9 111.16 26.71-43.96 62.31-81.35 102.9-112.45Z'/%3E%3Cpath class='cls-1' d='M499.4 262.09v1.33c-45.8 32.5-86.14 72.35-115.74 120.56 29.46-48.67 69.84-88.96 115.74-121.89Z'/%3E%3Cpath class='cls-1' d='M499.42 253.25v1.35c-51.07 34.09-96.28 76.53-128.57 129.38 32.13-53.31 77.39-96.21 128.57-130.73Z'/%3E%3Cpath class='cls-1' d='M499.44 244.94v1.35s-.01 .01-.01 .01c-56.27 35.52-106.46 80.24-141.39 137.68 34.76-57.91 85.01-103.09 141.4-139.04Z'/%3E%3Cpath class='cls-1' d='M499.45 237.08v1.35c-61.42 36.81-116.5 83.33-154.23 145.55 37.56-62.69 92.7-109.67 154.23-146.9Z'/%3E%3Cpath class='cls-1' d='M499.47 229.61v1.38c-66.49 37.86-125.26 84.74-167.06 152.98 41.62-68.73 100.45-116.05 167.06-154.36Z'/%3E%3Cpath class='cls-1' d='M499.49 222.47v1.39c-71.56 39.09-134.96 86.77-179.89 160.12 44.74-73.85 108.22-121.97 179.89-161.51Z'/%3E%3Cpath class='cls-1' d='M499.5 215.63v1.4c-76.59 40.3-143.89 87.75-192.72 166.94 48.63-79.71 116.03-127.57 192.72-168.34Z'/%3E%3Cpath class='cls-1' d='M499.52 209v1.4c-81.49 41.68-153.4 89.05-205.55 173.58 51.97-85.06 123.95-132.82 205.55-174.98Z'/%3E%3Cpath class='cls-1' d='M499.53 202.52v1.43c-86.31 43.2-162.83 90.1-218.37 180.02 55.33-90.45 131.96-137.74 218.37-181.45Z'/%3E%3Cpath class='cls-1' d='M499.55 196.19v1.42c-91.01 44.92-172.24 90.99-231.2 186.36 58.76-95.92 140.09-142.36 231.2-187.78Z'/%3E%3Cpath class='cls-1' d='M499.56 189.9v1.45c-95.54 46.84-181.79 91.81-244.03 192.62 62.03-101.36 148.4-146.7 244.03-194.07Z'/%3E%3Cpath class='cls-1' d='M499.58 183.66v1.45c-99.89 49.03-191.01 92.34-256.87 198.86 65.56-107 156.92-150.74 256.87-200.31Z'/%3E%3Cpath class='cls-1' d='M499.59 177.43v1.46c-104.11 51.54-199.41 92.12-269.68 205.08 70.1-113.57 165.48-154.43 269.68-206.54Z'/%3E%3Cpath class='cls-1' d='M499.61 171.08v1.48c-108.07 54.38-208.53 92.64-282.52 211.41 73.73-119.33 174.38-157.92 282.52-212.89Z'/%3E%3Cpath class='cls-1' d='M499.62 164.61v1.49c-111.62 57.53-217.75 93.33-295.34 217.86 77.44-125.2 183.64-161.2 295.34-219.35Z'/%3E%3Cpath class='cls-1' d='M499.64 157.96v1.51c-114.94 61.08-227.06 94.27-308.18 224.49 80.91-130.84 193.18-164.26 308.18-226Z'/%3E%3Cpath class='cls-1' d='M499.65 151.04v1.53c-117.83 64.99-237.61 96.54-321 231.39 83.19-135.47 203.12-167.24 321-232.92Z'/%3E%3Cpath class='cls-1' d='M499.67 143.87v1.56c-120.53 69.4-247.4 98.42-333.83 238.54 86.24-140.77 213.27-169.97 333.83-240.1Z'/%3E%3Cpath class='cls-1' d='M499.69 136.35v1.58s-.01 .01-.01 .01c-122.85 74.27-257.43 100.87-346.66 246.02 89.07-145.85 223.82-172.58 346.67-247.61Z'/%3E%3Cpath class='cls-1' d='M499.71 128.5v1.61c-124.83 79.69-266.18 102.6-359.5 253.85 93.31-152.08 234.73-174.96 359.5-255.46Z'/%3E%3Cpath class='cls-1' d='M499.72 120.06v1.63c-126.77 85.82-277.66 107.3-372.32 262.27C222.03 228.16 373.06 206.72 499.72 120.06Z'/%3E%3Cpath class='cls-1' d='M499.75 111.14v1.68C371.29 205.61 212.99 223.31 114.59 383.96 212.84 222.56 371.47 204.81 499.75 111.14Z'/%3E%3Cpath class='cls-1' d='M499.77 101.55v1.73s-.01 .01-.01 .01C369.64 204.01 203 218.4 101.78 383.96 202.81 217.7 369.9 203.19 499.77 101.55Z'/%3E%3Cpath class='cls-1' d='M499.79 91.25v1.76C367.88 203.32 195.08 211.66 88.96 383.95 194.86 210.99 368.21 202.49 499.79 91.25Z'/%3E%3Cpath class='cls-1' d='M499.82 80.03v1.84C366.91 202.33 187.8 205.78 77.69 381.46 187.6 205.07 367.32 201.52 499.82 80.03Z'/%3E%3Cpath class='cls-1' d='M499.85 67.78v1.97C365.17 203.07 177.09 199.72 63.33 383.95 176.77 199.08 365.67 202.2 499.85 67.78Z'/%3E%3Cpath class='cls-1' d='M499.88 54.35v2.13C364.5 203.62 168.05 193.6 50.53 383.95 167.86 192.8 365.08 202.79 499.88 54.35Z'/%3E%3Cpath class='cls-1' d='M499.91 39.53v2.33C364.31 204.62 159.13 187.28 37.71 383.95 158.95 186.44 364.99 203.81 499.91 39.53Z'/%3E%3Cpath class='cls-1' d='M499.95 23.08v2.58C364.66 206.14 150.32 180.75 24.89 383.95 150.16 179.85 365.49 205.33 499.95 23.08Z'/%3E%3Cpath class='cls-1' d='M499.99 4.69v2.88s-.01 0-.01 0C366.99 206.69 142.63 175 13.62 381.46 142.49 174.02 367.95 205.92 499.99 4.69Z'/%3E%3Cpath class='cls-1' d='M491.5 1.01C358.97 207.63 131.34 172.53 .81 381.45 130.57 172.54 357.74 206.53 489.6 1.01h1.9Z'/%3E%3Cpath class='cls-1' d='M478.71 1.02C349.92 201.74 132.34 174.14 .05 363.24v-.11C131.64 174.09 348.75 200.62 476.8 1.02h1.91Z'/%3E%3Cpath class='cls-1' d='M465.91 1.03C340.74 195.91 133.57 175.24 .09 345.88v-.19C132.88 175.13 339.59 194.79 464.01 1.03h1.9Z'/%3E%3Cpath class='cls-1' d='M453.12 1.04C331 190.69 134.16 175.71 .13 330.32v-.31C133.17 176.01 330.64 188.85 451.23 1.04h1.89Z'/%3E%3Cpath class='cls-1' d='M440.33 1.05C321.84 185 133.75 176.27 .16 316.18v-.32C133.15 176.04 320.67 183.89 438.42 1.05h1.91Z'/%3E%3Cpath class='cls-1' d='M427.53 1.06C312.48 179.57 132.86 176.44 .19 303.3v-.37C132.26 176.15 311.31 178.47 425.63 1.06h1.9Z'/%3E%3Cpath class='cls-1' d='M414.75 1.06C303.51 173.86 131.42 176.44 .22 291.52v-.41C130.83 176.11 302.35 172.76 412.85 1.07h1.9Z'/%3E%3Cpath class='cls-1' d='M401.99 1.07C295.56 167.44 129.51 176.16 .24 280.66v-.38C128.89 175.86 294.48 166.3 400.09 1.08h1.9Z'/%3E%3Cpath class='cls-1' d='M389.18 1.08C284.84 163.5 127.72 174.8 .27 270.59v-.36C127.09 174.57 284.28 161.93 387.29 1.09h1.89Z'/%3E%3Cpath class='cls-1' d='M376.36 1.09C273.76 159.81 125.72 173.22 .29 261.17v-.35C125.06 172.9 272.78 158.65 374.47 1.1h1.89Z'/%3E%3Cpath class='cls-1' d='M363.57 1.1C263.57 155.38 123.65 171.4 .31 252.45v-.34C122.99 171.08 262.63 154.24 361.67 1.11h1.9Z'/%3E%3Cpath class='cls-1' d='M350.76 1.11C253.31 150.98 121.55 169.27 .33 244.27v-.35C120.87 168.93 252.38 149.87 348.86 1.12h1.9Z'/%3E%3Cpath class='cls-1' d='M337.96 1.12C243.68 146 119.63 166.75 .35 236.6v-.34C118.91 166.39 242.66 144.99 336.07 1.12h1.89Z'/%3E%3Cpath class='cls-1' d='M325.17 1.13C233.9 141.07 117.42 164.1 .36 229.32v-.34C116.68 163.74 232.76 140.2 323.27 1.13h1.9Z'/%3E%3Cpath class='cls-1' d='M312.48 1.14c-55.01 86.36-136.62 139.94-228.96 181.02-27.82 12.96-55.9 25.76-83.14 40.02v-.34c27.16-14.32 55.15-27.19 82.88-40.23C174.93 140.47 256.03 86.95 310.59 1.14h1.89Z'/%3E%3Cpath class='cls-1' d='M299.68 1.15c-52.66 82.72-131.61 137.15-220.12 176.84-26.39 12.42-53.07 24.44-79.17 37.55v-.33c26.02-13.18 52.62-25.28 78.91-37.76C167.28 137.59 245.47 83.47 297.8 1.15h1.88Z'/%3E%3Cpath class='cls-1' d='M286.9 1.16c-50.48 79.26-126.41 134.04-211.21 172.58-25 11.93-50.34 23.29-75.28 35.43v-.34c24.85-12.2 50.11-23.64 75.02-35.63C159.58 134.58 234.94 79.94 285.02 1.16h1.88Z'/%3E%3Cpath class='cls-1' d='M274.11 1.17c-48.4 76.01-121.7 131.07-202.9 168.56-23.43 11.38-47.23 22.07-70.79 33.24v-.35c23.47-11.23 47.18-22 70.53-33.43C151.51 131.62 224.22 76.72 272.23 1.17h1.88Z'/%3E%3Cpath class='cls-1' d='M261.22 1.18C188.25 112.85 101.86 148.75 .44 197.06v-.36C101.18 148.25 187.13 112.11 259.33 1.18h1.89Z'/%3E%3Cpath class='cls-1' d='M248.44 1.19C179.46 106.9 97.67 145.15 .45 191.05v-.36C96.99 144.64 178.38 106.12 246.55 1.19h1.89Z'/%3E%3Cpath class='cls-1' d='M235.67 1.2C171.59 100.07 93.2 141.28 .46 185.13v-.38C92.53 140.75 170.45 99.37 233.79 1.2h1.88Z'/%3E%3Cpath class='cls-1' d='M222.84 1.21C160.76 95.95 88.78 137.05 .48 179.06v-.4C88.11 136.51 159.6 95.29 220.94 1.21h1.9Z'/%3E%3Cpath class='cls-1' d='M210.11 1.22C153.51 88.6 83.82 132.56 .49 173.06v-.42C83.14 132.01 152.31 87.98 208.21 1.22h1.9Z'/%3E%3Cpath class='cls-1' d='M197.32 1.23C144.48 82.93 78.9 127.7 .51 166.84v-.43C78.22 127.15 143.25 82.36 195.43 1.23h1.89Z'/%3E%3Cpath class='cls-1' d='M184.53 1.24C135.28 77.46 73.86 122.51 .52 160.42v-.46C73.17 121.95 134.01 76.91 182.65 1.24h1.88Z'/%3E%3Cpath class='cls-1' d='M171.75 1.25C126.09 71.99 68.75 116.96 .54 153.75v-.48C68.07 116.39 124.73 71.54 169.85 1.25h1.9Z'/%3E%3Cpath class='cls-1' d='M158.91 1.26C115.5 67.89 63.61 111.19 .55 146.76v-.52C62.93 110.59 114.27 67.35 157.03 1.26h1.88Z'/%3E%3Cpath class='cls-1' d='M146.22 1.27C108.62 60.16 58.4 104.51 .57 139.39v-.55C57.7 103.92 107.27 59.71 144.35 1.27h1.87Z'/%3E%3Cpath class='cls-1' d='M133.45 1.28C99.59 54.51 53.25 97.69 .59 131.55v-.59C52.54 97.08 98.22 54.09 131.57 1.28h1.88Z'/%3E%3Cpath class='cls-1' d='M120.64 1.29C89.5 50.01 47.99 90.67 .61 123.17v-.66C47.28 90.04 88.14 49.59 118.77 1.29h1.87Z'/%3E%3Cpath class='cls-1' d='M107.83 1.3C79.48 45.44 42.7 83.29 .63 114.19v-.71C41.99 82.64 78.11 45.02 105.96 1.3h1.87Z'/%3E%3Cpath class='cls-1' d='M95.02 1.31C69.53 40.8 37.39 75.52 .65 104.55v-.8C36.68 74.83 68.17 40.39 93.16 1.31h1.86Z'/%3E%3Cpath class='cls-1' d='M82.22 1.32C59.68 36.06 32.09 67.3 .68 94.1v-.88C31.38 66.56 58.33 35.64 80.35 1.32h1.87Z'/%3E%3Cpath class='cls-1' d='M69.41 1.33C49.95 31.21 26.82 58.61 .7 82.78v-1.01C26.12 57.81 48.62 30.77 67.55 1.33h1.86Z'/%3E%3Cpath class='cls-1' d='M56.59 1.34C40.34 26.17 21.61 49.35 .73 70.37v-1.18C20.93 48.45 39.02 25.67 54.74 1.34h1.85Z'/%3E%3Cpath class='cls-1' d='M43.79 1.35C30.92 20.95 16.54 39.56 .76 56.9v-1.37C15.85 38.57 29.61 20.42 41.94 1.35h1.85Z'/%3E%3Cpath class='cls-1' d='M30.98 1.36C21.68 15.48 11.61 29.12 .8 42.13v-1.65C10.94 27.96 20.4 14.88 29.15 1.36h1.83Z'/%3E%3Cpath class='cls-1' d='M18.19 1.37C12.67 9.74 6.88 17.94 .83 25.94v-2.05C6.23 16.54 11.41 9.02 16.36 1.37h1.83Z'/%3E%3Cpath class='cls-1' d='M5.39 1.38C3.91 3.63 2.4 5.86 .87 8.08v-2.58c.92-1.37 1.82-2.74 2.71-4.12h1.81Z'/%3E%3C/svg%3E");width:85%;position:absolute;opacity:.3;left:0}
.container-reverse .single-overlay-img::before{left:unset!important}
.single-overlay-img img{margin:3em 3em 2em;z-index:1}
img.dr-mercola{margin:2em 0}
.early-days-img{margin:3em 0 0 3em;gap:8px}
.early-days-img,.single-overlay-img,.overlay-img{display:flex;position:relative}
.container-reverse .single-overlay-img{justify-content:flex-end}
.video-rwd{max-width:640px!important;width:100%;margin:36px auto;text-align:center}
.video-rwd .aspect-ratio{position:relative;width:100%;height:0;padding-bottom:56.2%}
.video-rwd .aspect-ratio iframe{position:absolute;width:100%;height:100%;left:0;top:0}
.book-publication.owl-carousel{padding:2em 0}
.media-app .owl-carousel{padding:1em 0}
.owl-theme .owl-nav [class*="owl-"]{color:#2D353C;background:transparent;cursor:pointer;box-shadow:none;padding:0;margin:0;position:initial;display:inline-block;border:none}
.book-publication.owl-theme .owl-nav{top:42%;width:100%}
.media-app .owl-theme .owl-nav{top:25%;width:100%}
.owl-theme .owl-nav [class*=owl-]:hover,.owl-theme .owl-nav [class*="owl-"]:focus{background-color:transparent;color:#000}
.book-publication.owl-carousel{margin:auto;width:98%}
.media .owl-carousel{margin:auto;width:95%}
.owl-theme .owl-nav .owl-prev::before,.owl-theme .owl-nav .owl-next::before{display:none}
.owl-carousel{max-width:unset}
.main-banner{background:url(//media.mercola.com/assets/images/mercola/about-us/main-banner-bg.jpg) no-repeat center center;background-size:cover;padding:0!important;position:relative}
.main-banner .single-overlay-img::before{display:none}
.main-banner ul{list-style-type:none;padding:0 40px}
.main-banner ul li{position:relative;margin-bottom:.3em}
.main-banner h1{color:#286AB2;font-size:40px;margin-bottom:.5em}
.main-banner .single-overlay-img img{z-index:0}
.main-banner .grid-text-content{padding:3em 0}
.main-banner ul li:before{content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96.45 65.31'%3E%3Cpath d='M83.87 0l12.58 11.53-58.63 53.79L0 30.74l12.58-11.53 25.25 23.05L83.87 0Z'/%3E%3C/svg%3E");position:absolute;width:13px;left:-26px}
.feature-doctor p{text-transform:uppercase;font-weight:500;color:#303030;margin:1.4em 0 .3em}
.feature-doctor img{mix-blend-mode:darken;max-width:500px;width:100%}
.divider{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='425' viewBox='0 0 2000 425' fill='none' preserveAspectRatio='none'%3E%3Cpath d='M851.092 22.8538C377.7 59.3369 172.416 31.4029 0 13.8163L0.642578 405.316H1999.85V70.7472C1967.69 70.7472 1874.64 34.6506 1612.6 14.0421C1350.55 -6.5664 1215.08 -5.19799 851.092 22.8538Z' fill='white' fill-opacity='0.5'/%3E%3Cpath d='M851.092 41.8538C377.7 78.3369 172.416 50.4029 0 32.8163L0.642578 424.316H1999.85V89.7472C1967.69 89.7472 1874.64 53.6506 1612.6 33.0421C1350.55 12.4336 1215.08 13.802 851.092 41.8538Z' fill='url(%23paint0_linear_1412_11)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1412_11' x1='1000.61' y1='431.98' x2='1000.61' y2='21.0026' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F7F7F7'/%3E%3Cstop offset='1' stop-color='%23F7F7F7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;width:100%;height:160px;position:absolute;transform:translate(0,-90px)}
.introduction{z-index:1;background:#f7f7f7}
.img-caption{text-align:center;margin:0}
.img-caption span{color:#856E36;font-style:italic;text-align:center;margin-left:32px}
.education .img-caption:before{content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23856e36%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M14.09 11.94c-.22 .47-.52 .89-.89 1.26h0c-.37 .37-.79 .67-1.26 .89l2.81 2.81 .66-1.49 1.49-.66-2.81-2.81Z'/%3E%3Cpath class='cls-1' d='M9.02 14.42c-1.09-.23-2.11-.9-2.75-1.83L0 18.87l2.46 2.46 6.85-6.85c-.1-.01-.19-.03-.29-.05Z'/%3E%3Cpath class='cls-1' d='M10.82 14.9l-7.4 7.4 .7 .7 7.4-7.4-.7-.7Z'/%3E%3Cpath class='cls-1' d='M18.87 0l-6.27 6.27c1.01 .7 1.71 1.84 1.88 3.04l6.85-6.85-2.46-2.46Z'/%3E%3Cpath class='cls-1' d='M22.3 3.43l-7.4 7.4 .7 .7 7.4-7.4-.7-.7Z'/%3E%3Cpath class='cls-1' d='M12.24 7.75c-2.86-2.96-7.44 1.62-4.49 4.49 2.87 2.95 7.44-1.62 4.49-4.49Zm-1.04 3.45c-1.54 1.58-3.99-.87-2.4-2.4 1.54-1.58 3.99 .87 2.4 2.4Z'/%3E%3C/svg%3E");position:absolute;width:24px}
.education-timeline{position:relative;max-width:1200px;margin:0 auto}
.education-timeline::after{content:'';position:absolute;width:1px;background-color:#D3D3D3;top:10px;left:31px;bottom:75px}
.education-timeline .content{padding:0 4em 0 6em;position:relative;margin:26px 0}
.education-timeline .content h4,.education-timeline .content p{margin:0}
.education-timeline .content h4{font-size:20px}
.education-timeline .content::after{content:'';position:absolute;width:15px;height:15px;background-color:#286AB2;border:3px solid #D8E3EF;top:5px;border-radius:50%;z-index:1}
.education-timeline .bullet::after{left:24px}
.drmercola-license img{margin:0 auto;display:block}
.drmercola-license img.mobile{display:none}
@media only screen and (max-width: 640px) {
.drmercola-license img.desktop{display:none}
.drmercola-license img.mobile{display:block}
}
.education-timeline::after{top:22px;bottom:17px}
@media only screen and (min-width: 640px) {
.education .container-content{width:72%;right:-10%;max-width:900px}
.education-timeline .content h4{display:none}
.education-timeline .content.bullet::before{display:block;position:absolute;left:-10rem;font-weight:700;font-size:22px}
.education-timeline::after{content:'';position:absolute;width:1px;background-color:#D3D3D3;top:32px;left:41px;bottom:50px}
.education-timeline .bullet::after{left:34px}
.education-timeline .content.bullet:nth-child(1)::before{content:"1972 - 1976"}
.education-timeline .content.bullet:nth-child(2)::before{content:"1978 - 1982"}
.education-timeline .content.bullet:nth-child(3)::before{content:"1982 - 1985"}
.education-timeline .content.bullet:nth-child(4)::before{content:"1984 - 1985"}
.education-timeline .content.bullet:nth-child(5)::before{content:"July 1985"}
}
.book-publication .owl-prev::after,.book-publication .owl-next::after{content:"";display:block;width:16px;height:16px;border-top:3px solid #000;border-left:3px solid #000;position:absolute}
.media .owl-prev::after,.media .owl-next::after{content:"";display:block;width:12px;height:12px;border-top:3px solid #C1C1C1;border-left:3px solid #C1C1C1;position:absolute}
.book-publication .owl-prev::after{transform:rotate(-45deg);left:25px}
.media .owl-prev::after{transform:rotate(-45deg);left:0}
.book-publication .owl-next::after,.media .owl-next::after{transform:rotate(135deg);right:25px}
.media .owl-next::after{transform:rotate(135deg);right:0}
.book-item{border:1px solid #E2E2E2;border-radius:6px;padding:18px 14px;display:flex;flex-direction:column;flex:1;background-color:#fff;justify-content:center;min-height:112px}
.book-item p,.book-title h4,.book-title p{margin:0}
.publication-section .book-item p:not(.bestseller-tag){font-size:17px;line-height:1.5}
.book-title h4{font-size:18px}
.book-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.bestseller-tag{background:#FFF6EA;border-radius:50px;color:#715802;padding:0 16px;font-style:italic;position:relative;text-align:center}
.bestseller-tag span{margin-left:22px;font-size:15px}
.bestseller-tag::before{content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 95.51 84.89'%3E%3Cpath d='M42.63 2.95l-11.66 21.95-26.08 3.53c-4.68 .63-6.55 5.99-3.16 9.05l18.87 17.08-4.46 24.12c-.8 4.36 4.14 7.63 8.28 5.59l23.33-11.39 23.33 11.39c4.14 2.02 9.09-1.23 8.28-5.59l-4.46-24.12 18.87-17.08c3.39-3.07 1.52-8.42-3.16-9.05l-26.08-3.53L52.88 2.95c-2.09-3.91-8.14-3.96-10.25 0Z' fill='%23715802' /%3E%3C/svg%3E");position:absolute;width:13px}
.awards ul li::marker,.organizations ul li::marker{color:#A3A3A3}
.awards ul li{margin-bottom:12px}
.awards .grid-text-content p{margin:0}
.awards-location{font-size:15px;color:#565656}
.awards ul,.organizations .tab-content ul{list-style-type:unset;margin:0 20px}
.health-pioneer{background:linear-gradient(180deg,#F6F6F6 0%,rgba(247,247,247,0) 100%);margin-top:5em}
blockquote{font-size:28px;margin:1em auto;color:#2369B4;padding:1em;line-height:1.6;position:relative;border-left:none;font-style:italic;max-width:650px;line-height:normal}
blockquote:before,blockquote:after{font-family:'Arial';font-style:normal;position:absolute;color:#E0E9F2;font-size:8rem;width:4rem;height:4rem}
blockquote:before{content:'“';left:-5rem;top:-2rem}
blockquote:after{content:'”';right:-5rem;bottom:1rem}
blockquote span{display:block;color:#333;font-style:normal;font-weight:700;margin-top:1em;font-size:18px;text-align:right}
.mercola-location{display:flex;align-items:center;gap:18px;margin-bottom:3em}
.hq-pin{width:50px;height:50px;background-color:#D8E3EF;padding:28px;border-radius:50px;position:relative}
.hq-pin:before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 68.34 94.26'%3E%3Cpath d='M34.17 0C15.28 0 0 14.75 0 32.99c0 8.2 2.44 15.88 6.88 22.81 4.64 7.26 10.74 13.48 15.42 20.74 2.29 3.53 3.95 6.83 5.71 10.65 1.27 2.59 2.29 7.07 6.15 7.07s4.88-4.48 6.1-7.07c1.81-3.82 3.42-7.12 5.71-10.65 4.69-7.21 10.79-13.43 15.42-20.74 4.49-6.93 6.93-14.61 6.93-22.81C68.34 14.75 53.06 0 34.17 0Zm0 45.95c-6.74 0-12.2-5.28-12.2-11.78s5.47-11.78 12.2-11.78 12.2 5.28 12.2 11.78-5.47 11.78-12.2 11.78Z' fill='%23286AB2'/%3E%3C/svg%3E");position:absolute;width:18px;margin-top:-3px;top:0;transform:translate(-50%,50%)}
.hq-details p:first-child{font-size:18px;font-weight:700;margin:0}
.hq-details p:nth-child(2){margin:0}
.innovative-timeline{position:relative;max-width:1000px;margin:0 auto}
.innovative-timeline::after{content:'';position:absolute;width:1px;background-color:#D3D3D3;top:33px;bottom:95px;left:10%;margin-left:7px}
.innovative-content::after{content:'';position:absolute;width:15px;height:15px;background-color:#286AB2;border:3px solid #D8E3EF;border-radius:50%;z-index:1;left:10%}
.innovative-content{display:flex;align-items:center;gap:95px;padding:0;position:relative;margin:6px 0 18px}
.connect-drmercola{background:url(//media.mercola.com/assets/images/mercola/about-us/connect-dr-mercola-bg.jpg) no-repeat;background-size:cover;background-position:center left}
.connect-drmercola .grid-3-col{flex-basis:50%;padding:.8em 0}
.connect-drmercola .grid-wide{flex-basis:80%!important}
.connect-drmercola .social-highlight{gap:0!important}
.social-highlight .grid-3-col:before{width:1px;content:'';position:absolute;width:1px;background-color:#E1E1E1;top:0;bottom:0}
.social-highlight .grid-3-col:first-child:before{display:none}
.connect-drmercola .grid-3-col p{text-align:center;margin:0;line-height:1.3}
.connect-drmercola h3{text-align:center;font-weight:500;margin:1em .5em;padding:0 2em}
.social-highlight .optin input[type=text],.social-highlight .optin select{padding:12px 30px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box;text-align:center;border-radius:0;box-shadow:none;width:auto}
.social-highlight .optin input[type=submit]{background-color:#970B0B;color:#fff;padding:13px 20px;margin:8px 0;border:none;cursor:pointer}
.social-highlight .optin input[type=submit]:hover{background-color:#7c0909}
.social-highlight .optin{display:flex;justify-content:center;margin:0 1em}
p.email-subscribe{font-weight:600;font-size:16px}
.count-highlight{font-size:30px;line-height:1;margin:0;font-weight:700}
.social-label{margin:6px 0}
.social-highlight{align-items:center;margin-top:2em}
.social-count{margin-left:12px;display:flex;align-items:center}
.social-follows .fb:before{content:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z' fill='%23286AB2'/%3E%3C/svg%3E");position:absolute;width:12px}
.podcast-drmercola .listen-btn:after{content:url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 59.81 97.03'%3E%3Cpolygon points='0 0 59.81 47.87 0 97.03 0 0' fill='%23286AB2' /%3E%3C/svg%3E");position:absolute;width:9px;right:24px}
.social-count span{margin-left:10px}
.social-follows{gap:18px;margin:0 6em;border-bottom:1px solid #E1E1E1;padding-bottom:1em;display:grid;grid-template-columns:auto auto auto}
.social-follows a{text-decoration:none;color:#000;text-transform:uppercase;transition:transform .4s ease}
.social-follows a:hover{-ms-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03)}
.follow-drmercola{background:#fff;box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 12%);;max-width:1150px;margin:auto;padding-top:1.5em;transform:translate(0,40px)}
.other-socials ul{padding:0;justify-content:center;display:flex;flex-wrap:wrap;align-items:center;padding: 1rem 0 !important;}
.other-socials ul li{display:inline-block;list-style-type:none;margin:.9em}
.other-socials ul li a svg{fill:#3D3D3D;transition:.3s}
.other-socials ul li a svg:hover{fill:#286AB2}
.podcast-drmercola{background:#286AB2;display:flex;justify-content:center;align-items:center;padding:1em;gap:2em}
.podcast-drmercola .text-wrapper{color:#fff;font-size:20px;margin:0}
.listen-btn{background-color:#E5F2FB;border:none;color:#286AB2;padding:6px 46px 6px 28px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:50px;transition:.3s;position:relative;font-weight:400}
.listen-btn:hover{background-color:#fff;border:unset;color:#286ab2}
.listen-btn a{color:#286ab2;text-decoration:none}
.media-app{margin-top:1em}
.organizations{padding-bottom:5em!important}
.organizations .container-content{gap:2em}
.organizations .tab-content li{margin-bottom:.8em;line-height:1.5}
.panels-container{margin-top:3em;position: relative;}
.tabs-container nav ul li{padding:1em;width:50%;display:block;border-radius:12px 12px 0 0;cursor:pointer;border:1px solid #E3E3E3;background-color:#FBFBFB;text-align:center}
.tabs-container nav ul li:hover{background:#286AB2;cursor:pointer;color:#fff}
.tabs-container nav ul li.active{color:#fff;background:#286AB2;cursor:pointer;font-weight:700}
.tab-content{display:none;border:1px solid #E3E3E3;border-top:none;padding:1em}
.tab-content.current{display:inherit}
.tabs-container{position:relative;height:3.5em}
.tabs-container nav{position:absolute;width:100%}
.tabs-container nav ul li{order:1}
.tabs-container nav ul{display:flex;flex-direction:row;justify-content:center;white-space:nowrap;overflow:hidden;border:none;padding:0}
.tabs-container nav ul.expanded li:not(.active){position:relative;top:auto}
.tabs-container nav ul li:not(.active){position:relative;top:auto}
.editorial-team ul li{list-style-type:none;margin-bottom:1em;line-height:1.5}
.editorial-team{background:url(//media.mercola.com/assets/images/mercola/about-us/editorial-team-bg.jpg) no-repeat;background-size:cover;background-position:center left}
.editorial-team .grid-text-content ul li b{font-weight:600!important}
@media (max-width: 1400px) {
.container-content{max-width:1200px}
.book-publication.owl-theme .owl-nav{top:50%}
}
@media (min-width: 1400px) {
.introduction{padding:1em 0 2.3em}
}
@media(max-width: 1080px) and (min-width: 471px) {
.publication-section .book-title .expected-bs{line-height:1;margin-left:0;text-align:center;padding:4px 14px 4px 31px;max-width:138px}
.expected-bs::before{left:26px;top:45%;transform:translate(-50%,-50%)}
.expected-bs span{margin-left:0;font-size:14px;line-height:1.1;font-style:italic;text-align:center}
}
@media (max-width: 1400px) and (min-width: 1200px) {
.divider{transform:translate(0,-50px)}
.main-banner .single-overlay-img img{margin:4em 0 0}
.introduction{padding:2em 0 2.3em}
}
@media (max-width: 1200px) {
.main-banner h1{font-size:26px}
.main-banner ul li{font-size:15px}
.feature-doctor p{font-size:14px}
.feature-doctor img{padding-right:2em}
.main-banner .single-overlay-img img{width:90%;margin:3em 0 0}
.main-banner .grid-2-col{flex-basis:60%}
.feature-doctor img{max-width:450px}
.divider{transform:translate(0,-46px);height:196px}
.follow-drmercola{max-width:1000px}
}
@media (min-width: 1200px) {
.credentials{padding:4em 0 0!important}
}
@media (max-width: 1199px) and (min-width: 1081px) {
.media .owl-prev::after,.media .owl-next::after{top:56px}
}
@media (max-width: 1200px) and (min-width: 800px) {
.credentials{padding:3em 0 0!important}
.main-banner .single-overlay-img{margin-top:0}
.main-banner .grid-text-content{padding:2em 0 3em}
.introduction{padding:2em 0!important}
.overlay-img,.single-overlay-img{justify-content:center!important;margin:0}
.overlay-img img{width:40%}
.single-overlay-img img{width:80%}
}
@media (max-width: 1130px) and (min-width: 799px) {
.health-pioneer .container-content{display:block}
.health-pioneer .container-content .grid-2-col:first-child{float:left;margin:1em .5em;max-width:60%}
.health-pioneer .container-reverse .grid-2-col:first-child{float:right}
.early-days-img{margin:2em 0 0 1em}
.single-overlay-img img{margin:2em .7em}
.container-reverse .single-overlay-img{justify-content:flex-start}
}
@media(max-width: 870px) {
.nxt-line{display:none}
}
@media (max-width: 950px) {
.main-banner ul li{font-size:14px}
.feature-doctor p{font-size:14px;margin-top:8px}
.main-banner .single-overlay-img img{margin:7em 0 0}
.main-banner .grid-2-col:first-child{flex-basis:55%}
.main-banner .grid-2-col:nth-child(2){flex-basis:70%}
.feature-doctor img{max-width:380px}
.other-socials ul li{margin:.2em .5em 1em}
.divider{transform:translate(0,-48px);height:110px}
.education .container-content{flex-direction:column-reverse!important;gap:26px!important}
.awards .container-content{flex-direction:column;padding:0 4em}
.social-follows .grid-3-col{padding:.5em!important}
.social-follows{grid-template-columns:auto;justify-content:center;gap:12px}
.social-follows a{padding:0 5em!important;background-color:#F3F3F3;border-radius:50px;text-align:left}
.connect-drmercola .social-count{text-align:left!important;font-size:15px}
.education-timeline::after{bottom:45px}
.grid-img-wrapper{max-width:530px;display:block;margin:auto}
.overlay-img,.single-overlay-img{justify-content:center}
}
@media (max-width: 1080px) {
.main-banner .single-overlay-img img{width:100%}
.education-timeline .content{padding-left:6em;padding-right:0}
blockquote{max-width:500px}
.follow-drmercola{margin:0 2em;display:flex;flex-direction:column;justify-content:center}
.social-highlight .grid-3-col:last-child{border-top:1px solid #E1E1E1}
.social-highlight .grid-3-col:before{display:none}
.social-follows{margin:1em 3em!important}
.connect-drmercola .social-highlight{flex-wrap:wrap;max-width:700px}
.connect-drmercola .social-highlight .grid-wide{flex-basis:100%!important;margin-top:1em;padding-top:1.5em}
.podcast-drmercola .text-wrapper{text-align:center}
.panels-container{margin:0 2em}
.media-app .owl-theme .owl-nav{top:80%}
}
@media (min-width: 800px) {
.credentials .medical-publications,.media-app{padding:6em 0 0!important}
.medical-publications,.dr-mercola-books,.awards,.editorial-team{padding-bottom:2em!important}
.medical-publications{margin-top:2em}
.container-reverse{flex-direction:row-reverse!important}
.dr-mercola-books .books-desc{text-align:center}
}
@media (max-width: 800px) {
.desktop-display{display:none}
.mobile-display{display:block}
.container-reverse .single-overlay-img img{margin-top:2em!important}
.single-overlay-img::before,.overlay-img::before{width:100%;opacity:.2}
.early-days-img{margin:3em 3em 2em}
.main-banner,.introduction,.credentials,.education,.dr-mercola-books,.medical-publications,.health-pioneer,.ahead-curve,.awards,.connect-drmercola,.media-app,.organizations,.editorial-team{padding:1.5em 0 0}
.container-content{flex-direction:column;padding:0 1.2em 1em}
.container-flex{gap:0;align-items:center}
.container-reverse{flex-direction:column-reverse!important}
.grid-items{grid-template-columns:80%;padding:0 2em}
.heading h2::after{display:none}
.heading h2{line-height:1.7;font-size:24px}
.title-border{border-bottom:2px solid #D9E4EF;margin:0 .5em}
.owl-carousel .owl-prev,.owl-carousel .owl-next{font-size:2.2em!important}
.media.owl-carousel{width:90%;margin:auto}
.main-banner .grid-text-content{padding:0 2em 3em}
.main-banner .container-flex{align-items:center}
.main-banner h1{font-size:30px}
.main-banner ul li{font-size:18px}
.feature-doctor p{font-size:16px;margin-top:2em}
.feature-doctor img{max-width:480px}
.main-banner{background:#F6F6F6}
.divider{z-index:0;height:135px;transform:translate(0,-75px)}
.introduction{background:#fff}
.connect-drmercola .social-highlight{flex-direction:row!important}
.education-timeline .content{margin:16px 0}
.education-timeline::after{bottom:0}
.medical-publications{padding:5em 0 2em!important}
.medical-publications .grid-items-space{margin-top:1em}
blockquote:before{left:0;top:-.5em!important;margin:10px}
blockquote:after{right:0!important;bottom:0!important;margin:10px}
blockquote span{text-align:left!important}
blockquote{font-size:22px}
.connect-drmercola{background-position:15% 50%}
.podcast-drmercola{flex-direction:column;gap:0}
.media-app{margin-top:4em}
.organizations .container-content{gap:0}
.organizations ul,.editorial-team ul{margin:0!important}
.tabs-container nav ul.expanded li:not(.active){border-radius:0;background-color:#f0f0f0;z-index:1}
.tabs-container nav ul li.active:after{border:9px solid transparent;border-top-color:transparent;border-top-style:solid;border-top-width:10px;border-top:12px solid #fff;content:'';position:absolute;right:1.5em;top:1.5em}
.tabs-container nav ul li{text-align:inherit;width:100%;padding:.8em}
.tabs-container nav ul{display:flex;flex-direction:column}
.tabs-container nav ul li.active{order:0}
.tabs-container nav ul li:not(.active){position:absolute;top:-999em}
.tabs-container nav ul li:hover{color:#000}
.organizations .container-space{margin:1em auto!important}
.innovative-content{flex-direction:column;gap:0;justify-content:center}
.ahead-curve .content-right{position:initial;width:75%;display:flex;flex-direction:column;margin-left:7em;justify-content:flex-start;align-items:flex-start}
.innovative-timeline h2,.innovative-timeline p{margin:0}
.innovative-timeline p{font-size:16px}
.innovative-timeline h2{font-size:20px}
.innovative-content::after{margin-top:.4em;left:5%}
.innovative-timeline::after{top:8px;bottom:0;left:5%}
.ahead-curve .content-right{margin-bottom:1em}
.editorial-team .container-flex{align-items:flex-start}
.editorial-team{padding-bottom:.5em!important}
}
@media (max-width: 600px) {
.feature-doctor img{max-width:none;padding-right:0}
.main-banner ul{padding:0 0 0 40px}
.overlay-img img{width:48%}
.single-overlay-img img{width:80%}
.grid-items{grid-template-columns:100%;padding:0 1em}
.early-days-img{margin:2em 1em}
.connect-drmercola .grid-3-col{padding:.5em}
.count-highlight{font-size:22px}
.social-label{font-size:14px}
.social-highlight{margin-top:1em}
.social-follows{margin:1em!important}
.social-follows a{padding:0 2em!important}
.ahead-curve .content-right{margin-left:4.2em}
.panels-container{margin:0 2em;max-width:auto}
.social-highlight .optin{margin:0 .5em;flex-direction:column}
.social-highlight .optin input[type=submit]{margin:0}
.awards .container-content{padding:0 1.2em}
.awards .grid-text-content{padding-left:1.5em}
.tab-content{padding:1em 2em}
}
@media (max-width: 470px) {
.main-banner .grid-text-content{padding:0 1em 3em}
.main-banner ul li{font-size:16px}
.main-banner ul{padding:0 0 0 40px}
.main-banner h1{font-size:26px}
.book-title{flex-direction:column-reverse;align-items:flex-start;gap:6px}
.social-follows a{padding:0 1em!important}
.follow-drmercola{margin:0 1em}
.tabs-container nav ul li.active::after{border:7px solid transparent;border-top-width:10px;border-top:10px solid #fff;right:14px}
.health-pioneer .container-reverse .single-overlay-img img{margin:2em auto 0!important}
.media .owl-prev::after{left:-6px}
.media .owl-next::after{right:-15px}
.tab-content{padding:1em}
.connect-drmercola h3{margin-bottom:0}
}
.video-container{max-width:640px;margin:0 auto}
.video-container .youtube iframe{width:100%!important}
@media only screen and (max-width:414px) {
.video-container .youtube iframe{height:100%}
}
.youtube,.youtube .preloader,.youtube img{pointer-events:none}
.youtube{background-color:#000;margin-bottom:30px;position:relative;padding-top:56.19%;overflow:hidden;cursor:pointer;height:inherit}
.youtube img{width:100%;top:-16.82%;left:0;opacity:.7}
.youtube .preloader{z-index:1;opacity:.8;border-radius:12px;position:absolute;left:50%!important;top:50%!important;width:67px;height:48px;margin-left:-30px;margin-top:-60px;-moz-transition:opacity .25s cubic-bezier(0,0,.2,1);-webkit-transition:opacity .25s cubic-bezier(0,0,.2,1);transition:opacity .25s cubic-bezier(0,0,.2,1)}
.youtube .preloader img{width:60%}
.youtube .preloader,.youtube img{cursor:pointer}
.youtube .preloader,.youtube .preloader:before,.youtube iframe,.youtube img{position:absolute}
.youtube .preloader,.youtube .preloader:before{top:30%;left:40%}
.youtube iframe{height:100%;width:100%;top:0;left:0}
.preloader{display:inline-block;position:relative;width:64px;height:64px}
.preloader div{box-sizing:border-box;display:block;position:absolute;width:70px;height:70px;margin:6px;border:6px solid #fff;border-radius:50%;animation:preloader 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent}
.preloader div:nth-child(1){animation-delay:-.45s}
.preloader div:nth-child(2){animation-delay:-.3s}
.preloader div:nth-child(3){animation-delay:-.15s}
@keyframes preloader {
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.lds-ring{display:inline-block;z-index:1;opacity:.8;border-radius:12px;position:absolute;left:50%!important;top:50%!important;width:64px;height:64px;margin-left:-35px;margin-top:-35px;-moz-transition:opacity .25s cubic-bezier(0,0,.2,1);-webkit-transition:opacity .25s cubic-bezier(0,0,.2,1);transition:opacity .25s cubic-bezier(0,0,.2,1);cursor:pointer;pointer-events:none}
.lds-ring,.lds-ring:before{position:absolute;top:30%;left:40%}
.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:70px;height:70px;margin:6px;border:6px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent}
.lds-ring div:nth-child(1){animation-delay:-.45s}
.lds-ring div:nth-child(2){animation-delay:-.3s}
.lds-ring div:nth-child(3){animation-delay:-.15s}
@keyframes lds-ring {
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.gdpr-container .fa-times::before,.social-mobile .social-btn > a::before,.social-mobile .social-btn > i::before,.top-button a::before{font-family:'Font Awesome 5 Free'!important}
.social-mobile .social-btn[data-social-btn="facebook"] > a::before{content:"\f39e";font-family:'Font Awesome 5 Brands'!important}
.top-button{right:12px!important;z-index:2!important;display:block;margin-bottom:18px!important;text-align:right!important;margin-right:12px!important;position:absolute!important}
.top-button span{display:inline-block!important}
.top-button a{background-color:#bbb!important;border:1px solid #bbb!important;color:#333!important;opacity:.5!important;transition:opacity .5s!important;padding:16px 22px!important;appearance:none!important;border-radius:5px!important;cursor:pointer!important;display:inline-block;font-size:14px!important;-webkit-font-smoothing:antialiased!important;font-weight:600!important;line-height:1!important;text-align:center!important;text-decoration:none!important;user-select:none!important;vertical-align:middle!important;white-space:nowrap!important}
.top-button a:hover{opacity:1!important;background-color:#cbcbcb!important;border:1px solid #cbcbcb!important;color:#333!important}
.gdpr-wrap{position:fixed!important;bottom:0!important;width:100%!important;margin-right:auto!important;margin-left:auto!important;left:0!important;right:0!important;z-index:9999!important}
.gdpr-container{margin:0!important;position:relative!important;display:block;background:#F1F2F2!important;z-index:9999!important;padding:14px!important;width:100%!important;max-width:100%!important;box-shadow:0 -2px 15px rgba(146,144,144,0.5)!important;text-align:center!important;padding:1.6em .5em!important;border-radius:0!important;border:none!important}
.gdpr-container .close-button{display:inline-block!important}
.gdpr-container .close-button p{margin:0!important}
.gdpr-container .close-button p a{position:absolute!important;right:50px!important;top:35px!important;border-radius:50%!important;color:#3c3c3c!important;width:20px!important;text-align:center!important;line-height:20px!important;text-transform:lowercase!important;font-weight:700!important;background-color:transparent!important}
.gdpr-container .close-button p a:hover{cursor:pointer!important}
.gdpr-container > p{padding-right:25px!important}
.gdpr-container p{font-family:Arial!important;font-size:13px!important;font-weight:700!important;color:#3c3c3c!important;line-height:18px!important;display:inline-block!important;margin-top:0!important;margin-bottom:0!important;vertical-align:middle!important}
.gdpr-container p a{text-decoration:none!important}
.gdpr-container .agree-button{text-align:center!important;display:inline-block!important;vertical-align:middle!important}
.gdpr-container .agree-button p{padding-bottom:2px!important;margin:0!important}
.gdpr-container .agree-button a{color:#fff!important;font-size:13px!important;color:#fff!important;background-color:#0869BD!important;text-align:center!important;line-height:24px!important;cursor:pointer!important;text-decoration:none!important;font-family:Arial!important;padding:6px 24px!important;border-radius:5px!important}
.gdpr-container .agree-button a:hover{background:#065497!important}
.fa-times:before{content:""!important;font-family:'FontAwesome'!important;src:url(//media.mercola.com/assets/fonts/fontawesome-webfont.eot)!important}
.has-countdown{margin-bottom:70px!important}
.has-gdpr{margin-bottom:85px}
.has-countdown.has-gdpr{margin-bottom:169px!important}
.social-icons-mobile{display:none!important}
@media only screen and (max-width: 1199px) {
.gdpr-container.es p{margin:0!important}
.has-gdpr.has-social{margin-bottom:160px!important}
.has-gdpr.es.has-social{margin-bottom:165px!important}
.social-icons-mobile{display:block!important;width:100%!important;position:relative!important;left:0!important;background:#fff!important;z-index:2!important;height:77px!important}
}
@media only screen and (max-width: 1120px) {
.gdpr-container p,.gdpr-container.es p{text-align:left!important;width:59%!important}
.has-gdpr.es.has-social{margin-bottom:170px!important}
}
@media only screen and (max-width: 990px) {
.gdpr-container{padding:1.46em 1.5em!important}
.gdpr-container p{text-align:left!important;width:59%!important}
.gdpr-container.es p{width:64%!important}
.gdpr-container .agree-button{width:20%!important}
.gdpr-container .agree-button p{max-width:300px!important;display:inline!important}
}
@media screen and (min-width: 666px) and (max-width: 1199px) {
.dontprint.social-mobile{margin-top:5px!important}
.has-gdpr.es.has-social .social-icons-mobile .dontprint.social-mobile,.dontprint.social-mobile.es,.post-nav-mobile.es{margin-top:0!important}
.post-nav-mobile{margin-top:5px!important}
}
@media screen and (max-width: 666px) {
.social-icons-mobile{height:70px!important}
.dontprint.social-mobile{margin-top:0!important}
.post-nav-mobile{margin-top:0!important}
.has-gdpr.es.has-social{margin-bottom:160px!important}
}
@media only screen and (max-width: 639px) {
.gdpr-container .close-button p a{right:0!important}
}
@media only screen and (max-width: 792px) {
.has-gdpr.es{margin-bottom:90px}
}
@media only screen and (max-width: 701px) {
.gdpr-container{padding:1.46em .5em!important}
.gdpr-container .agree-button{width:30%!important}
.gdpr-container .close-button p a{right:10px!important;top:35px!important}
.gdpr-container.es .close-button p a{right:10px!important;top:35px!important}
.gdpr-container.es{padding:1em .5em!important}
.has-gdpr.es.has-social{margin-bottom:150px!important}
}
@media only screen and (max-width: 699px) {
.has-gdpr.es.has-social{margin-bottom:167px!important}
}
@media only screen and (max-width: 664px) {
.has-gdpr{margin-bottom:106px!important}
.has-gdpr.has-social{margin-bottom:176px!important}
.has-gdpr.es{margin-bottom:90px!important}
}
@media only screen and (max-width: 514px) {
.has-gdpr.es{margin-bottom:90px!important}
}
@media only screen and (max-width: 475px) {
.has-gdpr.es.has-social{margin-bottom:185px!important}
}
@media only screen and (max-width: 480px) {
.gdpr-container .agree-button,.gdpr-container.es .agree-button{text-align:left!important}
.gdpr-container .close-button p a{right:18px!important;top:18px!important}
.gdpr-container.es .close-button p a{right:17px!important;top:16px!important}
}
@media only screen and (max-width: 414px) {
.has-gdpr{margin-bottom:125px!important}
.has-gdpr.has-social{margin-bottom:190px!important}
.has-gdpr.es{margin-bottom:106px!important}
}
@media only screen and (max-width: 392px) {
.has-gdpr.es{margin-bottom:125px!important}
.has-gdpr.es.has-social{margin-bottom:205px!important}
}
.contact-section .address,.phone{display:inline-block;width:100%;vertical-align:middle;text-align:center}
.phone,.address p br{display:none}
.address img{display:inline-block;margin-right:1em;vertical-align:middle}
.gdpr-container .agree-button p{width:93px!important}
@media only screen and (max-width: 361px) {
.header .mobile-subscribe{right:70px!important}
.shop-label{color:#ddd;font-size:11px;margin-bottom:0;margin-top:-6px;vertical-align:middle;margin-left:8px}
}
.mewe svg path{transform:scale(2.2);max-width:42px;position:relative}
.other-socials ul li a svg:hover rect{fill:#286AB2}
@media (max-width: 800px) {
.connect-drmercola .social-highlight{align-items:flex-start}
}
.social-count .svg-icon{width:30px;height:30px}
.social-count[title="facebook"] .svg-icon{background-image:url('data:image/svg+xml,')}
.social-count[title="Instagram"] .svg-icon{background-image:url('data:image/svg+xml,')}
.social-count[title="Twitter"] .svg-icon{background-image:url('data:image/svg+xml,')}
.container-content.other-socials .svg-icon{width:25px;height:25px;display:block;background:no-repeat center}
.container-content.other-socials a:hover .svg-icon{opacity:.8}
.container-content.other-socials li[title="Telegram"] .svg-icon{background-image:url('data:image/svg+xml,')}
.container-content.other-socials li[title="Threads"] .svg-icon{background-image:url('data:image/svg+xml,')}
.container-content.other-socials li[title="Gab"] .svg-icon{background-image:url('data:image/svg+xml,')}
.container-content.other-socials li[title="Gettr"] .svg-icon{background-image:url('data:image/svg+xml,')}
.container-content.other-socials li[title="Truth Social"] .svg-icon{background-image:url('data:image/svg+xml,')}
.container-content.other-socials li[title="MeWe"] .svg-icon{background-image:url('data:image/svg+xml,');width:65px}
.container-content.other-socials li[title="Snapchat"] .svg-icon{background-image:url('data:image/svg+xml,')}
.container-content.other-socials li[title="Tiktok"] .svg-icon{background-image:url('data:image/svg+xml,')}
.container-content.other-socials li[title="BitChute"] .svg-icon{background-image:url('data:image/svg+xml,')}
.container-content.other-socials li[title="Rumble"] .svg-icon{background-image:url('data:image/svg+xml,')}
.container-content.other-socials li[title="Podcast"] .svg-icon{background-image:url('data:image/svg+xml,')}
.container-content.other-socials li[title="RSS"] .svg-icon{background-image:url('data:image/svg+xml,')}
/** REDESIGNED ABOUT PAGE **/
/** HERO SECTION & MARQUEE **/
.full-width-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.fixed-width-container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.block-width {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
min-width: 1200px;
}
.main-header {
background-image: url("https://media.mercola.com/assets/images/mercola/about-us/about-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.content-wrapper {
justify-content: space-between;
align-items: flex-start;
padding-top: 100px;
}
.whitespace-nowrap {
white-space: nowrap;
}
.dr-mercola-desktop {
width: 50vw;
max-width: 600px;
}
.dr-mercola-mobile {
display: none;
}
.header-content {
display: flex;
flex-direction: column;
align-items: flex-start;
/* gap: 35px; */
width: 50vw;
max-width: 620px;
}
.social-highlight {
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #6DDCFF;
border-radius: 10px;
background: #CCDDF6;
margin: 0 !important;
}
.header-title {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
color: #F1F6FD;
font-family: "Domine", serif;
font-weight: 400;
font-size: 60px;
text-transform: capitalize;
margin: 0 0 30px 0;
}
.header-title span {
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 18px;
letter-spacing: 3px;
text-transform: uppercase;
}
.header-text {
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 160%;
margin-bottom: 45px;
}
.header-text > p:nth-child(2) {
margin-bottom: 0;
}
.visitors {
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
background: #F1F6FD;
border-radius: 8px;
width: 290px;
}
.visitors > p, .newsletter > p{
font-family: "Inter", sans-serif;
font-size: 40px;
font-weight: 500;
color: #03306A;
margin: 0;
}
.visitors-text > p {
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 20px;
color: #03306A;
margin: 0;
}
.newsletter-text > p {
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 20px;
color: #03306A;
margin: 0;
}
.newsletter {
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
width: 290px;
}
.section-marquee {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 33px 0;
gap: 25px;
background-color: #E6F3FF;
}
.marquee-text {
color: #49454F;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 19px;
font-weight: 500;
line-height: 145%; /* 27.55px */
text-transform: capitalize;
margin: 0;
}
/* MARQUEE */
.logos-marquee {
width: 100%;
}
.home-logo-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: center;
margin-top: 1rem;
display: flex;
position: relative;
overflow: hidden;
max-width: 99vw;
}
.home-logo-wrapper.reverse {
margin-top: -2rem;
}
.clients-grid.logo-animate {
grid-column-gap: 3rem;
opacity: 1;
flex: none;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 106rem;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
display: flex;
}
.logo-animate {
animation: slide 35s infinite linear;
}
.clients-grid.logo-animate-alt {
grid-column-gap: 3rem;
flex: none;
width: 100rem;
margin-top: 0;
margin-left: 0;
margin-right: auto;
display: flex;
}
.logo-animate-alt {
animation: slidealt 35s infinite linear;
animation-direction: reverse;
}
.clients-grid > img {
height: 45px;
}
/* Animation for the first right to left marquee */
@keyframes slide {
0% {
transform: translateX(calc(0% + 50px));
}
100% {
transform: translateX(-100%);
}
}
.logo-animate {
animation: slide 35s infinite linear;
/* Adjust the seconds for a slower or faster animation */
}
/* Animation for the second left to right marquee */
@keyframes slidealt {
0% {
transform: translateX(calc(0% + 50px));
}
100% {
transform: translateX(-100%);
}
}
.logo-animate-alt {
animation: slidealt 35s infinite linear;
/* Adjust the seconds for a slower or faster animation */
animation-direction: reverse;
}
/** CREDENTIALS & EDUCATION **/
.credentials-container {
padding: 50px 0;
}
.credentials-flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.credentials-title {
color: #112F82;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 3px;;
text-transform: uppercase;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.credentials-title > span {
color: #060709;
font-family: "Domine", serif;
font-size: 42px;
font-weight: 400;
text-transform: capitalize;
letter-spacing: 0;
}
.credentials-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.credentials-content ul {
margin: 0;
padding: 0 0 0 5px;
list-style-type: none;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.credentials-content ul > li {
display: flex;
align-items: center;
gap: 15px;
margin: 0;
}
.credentials-content ul > li > p {
margin: 0;
color: #313131;
font-family: "Inter", sans-serif;
font-size: 18px;
font-style: normal;
text-transform: capitalize;
}
.credentials-content ul > li > svg {
flex-shrink: 0;
width: 16px;
height: 13px;
}
.credentials-images {
display: none;
}
/** TIMELINE **/
.section-timeline {
background-color: #043165;
}
.timeline-wrapper {
flex-direction: column;
justify-content: center;
padding: 75px 0;
gap: 75px !important;
align-items: center;
}
.timeline-text {
color: #CCDDF6;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 160%;
}
.timestamp > span {
color: #FFF;
text-align: center;
font-family: "Domine", serif;
font-size: 20px;
font-weight: 700;
}
.timeline-text > p {
margin-top: 0;
}
.timeline-text > p:nth-child(2) {
margin: 0;
}
.timeline-text > p > span {
font-weight: 700;
}
.time-line-box {
width: 100%;
}
.time-line-box .timeline {
list-style-type: none;
display: flex;
padding: 0;
text-align: center;
}
.time-line-box .timestamp {
margin: auto;
margin-bottom: 30px;
padding: 0px 4px;
display: flex;
flex-direction: column;
align-items: center;
color: #FFF;
text-align: center;
font-family: "Domine", serif;
font-size: 20px;
font-weight: 700;
}
.time-line-box .status {
padding: 0px 10px;
display: flex;
justify-content: center;
border-top: 3px solid #CCDDF6;
position: relative;
transition: all 200ms ease-in;
flex-direction: column;
align-items: center;
gap: 27px;
}
.time-line-box .status span {
color: #FFF;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.time-line-box .status span:before {
content: '';
width: 15px;
height: 15px;
background-color: #CCDDF6;
border-radius: 20px;
/* border: 2px solid #CCDDF6; */
outline: 3px solid #CCDDF6;
outline-offset: 3px;
position: absolute;
left: 50%;
top: 0%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all 200ms ease-in;
}
.swiper-container {
width: 100%;
margin: auto;
overflow-y: auto;
}
.swiper-pagination {
margin-top: 35px;
border-radius: 20px;
}
.swiper-wrapper{
display: inline-flex;
flex-direction: row;
overflow-y:auto;
justify-content: center;
}
.swiper-container::-webkit-scrollbar-track{
background:#5583DC;
border-radius: 20px;
}
.swiper-container::-webkit-scrollbar{
height: 4px;
}
.swiper-container::-webkit-scrollbar-thumb{
background: #CCDDF6 !important;
border-radius: 20px;
}
.swiper-slide {
text-align: center;
font-size: 12px;
width: 240px;
height: 100%;
position: relative;
}
.timeline {
position: relative;
/* padding-left: 30px;
border-left: 2px solid #CCDDF6; */
display: none;
/* margin-left: 14px; */
}
.timeline-step {
position: relative;
margin-bottom: 55px;
}
.dot {
position: absolute;
left: -38px;
top: 25px;
width: 15px;
height: 15px;
outline: 3.5px solid #CCDDF6;
outline-offset: 3.5px;
background: #CCDDF6;
border-radius: 50%;
/* box-shadow: 0 0 8px #CCDDF6; */
}
.timeline-content p:first-child {
margin: -15px 0 6px;
color: #F1F6FD;
font-family: "Domine", serif;
font-size: 18px;
font-weight: 700;
}
.timeline-content p:nth-child(2) {
margin: 0;
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 400;
}
.timeline-step:nth-child(5) {
margin-bottom: 0;
/* height: 30px; */
}
.timeline-line {
height: 415px;
padding-left: 25px;
border-left: 1px solid #CCDDF6;
margin-top: 15px;
margin-left: 10px;
}
/** EARLY DAYS **/
.earlydays-wrapper {
justify-content: space-between;
align-items: flex-start;
padding: 75px 0px;
}
.earlydays-wrapper > img {
width: 450px;
border-radius: 8px;
}
.earlydays-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 35px;
}
.earlydays-content > h2 {
color: #043165;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.earlydays-content > h2 > span {
color: #060709;
font-family: "Domine", serif;
font-size: 42px;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
letter-spacing: 0;
}
.earlydays-content > p {
color: #313131;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 160%;
margin: 0;
max-width: 670px;
}
#more {
display: none;
}
#more > p:first-child {
color: #313131;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 160%;
margin: 60px 0 0 0;
overflow: visible;
max-width: unset;
width: 160%;
}
#more > p:nth-child(2) {
color: #313131;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 160%;
margin: 35px 0 0 0;
overflow: visible;
max-width: unset;
width: 160%;
}
.more-less-btn {
color: #AF1A31;
text-align: center;
font-family: Inter !important;
font-size: 16px;
font-weight: 600;
text-decoration-line: underline;
text-decoration-style: solid;
text-underline-position: from-font;
background: none;
border: none;
padding: 0;
cursor: pointer;
}
.earlydays-content > a {
color: #AF1A31;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.2px;
text-decoration-line: underline;
text-decoration-style: solid;
text-underline-position: from-font;
}
.earlydays-img {
display: none;
}
/** QUOTATION **/
.quotation-container {
margin: 0 50px;
background-color: #CCDDF6;
border-radius: 32px 0 32px 0;
width: 100%;
margin: 0 auto;
}
.quotation-wrapper {
flex-direction: column;
padding: 75px 200px;
gap: 32px;
position: relative;
}
.quotation-start {
position: absolute;
top: 0px;
left: 24px;
}
.quotation-end {
position: absolute;
bottom: 0;
right: 24px;
}
.quotation-text {
color: #121212;
text-align: center;
font-family: "Domine", serif;
font-size: 32px;
font-weight: 400;
line-height: 50px; /* 156.25% */
letter-spacing: -0.64px;
margin: 0;
}
.quotation-doc {
color: #2E2E2E;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 500;
margin: 0;
}
/** FOUNDING MERCOLA **/
.founding-wrapper {
justify-content: space-between;
align-items: flex-end;
padding: 48px 0px;
gap: 76px;
}
.founding-wrapper > img {
border-radius: 8px;
}
.founding-content {
display: flex;
flex-direction: column;
gap: 32px;
}
.founding-content > h2 {
color: #060709;
font-family: "Domine", serif;
font-size: 42px;
font-weight: 400;
margin: 0;
letter-spacing: 0;
}
.founding-content > div > p {
margin-top: 0;
color: #313131;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 160%;
}
.founding-imghidden, .founding-contenthidden {
display: none;
}
/** AHEAD OF THE CURVE **/
.section-ahead {
background-image: url("https://media.mercola.com/assets/images/mercola/about-us/ahead-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.ahead-wrapper {
padding: 48px 0;
flex-direction: column;
align-items: center;
gap: 34px;
}
.ahead-wrapper > h2 {
color: #060709;
text-align: center;
font-family: "Domine", serif;
font-size: 42px;
font-weight: 400;
text-transform: capitalize;
margin: 0;
letter-spacing: 0;
}
.ahead-wrapper > p {
color: #313131;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 160%;
margin: 0;
max-width: 1100px;
}
.ahead-wrapper > a {
color: #AF1A31;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.2px;
text-decoration-line: underline;
text-decoration-style: solid;
text-underline-position: from-font;
display: none;
}
.ahead-video {
width: 100%;
height: 0;
position: relative;
max-width: 820px;
max-height: 460px;
padding-bottom: 460px;
}
.ahead-video > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 820px;
max-height: 460px;
}
/** ACHIEVEMENTS & RECOGNITION **/
.achievements-wrapper {
flex-direction: column;
align-items: center;
padding: 48px 0;
}
.achievements-content01 {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
}
.achievements-content01 > h2 {
color: #060709;
text-align: center;
font-family: "Domine", serif;
font-size: 42px;
font-weight: 400;
text-transform: capitalize;
margin: 0;
letter-spacing: 0;
}
.achievements-content01 > p {
color: #313131;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 160%;
margin: 0;
}
.achievements-content02 {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.achievements-awards {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 13px;
}
.achievements-awards > h3 {
color: #060709;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
margin: 0;
}
.achievements-awards > ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.achievements-awards > ul > li {
display: flex;
align-items: flex-start;
gap: 25px;
}
.list-awards {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 490px;
padding: 13px 10px;
border-bottom: 1px solid #E9E9E9;
}
.list-awards > p:first-child {
color: #043165;
font-family: "Inter", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 25.6px */
margin: 0;
}
.list-awards > p:nth-child(2) {
color: #6E7674;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 160%; /* 25.6px */
margin: 0;
}
.achievements-awards > ul > li > p > span {
color: #6E7674;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 160%; /* 25.6px */
}
.achievements-awards > ul > li > svg {
flex-shrink: 0;
width: 24px;
height: 24px;
margin-top: 18px;
}
.achievements-awards > ul > li:nth-child(7) > .list-awards {
padding: 24px 10px;
}
.achievements-awards > ul > li:nth-child(7) > .list-awards > p:nth-child(2) {
display: none;
}
.achievements-awards > ul > li:nth-child(7) svg {
margin-top: 28px;
}
.achievements-prestigious {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.achievements-prestigious > img {
width: 510px;
border-radius: 20px;
transform: scaleX(-1)
}
.achievements-prestigious > div {
max-width: 462px;
/* padding: 21px 42px 42px 42px; */
background: #043165;
border-radius: 16px;
margin-top: -94px;
z-index: 99;
}
.achievements-prestigious > div > p {
color: #CCDDF6;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 160%;
padding: 21px 42px 42px 42px;
margin: 0;
}
/** BOOKS **/
.books-wrapper {
padding: 48px 0;
}
.books-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 32px;
width: 100%;
}
.books-content > h2 {
color: #043165;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 3px;
text-transform: uppercase;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
margin: 0;
}
.books-content > h2 > span {
color: #060709;
text-align: center;
font-family: "Domine", serif;
font-size: 42px;
font-weight: 400;
text-transform: capitalize;
letter-spacing: 0;
}
.books-content > p {
color: #313131;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 160%;
max-width: 1075px;
margin: 0;
}
/** BOOKS CAROUSEL **/
.ticker-carousel {
margin: auto;
width: 100%;
padding: 0;
}
.carousel__view {
width: 100%;
height: 30rem;
margin: auto;
overflow: hidden;
position: relative;
touch-action: pan-y;
}
.carousel__items {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
transition: transform 0.8s;
transform: translateX(0px);
list-style: none;
height: 20rem;
display: flex;
flex-wrap: nowrap;
/* touch-action: pan-y; */
/* cursor: grab; */
/* gap: 60px; */
}
.carousel__item {
width: 100%;
/* max-width: 360px; */
height: 300px;
}
.slide {
display: flex;
flex-wrap: wrap;
align-items: center;
height: calc(100% - 0rem);
width: calc(100% - 0rem);
}
.slide .card {
transition: all 0.3s;
width: 100%;
}
/* .slide:hover .card {
margin-top: -1.5rem;
} */
.slide img {
object-fit: cover;
width: 360px;
height: 300px;
border-radius: 24px;
}
.slide h3 {
align-self: flex-end;
margin: 0;
padding-bottom: 0.5rem;
font-size: 1.1rem;
font-family: sans-serif;
transition: all 0.3s;
}
.carousel__controls {
padding: 1.8rem 0 0 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
/* align-items: center; */
gap: 34px;
width: 100%;
}
.carousel__controls button {
position: relative;
border: none;
width: 40px;
height: 40px;
background-color: #0052AC;
border-radius: 50px;
font-size: 20px;
color: #F8FAFC;
padding: 0;
outline: none;
cursor: pointer;
box-shadow: none;
}
/* .carousel__controls button.disabled {
opacity: 0.3;
background-color: #E0EAF9;
color: #75A3E5;
cursor: default;
} */
.carousel__controls .progress-bar {
flex-grow: 1;
height: 4px;
background: #F1F6FD;
position: relative;
border-radius: 5px;
}
.carousel__controls .progress-bar .progress {
background: #5583DC;
position: absolute;
top: 0;
left: 0;
bottom: 0;
transition: width 0.6s;
border-radius: 5px;
}
.carousel-btns {
display: flex;
justify-content: flex-start;
gap: 24px;
}
.card-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 10px;
gap: 14px;
}
.card-content-p1 {
color: #9C7A17;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 14px;
font-style: italic;
font-weight: 500;
margin: 0;
padding: 6px 15px;
background-color: #FFF6EB;
border-radius: 8px;
}
.card-content-p2 {
color: #043165;
text-align: center;
font-family: "Domine", serif;
font-size: 16px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
letter-spacing: 0.5px;
line-height: 24px;
}
.card-content-p3 {
color: #6E7674;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: normal;
text-align: center;
margin: 0;
padding: 0 24px;
}
.card {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
/* Add a transition to the button for a smooth hover effect */
.carousel__controls button {
transition: background-color 0.3s ease;
}
/* Change the button's background color on hover */
.carousel__controls button:hover {
background-color: #A2C3EE; /* A darker blue for the background */
border: none !important;
}
/* Change the SVG path color on hover */
.carousel__controls button:hover svg path {
stroke: #1F284C; /* White color for the SVG arrow */
}
.carousel__controls button.disabled {
background-color: #E0EAF9;
cursor: default;
}
.carousel__controls button.disabled:hover {
transition: none;
}
.carousel__controls button.disabled svg path {
stroke: #75A3E5;
}
.book-mobile-desc {
width: 100%;
display: none;
}
.book-mobile-desc > p {
margin: -40px 0 0 0;
border-radius: 0 0 12px 12px;
padding: 50px 36px 36px 36px;
background-color: #F1F6FD;
color: #697270;
text-align: center;
font-family: 'Inter';
font-size: 14px;
line-height: 20px;
/* max-width: 360px; */
}
/** BOOK TRANSITION **/
.img-container {
position: relative;
width: 100%;
}
.book-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 300px;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #F6F6F6;
border-radius: 24px;
}
.img-container:hover .book-overlay {
opacity: 1;
}
.book-text {
color: #49454F;
font-family: "Inter", sans-serif;
text-align: center;
font-size: 14px;
line-height: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
width: 85%;
}
/** MEDICAL PUBLICATIONS **/
.section-publications {
background-color: #043165;
}
.publications-wrapper {
flex-direction: column;
justify-content: center;
padding: 48px 0;
gap: 34px !important;
align-items: center;
}
.publications-wrapper > h2 {
color: #CCDDF6;
text-align: center;
font-family: "Domine", serif;
font-size: 42px;
font-weight: 400;
margin: 0;
}
/* Updated CSS for publications cards */
.card-publications {
/* No need to set width: 100% here */
/* The grid layout will automatically handle sizing */
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 10px;
height: 120px;
background-color: #F1F6FD;
padding: 16px 24px;
border-radius: 8px;
border: 1px solid #6DDCFF;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
width: 100%;
box-sizing: border-box;
}
.card-publications > p:first-child {
color: #18181B;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 600;
margin: 0;
line-height: 20px;
}
.card-publications > p:nth-child(2) {
color: #6E7674;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 500;
margin: 0;
line-height: 20px;
}
.card02 {
display: flex;
flex-direction: column;
gap: 16px;
}
/* Updated CSS for the slide container */
.item-flex {
display: flex;
flex-direction: column !important; /* Force column direction */
align-items: center;
gap: 16px;
width: 390px;
height: 464px;
}
.publication-items-height {
height: 467px;
}
.publication-view-height {
height: 26rem;
}
/** PUBLICATIONS CAROUSEL **/
.ticker-carousel02 {
margin: auto;
width: 100%;
padding: 0;
}
.publication-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
height: 464px;
width: 389px; /* Adjust this to fit the width of a single card + padding */
}
.publication-slide {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
height: 100%;
width: 100%;
}
.item-flex,
.publication-item {
display: flex;
flex-direction: column !important;
align-items: center;
gap: 16px;
width:389px; /* Adjust this value as needed to fit two cards nicely */
/* height: 480px; */
}
.carousel__controls .publication-btn button {
background-color: #A2B3C7 !important;
color: #FFFFFF;
}
.carousel__controls .publication-btn button:hover {
background-color: #CCDDF6 !important;
color: #1F284C;
}
.carousel__controls .publication-btn button.disabled {
background-color: #43658C !important;
cursor: default;
color: #FFFFFF !important;
}
/** CONNECT **/
.section-connect {
background-image: url("https://media.mercola.com/assets/images/mercola/about-us/connect-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.connect-wrapper {
padding: 48px 0 170px 0;
flex-direction: column;
align-items: flex-start;
gap: 0px;
}
.connect-wrapper > h2 {
color: #CCDDF6;
font-family: "Domine", serif;
font-size: 48px;
font-weight: 400;
margin: 0 0 32px 0;
}
.connect-wrapper > p {
color: #CCDDF6;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 160%;
margin: 0 0 32px 0;
}
.connect-content {
border-radius: 10px;
padding: 2px;
background: linear-gradient(90deg,rgba(109, 220, 255, 1) 0%, rgba(1, 96, 155, 1) 100%);
width: 100%;
height: 220px;
}
.connect-container {
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-around;
height: 100%;
background-color: #1C3068;
}
.connect-newsletter {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
height: 100%;
justify-content: center;
width: 30%;
margin: 0 50px;
}
.connect-newsletter > p:first-child {
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 60px;
font-weight: 400;
margin: 0;
}
.connect-newsletter > p:nth-child(2) {
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
margin: 0;
}
.connect-visits {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
height: 100%;
justify-content: center;
width: 30%;
margin: 0 50px;
}
.connect-visits > p:first-child {
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 60px;
font-weight: 400;
margin: 0;
}
.connect-visits > p:nth-child(2) {
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
margin: 0;
text-align: center;
}
.connect-subscribe {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
height: 100%;
justify-content: center;
width: 40%;
margin: 0 50px;
}
.connect-subscribe > p {
color: #F1F6FD;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 27px;
margin: 0;
}
.subscribe-container {
display: flex;
justify-content: center;
align-items: center;
}
.subscribe-container-input {
display: flex;
justify-content: center;
align-items: center;
background: #FFF;
padding: 13px 50px;
color: #747474;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
border: none;
width: 275px;
margin: 0;
border-radius: 0;
}
.subscribe-container-input:focus {
outline: none;
}
.subscribe-container-btn {
display: flex;
justify-content: center;
align-items: center;
background: #0B5FC3;
color: #FFF;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 600;
padding: 13px 20px;
width: 163px;
height: 45px;
border: none;
border-radius: 0;
}
.subscribe-container-btn:hover {
background: #0a53ac;
}
.connect-line {
width: 2px;
background: linear-gradient(0deg,rgba(109, 220, 255, 1) 0%, rgba(1, 96, 155, 1) 100%);
height: 100%;
}
/* CONNECT MOBILE */
.connect-newsletter02 {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
height: 100%;
justify-content: center;
width: 100%;
/* margin: 20px 0px; */
background-color: #1C3068;
border-radius: 10px 0 0 0;
padding: 20px;
}
.connect-newsletter02 > p:first-child {
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 60px;
font-weight: 400;
margin: 0;
}
.connect-newsletter02 > p:nth-child(2) {
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
margin: 0;
text-align: center;
}
.connect-visits02 {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
height: 100%;
justify-content: center;
width: 100%;
/* margin: 20px 0px; */
background-color: #1C3068;
border-radius: 0 10px 0 0;
padding: 20px;
}
.connect-visits02 > p:first-child {
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 60px;
font-weight: 400;
margin: 0;
}
.connect-visits02 > p:nth-child(2) {
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
margin: 0;
text-align: center;
}
.connect-subscribe02 {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
height: 100%;
justify-content: center;
margin: 0;
padding: 24px;
background-color: #1C3068;
border-radius: 0 0 10px 10px;
width: 100%;
}
.connect-subscribe02 > p {
color: #F1F6FD;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 27px;
margin: 0;
}
.subscribe-container02 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
}
.subscribe-container02-input {
display: flex;
justify-content: center;
align-items: center;
background: #FFF;
padding: 13px 50px;
color: #747474;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
border: none;
width: 275px;
margin: 0;
border-radius: 0;
flex-direction: column;
gap: 10px;
width: 350px;
}
.subscribe-container02-input:focus {
outline: none;
}
.subscribe-container02-btn {
display: flex;
justify-content: center;
align-items: center;
background: #0B5FC3;
color: #FFF;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 600;
padding: 13px 20px;
width: 163px;
height: 45px;
border: none;
border-radius: 0;
width: 350px;
}
.subscribe-container02-btn:hover {
background: #0a53ac;
}
.connect-content02 {
border-radius: 10px;
padding: 2px;
background: linear-gradient(90deg, rgba(109, 220, 255, 1) 0%, rgba(1, 96, 155, 1) 100%);
width: 100%;
}
.connect-container02 {
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-around;
height: 100%;
}
.container02-flex {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
gap: 2px;
}
.connect-flex {
display: flex;
justify-content: space-evenly;
align-items: center;
width: 100%;
border-radius: 10px 10px 0 0;
gap: 2px;
}
.connect-subscribe-mobile {
background-color: #1C3068;
width: 91%;
padding: 24px 36px;
}
.connect-content02 {
display: none;
}
/** SOCIALS **/
.section-socials {
margin-bottom: 48px;
}
/* .socials-container {
margin: 0 50px;
} */
.socials-wrapper {
justify-content: center;
align-items: center;
padding: 74px 42px;
background-color: #F2F9FF;
border-radius: 8px;
margin-top: -125px;
}
.socials-wrapper svg {
flex-shrink: 0;
}
.socials-fb {
display: flex;
justify-content: space-between;
padding: 0 20px 0 10px;
align-items: center;
width: 340px;
background-color: #FFFFFF;
border-radius: 50px;
filter: drop-shadow(5px 5px 20px rgba(17, 47, 130, 0.1));
height: 63px;
}
.socials-fb p {
color: #3C3C3C;
font-family: "Inter", sans-serif;
font-size: 20px;
font-weight: 400;
margin: 0;
}
.fb-flex {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.socials-x {
display: flex;
justify-content: space-between;
padding: 0 20px 0 10px;
align-items: center;
width: 340px;
background-color: #FFFFFF;
border-radius: 50px;
filter: drop-shadow(5px 5px 20px rgba(17, 47, 130, 0.1));
height: 63px;
}
.socials-x p {
color: #3C3C3C;
font-family: "Inter", sans-serif;
font-size: 20px;
font-weight: 400;
margin: 0;
}
.x-flex {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.socials-ig {
display: flex;
justify-content: space-between;
padding: 0 20px 0 10px;
align-items: center;
width: 340px;
background-color: #FFFFFF;
border-radius: 50px;
filter: drop-shadow(5px 5px 20px rgba(17, 47, 130, 0.1));
height: 63px;
}
.socials-ig p {
color: #3C3C3C;
font-family: "Inter", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 20px;
margin: 0;
}
.ig-flex {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
/* ACCOMPLISHMENTS */
.section-accomplishments {
background-image: url("https://media.mercola.com/assets/images/mercola/about-us/accomplishments-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.accomplishments-wrapper {
flex-direction: column;
justify-content: center;
padding: 48px 0;
gap: 34px !important;
align-items: center;
}
.accomplishments-wrapper > h2 {
color: #CCDDF6;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
margin: 0;
}
.accomplishment-border {
box-sizing: border-box;
border-radius: 10px;
padding: 2px;
background: linear-gradient(90deg, rgba(109, 220, 255, 1) 0%, rgba(1, 96, 155, 1) 100%);
width: 100%;
height: 100%;
}
.accomplishment-card-container {
background-color: #043165;
border-radius: 10px;
padding: 24px;
height: 100%;
box-sizing: border-box;
}
.accomplishment-card-container > p:first-child {
margin: 0;
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 32px;
font-weight: 700;
}
.accomplishment-card-container > p:nth-child(2) {
margin: 0;
letter-spacing: 0.5px;
color: #F1F6FD;
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 200%;
}
.accomplishment-card-container > p:nth-child(3) {
margin: 0;
color: #CCDDF6;
font-family: "Inter", sans-serif;
font-size: 16px;
line-height: 200%;
}
.ticker-carousel03 {
margin: auto;
width: 100%;
padding: 0;
}
.ticker-carousel03 .carousel__view {
height: 570px;
}
.ticker-carousel03 .card {
height: 530px;
}
/** MEDIA QUERY **/
@media only screen and (max-width: 1400px) {
.dr-mercola-desktop {
width: 45vw !important;
max-width: unset !important;
}
}
@media only screen and (max-width: 1300px) {
.content-wrapper {
margin: 0 50px 0 50px;
}
.credentials-container {
padding: 50px;
}
.credentials-flex {
gap: 50px;
}
.credentials-flex > img {
width: 40%;
}
.timeline-wrapper {
padding: 75px 50px;
}
.earlydays-wrapper {
padding: 75px 50px;
}
.earlydays-wrapper > img {
width: 415px;
}
.quotation-container {
margin: 0 50px;
width: unset;
}
.quotation-wrapper {
padding: 75px 200px;
}
.founding-wrapper {
padding: 48px 50px;
align-items: center;
}
.founding-wrapper > img {
width: 40vw;
}
.ahead-wrapper, .achievements-wrapper, .accomplishments-wrapper {
padding: 48px 50px;
}
.dr-mercola-desktop {
width: 42vw !important;
}
.connect-wrapper {
padding: 48px 50px 170px 50px;
}
.connect-newsletter, .connect-visits {
margin: 0 30px;
gap: 5px;
}
.connect-newsletter > p:first-child, .connect-visits > p:first-child {
font-size: 58px;
}
.socials-container {
padding: 0 50px;
}
.books-wrapper, .publications-wrapper {
padding: 48px 50px;
}
.card-publications > p:first-child, .card-publications > p:nth-child(2) {
font-size: 13px;
}
}
@media only screen and (max-width: 1250px) {
.header-content {
max-width: unset;
width: 565px;
}
.header-title {
margin-bottom: 20px;
}
.header-text {
font-size: 16px;
}
}
@media only screen and (max-width: 1210px) {
/* .earlydays-content > h2 > span {
font-size: 40px;
} */
/* .earlydays-content > p {
width: 560px;
width: 640px;
} */
.earlydays-wrapper {
align-items: flex-start;
}
#more > p:first-child, #more > p:nth-child(2) {
width: 165%;
}
.achievements-prestigious > img {
width: 40vw;
}
.achievements-prestigious > div > p {
padding: 18px 24px 24px 24px;
max-width: 450px;
}
.header-content {
width: 530px;
}
.header-title {
font-size: 57px;
margin-bottom: 20px;
}
.newsletter, .visitors {
width: 270px;
}
.visitors-text > p, .newsletter-text > p {
font-size: 13px;
}
.visitors > p, .newsletter > p {
font-size: 39px;
}
.header-text {
margin-bottom: 40px;
font-size: 16px;
}
.card-publications > p:first-child, .card-publications > p:nth-child(2) {
font-size: 12px;
line-height: 15px;
}
}
@media only screen and (max-width: 1200px) {
.book-mobile-desc {
display: block;
}
.book-overlay {
display: none;
}
.carousel__view {
height: 36rem;
}
.card-publications {
height: 180px;
}
.card-publications > p:first-child, .card-publications > p:nth-child(2) {
font-size: 16px;
line-height: 20px;
}
}
@media only screen and (max-width: 1185px) {
.earlydays-content > h2 > span {
font-size: 36px;
}
.quotation-start, .quotation-end {
width: 150px;
}
.accomplishment-card-container > p:nth-child(3) {
font-size: 15px;
}
.accomplishment-card-container > p:first-child {
font-size: 30px;
}
.accomplishment-card-container > p:nth-child(2) {
font-size: 16px;
line-height: 26px;
}
.accomplishment-card-container {
display: flex;
flex-direction: column;
gap: 10px;
}
}
@media only screen and (max-width: 1160px) {
.credentials-content ul > li > p {
font-size: 17px;
}
.connect-subscribe {
width: 40%;
}
}
@media only screen and (max-width: 1150px) {
.dr-mercola-desktop {
width: 40vw;
max-width: unset;
}
.header-title {
margin: 0 0 20px 0;
}
.quotation-wrapper {
padding: 75px 180px;
}
.quotation-start, .quotation-end {
width: 130px;
}
.achievements-prestigious > div > p {
max-width: 400px;
}
}
@media only screen and (max-width: 1140px) {
.header-content {
width: 60vw;
max-width: unset;
}
.content-wrapper {
padding-top: 80px;
gap: 20px;
}
.header-text {
margin-bottom: 35px;
}
}
@media only screen and (max-width: 1130px) {
.connect-newsletter > p:nth-child(2), .connect-visits > p:nth-child(2) {
font-size: 16px;
}
.connect-newsletter > p:first-child, .connect-visits > p:first-child {
font-size: 56px;
}
.socials-fb, .socials-x, .socials-ig {
height: 60px;
}
.socials-fb p, .socials-x p, .socials-ig p {
font-size: 16px;
}
.fb-flex > img, .x-flex > img, .ig-flex > img {
width: 40px;
}
}
@media only screen and (max-width: 1125px) {
.header-content {
width: 55vw;
}
}
@media only screen and (max-width: 1110px) {
.header-content {
width: 60vw;
}
.header-title {
margin: 0 0 10px 0;
}
.header-text {
margin-bottom: 35px;
}
.visitors, .newsletter {
padding: 15px;
}
.visitors > p, .newsletter > p {
font-size: 38px;
}
.visitors, .newsletter {
width: 260px;
}
.header-title {
font-size: 54px;
}
.visitors-text > p {
font-size: 14px;
}
.earlydays-content > p {
width: unset;
}
/* .earlydays-wrapper > img {
width: 50%;
} */
/* .earlydays-content > h2 > span {
font-size: 34px;
} */
.quotation-wrapper {
padding: 65px 160px;
}
.quotation-start, .quotation-end {
width: 120px;
}
.founding-wrapper > img {
width: 35vw;
}
#more > p:first-child, #more > p:nth-child(2) {
width: 185%;
}
}
@media only screen and (max-width: 1080px) {
.header-title {
font-size: 54px;
}
.visitors, .newsletter {
width: 250px;
}
.visitors-text > p {
font-size: 13px;
}
.visitors, .newsletter {
padding: 10px;
}
.visitors-text > p {
font-size: 15px;
}
.content-wrapper {
padding-top: 70px;
}
.visitors > p, .newsletter > p {
font-size: 34px;
}
.newsletter-text > p {
line-height: 18px;
font-size:
}
.quotation-wrapper {
padding: 65px 140px;
}
.quotation-start, .quotation-end {
width: 110px;
}
.list-awards {
width: 450px;
}
.header-text {
margin-bottom: 25px;
}
.connect-newsletter > p:nth-child(2), .connect-visits > p:nth-child(2) {
font-size: 15px;
}
.connect-newsletter > p:first-child, .connect-visits > p:first-child {
font-size: 54px;
}
.subscribe-container > input:first-child {
width: 250px;
padding: 13px 30px;
}
}
@media only screen and (max-width: 1060px) {
.visitors > p, .newsletter > p {
font-size: 32px;
}
.header-text {
font-size: 16px;
line-height: 150%;
}
.visitors, .newsletter {
gap: 10px;
width: 230px;
}
.header-title {
font-size: 48px;
}
.header-title span {
font-size: 16px;
}
.content-wrapper {
padding-top: 80px;
}
.earlydays-content > h2 > span {
width: 400px;
}
.quotation-wrapper {
padding: 65px 130px;
}
.list-awards {
width: 420px;
}
.dr-mercola-desktop {
width: 44vw !important;
}
.book-mobile-desc > p {
padding: 50px 20px 36px 20px;
}
}
@media only screen and (max-width: 1030px) {
.socials-wrapper {
flex-wrap: wrap;
padding: 48px 42px;
}
.fb-flex > img, .x-flex > img, .ig-flex > img {
width: 45px;
}
.socials-fb p, .socials-x p, .socials-ig p {
font-size: 18px;
}
.connect-newsletter, .connect-visits {
width: 30%;
}
.subscribe-container {
flex-direction: column;
gap: 10px;
}
.subscribe-container-input, .subscribe-container-btn {
width: 100%
}
.connect-subscribe > p {
font-size: 16px;
line-height: 20px;
}
.connect-subscribe {
margin: 0 40px;
}
.connect-newsletter > p:nth-child(2), .connect-visits > p:nth-child(2) {
font-size: 16px;
}
#more > p:first-child, #more > p:nth-child(2) {
width: 200%;
}
}
@media only screen and (max-width: 1010px) {
.header-title {
font-size: 40px;
}
.header-text {
width: 450px;
}
.visitors > p, .newsletter > p {
font-size: 30px;
}
.visitors-text > p {
font-size: 14px;
line-height: 18px;
}
.newsletter-text > p {
font-size: 14px;
line-height: 17px;
}
.visitors, .newsletter {
width: 220px;
}
.quotation-wrapper {
padding: 75px 100px;
}
.quotation-start, .quotation-end {
width: 100px;
}
}
@media only screen and (max-width: 1000px) {
.credentials-flex {
gap: 20px;
}
.header-text {
font-size: 15px;
}
.dr-mercola-desktop {
width: 43vw !important;
}
.accomplishment-card-container > p:first-child {
font-size: 28px;
}
.accomplishment-card-container > p:nth-child(2) {
font-size: 15px;
line-height: 24px;
}
.accomplishment-card-container > p:nth-child(3) {
font-size: 14px;
}
}
@media only screen and (max-width: 980px) {
.credentials-flex {
flex-direction: column;
gap: 24px;
}
.credentials-flex > img {
display: none;
}
.credentials-images {
display: flex;
}
.credentials-images {
justify-content: center;
align-items: center;
gap: 24px;
}
.credentials-images > img {
width: 300px;
height: 200px;
}
.credentials-container {
padding: 50px 34px;
}
.credentials-content ul > li > p {
font-size: 18px;
}
.credentials-title, .credentials-content {
align-items: center;
}
.timeline-wrapper {
padding: 75px 34px;
gap: 50px !important;
align-items: flex-start;
}
.earlydays-img {
display: block;
width: 100%;
}
.earlydays-wrapper {
padding: 50px 34px;
}
.earlydays-wrapper > img {
display: none;
}
.earlydays-content > h2 > span {
font-size: 42px;
text-align: center;
}
.earlydays-content {
width: 100%;
align-items: center;
}
.earlydays-content > p {
width: unset;
max-width: unset;
}
.earlydays-content > h2 {
align-items: center;
}
#more > p:first-child, #more > p:nth-child(2) {
width: unset;
}
#more > p:first-child {
margin: 0 !important;
}
.quotation-container {
margin: 0;
}
.founding-imghidden {
display: block;
width: 100%;
/* height: 500px; */
object-fit: cover;
border-radius: 6px;
}
.founding-text {
display: none;
}
.founding-contenthidden {
display: block;
}
.founding-wrapper > img {
display: none;
}
.founding-content {
align-items: center;
}
.founding-wrapper {
padding: 48px 34px;
}
.founding-content > h2 {
text-align: center;
}
.ahead-wrapper {
padding: 48px 34px;
}
.achievements-content02 {
flex-direction: column-reverse;
gap: 34px;
align-items: center;
}
.founding-wrapper, .accomplishments-wrapper, .books-wrapper, .publications-wrapper {
padding: 48px 34px;
}
.achievements-wrapper {
padding: 48px 34px;
gap: 30px;
}
.achievements-prestigious {
width: 100%;
}
.achievements-content01 > p {
text-align: center;
}
.achievements-prestigious > div {
width: 100%;
max-width: unset;
}
.achievements-prestigious > div > p {
max-width: unset;
font-size: 18px;
padding: 20px 34px;
}
.achievements-awards {
width: 100%;
align-items: center;
}
.list-awards {
width: 580px;
}
.list-awards > p:first-child {
font-size: 18px;
}
.achievements-awards > ul > li > svg {
width: 34px;
height: 34px;
}
.list-awards > p:nth-child(2) {
font-size: 16px;
}
.achievements-awards > h3 {
font-size: 24px;
}
.achievements-prestigious > img {
width: 100%;
}
.achievements-prestigious > div {
width: 90%;
}
.connect-wrapper {
padding: 48px 34px 170px 34px;
}
.connect-content {
display: none;
}
.connect-content02 {
display: block;
}
.socials-container {
padding: 0 34px;
}
.connect-wrapper {
align-items: center;
}
.connect-line {
display: none;
}
}
@media only screen and (max-width: 960px) {
.header-text {
font-size: 15px;
margin-bottom: 25px;
}
.header-title {
font-size: 45px;
margin: 0 0 15px 0;
}
.header-content {
width: 50vw;
}
.newsletter, .visitors {
width: 205px;
}
.newsletter > p, .visitors > p {
font-size: 32px;
}
.newsletter-text > p {
font-size: 12px;
line-height: 14px;
}
.visitors-text > p {
font-size: 12px;
line-height: 16px;
}
.content-wrapper {
justify-content: center;
gap: 0;
}
.ahead-video {
width: 100%;
height: 0;
position: relative;
padding-bottom: 56.25%;
/* margin: 0 auto;
padding-bottom: 0; */
}
.ahead-video > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 820px;
max-height: 460px;
}
.dr-mercola-desktop {
width: 45vw !important
}
.header-text {
font-size: 14px;
}
.book-mobile-desc > p {
font-size: 12px;
padding: 40px 10px 25px 10px;
}
}
@media only screen and (max-width: 860px) {
.content-wrapper {
flex-direction: column-reverse;
align-items: center;
padding-top: 60px;
position: relative;
}
.header-content {
width: 100vw;
align-items: center;
background-image: url("https://media.mercola.com/assets/images/mercola/about-us/about-bg-mobile.png");
background-size: cover;
background-repeat: no-repeat;
background-position-y: top;
padding-top: 125px;
margin-top: -160px;
z-index: 99;
padding: 125px 0 34px 0;
}
.dr-mercola-desktop {
display: none;
}
.dr-mercola-mobile {
display: block;
width: 75vw !important;
transform: rotate(2deg);
}
.main-header {
background-position-x: right;
}
.header-title {
align-items: center;
color: #103277;
font-size: 48px;
margin: 0 0 25px 0;
}
.header-title span {
color: #103277;
font-size: 18px;
}
.header-text {
width: 90vw;
color: #103277;
line-height: 160%;
font-size: 18px;
margin-bottom: 35px;
}
.newsletter, .visitors {
flex-direction: column;
gap: 5px;
padding: 20px 10px;
width: 250px;
}
.visitors {
margin-left: -1px;
}
.visitors-text, .newsletter-text {
display: flex;
gap: 4px;
}
.social-highlight {
background-color: #04306C;
}
.newsletter > p, .newsletter-text > p {
color: #F1F6FD;
font-size: 34px;
}
.visitors-text > p, .newsletter-text > p {
font-size: 14px;
}
.social-highlight {
filter: drop-shadow(5px 5px 15px #004A94A6);
}
.marquee-text {
font-size: 14px;
padding: 0 15px;
font-weight: 400;
}
.clients-grid > img {
height: 35px;
}
.clients-grid.logo-animate {
width: 89rem;
}
.card-publications {
height: 180px;
}
.card-publications > p:first-child, .card-publications > p:nth-child(2) {
font-size: 16px;
line-height: 20px;
}
.book-mobile-desc > p {
max-width: 360px;
}
}
@media only screen and (max-width: 850px) {
.credentials-images {
width: 100%;
}
/* .credentials-images > img {
width: 100%;
height: unset;
min-height: 205px;
} */
.timeline-wrapper {
gap: 50px !important;
align-items: flex-start;
}
.time-line-box {
display: none;
}
.timeline {
display: flex;
}
.timeline-line {
margin-left: 15px;
}
.earlydays-wrapper {
padding: 50px 34px;
}
}
@media only screen and (max-width: 800px) {
.socials-wrapper {
gap: 18px;
}
}
@media only screen and (max-width: 755px) {
.credentials-title > span, .earlydays-content > h2 > span, .founding-content > h2 {
font-size: 38px;
}
}
@media only screen and (max-width: 750px) {
.quotation-text {
line-height: normal;
}
.founding-wrapper {
padding: 34px;
}
.achievements-prestigious > div > p {
font-size: 16px;
}
.list-awards {
width: 500px;
}
}
@media only screen and (max-width: 700px) {
.header-content {
margin-top: -120px;
}
.dr-mercola-mobile {
width: 90vw !important;
max-width: unset;
}
.credentials-images {
flex-direction: column;
}
}
@media only screen and (max-width: 665px) {
.slide img {
width: 100%;
height: 100%;
}
.book-overlay {
display: none;
}
.book-mobile-desc > p {
max-width: unset;
}
.carousel__view {
height: 50rem;
}
.card-publications {
height: 250px;
gap: 30px;
}
.card-publications > p:first-child, .card-publications > p:nth-child(2) {
font-size: 20px;
line-height: 30px;
}
.connect-wrapper > h2 {
text-align: center;
font-size: 42px;
}
.accomplishment-card-container > p:first-child {
font-size: 34px;
}
.accomplishment-card-container > p:nth-child(2) {
font-size: 20px;
}
.accomplishment-card-container > p:nth-child(3) {
font-size: 18px;
}
.accomplishment-card-container {
display: flex;
flex-direction: column;
gap: 18px;
}
.card-content-p2 {
font-size: 20px;
}
.book-mobile-desc > p {
font-size: 16px;
padding: 60px 36px 36px 36px;
}
.card-content {
gap: 24px;
}
.card-content-p3 {
font-size: 16px;
line-height: 26px;
}
}
@media only screen and (max-width: 650px) {
.newsletter, .visitors {
width: 220px;
padding: 10px 10px 20px 10px;
}
.header-content {
padding: 100px 0 34px 0;
}
.header-title {
font-size: 46px;
}
.credentials-container, .timeline-wrapper, .earlydays-wrapper {
padding: 50px 20px;
}
.earlydays-content > h2, .credentials-title {
gap: 20px;
}
.earlydays-content > h2 > span {
font-size: 36px;
width: 300px;
}
.founding-wrapper, .ahead-wrapper, .achievements-wrapper {
padding: 34px 20px;
}
.founding-content > h2, .credentials-title > span, .ahead-wrapper > h2, .achievements-content01 > h2 {
font-size: 36px;
}
.list-awards {
width: 450px;
}
.achievements-content01 > h2 {
width: 250px;
}
.achievements-prestigious > div > p, .list-awards > p:nth-child(2) {
font-size: 14px;
}
.list-awards > p:first-child {
font-size: 16px;
}
.achievements-awards > ul > li > svg {
width: 24px;
height: 24px;
}
}
@media only screen and (max-width: 612px) {
.timeline-line {
height: 425px;
}
}
@media only screen and (max-width: 600px) {
.content-wrapper > img {
width: 95vw !important;
max-width: unset;
}
.header-content {
margin-top: -110px;
}
}
@media only screen and (max-width: 590px) {
.timeline-line {
height: 440px;
}
}
@media only screen and (max-width: 580px) {
.header-title {
font-size: 46px;
}
}
@media only screen and (max-width: 550px) {
.content-wrapper > img {
width: 85vw;
}
.header-title {
font-size: 40px;
}
.header-title span {
font-size: 14px;
font-weight: 500;
}
.list-awards {
width: 400px;
}
.achievements-content01 > h2 {
width: 250px;
}
.connect-newsletter02 > p:nth-child(2), .connect-visits02 > p:nth-child(2) {
font-size: 14px;
}
.carousel__view {
height: 45rem;
}
.card-publications {
height: 200px;
gap: 20px;
}
.accomplishment-card-container > p:nth-child(3) {
font-size: 15px;
line-height: 28px;
}
.accomplishment-card-container > p:nth-child(2) {
font-size: 18px;
}
.accomplishment-card-container > p:first-child {
font-size: 30px;
}
.accomplishment-card-container {
gap: 10px;
}
}
@media only screen and (max-width: 510px) {
.timeline-line {
height: 465px;
}
}
@media only screen and (max-width: 500px) {
.content-wrapper {
padding-top: 50px;
}
.newsletter, .visitors {
width: 200px;
max-height: 106px;
}
.credentials-title > span {
font-size: 32px;
}
.timeline-content p:nth-child(2) {
font-size: 14px;
}
.earlydays-content > h2 > span {
font-size: 32px;
}
.quotation-wrapper {
padding: 75px 30px;
gap: 30px;
}
.quotation-start, .quotation-end {
width: 80px;
}
.quotation-doc {
font-size: 16px;
}
.credentials-title > span, .earlydays-content > h2 > span, .founding-content > h2, .ahead-wrapper > h2, .achievements-content01 > h2, .books-content > h2 > span, .publications-wrapper > h2, .quotation-text, .connect-wrapper > h2 {
font-size: 25px;
}
.header-text, .credentials-content ul > li > p, .timeline-text, .timeline-content p:first-child, .earlydays-content > p, .quotation-doc, .founding-content > div > p, .ahead-wrapper > p, .achievements-content01 > p, .achievements-awards > h3, .books-content > p, .connect-wrapper > p, #more > p:first-child, #more > p:nth-child(2), .earlydays-content > div > p {
font-size: 16px;
}
.credentials-title, .earlydays-content > h2, .list-awards > p:first-child, .books-content > h2 {
font-size: 14px;
}
.list-awards {
width: 350px;
}
.achievements-content01 > h2 {
width: 210px;
}
.connect-newsletter02 > p:nth-child(2), .connect-visits02 > p:nth-child(2) {
font-size: 12px;
}
.connect-newsletter02 > p:first-child, .connect-visits02 > p:first-child {
font-size: 48px;
}
.subscribe-container02 > input:first-child, .subscribe-container02 > input:nth-child(2) {
width: 280px;
}
.socials-fb p, .socials-x p, .socials-ig p {
font-size: 14px;
}
.card-publications > p:first-child, .card-publications > p:nth-child(2) {
font-size: 18px;
line-height: 26px;
}
.carousel__view {
height: 40rem;
}
.book-mobile-desc > p {
font-size: 14px;
padding: 50px 24px 24px 24px;
}
.connect-subscribe02 > p {
font-size: 16px;
}
.timeline-line {
height: 415px;
}
}
@media only screen and (max-width: 460px) {
.timeline-line {
height: 430px;
}
}
@media only screen and (max-width: 445px) {
.subscribe-container02-input, .subscribe-container02-btn {
width: 300px;
font-size: 14px;
}
.connect-subscribe02 > p {
font-size: 14px;
line-height: 24px;
}
}
@media only screen and (max-width: 430px) {
.header-title {
font-size: 34px;
}
.header-text {
font-size: 16px;
}
.newsletter > p, .visitors > p {
font-size: 30px;
}
.newsletter, .visitors {
width: 195px;
}
.timeline-line {
height: 440px;
}
.list-awards {
width: 320px;
}
}
@media only screen and (max-width: 425px) {
.connect-newsletter02 > p:nth-child(2), .connect-visits02 > p:nth-child(2) {
font-size: 14px;
text-align: center;
}
.connect-subscribe02 > p {
font-size: 16px;
line-height: 24px;
}
}
@media only screen and (max-width: 400px) {
.header-content {
margin-top: -80px;
}
.visitors-text > p, .newsletter-text > p {
font-size: 12px;
}
.newsletter, .visitors {
width: 180px;
max-height: 96px;
}
.newsletter > p, .visitors > p {
font-size: 28px;
}
.book-mobile-desc > p {
font-size: 14px;
padding: 50px 30px 30px 30px;
}
.card-content-p2 {
font-size: 18px;
}
.card-content-p3 {
font-size: 14px;
}
.carousel__view {
height: 38rem;
}
.card-publications {
height: 175px;
gap: 10px;
}
.card-publications > p:first-child, .card-publications > p:nth-child(2) {
font-size: 16px;
line-height: 25px;
}
.subscribe-container02-input, .subscribe-container02-btn {
width: 260px;
font-size: 12px;
}
/* .carousel__items .carousel__item:nth-child(2) .card-content-p3, .carousel__items .carousel__item:nth-child(8) .card-content-p3, .carousel__items .carousel__item:nth-child(11) .card-content-p3 {
padding: 0px 15px;
}
.carousel__items .carousel__item:nth-child(5) .card-content-p3, .carousel__items .carousel__item:nth-child(9) .card-content-p3, .carousel__items .carousel__item:nth-child(12) .card-content-p {
padding: 0px;
} */
}
@media only screen and (max-width: 395px) {
.credentials-title > span {
font-size: 30px;
gap: 20px;
}
.credentials-title, .books-content > h2 {
font-size: 14px;
}
.credentials-content ul > li > p {
font-size: 16px;
}
.timeline-line {
height: 450px;
}
}
@media only screen and (max-width: 375px) {
.credentials-title > span, .books-content > h2 > span, .publications-wrapper > h2, .earlydays-content > h2 > span, .founding-content > h2, .ahead-wrapper > h2, .achievements-content01 > h2, .connect-wrapper > h2 {
font-size: 28px;
text-align: center;
}
.credentials-content ul > li > p {
font-size: 15px;
}
.list-awards {
width: 280px;
}
.card-publications > p:first-child, .card-publications > p:nth-child(2) {
font-size: 14px;
line-height: 20px;
}
.accomplishment-card-container > p:first-child {
font-size: 28px;
}
.accomplishment-card-container > p:nth-child(2) {
font-size: 18px;
line-height: 26px;
}
.accomplishment-card-container > p:nth-child(3) {
font-size: 15px;
line-height: 25px;
}
.connect-newsletter02 > p:nth-child(2), .connect-visits02 > p:nth-child(2) {
font-size: 12px;
text-align: center;
}
.connect-newsletter02 > p:first-child, .connect-visits02 > p:first-child {
font-size: 45px;
}
.subscribe-container02 > input:nth-child(2) {
width: 250px;
}
.subscribe-container02 > input:first-child {
width: 250px;
padding: 13px 30px;
}
.book-mobile-desc > p {
font-size: 12px;
padding: 45px 25px 25px 25px;
}
.card-content {
gap: 15px;
padding: 0 5px;
}
.card-content-p1 {
font-size: 12px;
}
.carousel__view {
height: 34rem;
}
.card-publications {
height: 170px;
gap: 10px;
}
}
@media only screen and (max-width: 370px) {
.newsletter, .visitors {
width: 170px;
}
.achievements-prestigious > div > p {
font-size: 12px;
padding: 10px 24px;
}
.achievements-prestigious > div {
margin-top: -55px;
}
.connect-subscribe02 > p {
font-size: 12px;
line-height: 20px;
}
.subscribe-container02-input, .subscribe-container02-btn {
width: 230px;
padding: 13px 20px;
}
.connect-newsletter02 > p:first-child, .connect-visits02 > p:first-child {
font-size: 38px;
}
.card-content-p3 {
padding: 0px;
}
/* .carousel__items .carousel__item:nth-child(6) .card-content-p3 {
padding: 0px 15px;
}
.carousel__items .carousel__item:nth-child(7) .card-content-p3, .carousel__items .carousel__item:nth-child(11) .card-content-p3, .carousel__items .carousel__item:nth-child(12) .card-content-p3 {
padding: 0px 10px;
} */
}
/* @media only screen and (max-width: 360px) {
.carousel__items .carousel__item:nth-child(3) .card-content-p3 , .carousel__items .carousel__item:nth-child(14) .card-content-p3 {
padding: 0px 10px;
}
.carousel__items .carousel__item:nth-child(5) .card-content-p3, .carousel__items .carousel__item:nth-child(8) .card-content-p3, .carousel__items .carousel__item:nth-child(11) .card-content-p3 {
padding: 0px;
}
.carousel__items .carousel__item:nth-child(9) .card-content-p3 {
padding: 0px 15px;
}
} */
@media only screen and (max-width: 350px) {
.timeline-line {
height: 465px;
}
.fb-flex > img, .x-flex > img, .ig-flex > img {
width: 40px;
}
.socials-fb p, .socials-x p, .socials-ig p {
font-size: 12px;
line-height: 15px;
}
.achievements-awards > ul > li {
gap: 0px;
}
.accomplishment-card-container > p:nth-child(2) {
font-size: 16px;
}
.newsletter, .visitors {
width: 150px;
}
.visitors-text > p, .newsletter-text > p {
font-size: 10px;
}
.newsletter > p, .visitors > p {
font-size: 28px;
}
/* .carousel__items .carousel__item:nth-child(5) .card-content-p3, .carousel__items .carousel__item:nth-child(8) .card-content-p3, .carousel__items .carousel__item:nth-child(9) .card-content-p3, .carousel__items .carousel__item:nth-child(12) .card-content-p3, .carousel__items .carousel__item:nth-child(14) .card-content-p3 {
padding: 0px 20px;
} */
}