Cancer Yearly Horoscope 2014 Video | Amazing mediums /title> <meta NAME="description" content="Cancer Horoscope: Check your free horoscope for Cancer now. Watch the Cancer annual Horoscope 2014. Accurate Psychic and Tarot Readings on 1-800-498-8777. 3 Minutes Free Daily. Amazing mediums"> <meta name="keywords" content="cancer, cancer - horoscope, cancer daily horoscope, cancer horoscope, cancer love horoscope, cancer today, cancer-daily-horoscope" /> <meta name="revisit-after" content="7 days" />  <meta property="og:url" content="https://absolutelypsychic.com"> <meta property="og:type" content="website"> <meta property="og:title" content="Absolutely Psychic - Psychic Readings Yearly Video Horoscope Cancer 2014"> <meta property="og:description" content="2014 Cancer Yearly Horoscope. Best Psychic Readings Near me 3 Minutes Free Daily! 1-800-498-8777. Psychic Readers, Love Tarot Cards Readings. Horoscope Daily Astrology Zodiac Signs Videos."> <meta property="og:image" content="https://absolutelypsychic.com/images/apn-header-250x250.gif">  <meta name="twitter:card" content="summary">  <meta name="twitter:title" content="Absolutely Psychic - Psychic Readings Yearly Video Horoscope Cancer 2014"> <meta name="twitter:description" content="2014 Cancer Yearly Horoscope. Best Psychic Readings Near me 3 Minutes Free Daily! 1-800-498-8777. Psychic Readers, Love Tarot Cards Readings. Horoscope Daily Astrology Zodiac Signs Videos."> <meta name="twitter:image" content="https://absolutelypsychic.com/images/apn-header-250x250.gif"> <meta name="document-distribution" content="Global" /> <meta name="robots" content="INDEX, FOLLOW" />   <link rel="icon" type="image/png" sizes="32x32" href="../../images/favicon-32x32.png">  <link href="https://fonts.googleapis.com/css?family=Roboto:400,700|Roboto+Condensed:400,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">  <link rel="stylesheet" href="../../css/bootstrap.min.css" />  <link rel="stylesheet" href="../../css/owl.carousel.min.css" />  <link rel="stylesheet" href="../../css/font-awesome.min.css" />  <link href="../../css/styles-new.css" type="text/css" rel="stylesheet" /> <link href="../../css/main.css" type="text/css" rel="stylesheet" /> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-28234803-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script><link rel="stylesheet" href="../../css/contact-override.css?v=1"> </head> <body class="responsive"> <div class="page-wrapper"> <style> .sixty-less { color: #003366 !important; font-weight: bold; } </style> <style> /*** added for video in New Client Offer dropdown ***/ .dropdown-content.dropdown-with-video { padding: 20px; /*width: 93.5vw;*/ max-width: 1400px; text-align: center; background: linear-gradient(135deg, #fff, #fff, #f8dd82); overflow: hidden; } .dropdown-content.dropdown-with-video .dropdown-image-link { /*width: 25%;*/ width: 33.333%; display: block; float: left; } .dropdown-content.dropdown-with-video .dropdown-image-link a { padding: 0; } .dropdown-content.dropdown-with-video .dropdown-image-link a:hover { padding: 0; opacity: 1; } .dropdown-content.dropdown-with-video .dropdown-video { /*width: 25%;*/ width: 33.333%; display: block; float: left; } @media (max-width: 768px) { .dropdown-content.dropdown-with-video .dropdown-image-link { width: 50%; } .dropdown-content.dropdown-with-video .dropdown-image-link img { width: 100% !important; } .dropdown-content.dropdown-with-video .dropdown-video { width: 50%; } } @media (max-width: 440px) { .dropdown-content.dropdown-with-video .dropdown-image-link { width: 100%; } .dropdown-content.dropdown-with-video .dropdown-video { width: 100%; } } /*** end added for video in New Client Offer dropdown ***/ /*** added for header additions ***/ .header_main { justify-content: space-between; } .header_right_wrap { padding-top: 10px; display: flex; flex-wrap: wrap; justify-content: flex-end; } .header_center { padding-right: 25px; color: #464646; text-decoration: none; font-size: 14px; font-weight: 500; display: flex; flex-direction: column; justify-content: center; } .header_center h3, .header_center p { margin: 0 0 5px; padding: 0; } .header_center h3 { font-size: 21px; font-weight: 800; color: #fa951f; } .header_center h3 span { color: #09c; } .header_center i { font-size: 18px; color: #09c; } .sixty-less { display: inline-block; font-weight: 700; color: #09c; position: relative; } .sixty-less:after { content: ''; width: 100%; height: 3px; background: #fa951f; left: 0; bottom: 0; position: absolute; display: block; } .header_right > .row { margin-left: 0; padding-top: 0; } .header_right > .row .left-content { padding-left: 20px; flex: auto; display: block; } @media (max-width: 991px) { .header_main { flex-direction: column; } .header_right_wrap { flex-direction: row; } .header_center { border-left: none; padding: 0 25px 0 0; } .header .header_right { padding-right: 0; } } @media (max-width: 805px) { .header_right_wrap { flex-direction: column; } .header_center { margin: 0 auto; padding: 0 0 10px; } .header_right > .row .left-content { display: flex; flex: 0 0 100%; } } /*** end added for header additions ***/ /*** jquery modal ***/ .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 10000; padding: 30px; box-sizing: border-box; background: rgba(0,0,0,0.7); text-align: center; } @supports ( backdrop-filter: blur(6px) ) { .blocker { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } } @supports not ( backdrop-filter: blur(6px) ) { body.hasModal .content-wrapper { filter: blur(6px); } } .blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; } .blocker.behind { background-color: transparent; } .modal { display: none; vertical-align: middle; z-index: 2; max-width: 900px; height: auto; width: auto; box-sizing: border-box; background: #fff; padding: 20px; background: rgba(0, 0, 0, 0); position: relative; } .more-content a { padding: 12px; background: #fff; border-radius: 8px; display: inline-block; } .modal-spinner { display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; border-radius: 5px; background-color: #111; height: 20px; } .modal-spinner > div { border-radius: 100px; background-color: #fff; height: 20px; width: 2px; margin: 0 1px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .modal-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .modal-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .modal-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.5) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } /*.modal a.close-modal { display: none; }*/ a.modal-close { display: none; } body.hasModal a.modal-close { display: flex; z-index: 100000; } a.modal-close { /*padding: 10px 18px;*/ width: 60px; height: 60px; /*display: flex;*/ justify-content: center; align-items: center; font-size: 1.5rem; font-weight: 900; text-decoration: none; color: #fff; border-radius: 50%; border: 1px solid #fff; background: transparent; right: 35px; top: 20px; position: fixed; opacity: 0.6; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .modal-close:hover, .modal-close:focus { opacity: 1; } .modal-close span { width: 35px; height: 1px; background: #fff; position: absolute; left: 12px; top: 28px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .modal-close span:nth-child(1) { transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .modal-close span:nth-child(2) { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } @media (max-width: 768px) { a.modal-close { width: 30px; height: 30px; right: 20px; } .modal-close span { width: 18px; left: 6px; top: 14px; } } /** additional mobile nav css **/ .dropdown-inner .links-title-not { font-weight: bold; } .navbar li:nth-child(6).drop-item-link2.row-3 .dropdown-content .col-links { flex: 0 0 33%; width: 33.3%; } .phone-nav .dropdown-with-video > div { width: 100% !important; } .phone-nav .dropdown-inner { flex-direction: column; } .phone-nav .dropdown-inner .col-links, .phone-nav .drop-item-link2.row-3 .dropdown-content .col-links { width: 100% !important; } .phone-nav .dropdown-inner .links-title{ cursor: pointer; } .phone-nav .dropdown-inner .links-title-not { padding-top: 15px; padding-bottom: 5px; } .phone-nav .dropdown-inner .links-title-more { padding-top: 15px; } .phone-nav .dropdown-inner .links-title .fa { rotate: 0deg; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .phone-nav .dropdown-inner .links-title.active-sub .fa { rotate: 180deg; } .phone-nav .dropdown-sub { padding-left: 12px; display: grid; grid-template-rows: 0fr; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .phone-nav .dropdown-sub.sub-active { grid-template-rows: 1fr; } .phone-nav .dropdown-sub .dropdown-sub-inner { overflow: hidden; } @media (min-width: 768px) { .dropdown-inner .links-title .fa { display: none; } } </style> <section class="header"> <div class="container">  <div class="col-sm-12"> <div class="row align-items-center m-0 header_main"> <div class="header_left"> <a class="logo" href="https://www.absolutelypsychic.com"> <img class="img-fluid" src="https://media.absolutelypsychic.com/images/2026logo.jpg" alt="Love and Career Psychic Readings"> </a> </div> <div class="header_right_wrap"> <div class="header_center"> <div class="ap-intro-offer"> <div class="ap-intro-price"> <div class="ap-intro-rate"><span>83¢</span><em>/min</em></div> <div class="ap-intro-title">Intro Offer</div> </div> <div class="ap-intro-points"> <div class="ap-intro-point"> <span class="ap-intro-check">✓</span> <span class="ap-intro-copy">We charge <strong>60% LESS</strong> than our competitors!</span> </div> <div class="ap-intro-point"> <span class="ap-intro-check">✓</span> <span class="ap-intro-copy">Tons of spot-on <a href="https://psychic.absolutelypsychic.com/spot-on-worldly-global-celebrity-predictions/" target="_blank" rel="noopener">predictions</a> in our newsletter. </span> </div> </div> </div> </div> <div class="header_right text-right"> <div class="row mr-0"> <div class="left-content"> <div class="login d-flex"> <ul class="nav user-menu pull-right" > <li> <a href = "https://portal.absolutelypsychic.com/customer/userlogin" class="txt" rel="nofollow"> Login</a > </li> </ul> <div class="icon ap-gold-icon ap-gold-login" aria-hidden="true"> <svg viewBox="0 0 64 64" focusable="false"> <circle cx="32" cy="32" r="7"></circle> <g> <line x1="32" y1="4" x2="32" y2="15"></line> <line x1="32" y1="49" x2="32" y2="60"></line> <line x1="4" y1="32" x2="15" y2="32"></line> <line x1="49" y1="32" x2="60" y2="32"></line> <line x1="12.2" y1="12.2" x2="20" y2="20"></line> <line x1="44" y1="44" x2="51.8" y2="51.8"></line> <line x1="12.2" y1="51.8" x2="20" y2="44"></line> <line x1="44" y1="20" x2="51.8" y2="12.2"></line> <line x1="21" y1="6.5" x2="25" y2="16.5"></line> <line x1="39" y1="47.5" x2="43" y2="57.5"></line> <line x1="6.5" y1="21" x2="16.5" y2="25"></line> <line x1="47.5" y1="39" x2="57.5" y2="43"></line> <line x1="6.5" y1="43" x2="16.5" y2="39"></line> <line x1="47.5" y1="25" x2="57.5" y2="21"></line> <line x1="21" y1="57.5" x2="25" y2="47.5"></line> <line x1="39" y1="16.5" x2="43" y2="6.5"></line> </g> </svg> </div> </div> <div class="create-acc d-flex"> <a class="txt" href="https://portal.absolutelypsychic.com/customer/register" rel="nofollow">Create an Account</a> <div class="icon ap-gold-icon ap-gold-create" aria-hidden="true"> <svg viewBox="0 0 64 64" focusable="false"> <path d="M32 5 L37 27 L59 32 L37 37 L32 59 L27 37 L5 32 L27 27 Z"></path> </svg> </div> </div> <div class="how-acc d-flex"> <a class="txt" href="/howto-FAQs.php" target="_blank" rel="noopener noreferrer">Help Center</a> <div class="icon ap-gold-icon ap-gold-help" aria-hidden="true"> <svg viewBox="0 0 64 64" focusable="false"> <circle cx="32" cy="32" r="24"></circle> <path d="M23.5 24.5c.8-6.3 5.4-10 11.6-10 6.8 0 11.4 4 11.4 10.1 0 5.3-3.1 8.1-7 10.7-3.6 2.4-5.4 4.2-5.4 8.2"></path> <circle class="ap-help-dot" cx="34.1" cy="49.2" r="2.2"></circle> </svg> </div> </div> </div> <span class="or">OR</span> <div class="ap-tablet-account-group" aria-label="Account options"> <div class="ap-tablet-account-links"> <div class="ap-tablet-account-row"> <a href="https://portal.absolutelypsychic.com/customer/userlogin" rel="nofollow">Login</a> <span class="ap-gold-icon ap-gold-login" aria-hidden="true"> <svg viewBox="0 0 64 64" focusable="false"> <circle cx="32" cy="32" r="7"></circle> <g> <line x1="32" y1="4" x2="32" y2="15"></line> <line x1="32" y1="49" x2="32" y2="60"></line> <line x1="4" y1="32" x2="15" y2="32"></line> <line x1="49" y1="32" x2="60" y2="32"></line> <line x1="12.2" y1="12.2" x2="20" y2="20"></line> <line x1="44" y1="44" x2="51.8" y2="51.8"></line> <line x1="12.2" y1="51.8" x2="20" y2="44"></line> <line x1="44" y1="20" x2="51.8" y2="12.2"></line> <line x1="21" y1="6.5" x2="25" y2="16.5"></line> <line x1="39" y1="47.5" x2="43" y2="57.5"></line> <line x1="6.5" y1="21" x2="16.5" y2="25"></line> <line x1="47.5" y1="39" x2="57.5" y2="43"></line> <line x1="6.5" y1="43" x2="16.5" y2="39"></line> <line x1="47.5" y1="25" x2="57.5" y2="21"></line> <line x1="21" y1="57.5" x2="25" y2="47.5"></line> <line x1="39" y1="16.5" x2="43" y2="6.5"></line> </g> </svg> </span> </div> <div class="ap-tablet-account-row"> <a href="https://portal.absolutelypsychic.com/customer/register" rel="nofollow">Create an Account</a> <span class="ap-gold-icon ap-gold-create" aria-hidden="true"> <svg viewBox="0 0 64 64" focusable="false"> <path d="M32 5 L37 27 L59 32 L37 37 L32 59 L27 37 L5 32 L27 27 Z"></path> </svg> </span> </div> <div class="ap-tablet-account-row"> <a href="/howto-FAQs.php" target="_blank" rel="noopener noreferrer">Help Center</a> <span class="ap-gold-icon ap-gold-help" aria-hidden="true"> <svg viewBox="0 0 64 64" focusable="false"> <circle cx="32" cy="32" r="24"></circle> <path d="M23.5 24.5c.8-6.3 5.4-10 11.6-10 6.8 0 11.4 4 11.4 10.1 0 5.3-3.1 8.1-7 10.7-3.6 2.4-5.4 4.2-5.4 8.2"></path> <circle class="ap-help-dot" cx="34.1" cy="49.2" r="2.2"></circle> </svg> </span> </div> </div> <span class="ap-tablet-or">OR</span> </div> <div class="right-content"> <a href="tel:18004988777" class="phone-box-link"> <div class="txt phone-box"> <p class="top-note"> <strong><span class="phone-line-one"><strong>Just pick up the phone</strong></span></strong> <span class="phone-line-two"> <span class="ornament ornament-left">— ✦ ✦</span> <strong> <span class="dial-text">and dial</span> </strong> <span class="ornament ornament-right">✦ ✦ —</span> </span> </p> <div class="phone-txt"> <p class="phone"> <span class="phone-pill"> <i class="fa fa-phone"></i> <span class="phone-number">1-800-498-8777</span> </span> </p> </div> </div> </a> </div> </div> </div> </div> </div> </div>  <div class="row header_menu"> <div class="col-sm-12"> <nav class="navbar navbar-expand-lg navbar-light"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-btn-icon"></span> <span class="navbar-btn-icon"></span> <span class="navbar-btn-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="mob-options"> <div class="close-icon"> <i class="fa fa-times-circle"></i> </div> <div class="mob-btn"> <a href="https://portal.absolutelypsychic.com/customer/register">New Customer</a> <a href="https://portal.absolutelypsychic.com//customer/userlogin">Login</a> </div> </div> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="https://www.absolutelypsychic.com/get-reading.php" target="_blank" rel="noopener noreferrer"> <span class="ap-helping-hands-icon" aria-hidden="true"> <i class="fa fa-hand-paper-o ap-hand-left"></i> <i class="fa fa-star ap-hands-star"></i> <i class="fa fa-hand-paper-o ap-hand-right"></i> </span> <span>Get a Reading</span> </a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.absolutelypsychic.com/prices.php">Our Great Prices</a> </li> <li class="nav-item drop-item-link drop-item-link2 row-3"> <div class="dropdown"> <button class="dropbtn">Psychic Readings<span class="nav-arrow"> <i class="fa fa-chevron-down"></i> </span></button> <div class="dropdown-content"> <div class="dropdown-inner d-flex"> <div class="col-links"> <div class="links-title">Reading Topics <span class="sub-nav-arrow"><i class="fa fa-chevron-down"></i></span></div> <div class="dropdown-sub"> <div class="dropdown-sub-inner"> <a href="https://www.absolutelypsychic.com/psychic.php?subjects=Relationships">Love Psychics</a> <a href="https://www.absolutelypsychic.com/psychic.php?subjects=Career">Career Psychic</a> <a href="https://www.absolutelypsychic.com/psychic.php?subjects=Destiny">Destiny Psychics</a> <a href="https://www.absolutelypsychic.com/psychic.php?subjects=Finances">Finance Psychics</a> <a href="https://www.absolutelypsychic.com/psychic.php?subjects=Past Lives">Past Lives</a> <a href="https://www.absolutelypsychic.com/psychic.php?subjects=Loss">Loss & Grieving</a> <a href="https://www.absolutelypsychic.com/psychic.php?abilities=medium">Psychic Mediums</a> </div> </div> </div> <div class="col-links"> <div class="links-title">Psychic Abilities <span class="sub-nav-arrow"><i class="fa fa-chevron-down"></i></span></div> <div class="dropdown-sub"> <div class="dropdown-sub-inner"> <a href="https://www.absolutelypsychic.com/psychic.php?abilities=empath">Empath</a> <a href="https://www.absolutelypsychic.com/psychic.php?abilities=clairvoyant">Clairvoyant</a> <a href="https://www.absolutelypsychic.com/psychic.php?abilities=medium">Medium</a> <a href="https://www.absolutelypsychic.com/psychic.php?abilities=automatic writing">Automatic Writing</a> <a href="https://www.absolutelypsychic.com/psychic.php?abilities=channeling">Channeling</a> <a href="https://www.absolutelypsychic.com/psychic.php?abilities=clairaudient">Clairaudient</a> <a href="https://www.absolutelypsychic.com/psychic.php?abilities=clairsentient">Clairsentient</a> <a href="https://www.absolutelypsychic.com/psychic.php?abilities=dream">Dream analyst</a> <a href="https://www.absolutelypsychic.com/psychic.php?abilities=other">Other</a> </div> </div> </div> <div class="col-links"> <div class="links-title">Types of Psychic Readings <span class="sub-nav-arrow"><i class="fa fa-chevron-down"></i></span></div> <div class="dropdown-sub"> <div class="dropdown-sub-inner"> <a href="https://www.absolutelypsychic.com/psychic.php?tools=psychic">Psychic</a> <a href="https://www.absolutelypsychic.com/psychic.php?tools=channeling">Channeling</a> <a href="https://www.absolutelypsychic.com/psychic.php?tools=spirit guide">Spirit Guides</a> <a href="https://www.absolutelypsychic.com/psychic.php?tools=tarot">Tarot</a> <a href="https://www.absolutelypsychic.com/psychic.php?tools=astrology">Astrology</a> <a href="https://www.absolutelypsychic.com/psychic.php?tools=numerology">Numerology</a> <a href="https://www.absolutelypsychic.com/psychic.php?tools=ching">I‐ching</a> <a href="https://www.absolutelypsychic.com/psychic.php?tools=runes">Runes</a> <a href="https://www.absolutelypsychic.com/psychic.php?tools=angel">Angel Cards</a> <a href="https://www.absolutelypsychic.com/psychic.php?tools=dream">Dream Interpretation</a> <a href="https://www.absolutelypsychic.com/psychic.php?tools=other">Other</a> <a href="https://www.absolutelypsychic.com/psychic.php?tools=no tools">No tools</a> </div> </div> </div> </div> </div> </div> </li> <li class="nav-item"> <a class="nav-link" href="https://www.absolutelypsychic.com/psychic.php" target="_blank" rel="noopener noreferrer"> Available Psychics </a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.absolutelypsychic.com/horoscope/today.php" target="_blank" rel="noopener noreferrer"> Daily Horoscopes </a> </li> <li class="nav-item"> <a class="nav-link" href="https://www.absolutelypsychic.com/video-library.php" target="_blank" rel="noopener noreferrer"> Videos & Library </a> </li> <li class="nav-item drop-item-link drop-item-link2 row-2 link-des"> <div class="dropdown"> <button class="dropbtn">Support<span class="nav-arrow"> <i class="fa fa-chevron-down"></i> </span></button> <div class="dropdown-content"> <div class="ap-support-grid" id="ap-support-wrap"> <div class="ap-support-col ap-support-intro"> <div class="ap-support-heading"><span class="ap-resource-sparkle" aria-hidden="true">✦</span> Explore Our Free Resources <span class="ap-resource-sparkle" aria-hidden="true"></span></div> <ul class="ap-support-checklist" style="display:block !important; list-style:none !important; margin:0 !important; padding:0 !important; width:100% !important; height:auto !important; text-align:left !important;"> <li style="position:relative !important; display:block !important; width:100% !important; height:auto !important; box-sizing:border-box !important; padding-left:22px !important; font-size:13px !important; font-weight:600 !important; color:#333 !important; line-height:1.4 !important; text-align:left !important; margin:0 0 10px !important;"> <i class="fa fa-check" style="position:absolute !important; left:0 !important; top:3px !important; width:14px !important; color:#09c !important; font-size:12px !important; text-align:center !important;"></i> <strong>6,000+ Videos & 4,000+ Articles and Guides</strong> <div style="margin-top:4px !important; font-size:12px !important; font-weight:500 !important; line-height:1.45 !important; color:#666 !important;"> Featuring Tarot • Astrology • Runes • I Ching • and more </div> </li> <li style="position:relative !important; display:block !important; width:100% !important; height:auto !important; box-sizing:border-box !important; padding-left:22px !important; font-size:13px !important; font-weight:600 !important; color:#333 !important; line-height:1.4 !important; text-align:left !important; margin:0 0 8px !important;"> <i class="fa fa-check" style="position:absolute !important; left:0 !important; top:3px !important; width:14px !important; color:#09c !important; font-size:12px !important; text-align:center !important;"></i> <strong style="font-weight:700 !important;">Daily Horoscopes & Spiritual Messages</strong> <div style="margin-top:4px !important; font-size:12px !important; font-weight:500 !important; line-height:1.45 !important; color:#666 !important;"> Yesterday • Today • Tomorrow </div> </li> <li style="position:relative !important; display:block !important; width:100% !important; height:auto !important; box-sizing:border-box !important; padding-left:22px !important; font-size:13px !important; font-weight:600 !important; color:#333 !important; line-height:1.4 !important; text-align:left !important; margin:0 0 8px !important;"><i class="fa fa-check" style="position:absolute !important; left:0 !important; top:3px !important; width:14px !important; color:#09c !important; font-size:12px !important; text-align:center !important;"></i> <strong style="font-weight:700 !important;">Predictions That Shocked Our Viewers</strong></li> <li style="position:relative !important; display:block !important; width:100% !important; height:auto !important; box-sizing:border-box !important; padding-left:22px !important; font-size:13px !important; font-weight:600 !important; color:#333 !important; line-height:1.4 !important; text-align:left !important; margin:0 !important;"><i class="fa fa-check" style="position:absolute !important; left:0 !important; top:3px !important; width:14px !important; color:#09c !important; font-size:12px !important; text-align:center !important;"></i> <strong style="font-weight:700 !important;">Available in 8 Languages</strong></li> </ul> </div> <div class="ap-support-col ap-support-langs"> <a class="ap-lang-item" href="https://www.absolutelypsychic.com/"> <img src="/images/video-library-icons/flag-us.png" alt="English"> <span><strong>English</strong></span> </a> <a class="ap-lang-item" href="https://www.absolutelypsychic.com/index-italian.php"> <img src="/images/video-library-icons/flag-it.png" alt="Italiano"> <span><strong>Italiano</strong></span> </a> <a class="ap-lang-item" href="https://www.absolutelypsychic.com/index-spanish.php"> <img src="/images/video-library-icons/flag-es.png" alt="Español"> <span><strong>Español</strong></span> </a> <a class="ap-lang-item" href="https://www.absolutelypsychic.com/index-portuguese.php"> <img src="/images/video-library-icons/flag-br.png" alt="Português"> <span><strong>Português</strong></span> </a> <a class="ap-lang-item" href="https://www.absolutelypsychic.com/index-french.php"> <img src="/images/video-library-icons/flag-fr.png" alt="Français"> <span><strong>Français</strong></span> </a> <a class="ap-lang-item" href="https://www.absolutelypsychic.com/index-hindi.php"> <img src="/images/video-library-icons/flag-in.png" alt="Hindi"> <span><strong>हिन्दी</strong></span> </a> <a class="ap-lang-item" href="https://www.absolutelypsychic.com/index-german.php"> <img src="/images/video-library-icons/flag-de.png" alt="Deutsch"> <span><strong>Deutsch</strong></span> </a> <a class="ap-lang-item" href="https://www.absolutelypsychic.com/index-tagalog.php"> <img src="/images/video-library-icons/flag-ph.png" alt="Tagalog"> <span><strong>Tagalog</strong></span> </a> </div> <div class="ap-support-col ap-support-links"> <a href="https://www.absolutelypsychic.com/contact.php">Contact Us</a> <a href="https://www.absolutelypsychic.com/addshare.php">Bookmark Share</a> <a href="https://www.absolutelypsychic.com/application.php">Are You Psychic & Want To Apply?</a> <a href="https://www.absolutelypsychic.com/app-page.php">Download Our Free App</a> <a href="https://www.absolutelypsychic.com/howto-FAQs.php">Help Center</a> </div> </div> </div> </div> </li> </li> <li class="nav-item show-mob-link"> <a class="nav-link" href="https://www.absolutelypsychic.com/application.php">Hiring Psychics‐Application</a> </li> <li class="nav-item show-mob-link"> <a class="nav-link" href="https://portal.absolutelypsychic.com/customer/register">Get Free Horoscope & Newsletter</a> </li> </ul> </div> </nav> </div> </div> </div> </section> <script type="text/javascript"> window.addEventListener('load', function() { if ($(window).width() < 768) { $('.header_menu').addClass('phone-nav'); } const debounce = (func, delay) => { let timer; return function() { const context = this; const args = arguments; clearTimeout(timer); timer = setTimeout(() => { func.apply(context, args); }, delay); }; }; $('.phone-nav .dropdown-inner .links-title').on('click', function(e){ if($(this).next('.dropdown-sub').hasClass('sub-active')) { //$('.phone-nav .dropdown-sub').removeClass('sub-active'); //$('.phone-nav .links-title').removeClass('active-sub'); $(this).next('.dropdown-sub').removeClass('sub-active'); $(this).removeClass('active-sub'); } else { $('.dropdown-sub').removeClass('sub-active'); $(this).addClass('active-sub'); $(this).next('.dropdown-sub').addClass('sub-active'); } }) const resizeHandler = () => { // Code to execute when resizing stops if ($(window).width() < 768) { $('.header_menu').addClass('phone-nav'); } else { $('.header_menu').removeClass('phone-nav'); } }; $(window).on('resize', debounce(resizeHandler, 250)); // Debounce with a 250ms delay }); </script>  <style> .header_right .ap-gold-icon{ width:28px !important; height:28px !important; min-width:28px !important; min-height:28px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; margin-left:8px !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:#D4AF37 !important; } .header_right .ap-gold-icon svg{ width:28px !important; height:28px !important; display:block !important; overflow:visible !important; } .header_right .ap-gold-login svg, .header_right .ap-gold-help svg{ fill:none !important; stroke:#D4AF37 !important; stroke-width:2.15 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } .header_right .ap-gold-login circle{ fill:#D4AF37 !important; stroke:none !important; } .header_right .ap-gold-create svg{ fill:#D4AF37 !important; stroke:none !important; } .header_right .ap-gold-help .ap-help-dot{ fill:#D4AF37 !important; stroke:none !important; } </style> <style id="phone-box-final"> .header_right .right-content { flex: 0 0 320px; width: 320px; max-width: 320px; min-width: 0; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; } .header_right .right-content .phone-box-link { display: block; width: 100%; margin: 0; padding: 0; text-decoration: none; } .header_right .right-content .phone-box { width: 100%; box-sizing: border-box; margin: 0; padding: 14px 14px 16px; text-align: center; border: 1px solid #d8a43a; border-radius: 15px; background: radial-gradient(circle at 50% 20%, #fffef9 0%, #fff9e9 58%, #f6dfa0 100%); box-shadow: inset 0 0 22px rgba(255,236,166,.55), 0 3px 9px rgba(0,0,0,.08); overflow: hidden; } .header_right .right-content .top-note { margin: 0 0 12px; padding: 0; color: #002f6c !important; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 17px; font-weight: 600; line-height: 1.25; text-align: center; } .header_right .right-content .phone-line-one, .header_right .right-content .phone-line-two { display: block; } .header_right .right-content .phone-line-two { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 3px; white-space: nowrap; } .header_right .right-content .ornament { color: #d79b18; font-family: Georgia, "Times New Roman", serif; font-style: normal; font-size: 13px; font-weight: 700; letter-spacing: 1px; line-height: 1; } .header_right .right-content .dial-text { color: #002f6c !important; } .header_right .right-content .phone-txt, .header_right .right-content .phone { width: 100%; margin: 0; padding: 0; text-align: center; } .header_right .right-content .phone-pill { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; max-width: 100%; box-sizing: border-box; padding: 10px 18px; border-radius: 999px; background: linear-gradient(#f8c84e, #df9800); box-shadow: inset 0 2px 0 rgba(255,255,255,.48), 0 4px 10px rgba(0,0,0,.18); color: #002f6c !important; white-space: nowrap; } .header_right .right-content .phone-pill .fa { color: #fff !important; font-size: 18px; } .header_right .right-content .phone-number { color: #002f6c !important; font-family: Georgia, "Times New Roman", serif; font-size: 20px; font-weight: 700; line-height: 1; } @media (max-width: 805px) { .header_right .right-content { flex: 0 0 100%; width: 100%; max-width: 100%; margin-top: 12px; } .header_right .right-content .phone-box { padding: 11px 12px 12px; } .header_right .right-content .top-note { font-family: inherit; font-style: normal; font-size: 18px; font-weight: 500; line-height: 1.25; margin-bottom: 8px; } .header_right .right-content .phone-line-one, .header_right .right-content .phone-line-two { display: inline; } .header_right .right-content .phone-line-two { margin: 0; white-space: normal; } .header_right .right-content .ornament { display: none; } .header_right .right-content .dial-text::before { content: " "; } .header_right .right-content .phone-pill { padding: 8px 15px; } .header_right .right-content .phone-number { font-size: 20px; } } @media (max-width: 440px) { .header_right .right-content .phone-box { border-radius: 10px; padding: 10px 10px 11px; } .header_right .right-content .top-note { font-size: 17px; } .header_right .right-content .phone-pill { max-width: 100%; padding: 8px 13px; } .header_right .right-content .phone-number { font-size: 18px; } } </style> <style id="phone-box-zero-spacing"> /* ZERO OUT ALL OUTER SPACE / YELLOW WRAPPER */ .header_right > .row, .header_right .row.mr-0 { align-items: center !important; } .header_right > .row > .right-content, .header_right .row.mr-0 > .right-content, .header_right .right-content { flex: 0 0 320px !important; width: 320px !important; max-width: 320px !important; min-width: 320px !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } .header_right .right-content::before, .header_right .right-content::after { content: none !important; display: none !important; } .header_right .right-content > a, .header_right .right-content .phone-box-link { display: block !important; width: 320px !important; max-width: 320px !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* THE BORDERED BOX IS THE ONLY BOX */ .header_right .right-content .txt.phone-box { display: block !important; width: 320px !important; max-width: 320px !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 12px 12px 14px !important; box-sizing: border-box !important; border: 1px solid #d8a43a !important; border-radius: 15px !important; background: radial-gradient(circle at 50% 20%,#fffef9 0%,#fff9e9 58%,#f6dfa0 100%) !important; box-shadow: inset 0 0 22px rgba(255,236,166,.55), 0 3px 9px rgba(0,0,0,.08) !important; } /* KEEP CONTENT TIGHT */ .header_right .right-content .top-note { margin: 0 0 8px !important; } .header_right .right-content .phone-line-two { margin-top: 1px !important; } .header_right .right-content .phone-pill { margin: 0 !important; } @media (max-width: 805px) { .header_right > .row > .right-content, .header_right .row.mr-0 > .right-content, .header_right .right-content { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 10px 0 0 !important; } .header_right .right-content > a, .header_right .right-content .phone-box-link, .header_right .right-content .txt.phone-box { width: 100% !important; max-width: 100% !important; } .header_right .right-content .txt.phone-box { padding: 10px 12px 11px !important; } } </style> <style id="phone-box-compact-desktop"> /* DESKTOP: compact box, no added width or empty space */ @media (min-width: 806px) { .header_right > .row > .right-content, .header_right .row.mr-0 > .right-content, .header_right .right-content { flex: 0 0 290px !important; width: 290px !important; max-width: 290px !important; min-width: 290px !important; } .header_right .right-content > a, .header_right .right-content .phone-box-link, .header_right .right-content .txt.phone-box { width: 290px !important; max-width: 290px !important; } .header_right .right-content .txt.phone-box { padding: 9px 10px 10px !important; min-height: 0 !important; } .header_right .right-content .top-note { display: block !important; margin: 0 0 7px !important; padding: 0 !important; font-size: 16px !important; line-height: 1.18 !important; white-space: normal !important; } .header_right .right-content .phone-line-one { display: block !important; margin: 0 !important; white-space: nowrap !important; } .header_right .right-content .phone-line-two { display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; margin: 2px 0 0 !important; white-space: nowrap !important; } .header_right .right-content .ornament { font-size: 12px !important; letter-spacing: 0 !important; } .header_right .right-content .phone-pill { padding: 8px 14px !important; } .header_right .right-content .phone-number { font-size: 19px !important; } } /* MOBILE: preserve the original full-width compact layout */ @media (max-width: 805px) { .header_right .right-content .txt.phone-box { padding: 10px 12px 11px !important; } .header_right .right-content .top-note { display: block !important; margin: 0 0 7px !important; white-space: normal !important; } .header_right .right-content .phone-line-one, .header_right .right-content .phone-line-two { display: inline !important; } .header_right .right-content .ornament { display: none !important; } } </style> <style id="ap-intro-offer-clean"> /* ONLY THE EXISTING HEADER CENTER SECTION */ .header_center{ flex:0 0 390px !important; width:390px !important; max-width:390px !important; min-width:0 !important; padding:0 14px 0 0 !important; margin:0 !important; box-sizing:border-box !important; } .ap-intro-offer{ width:100%; display:grid; grid-template-columns:60px 118px minmax(0,1fr); align-items:center; column-gap:10px; box-sizing:border-box; } /* Shield */ .ap-intro-shield{ position:relative; width:58px; height:82px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; filter:drop-shadow(0 2px 2px rgba(0,0,0,.16)); } .ap-intro-shield::before{ content:""; position:absolute; inset:0; z-index:-1; clip-path:polygon(50% 0,92% 12%,88% 72%,50% 100%,12% 72%,8% 12%); background: linear-gradient(90deg,#d59a08 0 9%,#ffd56a 9% 16%,#0a347b 16% 84%,#ffd56a 84% 91%,#d59a08 91%); } .ap-intro-shield-text{ margin-top:4px; font-family:Georgia,"Times New Roman",serif; font-size:12px; font-weight:700; line-height:1.02; text-align:center; } .ap-intro-shield-star{ margin-top:8px; color:#f4b31a; font-size:12px; } /* Rate */ .ap-intro-price{ min-width:0; color:#0a347b; font-family:Georgia,"Times New Roman",serif; } .ap-intro-rate{ white-space:nowrap; line-height:.95; } .ap-intro-rate span{ font-size:41px; font-weight:400; letter-spacing:-1px; } .ap-intro-rate em{ margin-left:2px; font-size:19px; font-weight:700; font-style:italic; } .ap-intro-title{ margin-top:6px; color:#0797cc; font-size:19px; font-weight:700; line-height:1.05; } /* Bullet points */ .ap-intro-points{ min-width:0; display:flex; flex-direction:column; gap:10px; color:#111; font-size:12px; line-height:1.28; } .ap-intro-point{ display:grid; grid-template-columns:18px minmax(0,1fr); align-items:start; column-gap:7px; } .ap-intro-check{ width:18px; height:18px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; border:2px solid #d79200; border-radius:50%; color:#0a347b; font-size:12px; font-weight:900; line-height:1; } .ap-intro-copy{ min-width:0; display:block; white-space:normal; word-break:normal; overflow-wrap:normal; } .ap-intro-copy strong{ color:#0a347b; font-weight:800; } .ap-intro-copy a{ color:#0a347b; font-weight:800; text-decoration:underline; } /* Tablet/mobile: stays inside the same section */ @media (max-width:805px){ .header_center{ flex:0 0 100% !important; width:100% !important; max-width:100% !important; padding:0 14px 10px !important; margin:0 auto !important; } .ap-intro-offer{ grid-template-columns:54px minmax(0,1fr); grid-template-areas: "shield price" "points points"; column-gap:10px; row-gap:10px; max-width:100%; } .ap-intro-shield{ grid-area:shield; width:52px; height:74px; } .ap-intro-shield-text{ font-size:11px; } .ap-intro-price{ grid-area:price; } .ap-intro-rate span{ font-size:35px; } .ap-intro-rate em{ font-size:17px; } .ap-intro-title{ font-size:17px; } .ap-intro-points{ grid-area:points; display:grid; grid-template-columns:1fr 1fr; gap:10px; font-size:12px; } } @media (max-width:520px){ .ap-intro-points{ grid-template-columns:1fr; gap:8px; } } </style> <style id="ap-intro-final-tighten"> /* FINAL TIGHTENING — ONLY THE EXISTING INTRO OFFER SECTION */ .header_center{ flex-basis:370px !important; width:370px !important; max-width:370px !important; padding-right:10px !important; } .ap-intro-offer{ grid-template-columns:54px 112px minmax(0,1fr) !important; column-gap:4px !important; } /* Move shield closer to 83¢ */ .ap-intro-shield{ width:52px !important; height:76px !important; margin-right:-2px !important; } .ap-intro-shield-text{ font-size:11px !important; } .ap-intro-shield-star{ margin-top:7px !important; font-size:11px !important; } /* Slightly reduce 83¢ block */ .ap-intro-rate span{ font-size:38px !important; } .ap-intro-rate em{ font-size:18px !important; margin-left:1px !important; } .ap-intro-title{ margin-top:4px !important; font-size:18px !important; } /* Pull benefit copy closer to price */ .ap-intro-points{ gap:8px !important; margin-left:-2px !important; font-size:12px !important; line-height:1.24 !important; } .ap-intro-point{ column-gap:6px !important; } .ap-intro-check{ width:17px !important; height:17px !important; font-size:11px !important; } /* Mobile remains contained and balanced */ @media (max-width:805px){ .header_center{ width:100% !important; max-width:100% !important; padding:0 14px 10px !important; } .ap-intro-offer{ grid-template-columns:50px minmax(0,1fr) !important; column-gap:8px !important; row-gap:8px !important; } .ap-intro-shield{ width:48px !important; height:70px !important; margin-right:0 !important; } .ap-intro-rate span{ font-size:33px !important; } .ap-intro-rate em{ font-size:16px !important; } .ap-intro-title{ font-size:16px !important; } .ap-intro-points{ margin-left:0 !important; gap:8px !important; } } </style> <style id="ap-intro-100-percent-fix"> /* 100% BROWSER ZOOM FIX — ONLY THE INTRO OFFER SECTION */ @media (min-width:806px){ /* Allow the existing center section to shrink at normal browser zoom */ .header_center{ flex:0 1 350px !important; width:auto !important; max-width:350px !important; min-width:320px !important; padding-right:8px !important; } .ap-intro-offer{ width:100% !important; grid-template-columns:48px 104px minmax(0,1fr) !important; column-gap:4px !important; } .ap-intro-shield{ width:46px !important; height:68px !important; margin:0 !important; } .ap-intro-shield-text{ font-size:10px !important; } .ap-intro-shield-star{ margin-top:5px !important; font-size:10px !important; } .ap-intro-rate span{ font-size:35px !important; } .ap-intro-rate em{ font-size:16px !important; } .ap-intro-title{ margin-top:3px !important; font-size:16px !important; } .ap-intro-points{ gap:7px !important; margin-left:0 !important; font-size:11px !important; line-height:1.2 !important; } .ap-intro-point{ grid-template-columns:16px minmax(0,1fr) !important; column-gap:5px !important; } .ap-intro-check{ width:16px !important; height:16px !important; font-size:10px !important; } } /* Extra protection for narrower desktop widths */ @media (min-width:806px) and (max-width:1450px){ .header_center{ flex-basis:330px !important; max-width:330px !important; min-width:300px !important; } .ap-intro-offer{ grid-template-columns:44px 96px minmax(0,1fr) !important; column-gap:3px !important; } .ap-intro-shield{ width:42px !important; height:64px !important; } .ap-intro-rate span{ font-size:32px !important; } .ap-intro-rate em{ font-size:15px !important; } .ap-intro-title{ font-size:15px !important; } .ap-intro-points{ font-size:10.5px !important; } } </style> <style id="ap-intro-mobile-position-fix"> /* MOBILE FIX: remove the large blank gap and keep the Intro Offer compact */ @media (max-width:805px){ .header_main{ height:auto !important; min-height:0 !important; padding-top:0 !important; padding-bottom:0 !important; } .header_left{ height:auto !important; min-height:0 !important; margin-bottom:0 !important; padding-bottom:0 !important; } .header_right_wrap{ width:100% !important; height:auto !important; min-height:0 !important; margin-top:0 !important; padding-top:6px !important; } .header_center{ flex:0 0 auto !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; min-height:0 !important; margin:0 auto 10px !important; padding:0 16px !important; } .ap-intro-offer{ width:100% !important; max-width:100% !important; display:grid !important; grid-template-columns:48px minmax(0,1fr) !important; grid-template-areas: "shield price" "points points" !important; align-items:center !important; column-gap:8px !important; row-gap:8px !important; margin:0 !important; padding:0 !important; } .ap-intro-shield{ grid-area:shield !important; width:46px !important; height:66px !important; margin:0 !important; } .ap-intro-price{ grid-area:price !important; align-self:center !important; } .ap-intro-rate span{ font-size:32px !important; } .ap-intro-rate em{ font-size:15px !important; } .ap-intro-title{ margin-top:3px !important; font-size:16px !important; } .ap-intro-points{ grid-area:points !important; display:grid !important; grid-template-columns:1fr !important; gap:7px !important; width:100% !important; margin:0 !important; font-size:12px !important; line-height:1.25 !important; } .ap-intro-point{ grid-template-columns:18px minmax(0,1fr) !important; column-gap:7px !important; } .ap-intro-check{ width:18px !important; height:18px !important; font-size:11px !important; } } </style> <style id="ap-intro-no-shield-final"> /* REMOVE SHIELD AND REBALANCE ONLY THE INTRO OFFER SECTION */ .ap-intro-shield{ display:none !important; } /* Desktop */ @media (min-width:806px){ .header_center{ flex:0 1 330px !important; width:auto !important; max-width:330px !important; min-width:300px !important; padding-right:8px !important; } .ap-intro-offer{ width:100% !important; display:grid !important; grid-template-columns:112px minmax(0,1fr) !important; grid-template-areas:"price points" !important; align-items:center !important; column-gap:8px !important; margin:0 !important; padding:0 !important; } .ap-intro-price{ grid-area:price !important; } .ap-intro-points{ grid-area:points !important; margin:0 !important; } .ap-intro-rate span{ font-size:36px !important; } .ap-intro-rate em{ font-size:17px !important; } .ap-intro-title{ margin-top:4px !important; font-size:17px !important; } } /* Mobile: center the whole Intro Offer section */ @media (max-width:805px){ .header_center{ width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 auto 10px !important; padding:0 16px !important; text-align:center !important; } .ap-intro-offer{ width:100% !important; max-width:100% !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:10px !important; margin:0 auto !important; padding:0 !important; } .ap-intro-price{ width:100% !important; text-align:center !important; } .ap-intro-rate{ text-align:center !important; } .ap-intro-rate span{ font-size:34px !important; } .ap-intro-rate em{ font-size:16px !important; } .ap-intro-title{ margin-top:4px !important; font-size:17px !important; text-align:center !important; } .ap-intro-points{ width:100% !important; max-width:520px !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:8px !important; margin:0 auto !important; font-size:12px !important; line-height:1.25 !important; text-align:left !important; } .ap-intro-point{ width:auto !important; max-width:100% !important; display:grid !important; grid-template-columns:18px minmax(0,auto) !important; column-gap:7px !important; align-items:start !important; } .ap-intro-copy{ width:auto !important; } } </style> <style id="ap-premium-navigation"> /* ========================================================= ABSOLUTELY PSYCHIC — PREMIUM DESKTOP + MOBILE NAVIGATION Scoped only to .header_menu so the header above is untouched. ========================================================= */ .header_menu, .header_menu .col-sm-12, .header_menu .navbar{ position:relative; z-index:999; } /* ---------- DESKTOP NAV BAR ---------- */ @media (min-width:768px){ .header_menu{ background:linear-gradient(180deg,#08266b 0%,#001b55 100%) !important; box-shadow:0 5px 14px rgba(0,25,78,.12); } .header_menu .navbar{ min-height:72px; padding:0 !important; background:transparent !important; } .header_menu .navbar-nav{ width:100%; align-items:stretch; } .header_menu .navbar-nav > .nav-item{ position:relative; display:flex; align-items:stretch; flex:1 1 auto; } .header_menu .navbar-nav > .nav-item > .nav-link, .header_menu .navbar-nav > .nav-item .dropbtn{ width:100%; min-height:72px; display:flex; align-items:center; justify-content:center; gap:8px; padding:0 18px !important; border:0 !important; background:transparent !important; color:#fff !important; font-size:16px; font-weight:700; line-height:1.15; text-align:center; text-decoration:none !important; transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; } .header_menu .navbar-nav > .nav-item > .nav-link:hover, .header_menu .navbar-nav > .nav-item > .nav-link:focus, .header_menu .navbar-nav > .nav-item .dropbtn:hover, .header_menu .navbar-nav > .nav-item .dropbtn:focus, .header_menu .navbar-nav > .nav-item:hover > .nav-link, .header_menu .navbar-nav > .nav-item:hover .dropbtn{ background:linear-gradient(180deg,#19a8dc 0%,#0786c5 100%) !important; color:#fff !important; box-shadow:inset 0 -3px 0 #f4b31a; } .header_menu .nav-arrow{ display:inline-flex; align-items:center; justify-content:center; margin-left:2px; transition:transform .18s ease; } .header_menu .nav-item:hover .nav-arrow{ transform:rotate(180deg); } /* ---------- FLOATING MEGA MENU CARD ---------- */ .header_menu .dropdown-content{ top:100% !important; left:50% !important; transform:translateX(-50%) translateY(8px); width:min(1100px,92vw) !important; max-width:1100px !important; padding:22px !important; border:1px solid rgba(220,171,62,.55) !important; border-radius:0 0 18px 18px !important; background: linear-gradient(115deg,#ffffff 0%,#fffdf7 68%,#fff1bf 100%) !important; box-shadow: 0 18px 42px rgba(0,23,73,.18), 0 4px 12px rgba(0,0,0,.08) !important; overflow:hidden !important; opacity:0; visibility:hidden; pointer-events:none; transition: opacity .18s ease, transform .18s ease, visibility .18s ease; } .header_menu .nav-item:hover .dropdown-content, .header_menu .dropdown:hover .dropdown-content{ opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); } .header_menu .dropdown-inner{ width:100%; gap:0; align-items:stretch; } .header_menu .dropdown-inner .col-links{ position:relative; flex:1 1 0 !important; width:auto !important; padding:0 28px !important; border-right:1px solid rgba(0,47,108,.12); } .header_menu .dropdown-inner .col-links:first-child{ padding-left:10px !important; } .header_menu .dropdown-inner .col-links:last-child{ padding-right:10px !important; border-right:0; } .header_menu .links-title, .header_menu .links-title-not{ position:relative; margin:0 0 14px !important; padding:0 0 10px 34px !important; color:#052f73 !important; font-size:17px; font-weight:800 !important; line-height:1.2; letter-spacing:.1px; } .header_menu .links-title::after, .header_menu .links-title-not::after{ content:""; position:absolute; left:34px; bottom:0; width:42px; height:2px; border-radius:10px; background:linear-gradient(90deg,#e6a21a,#ffd568); } /* Heading icons */ .header_menu .row-3 .col-links:nth-child(1) .links-title::before, .header_menu .row-3 .col-links:nth-child(2) .links-title::before, .header_menu .row-3 .col-links:nth-child(3) .links-title::before, .header_menu .link-des .links-title-not::before{ position:absolute; left:0; top:-2px; width:26px; height:26px; display:flex; align-items:center; justify-content:center; border:1px solid #e6a21a; border-radius:50%; color:#d99100; font-family:FontAwesome; font-size:14px; background:#fffaf0; } .header_menu .row-3 .col-links:nth-child(1) .links-title::before{content:"\f004";} .header_menu .row-3 .col-links:nth-child(2) .links-title::before{content:"\f2bd";} .header_menu .row-3 .col-links:nth-child(3) .links-title::before{content:"\f02d";} .header_menu .link-des .links-title-not::before{content:"\f2b5";} .header_menu .dropdown-sub{ display:block !important; padding:0 !important; } .header_menu .dropdown-sub-inner{ overflow:visible !important; } .header_menu .dropdown-sub-inner a, .header_menu .link-des .col-links > a{ position:relative; display:flex !important; align-items:center; min-height:36px; margin:0 !important; padding:7px 28px 7px 10px !important; border-radius:8px; color:#161616 !important; font-size:15px; font-weight:500; line-height:1.25; text-decoration:none !important; transition: background-color .16s ease, color .16s ease, transform .16s ease; } .header_menu .dropdown-sub-inner a::after, .header_menu .link-des .col-links > a::after{ content:"\f105"; position:absolute; right:10px; color:#315a91; font-family:FontAwesome; font-size:13px; opacity:.7; } .header_menu .dropdown-sub-inner a:hover, .header_menu .dropdown-sub-inner a:focus, .header_menu .link-des .col-links > a:hover, .header_menu .link-des .col-links > a:focus{ background:linear-gradient(90deg,#fff8df,#ffefb2); color:#00306e !important; transform:translateX(3px); } .header_menu .links-txt{ margin:0 !important; color:#646b77 !important; font-size:14px !important; line-height:1.45 !important; } /* Support menu width and alignment */ .header_menu .link-des .dropdown-content{ left:auto !important; right:0 !important; transform:translateY(8px); width:min(820px,88vw) !important; max-width:820px !important; } .header_menu .link-des:hover .dropdown-content, .header_menu .link-des .dropdown:hover .dropdown-content{ transform:translateY(0); } .header_menu .link-des .dropdown-inner .col-txt{ flex:1.15 1 0 !important; } .header_menu .link-des .dropdown-inner .col-links:not(.col-txt){ flex:1 1 0 !important; } /* Get a Reading dropdown retains its media layout, but gains premium card styling */ .header_menu .dropdown-content.dropdown-with-video{ border-radius:0 0 18px 18px !important; background:linear-gradient(135deg,#fff,#fffdf8 64%,#f7df93) !important; } } /* ---------- PREMIUM MOBILE HAMBURGER + MENU ---------- */ @media (max-width:767px){ .header_menu{ background:transparent !important; position:static !important; } .header_menu .navbar{ min-height:0 !important; padding:0 !important; position:static !important; } .header_menu .navbar-toggler{ position:absolute !important; top:-105px !important; right:18px !important; z-index:1002 !important; width:72px !important; height:72px !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:7px; border:0 !important; border-radius:18px !important; background:linear-gradient(180deg,#092c78 0%,#001d5c 100%) !important; box-shadow: 0 8px 18px rgba(0,29,92,.22), inset 0 1px 0 rgba(255,255,255,.14); } .header_menu .navbar-toggler:focus{ outline:3px solid rgba(244,179,26,.28) !important; box-shadow: 0 8px 18px rgba(0,29,92,.22), 0 0 0 4px rgba(244,179,26,.16) !important; } .header_menu .navbar-btn-icon{ display:block !important; width:34px !important; height:4px !important; margin:0 !important; border-radius:10px !important; background:#f3b21a !important; box-shadow:none !important; } .header_menu .navbar-collapse{ position:fixed !important; top:0 !important; right:0 !important; bottom:0 !important; left:auto !important; width:min(92vw,430px) !important; height:100vh !important; padding:22px 18px 34px !important; background:#fff !important; box-shadow:-18px 0 45px rgba(0,28,82,.24) !important; overflow-y:auto !important; z-index:10001 !important; } .header_menu .navbar-collapse:not(.show){ display:none !important; } .header_menu .mob-options{ display:block !important; margin:0 0 18px !important; padding:0 0 18px !important; border-bottom:1px solid #e5e9ef; } .header_menu .close-icon{ display:flex !important; justify-content:flex-end; margin-bottom:14px; color:#002f6c; font-size:30px; cursor:pointer; } .header_menu .mob-btn{ display:grid !important; grid-template-columns:1fr 1fr; gap:10px; } .header_menu .mob-btn a{ display:flex !important; align-items:center; justify-content:center; min-height:46px; border:1px solid #d7a33a; border-radius:12px; background:linear-gradient(#fffaf0,#f8e4ad); color:#002f6c !important; font-weight:700; text-decoration:none !important; } .header_menu .navbar-nav{ width:100%; } .header_menu .navbar-nav > .nav-item{ width:100%; margin:0 0 10px !important; border:1px solid #e3e8ef; border-radius:14px; background:#fff; overflow:hidden; box-shadow:0 5px 14px rgba(0,35,90,.06); } .header_menu .navbar-nav > .nav-item > .nav-link, .header_menu .navbar-nav > .nav-item .dropbtn{ position:relative; width:100%; min-height:58px; display:flex; align-items:center; justify-content:flex-start; gap:12px; padding:12px 48px 12px 18px !important; border:0 !important; background:#fff !important; color:#062d6c !important; font-size:17px; font-weight:800; text-align:left; text-decoration:none !important; } /* Top-level icons */ .header_menu .navbar-nav > .nav-item > .nav-link::before, .header_menu .navbar-nav > .nav-item .dropbtn::before{ width:30px; height:30px; flex:0 0 30px; display:flex; align-items:center; justify-content:center; color:#d99400; font-family:FontAwesome; font-size:18px; } .header_menu .navbar-nav > .nav-item:nth-child(1) .dropbtn::before{content:"\f02d";} .header_menu .navbar-nav > .nav-item:nth-child(2) > .nav-link::before{content:"\f02b";} .header_menu .navbar-nav > .nav-item:nth-child(3) .dropbtn::before{content:"\f005";} .header_menu .navbar-nav > .nav-item:nth-child(4) > .nav-link::before{content:"\f2bd";} .header_menu .navbar-nav > .nav-item:nth-child(5) > .nav-link::before{content:"\f185";} .header_menu .navbar-nav > .nav-item:nth-child(6) > .nav-link::before{content:"\f144";} .header_menu .navbar-nav > .nav-item:nth-child(7) .dropbtn::before{content:"\f1cd";} .header_menu .nav-arrow{ position:absolute; right:18px; top:50%; transform:translateY(-50%); color:#193b73; } .header_menu .dropdown-content{ position:static !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 14px 14px !important; border:0 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; overflow:visible !important; } .header_menu .dropdown-inner{ display:block !important; width:100%; } .header_menu .dropdown-inner .col-links, .header_menu .drop-item-link2.row-3 .dropdown-content .col-links{ width:100% !important; margin:0 0 10px !important; padding:0 !important; border:1px solid #e3e7ed; border-radius:12px; overflow:hidden; background:linear-gradient(180deg,#fffdf7,#fff9e8); } .header_menu .links-title{ min-height:54px; display:flex; align-items:center; justify-content:space-between; margin:0 !important; padding:12px 16px !important; color:#052f73 !important; font-size:16px; font-weight:800 !important; cursor:pointer; } .header_menu .links-title::before{ display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; margin-right:10px; border:1px solid #e1a21b; border-radius:50%; color:#d99400; font-family:FontAwesome; font-size:14px; background:#fff; } .header_menu .row-3 .col-links:nth-child(1) .links-title::before{content:"\f004";} .header_menu .row-3 .col-links:nth-child(2) .links-title::before{content:"\f2bd";} .header_menu .row-3 .col-links:nth-child(3) .links-title::before{content:"\f02d";} .header_menu .links-title .sub-nav-arrow{ margin-left:auto; color:#0b4c9a; } .header_menu .dropdown-sub{ padding:0 10px !important; } .header_menu .dropdown-sub-inner{ overflow:hidden; } .header_menu .dropdown-sub-inner a, .header_menu .link-des .col-links > a{ position:relative; min-height:46px; display:flex !important; align-items:center; padding:10px 32px 10px 12px !important; border-top:1px solid #eceff3; color:#1d2633 !important; font-size:15px; font-weight:600; text-decoration:none !important; } .header_menu .dropdown-sub-inner a::after, .header_menu .link-des .col-links > a::after{ content:"\f105"; position:absolute; right:12px; color:#2f5487; font-family:FontAwesome; font-size:14px; } .header_menu .link-des .dropdown-inner .col-txt{ padding:16px !important; } .header_menu .links-title-not{ position:relative; margin:0 0 10px !important; padding:0 0 8px 34px !important; color:#052f73 !important; font-size:16px; font-weight:800 !important; } .header_menu .links-title-not::before{ content:"\f1cd"; position:absolute; left:0; top:0; width:26px; height:26px; display:flex; align-items:center; justify-content:center; border:1px solid #e1a21b; border-radius:50%; color:#d99400; font-family:FontAwesome; font-size:13px; } .header_menu .links-txt{ margin:0 !important; color:#636b77 !important; font-size:14px !important; line-height:1.45 !important; } /* Hide heavy Get-a-Reading media inside mobile drawer; keep links/menu usable */ .header_menu .dropdown-content.dropdown-with-video{ display:none !important; } .header_menu .show-mob-link{ display:block !important; } } </style> <style id="ap-premium-menu-correction"> /* ========================================================= CORRECTION PATCH - Keeps desktop labels on one line - Reduces nav height - Centers mega menus in the page - Restores and styles the existing mobile hamburger ========================================================= */ /* ---------- DESKTOP ---------- */ @media (min-width:768px){ .header_menu .navbar{ min-height:56px !important; } .header_menu .navbar-nav{ flex-wrap:nowrap !important; } .header_menu .navbar-nav > .nav-item{ position:static !important; min-width:0 !important; } .header_menu .navbar-nav > .nav-item > .nav-link, .header_menu .navbar-nav > .nav-item .dropbtn{ min-height:56px !important; padding:0 10px !important; font-size:14px !important; line-height:1 !important; white-space:nowrap !important; flex-wrap:nowrap !important; } .header_menu .dropdown, .header_menu .navbar{ position:static !important; } .header_menu .dropdown-content{ left:50% !important; right:auto !important; width:min(980px,calc(100vw - 40px)) !important; max-width:980px !important; transform:translateX(-50%) translateY(8px) !important; padding:18px !important; } .header_menu .nav-item:hover .dropdown-content, .header_menu .dropdown:hover .dropdown-content{ transform:translateX(-50%) translateY(0) !important; } .header_menu .link-des .dropdown-content{ left:50% !important; right:auto !important; width:min(760px,calc(100vw - 40px)) !important; max-width:760px !important; transform:translateX(-50%) translateY(8px) !important; } .header_menu .link-des:hover .dropdown-content, .header_menu .link-des .dropdown:hover .dropdown-content{ transform:translateX(-50%) translateY(0) !important; } .header_menu .dropdown-inner .col-links{ padding:0 18px !important; } .header_menu .links-title, .header_menu .links-title-not{ font-size:15px !important; } .header_menu .dropdown-sub-inner a, .header_menu .link-des .col-links > a{ min-height:32px !important; padding:6px 24px 6px 8px !important; font-size:14px !important; } } /* ---------- MOBILE ---------- */ @media (max-width:767px){ /* Do not relocate the original button outside its working area */ .header_menu .navbar-toggler{ display:flex !important; visibility:visible !important; opacity:1 !important; position:absolute !important; top:-92px !important; right:18px !important; width:64px !important; height:64px !important; z-index:10050 !important; align-items:center !important; justify-content:center !important; flex-direction:column !important; gap:6px !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:16px !important; background:linear-gradient(180deg,#082b75 0%,#001d5b 100%) !important; box-shadow:0 7px 16px rgba(0,29,92,.22) !important; } .header_menu .navbar-btn-icon{ display:block !important; width:30px !important; height:4px !important; margin:0 !important; border-radius:20px !important; background:#f3b21a !important; } .header_menu .navbar-collapse{ top:0 !important; width:min(92vw,400px) !important; } .header_menu .navbar-nav > .nav-item > .nav-link, .header_menu .navbar-nav > .nav-item .dropbtn{ min-height:52px !important; font-size:16px !important; } } @media (max-width:520px){ .header_menu .navbar-toggler{ top:-86px !important; right:14px !important; width:58px !important; height:58px !important; border-radius:14px !important; } .header_menu .navbar-btn-icon{ width:27px !important; height:3px !important; } } </style> <style id="ap-mobile-burger-relocation-only"> /* ONLY MOVE THE EXISTING MOBILE BURGER TO THE TOP-RIGHT OF THE LOGO AREA */ @media (max-width:767px){ .header_main, .header_left{ position:relative !important; } .header_menu, .header_menu .col-sm-12, .header_menu .navbar{ position:static !important; } .header_menu .navbar-toggler{ display:flex !important; visibility:visible !important; opacity:1 !important; position:absolute !important; top:24px !important; right:18px !important; left:auto !important; bottom:auto !important; width:64px !important; height:64px !important; margin:0 !important; padding:0 !important; align-items:center !important; justify-content:center !important; flex-direction:column !important; gap:6px !important; z-index:10050 !important; border:0 !important; border-radius:16px !important; background:linear-gradient(180deg,#082b75 0%,#001d5b 100%) !important; box-shadow:0 8px 18px rgba(0,29,92,.22) !important; transform:none !important; } .header_menu .navbar-btn-icon{ display:block !important; width:30px !important; height:4px !important; margin:0 !important; border-radius:10px !important; background:#f3b21a !important; } } @media (max-width:480px){ .header_menu .navbar-toggler{ top:20px !important; right:14px !important; width:58px !important; height:58px !important; border-radius:14px !important; } .header_menu .navbar-btn-icon{ width:27px !important; height:3px !important; } } </style> <style id="ap-mobile-get-reading-direct-fix"> @media (max-width:767px){ .header_menu .navbar-nav > .nav-item:first-child .dropdown-content.dropdown-with-video{ display:none !important; position:static !important; width:100% !important; max-width:none !important; margin:0 !important; padding:12px 14px 14px !important; border:0 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:none !important; overflow:visible !important; } .header_menu .navbar-nav > .nav-item:first-child.ap-get-reading-open .dropdown-content.dropdown-with-video{ display:block !important; } .header_menu .navbar-nav > .nav-item:first-child.ap-get-reading-open .nav-arrow{ transform:translateY(-50%) rotate(180deg) !important; } .header_menu .navbar-nav > .nav-item:first-child .dropdown-content.dropdown-with-video > div{ float:none !important; width:100% !important; max-width:100% !important; margin:0 0 12px !important; } } </style> <script id="ap-mobile-get-reading-direct-script"> function apToggleGetReading(event, button){ if (window.innerWidth >= 768) { return true; } if (event) { event.preventDefault(); event.stopPropagation(); if (event.stopImmediatePropagation) { event.stopImmediatePropagation(); } } var item = button.closest ? button.closest('.nav-item') : button.parentNode.parentNode; if (!item) { return false; } var shouldOpen = !item.classList.contains('ap-get-reading-open'); var openItems = document.querySelectorAll( '.header_menu .navbar-nav > .nav-item.ap-get-reading-open' ); for (var i = 0; i < openItems.length; i++) { openItems[i].classList.remove('ap-get-reading-open'); } if (shouldOpen) { item.classList.add('ap-get-reading-open'); } return false; } </script> <style id="ap-support-menu-hover-path-fix"> /* DESKTOP SUPPORT MENU: keep the dropdown directly connected to its trigger */ @media (min-width:768px){ .header_menu .navbar-nav > .nav-item.link-des{ position:relative !important; } .header_menu .navbar-nav > .nav-item.link-des > .dropdown{ position:relative !important; width:100% !important; } .header_menu .link-des .dropdown-content{ top:100% !important; left:auto !important; right:0 !important; width:min(760px,calc(100vw - 40px)) !important; max-width:760px !important; transform:translateY(0) !important; } /* Invisible safety bridge prevents the menu closing while crossing into it. */ .header_menu .link-des .dropdown-content::before{ content:""; position:absolute; left:0; right:0; top:-12px; height:12px; background:transparent; } .header_menu .link-des:hover .dropdown-content, .header_menu .link-des .dropdown:hover .dropdown-content{ transform:translateY(0) !important; } } </style> <style id="ap-get-reading-hover-path-fix"> /* DESKTOP GET A READING MENU: shift left and keep a continuous hover path */ @media (min-width:768px){ .header_menu .navbar-nav > .nav-item:first-child{ position:relative !important; } .header_menu .navbar-nav > .nav-item:first-child > .dropdown{ position:relative !important; width:100% !important; } .header_menu .navbar-nav > .nav-item:first-child .dropdown-content.dropdown-with-video{ top:100% !important; left:-28px !important; right:auto !important; width:min(1100px,calc(100vw - 40px)) !important; max-width:1100px !important; transform:translateY(0) !important; } /* Invisible bridge prevents the dropdown closing while the cursor enters it. */ .header_menu .navbar-nav > .nav-item:first-child .dropdown-content.dropdown-with-video::before{ content:""; position:absolute; left:0; right:0; top:-12px; height:12px; background:transparent; } .header_menu .navbar-nav > .nav-item:first-child:hover .dropdown-content.dropdown-with-video, .header_menu .navbar-nav > .nav-item:first-child .dropdown:hover .dropdown-content.dropdown-with-video{ transform:translateY(0) !important; } } </style> <style id="ap-mobile-account-buttons-final"> /* MOBILE ACCOUNT BUTTONS: balanced, centered and orange */ @media (max-width:767px){ .header_menu .mob-btn{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; align-items:stretch !important; gap:12px !important; width:100% !important; } .header_menu .mob-btn a{ width:100% !important; min-width:0 !important; min-height:58px !important; box-sizing:border-box !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:10px 12px !important; border:1px solid #d88f00 !important; border-radius:12px !important; background:linear-gradient(180deg,#ffd866 0%,#f3ad16 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 3px 8px rgba(0,47,108,.10) !important; color:#002f6c !important; font-size:16px !important; font-weight:800 !important; line-height:1.15 !important; text-align:center !important; white-space:nowrap !important; text-decoration:none !important; } .header_menu .mob-btn a:hover, .header_menu .mob-btn a:focus{ background:linear-gradient(180deg,#ffcb42 0%,#e79a00 100%) !important; color:#002f6c !important; } } @media (max-width:360px){ .header_menu .mob-btn{ gap:8px !important; } .header_menu .mob-btn a{ padding:9px 7px !important; font-size:14px !important; } } </style> <style id="ap-mobile-pointer-events-final"> /* ENGLISH MOBILE FINAL FIX Closed nav wrappers cannot cover the header account links. Only the burger receives taps while closed. The opened drawer receives taps and paints above the entire header. */ @media (max-width:767px){ /* These full-width Bootstrap wrappers may overlap the English header. Let taps pass through them while the drawer is closed. */ .header_menu, .header_menu > .col-sm-12, .header_menu .navbar{ pointer-events:none !important; } /* The closed-state burger must remain usable. */ .header_menu .navbar-toggler{ pointer-events:auto !important; z-index:10050 !important; } /* The drawer itself is completely inactive when closed. */ .header_menu .navbar-collapse:not(.show):not(.collapsing){ display:none !important; visibility:hidden !important; pointer-events:none !important; } /* Once opened, the drawer is the highest interactive header layer. */ .header_menu .navbar-collapse.show, .header_menu .navbar-collapse.collapsing{ display:block !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; z-index:20000 !important; background:#fff !important; isolation:isolate !important; } /* Restore interaction for everything inside the open drawer. */ .header_menu .navbar-collapse.show *, .header_menu .navbar-collapse.collapsing *{ pointer-events:auto; } } </style> <style id="ap-mobile-account-links-clickfix"> /* ========================================================= FIX: Login / Create an Account / How it Works links are visible on mobile but not tappable. This gives that row (and each link inside it) its own stacking context above the rest of the mobile header, and strips pointer-events off the little icon that sits next to each link so a tap always lands on the <a> underneath instead of being swallowed by the icon. It also pins the CLOSED mobile burger/nav wrapper to the very bottom of the header's stacking order so it can never sit on top of this row again -- the OPEN drawer (.show / .collapsing) is left untouched so it still displays above everything, which is what stopped it from "bleeding through" last time. ========================================================= */ @media (max-width:767px){ .header_right_wrap, .header_right, .header_right > .row, .header_right .left-content{ position:relative !important; z-index:600 !important; } .header_right .left-content .login, .header_right .left-content .create-acc, .header_right .left-content .how-acc{ position:relative !important; z-index:601 !important; pointer-events:auto !important; } .header_right .left-content .login a, .header_right .left-content .create-acc a, .header_right .left-content .how-acc a, .header_right .left-content .login .txt, .header_right .left-content .create-acc .txt, .header_right .left-content .how-acc .txt{ position:relative !important; z-index:2 !important; pointer-events:auto !important; display:inline-block !important; touch-action:manipulation !important; } /* Let a tap pass through the icon straight to the link text under it. */ .header_right .left-content .icon{ pointer-events:none !important; } /* Closed burger/nav wrapper can never layer above the account links. */ .header_menu, .header_menu .navbar, .header_menu .navbar-collapse:not(.show):not(.collapsing){ z-index:1 !important; } } </style> <style id="ap-tablet-polish-v5"> @media (min-width:768px) and (max-width:1249px){ /* Overall header tighter */ .header{ padding-top:8px !important; padding-bottom:6px !important; } .header_main{ gap:8px !important; } /* Smaller logo */ .header_left .logo img{ max-width:235px !important; width:100% !important; height:auto !important; } /* Tighten intro offer */ .header_center{ margin:4px 0 8px !important; padding:0 !important; } .ap-intro-rate span{ font-size:30px !important; } .ap-intro-rate em{ font-size:14px !important; } .ap-intro-title{ font-size:15px !important; } .ap-intro-points{ font-size:11px !important; line-height:1.2 !important; gap:6px !important; } /* Login area */ .header_right>.row .left-content{ justify-content:center !important; gap:10px !important; margin-bottom:8px !important; } /* Phone box */ .header_right .right-content{ margin-top:6px !important; } .header_right .right-content .txt.phone-box{ padding:8px 10px 9px !important; } .header_right .right-content .phone-number{ font-size:18px !important; } /* Navigation */ .header_menu{ margin-top:10px !important; } .header_menu .navbar-nav{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; } .header_menu .navbar-nav>.nav-item>.nav-link, .header_menu .navbar-nav>.nav-item .dropbtn{ font-size:15px !important; padding:10px 12px !important; line-height:1.2 !important; } } </style> <style id="ap-tablet-only-v9"> /* TRUE TABLET RANGE ONLY: desktop 1100px+ and mobile 805px- stay untouched. */ @media (min-width:806px) and (max-width:1099px){ .header > .container{ width:100% !important; max-width:none !important; padding-left:12px !important; padding-right:12px !important; } .header_main{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:space-between !important; gap:6px !important; width:100% !important; min-height:0 !important; } .header_left{ flex:0 1 205px !important; width:auto !important; min-width:175px !important; max-width:205px !important; } .header_left .logo, .header_left .logo img{ display:block !important; width:100% !important; max-width:205px !important; height:auto !important; } .header_right_wrap{ flex:1 1 auto !important; min-width:0 !important; width:auto !important; display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:flex-end !important; gap:5px !important; padding-top:0 !important; } .header_center{ flex:0 1 245px !important; width:auto !important; min-width:215px !important; max-width:245px !important; padding:0 4px 0 0 !important; margin:0 !important; border-left:0 !important; } .ap-intro-offer{ width:100% !important; grid-template-columns:88px minmax(0,1fr) !important; grid-template-areas:"price points" !important; column-gap:4px !important; align-items:center !important; } .ap-intro-rate span{font-size:29px !important;} .ap-intro-rate em{font-size:13px !important;} .ap-intro-title{font-size:14px !important; margin-top:2px !important;} .ap-intro-points{font-size:9.5px !important; line-height:1.13 !important; gap:5px !important;} .ap-intro-point{grid-template-columns:14px minmax(0,1fr) !important; column-gap:4px !important;} .ap-intro-check{width:14px !important; height:14px !important; font-size:9px !important;} .header_right{ flex:0 1 auto !important; width:auto !important; min-width:0 !important; padding:0 !important; } .header_right > .row, .header_right .row.mr-0{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:flex-end !important; width:auto !important; margin:0 !important; } .header_right > .row .left-content{ flex:0 0 135px !important; width:135px !important; min-width:135px !important; padding-left:0 !important; margin:0 !important; display:block !important; } .header_right .left-content .login, .header_right .left-content .create-acc, .header_right .left-content .how-acc{ justify-content:flex-end !important; white-space:nowrap !important; line-height:1.1 !important; } .header_right .left-content .txt{font-size:11.5px !important;} .header_right .left-content .icon{margin-left:4px !important; font-size:15px !important;} .header_right .or{flex:0 0 24px !important; width:24px !important; margin:0 2px !important; font-size:14px !important;} .header_right > .row > .right-content, .header_right .row.mr-0 > .right-content, .header_right .right-content{ flex:0 0 220px !important; width:220px !important; min-width:220px !important; max-width:220px !important; margin:0 !important; } .header_right .right-content > a, .header_right .right-content .phone-box-link, .header_right .right-content .txt.phone-box{ width:220px !important; max-width:220px !important; } .header_right .right-content .txt.phone-box{padding:7px 7px 8px !important; border-radius:12px !important;} .header_right .right-content .top-note{font-size:13px !important; line-height:1.12 !important; margin-bottom:5px !important;} .header_right .right-content .phone-line-two{gap:3px !important;} .header_right .right-content .ornament{font-size:9px !important;} .header_right .right-content .phone-pill{padding:6px 9px !important; gap:5px !important;} .header_right .right-content .phone-pill .fa{font-size:14px !important;} .header_right .right-content .phone-number{font-size:15px !important;} /* Keep the complete navigation on one clean row at tablet width. */ .header_menu .navbar{min-height:58px !important;} .header_menu .navbar-nav{ display:flex !important; flex-wrap:nowrap !important; width:100% !important; } .header_menu .navbar-nav > .nav-item{ flex:1 1 auto !important; min-width:0 !important; } .header_menu .navbar-nav > .nav-item > .nav-link, .header_menu .navbar-nav > .nav-item .dropbtn{ min-height:58px !important; padding:0 5px !important; gap:3px !important; font-size:11px !important; line-height:1.05 !important; white-space:nowrap !important; } .header_menu .nav-arrow{margin-left:1px !important;} } </style> <style id="ap-tablet-v10-final-polish"> /* TABLET POLISH ONLY — tighten the oversized blue navigation bar. */ @media (min-width:806px) and (max-width:1099px){ .header_menu{ margin-top:4px !important; } .header_menu .navbar{ min-height:62px !important; height:62px !important; padding:0 !important; } .header_menu .navbar-collapse, .header_menu .navbar-nav, .header_menu .navbar-nav > .nav-item, .header_menu .navbar-nav > .nav-item > .dropdown{ height:62px !important; min-height:62px !important; } .header_menu .navbar-nav > .nav-item > .nav-link, .header_menu .navbar-nav > .nav-item .dropbtn{ height:62px !important; min-height:62px !important; padding:0 5px !important; font-size:11px !important; line-height:1 !important; } } </style> <style id="ap-tablet-v11-real-nav-height-fix"> /* REAL TABLET NAV HEIGHT FIX The previous rule resized the links, but Bootstrap row/column spacing was still making the blue bar tall. This removes that wrapper space. */ @media (min-width:806px) and (max-width:1099px){ .header .header_menu{ display:block !important; width:100% !important; height:58px !important; min-height:58px !important; max-height:58px !important; margin:4px 0 0 !important; padding:0 !important; overflow:visible !important; } .header .header_menu.row{ margin-left:0 !important; margin-right:0 !important; } .header .header_menu > .col-sm-12{ width:100% !important; height:58px !important; min-height:58px !important; max-height:58px !important; margin:0 !important; padding:0 !important; } .header .header_menu .navbar, .header .header_menu .navbar-collapse, .header .header_menu .navbar-nav{ width:100% !important; height:58px !important; min-height:58px !important; max-height:58px !important; margin:0 !important; padding:0 !important; } .header .header_menu .navbar-nav > .nav-item, .header .header_menu .navbar-nav > .nav-item > .dropdown{ height:58px !important; min-height:58px !important; max-height:58px !important; margin:0 !important; padding:0 !important; } .header .header_menu .navbar-nav > .nav-item > .nav-link, .header .header_menu .navbar-nav > .nav-item .dropbtn{ height:58px !important; min-height:58px !important; max-height:58px !important; margin:0 !important; padding:0 5px !important; box-sizing:border-box !important; } /* Dropdown cards may extend below the fixed-height bar. */ .header .header_menu .dropdown-content{ max-height:none !important; } } </style> <style id="ap-tablet-v12-edge-and-or-spacing-fix"> /* TABLET ONLY: remove the thin white edge beside the nav and give OR breathing room. */ @media (min-width:806px) and (max-width:1099px){ /* Pull the navigation through the Bootstrap container padding so it sits flush. */ .header .header_menu{ width:calc(100% + 30px) !important; margin-left:-15px !important; margin-right:-15px !important; } /* Prevent the R in OR from touching the phone-box border. */ .header_right .or{ flex-basis:30px !important; width:30px !important; margin:0 7px 0 3px !important; text-align:center !important; } } </style> <style id="ap-tablet-v13-final-edge-spacing"> /* TABLET ONLY — final two alignment corrections. Desktop/mobile untouched. */ @media (min-width:806px) and (max-width:1099px){ /* Eliminate the remaining thin white strip at the left of the blue navigation. */ .header .header_menu{ position:relative !important; left:-27px !important; width:calc(100% + 54px) !important; margin-left:0 !important; margin-right:0 !important; } /* Move the account links safely away from the intro-offer divider. */ .header_right > .row .left-content, .header_right .row.mr-0 .left-content{ flex-basis:143px !important; width:143px !important; min-width:143px !important; padding-left:8px !important; box-sizing:border-box !important; } /* TABLET ONLY — position the homepage Call Now / Chat Now overlay. */ section.hero{ position:relative !important; } section.hero .slider-overlay{ position:absolute !important; right:16px !important; left:auto !important; top:auto !important; bottom:140px !important; z-index:6 !important; } } </style> <style id="ap-tablet-768-805-hero-bridge-fix"> /* TABLET ONLY: bridge the 768–805px gap. Desktop and mobile below 768px stay untouched. */ @media (min-width:768px) and (max-width:805px){ section.hero{ position:relative !important; min-height:0 !important; height:auto !important; margin-bottom:0 !important; padding-bottom:0 !important; } section.hero .hero-image, section.hero .hero-image picture, section.hero .hero-image img{ display:block !important; margin-bottom:0 !important; padding-bottom:0 !important; } section.hero .slider-overlay{ position:absolute !important; right:16px !important; left:auto !important; top:auto !important; bottom:140px !important; z-index:999 !important; } section.hero + .typical-section{ margin-top:0 !important; padding-top:0 !important; } } </style> <style id="ap-support-3col-v1"> /* Isolated styles for the redesigned Support dropdown (spiritual library / language flags / links). Uses an ID (#ap-support-wrap) plus !important on sizing properties so nothing in the site's existing theme/plugin CSS can collapse the columns like it did with flexbox. */ /* The site caps this dropdown at 820px, which was too narrow for 3 real columns. .link-des is unique to Support, so widening it here is safe. */ .header_menu .link-des .dropdown-content{ width:min(980px,92vw) !important; max-width:980px !important; } #ap-support-wrap{ display:grid !important; grid-template-columns:300px 200px minmax(160px,1fr) !important; column-gap:28px !important; align-items:start !important; padding:24px 12px !important; width:100% !important; max-width:100% !important; box-sizing:border-box !important; } #ap-support-wrap .ap-support-col{ min-width:0 !important; width:100% !important; box-sizing:border-box !important; } /* Column 1 — Explore Our Spiritual Library */ #ap-support-wrap .ap-support-intro{ padding-right:20px !important; border-right:1px solid #eee; text-align:left !important; } #ap-support-wrap .ap-support-icon{ width:44px; height:44px; border-radius:50%; background:#fff4e2; color:#fa951f; display:flex; align-items:center; justify-content:center; font-size:18px; margin-bottom:10px; } #ap-support-wrap .ap-support-heading{ font-size:19px; font-weight:800; color:#003366; line-height:1.25; position:relative; display:inline-block; padding-bottom:8px; margin-bottom:12px; } #ap-support-wrap .ap-support-heading::after{ content:''; position:absolute; left:0; bottom:0; width:55px; height:3px; background:#fa951f; } #ap-support-wrap .ap-support-sub{ font-size:13.5px; color:#555; line-height:1.45; margin:0 0 16px; } #ap-support-wrap .ap-support-checklist{ display:block !important; list-style:none !important; margin:0 !important; padding:0 !important; width:100% !important; height:auto !important; text-align:left !important; } #ap-support-wrap .ap-support-checklist li{ position:relative; display:block !important; width:100% !important; height:auto !important; box-sizing:border-box !important; padding-left:22px !important; font-size:13px; font-weight:600; color:#333; line-height:1.4; text-align:left !important; white-space:normal !important; margin-bottom:10px !important; } #ap-support-wrap .ap-support-checklist li:last-child{ margin-bottom:0; } #ap-support-wrap .ap-support-checklist li i.fa-check{ position:absolute; left:0; top:3px; width:14px; color:#09c; font-size:12px; text-align:center; } /* Column 2 — Language flags */ #ap-support-wrap .ap-support-langs{ display:flex !important; flex-direction:column !important; gap:6px !important; padding:0 16px !important; border-right:1px solid #eee; } #ap-support-wrap .ap-lang-item{ display:flex !important; align-items:center !important; gap:10px !important; padding:6px 8px !important; border-radius:8px; text-decoration:none; transition:background 0.15s ease-in-out; } #ap-support-wrap .ap-lang-item:hover{ background:#f7f7f7; } #ap-support-wrap .ap-lang-item img{ width:22px !important; height:16px !important; object-fit:cover; flex:0 0 auto; border-radius:2px; background:#eee; } #ap-support-wrap .ap-lang-item span{ font-size:13.5px; font-weight:700; color:#003366; white-space:nowrap !important; } /* Column 3 — Links */ #ap-support-wrap .ap-support-links{ display:flex !important; flex-direction:column !important; gap:12px !important; padding-left:4px !important; } #ap-support-wrap .ap-support-links a{ font-size:13.5px; font-weight:600; color:#333; text-decoration:none; white-space:nowrap !important; } #ap-support-wrap .ap-support-links a:hover{ color:#fa951f; } /* Stack into a single column on mobile / narrow phone-nav view */ @media (max-width:805px){ .header_menu .link-des .dropdown-content{ width:100% !important; max-width:none !important; } #ap-support-wrap{ display:flex !important; flex-direction:column !important; gap:20px !important; padding:16px 4px !important; } #ap-support-wrap .ap-support-intro, #ap-support-wrap .ap-support-langs{ border-right:none; border-bottom:1px solid #eee; padding:0 0 16px !important; } #ap-support-wrap .ap-support-langs{ flex-direction:row !important; flex-wrap:wrap !important; } #ap-support-wrap .ap-lang-item{ flex:0 0 47% !important; } #ap-support-wrap .ap-support-links{ padding-left:0 !important; } } </style> <style id="ap-support-screenshot-two-final"> /* FINAL SUPPORT DROPDOWN — matches screenshot #2 on desktop */ @media (min-width:806px){ .header_menu .link-des .dropdown-content{ width:min(1180px,94vw) !important; max-width:1180px !important; padding:18px 20px !important; } #ap-support-wrap{ grid-template-columns:minmax(350px,1.05fr) minmax(440px,1.35fr) minmax(250px,.85fr) !important; column-gap:26px !important; padding:0 !important; align-items:start !important; } #ap-support-wrap .ap-support-intro{ padding:2px 28px 2px 8px !important; text-align:left !important; } #ap-support-wrap .ap-support-icon{ width:38px !important; height:38px !important; margin:0 0 8px !important; } #ap-support-wrap .ap-support-heading{ display:block !important; margin:0 0 10px !important; padding:0 0 8px !important; font-size:19px !important; line-height:1.15 !important; text-align:left !important; } #ap-support-wrap .ap-support-sub{ margin:0 0 10px !important; font-size:13px !important; line-height:1.35 !important; text-align:left !important; } #ap-support-wrap .ap-support-checklist{ margin:0 !important; text-align:left !important; } #ap-support-wrap .ap-support-checklist li{ margin:0 0 5px !important; padding-left:20px !important; font-size:12.5px !important; line-height:1.28 !important; text-align:left !important; } #ap-support-wrap .ap-support-checklist li i.fa-check{ top:2px !important; } #ap-support-wrap .ap-support-langs{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px 12px !important; padding:0 26px !important; align-content:start !important; } #ap-support-wrap .ap-lang-item{ display:grid !important; grid-template-columns:30px minmax(0,1fr) !important; align-items:center !important; gap:9px !important; min-height:48px !important; padding:7px 10px !important; border:1px solid #e2e6ec !important; border-radius:8px !important; background:#fff !important; box-shadow:0 1px 3px rgba(0,0,0,.04) !important; } #ap-support-wrap .ap-lang-item:hover{ background:#fff9e9 !important; border-color:#e7bd62 !important; } #ap-support-wrap .ap-lang-item img{ width:26px !important; height:18px !important; } #ap-support-wrap .ap-lang-item span{ display:block !important; min-width:0 !important; white-space:normal !important; line-height:1.1 !important; } #ap-support-wrap .ap-lang-item strong{ display:block !important; color:#111 !important; font-size:12.5px !important; font-weight:800 !important; } #ap-support-wrap .ap-lang-item small{ display:block !important; margin-top:3px !important; color:#555 !important; font-size:10px !important; font-weight:500 !important; white-space:normal !important; } #ap-support-wrap .ap-support-links{ gap:0 !important; padding:2px 0 0 10px !important; } #ap-support-wrap .ap-support-links a{ position:relative !important; display:block !important; padding:8px 24px 8px 0 !important; font-size:13px !important; line-height:1.2 !important; white-space:normal !important; } #ap-support-wrap .ap-support-links a::after{ content:"\f105" !important; position:absolute !important; right:5px !important; top:50% !important; transform:translateY(-50%) !important; color:#6d7d91 !important; font-family:FontAwesome !important; font-size:13px !important; } } </style> <style id="ap-support-left-column-final-fix"> /* FINAL FIX — compact first Support column, aligned with the other columns */ @media (min-width:768px){ .header_menu .link-des .dropdown-content{ padding:20px 24px !important; } .ap-support-grid{ align-items:start !important; } .ap-support-intro{ padding-top:0 !important; margin:0 !important; } .ap-support-intro .ap-support-icon, .ap-support-intro .ap-support-sub{ display:none !important; } .ap-support-intro .ap-support-heading{ margin:0 0 8px !important; padding:0 0 7px !important; font-size:18px !important; line-height:1.15 !important; } .ap-support-intro .ap-support-heading::after{ width:48px !important; height:2px !important; } .ap-support-intro .ap-support-checklist{ display:block !important; margin:0 !important; padding:0 !important; } .ap-support-intro .ap-support-checklist li{ position:relative !important; display:block !important; min-height:0 !important; margin:0 0 5px !important; padding:0 0 0 24px !important; font-size:12px !important; font-weight:600 !important; line-height:1.28 !important; } .ap-support-intro .ap-support-checklist li:last-child{ margin-bottom:0 !important; } .ap-support-intro .ap-support-checklist li .fa-check{ position:absolute !important; left:0 !important; top:1px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:16px !important; height:16px !important; border:2px solid #09c !important; border-radius:50% !important; color:#09c !important; font-size:9px !important; line-height:1 !important; box-sizing:border-box !important; } } </style> <style id="ap-support-mobile-beautified-final"> /* MOBILE ONLY — reorder, tighten, and beautify the Support dropdown */ @media (max-width:805px){ #ap-support-wrap{ display:flex !important; flex-direction:column !important; gap:16px !important; padding:12px 14px 18px !important; background:#fff !important; } /* Important support links come first */ #ap-support-wrap .ap-support-links{ order:1 !important; display:grid !important; grid-template-columns:1fr !important; gap:7px !important; margin:0 !important; padding:0 0 14px !important; border-bottom:1px solid #e9edf3 !important; } #ap-support-wrap .ap-support-links a{ position:relative !important; display:block !important; margin:0 !important; padding:10px 34px 10px 14px !important; border:1px solid #e1e7ef !important; border-radius:10px !important; background:#fff !important; box-shadow:0 2px 7px rgba(0,35,90,.05) !important; color:#102a52 !important; font-size:14px !important; font-weight:700 !important; line-height:1.25 !important; text-decoration:none !important; white-space:normal !important; } #ap-support-wrap .ap-support-links a::after{ content:"\f105" !important; position:absolute !important; right:14px !important; top:50% !important; transform:translateY(-50%) !important; color:#0b94c9 !important; font-family:FontAwesome !important; font-size:14px !important; } /* Explore section is compact and reads like normal document text */ #ap-support-wrap .ap-support-intro{ order:2 !important; margin:0 !important; padding:0 0 14px !important; border:0 !important; border-bottom:1px solid #e9edf3 !important; text-align:left !important; } #ap-support-wrap .ap-support-intro .ap-support-icon, #ap-support-wrap .ap-support-intro .ap-support-sub{ display:none !important; } #ap-support-wrap .ap-support-intro .ap-support-heading{ display:block !important; margin:0 0 9px !important; padding:0 0 7px !important; color:#003366 !important; font-size:20px !important; font-weight:800 !important; line-height:1.16 !important; text-align:left !important; } #ap-support-wrap .ap-support-intro .ap-support-heading::after{ width:48px !important; height:2px !important; } #ap-support-wrap .ap-support-checklist{ display:flex !important; flex-direction:column !important; gap:6px !important; margin:0 !important; padding:0 !important; border:0 !important; } #ap-support-wrap .ap-support-checklist li{ position:relative !important; display:block !important; width:100% !important; min-height:0 !important; margin:0 !important; padding:1px 0 1px 25px !important; border:0 !important; background:transparent !important; color:#253449 !important; font-size:14px !important; font-weight:600 !important; line-height:1.35 !important; text-align:left !important; box-shadow:none !important; } #ap-support-wrap .ap-support-checklist li::before, #ap-support-wrap .ap-support-checklist li::after{ content:none !important; display:none !important; } #ap-support-wrap .ap-support-checklist li .fa-check{ position:absolute !important; left:0 !important; top:3px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:16px !important; height:16px !important; border:2px solid #09c !important; border-radius:50% !important; color:#09c !important; font-size:9px !important; line-height:1 !important; box-sizing:border-box !important; } /* Languages come last, as compact flag + language cards only */ #ap-support-wrap .ap-support-langs{ order:3 !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; margin:0 !important; padding:0 !important; border:0 !important; } #ap-support-wrap .ap-lang-item{ display:grid !important; grid-template-columns:28px minmax(0,1fr) !important; align-items:center !important; gap:8px !important; min-height:44px !important; margin:0 !important; padding:8px 10px !important; border:1px solid #e1e7ef !important; border-radius:10px !important; background:#fff !important; box-shadow:0 2px 7px rgba(0,35,90,.05) !important; text-decoration:none !important; } #ap-support-wrap .ap-lang-item img{ width:26px !important; height:18px !important; object-fit:cover !important; border-radius:2px !important; } #ap-support-wrap .ap-lang-item span{ display:block !important; min-width:0 !important; margin:0 !important; padding:0 !important; line-height:1 !important; white-space:normal !important; } #ap-support-wrap .ap-lang-item strong{ display:block !important; margin:0 !important; padding:0 !important; color:#003366 !important; font-size:13px !important; font-weight:800 !important; line-height:1.15 !important; white-space:normal !important; } #ap-support-wrap .ap-lang-item small{ display:none !important; } } @media (max-width:390px){ #ap-support-wrap .ap-support-langs{ grid-template-columns:1fr !important; } } </style> <style id="ap-mobile-helping-hands-icon"> /* MOBILE ONLY: helping-hands-with-star icon for Get a Reading */ @media (max-width:767px){ .header_menu .navbar-nav > .nav-item:first-child > .nav-link::before{ content:none !important; display:none !important; } .header_menu .ap-helping-hands-icon{ position:relative; width:30px; height:30px; flex:0 0 30px; display:inline-flex; align-items:flex-end; justify-content:center; color:#d99400; } .header_menu .ap-helping-hands-icon .fa{ position:absolute; color:#d99400 !important; line-height:1; } .header_menu .ap-helping-hands-icon .ap-hand-left{ left:1px; bottom:1px; font-size:17px; transform:rotate(38deg) scaleX(-1); transform-origin:center; } .header_menu .ap-helping-hands-icon .ap-hand-right{ right:1px; bottom:1px; font-size:17px; transform:rotate(-38deg); transform-origin:center; } .header_menu .ap-helping-hands-icon .ap-hands-star{ top:0; left:50%; transform:translateX(-50%); font-size:11px; } } @media (min-width:768px){ .header_menu .ap-helping-hands-icon{ display:none !important; } } </style>  <style id="ap-free-resources-sparkles"> #ap-support-wrap .ap-support-heading .ap-resource-sparkle{ display:inline-block; margin:0 5px; color:#d99a00 !important; font-size:.86em !important; font-weight:700 !important; line-height:1 !important; vertical-align:.06em; } @media (max-width:767px){ #ap-support-wrap .ap-support-heading .ap-resource-sparkle{ margin:0 4px; font-size:.82em !important; } } </style> <style> /* === Mobile CTA Highlight: Get a Reading === */ @media (max-width:767px){ .header_menu .navbar-nav > .nav-item:first-child > .nav-link{ border-left:4px solid #d9a21b !important; background:#ffffff !important; box-shadow:0 4px 14px rgba(0,31,92,.08) !important; padding-left:22px !important; } } </style> <style id="ap-support-tablet-space-trim-final"> /* FINAL TABLET/DESKTOP SPACE TRIM — reduces language-card footprint and column gutters */ @media (min-width:806px){ .header_menu .link-des .dropdown-content{ width:min(1120px,96vw) !important; max-width:1120px !important; padding:14px 14px !important; } #ap-support-wrap{ grid-template-columns:minmax(330px,1.25fr) minmax(300px,.92fr) minmax(190px,.68fr) !important; column-gap:12px !important; padding:0 !important; } #ap-support-wrap .ap-support-intro{ padding:2px 14px 2px 4px !important; } #ap-support-wrap .ap-support-langs{ grid-template-columns:1fr 1fr !important; gap:6px !important; padding:0 8px !important; border-right:1px solid #eee !important; } #ap-support-wrap .ap-lang-item{ grid-template-columns:23px minmax(0,1fr) !important; gap:6px !important; min-height:38px !important; padding:5px 7px !important; border-radius:8px !important; } #ap-support-wrap .ap-lang-item img{ width:22px !important; height:15px !important; } #ap-support-wrap .ap-lang-item strong{ font-size:12px !important; line-height:1.05 !important; white-space:nowrap !important; } #ap-support-wrap .ap-support-links{ padding:2px 0 0 6px !important; } #ap-support-wrap .ap-support-links a{ padding:7px 18px 7px 0 !important; font-size:12.5px !important; line-height:1.18 !important; } #ap-support-wrap .ap-support-links a::after{ right:2px !important; } } /* Extra compression for tablet and narrow desktop widths */ @media (min-width:806px) and (max-width:1180px){ .header_menu .link-des .dropdown-content{ width:97vw !important; max-width:97vw !important; padding:12px 10px !important; } #ap-support-wrap{ grid-template-columns:minmax(315px,1.28fr) minmax(270px,.9fr) minmax(175px,.62fr) !important; column-gap:8px !important; } #ap-support-wrap .ap-support-intro{ padding-right:10px !important; } #ap-support-wrap .ap-support-langs{ gap:5px !important; padding:0 5px !important; } #ap-support-wrap .ap-lang-item{ grid-template-columns:21px minmax(0,1fr) !important; gap:5px !important; min-height:35px !important; padding:4px 5px !important; } #ap-support-wrap .ap-lang-item img{ width:20px !important; height:14px !important; } #ap-support-wrap .ap-lang-item strong{ font-size:11.5px !important; } #ap-support-wrap .ap-support-links{ padding-left:4px !important; } #ap-support-wrap .ap-support-links a{ padding:6px 15px 6px 0 !important; font-size:12px !important; } } </style> <style id="ap-separate-tablet-account-layout"> /* Separate tablet-only account layout with no divider line. Desktop and mobile keep the original layout. */ .ap-tablet-account-group{ display:none; } @media (min-width:806px) and (max-width:1099px){ .header_right > .row > .left-content, .header_right > .row > .or, .header_right .row.mr-0 > .left-content, .header_right .row.mr-0 > .or{ display:none !important; } .ap-tablet-account-group{ flex:0 0 auto !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:10px !important; margin:0 4px 0 18px !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; white-space:nowrap !important; } .ap-tablet-account-group::before, .ap-tablet-account-group::after, .ap-tablet-account-links::before, .ap-tablet-account-links::after{ content:none !important; display:none !important; } .ap-tablet-account-links{ width:150px !important; display:flex !important; flex-direction:column !important; gap:7px !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; } .ap-tablet-account-row{ min-height:28px !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:6px !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; line-height:1 !important; } .ap-tablet-account-row a{ color:#001a57 !important; font-size:11.5px !important; font-weight:500 !important; line-height:1.1 !important; text-decoration:none !important; } .ap-tablet-account-row .ap-gold-icon{ width:26px !important; height:26px !important; min-width:26px !important; min-height:26px !important; margin:0 !important; } .ap-tablet-account-row .ap-gold-icon svg{ width:26px !important; height:26px !important; } .ap-tablet-or{ flex:0 0 24px !important; width:24px !important; color:#001a57 !important; font-size:14px !important; font-weight:700 !important; line-height:1 !important; text-align:center !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; } } </style> <style id="ap-gold-account-separators-final"> /* Match the intro-offer check circles to the gold header icons. */ .ap-intro-check{ border-color:#D4AF37 !important; color:#D4AF37 !important; } /* DESKTOP ONLY: faint gold horizontal separators between account choices. */ @media (min-width:1100px){ .header_right .left-content .login, .header_right .left-content .create-acc{ position:relative !important; margin-bottom:12px !important; padding-bottom:12px !important; } .header_right .left-content .login::after, .header_right .left-content .create-acc::after{ content:"" !important; position:absolute !important; left:12px !important; right:4px !important; bottom:0 !important; height:1px !important; background:rgba(212,175,55,.72) !important; display:block !important; } } /* MOBILE ONLY: gold vertical separators and a tighter single-line row. */ @media (max-width:767px){ .header_right > .row .left-content, .header_right .row.mr-0 .left-content{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:center !important; gap:0 !important; width:100% !important; max-width:100% !important; padding-left:0 !important; margin:0 !important; white-space:nowrap !important; } .header_right .left-content .login, .header_right .left-content .create-acc, .header_right .left-content .how-acc{ flex:0 1 auto !important; display:flex !important; align-items:center !important; justify-content:center !important; min-width:0 !important; margin:0 !important; padding:0 6px !important; white-space:nowrap !important; } .header_right .left-content .login, .header_right .left-content .create-acc{ position:relative !important; } .header_right .left-content .login::after, .header_right .left-content .create-acc::after{ content:"" !important; width:1px !important; height:25px !important; margin-left:6px !important; background:rgba(212,175,55,.82) !important; display:block !important; flex:0 0 1px !important; } .header_right .left-content .txt, .header_right .left-content a.txt, .header_right .left-content .login a{ font-size:12px !important; line-height:1 !important; white-space:nowrap !important; } .header_right .left-content .icon, .header_right .left-content .ap-gold-icon{ width:22px !important; height:22px !important; min-width:22px !important; min-height:22px !important; margin-left:4px !important; } .header_right .left-content .ap-gold-icon svg{ width:22px !important; height:22px !important; } } @media (max-width:380px){ .header_right .left-content .login, .header_right .left-content .create-acc, .header_right .left-content .how-acc{ padding-left:3px !important; padding-right:3px !important; } .header_right .left-content .login::after, .header_right .left-content .create-acc::after{ margin-left:3px !important; } .header_right .left-content .txt, .header_right .left-content a.txt, .header_right .left-content .login a{ font-size:11px !important; } .header_right .left-content .icon, .header_right .left-content .ap-gold-icon{ width:20px !important; height:20px !important; min-width:20px !important; min-height:20px !important; margin-left:3px !important; } .header_right .left-content .ap-gold-icon svg{ width:20px !important; height:20px !important; } } </style> <style id="ap-tablet-gold-separators-test"> /* TABLET ONLY: subtle gold separators between the three account rows. */ @media (min-width:806px) and (max-width:1099px){ .ap-tablet-account-row{ position:relative !important; } .ap-tablet-account-row:nth-child(1), .ap-tablet-account-row:nth-child(2){ margin-bottom:5px !important; padding-bottom:5px !important; } .ap-tablet-account-row:nth-child(1)::after, .ap-tablet-account-row:nth-child(2)::after{ content:"" !important; position:absolute !important; left:18% !important; right:0 !important; bottom:0 !important; height:1px !important; display:block !important; background:rgba(212,175,55,.58) !important; } } </style> <style id="ap-desktop-header-height-tweak-v2"> @media (min-width:1100px){ .header{ padding-top:0 !important; padding-bottom:0 !important; } .header .container{ padding-top:0 !important; padding-bottom:0 !important; } .header_main{ padding:0 !important; margin:0 !important; min-height:auto !important; } .header_right_wrap{ padding-top:0 !important; } .header_left, .header_center, .header_right{ margin-top:-4px !important; margin-bottom:-4px !important; } } </style> <style id="ap-desktop-gold-divider"> @media (min-width:1100px){ /* Desktop only: upgrade the existing divider before Login/Create Account */ .header_right .left-content{ border-left:1px solid transparent !important; border-image:linear-gradient( to bottom, rgba(212,175,55,0), rgba(212,175,55,.90) 20%, rgba(240,210,110,1) 50%, rgba(212,175,55,.90) 80%, rgba(212,175,55,0) ) 1 !important; } } </style>  <style id="ap-final-tablet-correction-20260810"> /* 600px-class mobile: keep mobile layout, center OR across the row. */ @media (min-width:521px) and (max-width:767px){ .header_right > .row > .or, .header_right .row.mr-0 > .or{ display:block !important; flex:0 0 100% !important; width:100% !important; max-width:100% !important; margin:7px auto 5px !important; padding:0 !important; text-align:center !important; align-self:center !important; order:2 !important; } .header_right > .row > .left-content, .header_right .row.mr-0 > .left-content{ order:1 !important; } .header_right > .row > .right-content, .header_right .row.mr-0 > .right-content{ order:3 !important; } } /* TRUE TABLET: 768 through 1099. No mobile drawer, no clipped header. */ @media (min-width:768px) and (max-width:1099px){ .header, .header > .container, .header .container, .header_main, .header_right_wrap, .header_right, .header_right > .row, .header_right .row.mr-0{ height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; transform:none !important; top:auto !important; } .header{ padding:8px 0 6px !important; } .header > .container, .header .container{ width:100% !important; max-width:none !important; padding-left:12px !important; padding-right:12px !important; } .header_main{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:space-between !important; gap:8px !important; width:100% !important; margin:0 !important; padding:0 !important; } .header_left{ flex:0 0 18% !important; width:18% !important; min-width:128px !important; max-width:185px !important; margin:0 !important; padding:0 !important; } .header_left .logo, .header_left .logo img{ display:block !important; width:100% !important; max-width:185px !important; height:auto !important; margin:0 auto !important; } .header_right_wrap{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:flex-end !important; gap:6px !important; margin:0 !important; padding:0 !important; } .header_center{ flex:0 1 200px !important; width:auto !important; min-width:160px !important; max-width:220px !important; margin:0 !important; padding:0 4px 0 0 !important; } .ap-intro-offer{ width:100% !important; display:grid !important; grid-template-columns:74px minmax(0,1fr) !important; grid-template-areas:"price points" !important; column-gap:5px !important; align-items:center !important; margin:0 !important; padding:0 !important; } .ap-intro-price{grid-area:price !important;} .ap-intro-points{grid-area:points !important;} .ap-intro-rate span{font-size:27px !important;} .ap-intro-rate em{font-size:12px !important;} .ap-intro-title{font-size:13px !important; margin-top:2px !important;} .ap-intro-points{font-size:9px !important; line-height:1.12 !important; gap:4px !important;} .ap-intro-point{grid-template-columns:13px minmax(0,1fr) !important; column-gap:3px !important;} .ap-intro-check{width:13px !important; height:13px !important; font-size:8px !important;} .header_right{ flex:0 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; } .header_right > .row, .header_right .row.mr-0{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:flex-end !important; gap:5px !important; width:auto !important; margin:0 !important; padding:0 !important; } /* Use the purpose-built tablet account group at every tablet width. */ .header_right > .row > .left-content, .header_right > .row > .or, .header_right .row.mr-0 > .left-content, .header_right .row.mr-0 > .or{ display:none !important; } .ap-tablet-account-group{ display:flex !important; flex:0 0 135px !important; width:135px !important; min-width:135px !important; align-items:center !important; justify-content:flex-end !important; gap:5px !important; margin:0 !important; padding:0 !important; white-space:nowrap !important; } .ap-tablet-account-links{ width:108px !important; display:flex !important; flex-direction:column !important; gap:4px !important; margin:0 !important; padding:0 !important; } .ap-tablet-account-row{ min-height:22px !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:4px !important; margin:0 !important; padding:0 !important; } .ap-tablet-account-row a{ font-size:9.5px !important; line-height:1 !important; white-space:nowrap !important; } .ap-tablet-account-row .ap-gold-icon, .ap-tablet-account-row .ap-gold-icon svg{ width:20px !important; height:20px !important; min-width:20px !important; min-height:20px !important; margin:0 !important; } .ap-tablet-or{ flex:0 0 18px !important; width:18px !important; margin:0 !important; padding:0 !important; font-size:12px !important; text-align:center !important; } .header_right > .row > .right-content, .header_right .row.mr-0 > .right-content, .header_right .right-content{ flex:0 0 185px !important; width:185px !important; min-width:185px !important; max-width:185px !important; margin:0 !important; padding:0 !important; } .header_right .right-content > a, .header_right .right-content .phone-box-link, .header_right .right-content .txt.phone-box{ width:185px !important; max-width:185px !important; } .header_right .right-content .txt.phone-box{ padding:6px 6px 7px !important; border-radius:11px !important; } .header_right .right-content .top-note{font-size:11.5px !important; line-height:1.08 !important; margin-bottom:4px !important;} .header_right .right-content .phone-line-two{gap:2px !important;} .header_right .right-content .ornament{font-size:8px !important;} .header_right .right-content .phone-pill{padding:5px 8px !important; gap:4px !important;} .header_right .right-content .phone-pill .fa{font-size:12px !important;} .header_right .right-content .phone-number{font-size:14px !important;} /* Real tablet nav. Never expose the mobile drawer controls. */ .header_menu{ position:relative !important; left:0 !important; width:calc(100% + 24px) !important; height:54px !important; min-height:54px !important; max-height:54px !important; margin:6px -12px 0 !important; padding:0 !important; overflow:visible !important; } .header_menu > .col-sm-12, .header_menu .navbar, .header_menu .navbar-collapse, .header_menu .navbar-nav{ width:100% !important; height:54px !important; min-height:54px !important; max-height:54px !important; margin:0 !important; padding:0 !important; } .header_menu .navbar-toggler, .header_menu .mob-options{ display:none !important; visibility:hidden !important; } .header_menu .navbar-collapse{ display:flex !important; position:static !important; visibility:visible !important; opacity:1 !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; } .header_menu .navbar-nav{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:stretch !important; justify-content:space-between !important; } .header_menu .navbar-nav > .nav-item{ flex:1 1 auto !important; min-width:0 !important; height:54px !important; margin:0 !important; padding:0 !important; } .header_menu .navbar-nav > .nav-item > .nav-link, .header_menu .navbar-nav > .nav-item .dropbtn{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:54px !important; min-height:54px !important; max-height:54px !important; margin:0 !important; padding:0 3px !important; box-sizing:border-box !important; font-size:10px !important; line-height:1 !important; white-space:nowrap !important; } /* These are mobile-drawer-only extras and are what caused nav crowding at 1024. */ .header_menu .show-mob-link{ display:none !important; } .header_menu .nav-arrow{ margin-left:2px !important; } } /* Give the larger tablet widths a touch more breathing room. */ @media (min-width:900px) and (max-width:1099px){ .header_left{ flex-basis:205px !important; width:205px !important; max-width:205px !important; } .header_left .logo, .header_left .logo img{max-width:205px !important;} .header_center{max-width:245px !important; flex-basis:225px !important;} .ap-tablet-account-group{width:150px !important; min-width:150px !important; flex-basis:150px !important;} .ap-tablet-account-links{width:122px !important;} .ap-tablet-account-row a{font-size:10.5px !important;} .header_right > .row > .right-content, .header_right .row.mr-0 > .right-content, .header_right .right-content{width:205px !important; min-width:205px !important; max-width:205px !important; flex-basis:205px !important;} .header_right .right-content > a, .header_right .right-content .phone-box-link, .header_right .right-content .txt.phone-box{width:205px !important; max-width:205px !important;} .header_menu .navbar-nav > .nav-item > .nav-link, .header_menu .navbar-nav > .nav-item .dropbtn{font-size:11px !important; padding-left:4px !important; padding-right:4px !important;} } </style>  <style id="ap-tablet-hero-visibility-v4"> @media (min-width:768px) and (max-width:1099px){ /* Keep the homepage hero in normal document flow at every tablet width. */ section.hero{ display:block !important; visibility:visible !important; opacity:1 !important; position:relative !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; margin-top:0 !important; margin-bottom:0 !important; padding-top:0 !important; padding-bottom:0 !important; overflow:visible !important; transform:none !important; } section.hero .hero-image, section.hero .hero-image picture, section.hero .hero-image img{ display:block !important; visibility:visible !important; opacity:1 !important; width:100% !important; max-width:100% !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; transform:none !important; } /* Preserve the tablet Call Now / Chat Now overlay without allowing it to collapse the hero. */ section.hero .slider-overlay{ display:block !important; visibility:visible !important; opacity:1 !important; position:absolute !important; right:16px !important; left:auto !important; top:auto !important; bottom:14% !important; z-index:20 !important; } section.hero + .typical-section{ clear:both !important; margin-top:0 !important; } } </style>  <style id="ap-tablet-768-support-dropdown-final"> @media (min-width:768px) and (max-width:805px){ /* Keep Support as a proper tablet mega-menu instead of the narrow mobile drawer. */ .header_menu .link-des, .header_menu .link-des .dropdown{ position:relative !important; } .header_menu .link-des .dropdown-content{ position:absolute !important; top:100% !important; right:0 !important; left:auto !important; transform:none !important; width:min(720px, calc(100vw - 24px)) !important; max-width:calc(100vw - 24px) !important; margin:0 !important; padding:16px !important; overflow:visible !important; border-radius:0 0 16px 16px !important; box-sizing:border-box !important; } .header_menu .link-des:hover .dropdown-content, .header_menu .link-des .dropdown:hover .dropdown-content{ transform:none !important; } #ap-support-wrap{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; grid-template-areas: "intro intro" "links langs" !important; gap:14px 16px !important; width:100% !important; margin:0 !important; padding:0 !important; background:#fff !important; align-items:start !important; } #ap-support-wrap .ap-support-intro{ grid-area:intro !important; order:unset !important; margin:0 !important; padding:0 0 12px !important; border:0 !important; border-bottom:1px solid #e7ebf1 !important; } #ap-support-wrap .ap-support-intro .ap-support-heading{ margin:0 0 8px !important; padding:0 !important; font-size:17px !important; line-height:1.15 !important; text-align:center !important; } #ap-support-wrap .ap-support-checklist{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px 14px !important; margin:0 !important; padding:0 !important; } #ap-support-wrap .ap-support-checklist li{ margin:0 !important; padding:1px 0 1px 22px !important; font-size:11.5px !important; line-height:1.25 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } #ap-support-wrap .ap-support-links{ grid-area:links !important; order:unset !important; display:grid !important; grid-template-columns:1fr !important; gap:6px !important; margin:0 !important; padding:0 12px 0 0 !important; border:0 !important; border-right:1px solid #e7ebf1 !important; } #ap-support-wrap .ap-support-links a{ margin:0 !important; padding:8px 28px 8px 10px !important; min-height:0 !important; border:1px solid #e1e7ef !important; border-radius:8px !important; background:#fff !important; font-size:12px !important; line-height:1.15 !important; box-shadow:0 1px 4px rgba(0,35,90,.05) !important; } #ap-support-wrap .ap-support-langs{ grid-area:langs !important; order:unset !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; margin:0 !important; padding:0 !important; border:0 !important; } #ap-support-wrap .ap-lang-item{ min-height:38px !important; margin:0 !important; padding:5px 7px !important; grid-template-columns:22px minmax(0,1fr) !important; gap:6px !important; border-radius:8px !important; } #ap-support-wrap .ap-lang-item img{ width:21px !important; height:14px !important; } #ap-support-wrap .ap-lang-item strong{ font-size:11px !important; line-height:1.05 !important; } #ap-support-wrap .ap-lang-item small{ display:none !important; } } </style>  <style id="ap-tablet-support-position-bold-v6"> /* Tablet only. Keep the improved header/hero work intact. */ @media (min-width:768px) and (max-width:899px){ /* Make the whole nav bar the positioning box for the Support mega-menu. */ .header_menu{ position:relative !important; } .header_menu .link-des, .header_menu .link-des .dropdown{ position:static !important; } /* Open Support inside the tablet viewport, not off the edge of the Support tab. */ .header_menu .link-des .dropdown-content{ position:absolute !important; top:54px !important; left:12px !important; right:12px !important; width:auto !important; max-width:none !important; transform:none !important; margin:0 !important; box-sizing:border-box !important; overflow:visible !important; } .header_menu .link-des:hover .dropdown-content, .header_menu .link-des .dropdown:hover .dropdown-content{ transform:none !important; } /* Compact three-column Support layout that fits cleanly at 768/820. */ #ap-support-wrap{ grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.8fr) !important; grid-template-areas:"intro langs links" !important; gap:10px !important; width:100% !important; padding:0 !important; align-items:start !important; } #ap-support-wrap .ap-support-intro{ grid-area:intro !important; padding:0 10px 0 0 !important; border-right:1px solid #e7ebf1 !important; border-bottom:0 !important; } #ap-support-wrap .ap-support-langs{ grid-area:langs !important; grid-template-columns:1fr 1fr !important; gap:5px !important; padding:0 8px !important; border-right:1px solid #e7ebf1 !important; } #ap-support-wrap .ap-support-links{ grid-area:links !important; display:block !important; padding:0 0 0 6px !important; border-right:0 !important; } #ap-support-wrap .ap-support-links a{ display:block !important; padding:6px 15px 6px 0 !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; font-size:11px !important; line-height:1.15 !important; font-weight:700 !important; } #ap-support-wrap .ap-support-heading{ font-weight:800 !important; } #ap-support-wrap .ap-support-checklist li{ font-weight:700 !important; } #ap-support-wrap .ap-lang-item strong{ font-weight:800 !important; } } /* Restore the original strong tablet navigation appearance. */ @media (min-width:768px) and (max-width:1099px){ .header_menu .navbar-nav > .nav-item > .nav-link, .header_menu .navbar-nav > .nav-item .dropbtn{ font-weight:700 !important; } } </style>  <style id="ap-tablet-support-viewport-v7"> @media (min-width:768px) and (max-width:899px){ /* The Support tab sits at the far right of the nav. Anchor the menu to that right edge and let it expand LEFT across the tablet viewport. */ .header_menu .link-des, .header_menu .link-des .dropdown{ position:relative !important; } .header_menu .link-des .dropdown-content{ position:absolute !important; top:100% !important; right:0 !important; left:auto !important; width:calc(100vw - 24px) !important; max-width:calc(100vw - 24px) !important; min-width:0 !important; margin:0 !important; transform:none !important; box-sizing:border-box !important; overflow:visible !important; z-index:20000 !important; } .header_menu .link-des:hover .dropdown-content, .header_menu .link-des .dropdown:hover .dropdown-content{ transform:none !important; } #ap-support-wrap{ width:100% !important; max-width:100% !important; min-width:0 !important; grid-template-columns:minmax(0,1.28fr) minmax(0,.95fr) minmax(150px,.72fr) !important; grid-template-areas:"intro langs links" !important; gap:10px !important; padding:14px 12px !important; box-sizing:border-box !important; } #ap-support-wrap .ap-support-intro, #ap-support-wrap .ap-support-langs, #ap-support-wrap .ap-support-links{ min-width:0 !important; box-sizing:border-box !important; } #ap-support-wrap .ap-support-heading{ font-size:17px !important; line-height:1.15 !important; } #ap-support-wrap .ap-support-checklist li{ font-size:11.5px !important; line-height:1.22 !important; } #ap-support-wrap .ap-lang-item{ min-width:0 !important; } #ap-support-wrap .ap-lang-item strong, #ap-support-wrap .ap-support-links a{ white-space:normal !important; overflow-wrap:anywhere !important; } } </style>  <style id="ap-tablet-account-boldness-v8"> @media (min-width:768px) and (max-width:1099px){ /* Restore the stronger weight used before the tablet layout compression. */ .header_right .left-content .login a, .header_right .left-content .create-acc a, .header_right .left-content .how-acc a, .header_right .left-content .login .txt, .header_right .left-content .create-acc .txt, .header_right .left-content .how-acc .txt, .ap-tablet-account-row a{ font-weight:700 !important; } } </style> <div class="main-section-flex"> <main class="main-flex rounded-15 lt-border centered yearly-vid">  <h1>Yearly Horoscope Videos for 2014</h1> <div class="col2-heading-compat"> <div class="col2-heading-l"> <img src="2Cancer.gif" alt="Free Yearly Horoscope | Cancer"></img> </div> <div class="col2-heading-r"> <h2>Now Playing:<br>Cancer Yearly Horoscope</h2> </div> </div> <div class="yearly-vid-wrap"> <div class="responsive-iframe"> <iframe width="560" height="315" src="https://www.youtube.com/embed/sxgAUjSpotM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div> </div> <h3>Click on your sign to watch yearly forecast</h3> <div class="horoscope-grid"> <div class="h-grid-item"> <a title="Yearly Horoscope: Aries Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/aries.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2aries.gif" width="60" height="50" alt="Free Yearly Horoscope | Aries"/></span> <span class="h-grid-title">Aries</span> Mar 21 -<br>Apr 19 </a> </div> <div class="h-grid-item"> <a title="Yearly Horoscope: Taurus Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/taurus.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2taurus.gif" width="60" height="50" alt="Free Yearly Horoscope | Taurus"/></span> <span class="h-grid-title">Taurus</span> Apr 20 -<br>May 20 </a> </div> <div class="h-grid-item"> <a title="Yearly Horoscope: Gemini Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/gemini.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2Gemini.gif" width="60" height="50" alt="Free Yearly Horoscope | Gemini"/></span> <span class="h-grid-title">Gemini</span> May 21 -<br>Jun 20 </a> </div> <div class="h-grid-item"> <a title="Yearly Horoscope: Cancer Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/cancer.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2Cancer.gif" width="60" height="50" alt="Free Yearly Horoscope | Cancer"/></span> <span class="h-grid-title">Cancer</span> Jun 21 -<br>Jul 22 </a> </div> <div class="h-grid-item"> <a title="Yearly Horoscope: Leo Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/leo.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2leo.gif" width="60" height="50" alt="Free Yearly Horoscope | Leo"/></span> <span class="h-grid-title">Leo</span> Jul 22 -<br>Aug 22 </a> </div> <div class="h-grid-item"> <a title="Yearly Horoscope: Virgo Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/virgo.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2virgo.gif" width="60" height="50" alt="Free Yearly Horoscope | Virgo"/></span> <span class="h-grid-title">Virgo</span> Aug 23 -<br>Sep 22 </a> </div> <div class="h-grid-item"> <a title="Yearly Horoscope: Libra Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/libra.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2libra.gif" width="60" height="50" alt="Free Yearly Horoscope | Libra"/></span> <span class="h-grid-title">Libra</span> Sep 23 -<br>Oct 23 </a> </div> <div class="h-grid-item"> <a title="Yearly Horoscope: Scorpio Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/scorpio.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2scorpio.gif" width="60" height="50" alt="Free Yearly Horoscope | Scorpio"/></span> <span class="h-grid-title">Scorpio</span> Oct 23 -<br>Nov 21 </a> </div> <div class="h-grid-item"> <a title="Yearly Horoscope: Sagittarius Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/sagittarius.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2sagitarius.gif" width="60" height="50" alt="Free Yearly Horoscope | Sagittarius"/></span> <span class="h-grid-title">Sagittarius</span> Nov 22 -<br>Dec 21 </a> </div> <div class="h-grid-item"> <a title="Yearly Horoscope: Capricorn Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/capricorn.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2capricorn.gif" width="60" height="50" alt="Free Yearly Horoscope | Capricorn"/></span> <span class="h-grid-title">Capricorn</span> Dec 22 -<br>Jan 19 </a> </div> <div class="h-grid-item"> <a title="Yearly Horoscope: Aquarius Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/aquarius.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2aquarius.gif" width="60" height="50" alt="Free Yearly Horoscope | Aquarius"/></span> <span class="h-grid-title">Aquarius</span> Jan 20 -<br>Feb 18 </a> </div> <div class="h-grid-item"> <a title="Yearly Horoscope: Pisces Horoscope 2014 Video" href="https://www.absolutelypsychic.com/2014horoscope-videos/english/pisces.php"> <span class="h-grid-img"><img src="https://www.absolutelypsychic.com/2014horoscope-videos/english/2pisces.gif" width="60" height="50" alt="Free Yearly Horoscope | Pisces"/></span> <span class="h-grid-title">Pisces</span> Feb 19 -<br>Mar 20 </a> </div> <h3>Watch the annual Horoscope 2014 Videos and learn what the year has in store for you. We also offer <a href="https://www.absolutelypsychic.com/horoscope/today.php">free daily horoscopes</a>, <a href="https://www.absolutelypsychic.com/2telephone.php">psychic phone readings</a>, free horoscope and more.</h3> </div>  </main> <aside class="sidebar-flex d-none d-md-block" style="width: 270px;"> <style> /* ========================================================= AbsolutelyPsychic Luxury Sidebar Presentation only — PHP and iframe functionality unchanged ========================================================= */ .ap-luxury-sidebar { width: 100%; max-width: 360px; margin: 0 auto; padding: 14px; box-sizing: border-box; overflow: hidden; border: 1px solid #d8a63c; border-radius: 24px; background: radial-gradient(circle at top right, rgba(245, 217, 133, 0.34), transparent 34%), linear-gradient(145deg, #fffdf7 0%, #fff9df 48%, #f8e7af 100%); box-shadow: 0 18px 42px rgba(72, 43, 8, 0.18), 0 4px 12px rgba(156, 103, 21, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.92); } .ap-luxury-sidebar, .ap-luxury-sidebar * { box-sizing: border-box; } .ap-sidebar-heading { position: relative; margin: 0 0 13px; padding: 17px 18px 15px; overflow: hidden; text-align: center; border: 1px solid rgba(216, 166, 60, 0.85); border-radius: 17px; background: radial-gradient(circle at 15% 15%, rgba(255,255,255,0.48), transparent 25%), linear-gradient(135deg, #8f5c10 0%, #d8a63c 43%, #f5d985 68%, #9c6715 100%); box-shadow: 0 8px 20px rgba(102, 64, 8, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.52); } .ap-sidebar-heading::after { content: ""; position: absolute; inset: 2px; pointer-events: none; border: 1px solid rgba(255, 251, 224, 0.55); border-radius: 14px; } .ap-sidebar-heading h2 { position: relative; z-index: 1; margin: 0; color: #fffdf4; font-family: Georgia, "Times New Roman", serif; font-size: 27px; font-weight: 700; line-height: 1.08; letter-spacing: 0.2px; text-shadow: 0 2px 4px rgba(73, 41, 3, 0.42); } .ap-sidebar-heading p { position: relative; z-index: 1; margin: 6px 0 0; color: #fff8dc; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.35; letter-spacing: 1.25px; text-transform: uppercase; } .ap-newsletter-card, .ap-advisors-card { position: relative; overflow: hidden; border: 1px solid rgba(216, 166, 60, 0.72); border-radius: 18px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 10px 24px rgba(93, 57, 8, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95); } .ap-newsletter-card { padding: 0; margin-bottom: 13px; background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow: visible; } .ap-newsletter-card a { display: block; line-height: 0; } .ap-newsletter-card img { display: block; width: 100%; height: auto; border: 0; border-radius: 0; } .ap-advisors-card { padding: 9px 7px 8px; } .ap-advisors-label { margin: 1px 4px 8px; padding: 8px 10px 9px; text-align: center; color: #5d3905; font-family: Georgia, "Times New Roman", serif; font-size: 20px; font-weight: 700; line-height: 1.2; border-bottom: 1px solid rgba(216, 166, 60, 0.48); } .ap-advisors-label span { display: block; margin-top: 3px; color: #9c6715; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 1.15px; text-transform: uppercase; } /* The embedded advisor page was designed for a slightly wider viewport. It is given that width, then scaled down to fit the luxury frame. This prevents the advisor information from wrapping into tall boxes. */ .ap-sidebar-iframe { --advisor-scale: 0.80; position: relative; width: 100%; overflow: hidden; border-radius: 12px; background: #fff; } .ap-sidebar-iframe iframe { display: block; width: calc(100% / var(--advisor-scale)); min-height: 900px; margin: 0; padding: 0; border: 0; background: #fff; transform: scale(var(--advisor-scale)); transform-origin: top left; } .ap-sidebar-footer { margin: 12px 4px 1px; color: #6e4a12; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: 600; line-height: 1.45; text-align: center; } @media (max-width: 1100px) { .ap-luxury-sidebar { max-width: 100%; } } @media (max-width: 480px) { .ap-luxury-sidebar { padding: 10px; border-radius: 19px; } .ap-sidebar-heading h2 { font-size: 24px; } .ap-sidebar-heading p { font-size: 10px; letter-spacing: 0.9px; } } </style> <div class="sidebar-wrap ap-luxury-sidebar"> <div class="ap-sidebar-heading"> <h2>Live Psychic Guidance</h2> <p>Insight, clarity and answers</p> </div> <div class="ap-newsletter-card"> <a href="https://portal.absolutelypsychic.com/customer/register"> <img src="https://psychic.absolutelypsychic.com/wp-content/themes/ab-psy/images/nws3.jpg" alt="Signup For Our Daily Horoscopes & Newsletter"> </a> </div> <div class="ap-advisors-card"> <div class="ap-advisors-label"> Psychics Available Now <span>Choose your advisor below</span> </div> <div class="sidebar-iframe ap-sidebar-iframe" id="MiniViewFrame"> <iframe src="/AP-test-npsychic-list-sidebar.php" name="MiniView" align="top" scrolling="no" frameborder="0" id="MiniView"></iframe> </div> </div> <div class="ap-sidebar-footer"> Trusted psychic, tarot and astrology guidance available 24 hours a day. </div> </div> <script type="text/javascript"> // Auto-height for the iframe. The advisor page remains unchanged. function iframeResize(iframeID) { var iframe = document.getElementById(iframeID); var frame = document.getElementById('MiniViewFrame'); var scale = 0.80; if (!iframe || !frame) return false; try { var iframeH = iframe.contentWindow.document.body.scrollHeight + 10; iframe.height = iframeH; frame.style.height = Math.ceil(iframeH * scale) + 'px'; } catch (e) { // Fallback height if browser security blocks iframe measurement. iframe.height = 1100; frame.style.height = Math.ceil(1100 * scale) + 'px'; } } /* Beautifies the advisor cards inside the existing iframe. No advisor PHP, links, availability logic, audio or actions are changed. This works because the iframe is loaded from the same site. */ function beautifyAdvisorList(iframeID) { var iframe = document.getElementById(iframeID); if (!iframe) return false; try { var doc = iframe.contentDocument || iframe.contentWindow.document; if (!doc || !doc.head || !doc.body) return false; if (!doc.getElementById('ap-advisor-beautification')) { var style = doc.createElement('style'); style.id = 'ap-advisor-beautification'; style.type = 'text/css'; style.textContent = ` html, body { margin: 0 !important; padding: 0 !important; width: 100% !important; background: #fffdf8 !important; color: #082b61 !important; font-family: Arial, Helvetica, sans-serif !important; } body { overflow-x: hidden !important; } body * { box-sizing: border-box !important; } .ap-mini-advisor-card { position: relative !important; width: calc(100% - 12px) !important; margin: 6px auto 10px !important; padding: 8px !important; overflow: hidden !important; border: 1px solid #b9c7dc !important; border-left: 3px solid #d4a72c !important; border-radius: 12px !important; background: linear-gradient(145deg, #ffffff 0%, #fffaf0 100%) !important; box-shadow: 0 4px 10px rgba(8, 43, 97, 0.10) !important; } .ap-mini-advisor-card:hover { border-color: #d4a72c !important; box-shadow: 0 6px 14px rgba(8, 43, 97, 0.14) !important; } .ap-mini-advisor-card table { width: 100% !important; max-width: 100% !important; border-collapse: separate !important; border-spacing: 3px !important; background: transparent !important; border: 0 !important; } .ap-mini-advisor-card td { padding: 2px 3px !important; background: transparent !important; border: 0 !important; color: #082b61 !important; vertical-align: top !important; font-size: 12px !important; line-height: 1.3 !important; } .ap-mini-advisor-card img.ap-advisor-photo { display: block !important; width: 72px !important; height: 82px !important; max-width: 72px !important; object-fit: cover !important; object-position: center top !important; border: 2px solid #d4a72c !important; border-radius: 9px !important; box-shadow: 0 3px 8px rgba(8, 43, 97, 0.14) !important; } .ap-advisor-name { color: #082b61 !important; font-family: Georgia, 'Times New Roman', serif !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.15 !important; text-decoration: none !important; } .ap-available-badge { display: inline-block !important; margin-left: 3px !important; padding: 2px 7px !important; white-space: nowrap !important; color: #087a31 !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.35 !important; border: 1px solid #79c68f !important; border-radius: 999px !important; background: #effbf2 !important; } .ap-available-badge::before { content: '●' !important; margin-right: 4px !important; color: #18a84d !important; font-size: 9px !important; } .ap-mini-advisor-card b, .ap-mini-advisor-card strong { color: #082b61 !important; } .ap-mini-advisor-card a { color: #082b61 !important; } .ap-advisor-action { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 28px !important; margin: 3px 2px 0 !important; padding: 4px 8px !important; color: #082b61 !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; border: 1px solid #d9c385 !important; border-radius: 7px !important; background: linear-gradient(#ffffff, #fff7df) !important; box-shadow: 0 2px 5px rgba(8, 43, 97, 0.10) !important; } .ap-advisor-action:hover { color: #ffffff !important; border-color: #082b61 !important; background: #082b61 !important; } .ap-greeting-action { color: #714a00 !important; border-color: #d4a72c !important; background: linear-gradient(#fffdf7, #fff0bd) !important; } .ap-mini-advisor-card input[type='button'], .ap-mini-advisor-card input[type='submit'], .ap-mini-advisor-card button { min-height: 28px !important; padding: 4px 8px !important; color: #714a00 !important; font-size: 11px !important; font-weight: 700 !important; border: 1px solid #d4a72c !important; border-radius: 7px !important; background: linear-gradient(#fffdf7, #fff0bd) !important; cursor: pointer !important; } .ap-mini-advisor-card font, .ap-mini-advisor-card span, .ap-mini-advisor-card div { line-height: 1.3 !important; } `; doc.head.appendChild(style); } /* Identify the existing advisor boxes without changing their contents. */ var candidates = Array.prototype.slice.call( doc.querySelectorAll('body > table, body > div > table, body > form > table') ); candidates.forEach(function (card) { var text = (card.textContent || '').replace(/\\s+/g, ' ').trim(); var photo = card.querySelector('img'); if (!photo || !/Available|ext\\s*\\d+/i.test(text)) return; card.classList.add('ap-mini-advisor-card'); /* Use the largest image in the card as the advisor portrait. */ var images = Array.prototype.slice.call(card.querySelectorAll('img')); var portrait = images.sort(function (a, b) { return ((b.naturalWidth || b.width || 0) * (b.naturalHeight || b.height || 0)) - ((a.naturalWidth || a.width || 0) * (a.naturalHeight || a.height || 0)); })[0]; if (portrait) portrait.classList.add('ap-advisor-photo'); /* Style the advisor-name link or strongest name-like element. */ var links = Array.prototype.slice.call(card.querySelectorAll('a')); links.forEach(function (link) { var label = (link.textContent || link.title || '').replace(/\\s+/g, ' ').trim(); var href = (link.getAttribute('href') || '').toLowerCase(); if (/^[a-z][a-z .'-]+(?:\\s+ext\\s*\\d+)?$/i.test(label) && !/phone|chat|greeting/i.test(label)) { link.classList.add('ap-advisor-name'); } if (/phone|call/i.test(label + ' ' + href)) { link.classList.add('ap-advisor-action'); } if (/chat/i.test(label + ' ' + href)) { link.classList.add('ap-advisor-action'); } if (/greeting|audio|sound/i.test(label + ' ' + href)) { link.classList.add('ap-advisor-action', 'ap-greeting-action'); } }); /* Turn the existing Available text into a compact badge. */ Array.prototype.slice.call(card.querySelectorAll('a, span, b, strong, font, td, div')).forEach(function (el) { var label = (el.textContent || '').replace(/\\s+/g, ' ').trim(); if (/^Available$/i.test(label)) { el.classList.add('ap-available-badge'); } }); }); return true; } catch (e) { /* If iframe access is blocked, the original advisor list remains untouched. */ return false; } } // Reloads iframe only instead of the entire page. var reloadInterval = 60000; function init() { var iframe = document.getElementById('MiniView'); if (iframe) { iframe.onload = function () { beautifyAdvisorList('MiniView'); iframeResize('MiniView'); }; } beautifyAdvisorList('MiniView'); iframeResize('MiniView'); setTimeout(reload, reloadInterval); } function reload() { var iframe = document.getElementById('MiniView'); if (!iframe) return false; iframe.src = iframe.src; setTimeout(reload, reloadInterval); } window.onload = init; </script> </aside> </div> <section class="footer" style="background:transparent; padding-top:10px; padding-bottom:10px;"> <div class="footer_overlay" style="display:none;"></div> <div class="container"> <div class="footer_copyright" style="padding-top:10px; margin-top:0;"> <div class="row copyright_content"> <div class="col-sm-6"> <p>*New client offer is for customers that have never used Absolutely Psychic Network or received an introductory offer.</p> <p>Please review our <a href="https://www.absolutelypsychic.com/tos.html" target="_blank">Terms of Service</a></p> <p>Please review our privacy policy <a href="https://www.absolutelypsychic.com/privacy.html" target="_blank">Privacy Policy</a></p> </div> <div class="col-sm-6"> <ul> <li> <a href="https://www.absolutelypsychic.com/app-page.php"> <img src="https://media.absolutelypsychic.com/images/google-play.png?v=2" alt="Download on Google Play "> </a> </li> <li> <a href="https://www.absolutelypsychic.com/app-page.php"> <img src="https://media.absolutelypsychic.com/images/apple-store.png?v=2" alt="Download on the Apple App Store"> </a> </li> </ul> <ul class="socials"> <li><a href="https://www.facebook.com/pages/Psychic-Readings/153745694673825" target="_blank" title="Visit Us On Facebook"><i class="fa fa-facebook-square"></i></a></li> <li><a href="https://twitter.com/absolutelypsych" target="_blank" title="Follow Us On Twitter"><i class="fa fa-twitter"></i></a></li> <li><a href="https://www.pinterest.com/absolutelypsych" target="_blank" title="Follow Us On Pinterest"><i class="fa fa-pinterest-square"></i></a></li> <li><a href="https://instagram.com/absolutelypsychic" target="_blank" title="Follow Us On Instagram"><i class="fa fa-instagram"></i></a></li> <li><a href="https://www.youtube.com/user/Absolutelypsychic" target="_blank" title="Watch Us On LinkedIn"><i class="fa fa-youtube"></i></a></li> <li><a href="https://www.linkedin.com/in/absolutely-psychic-network-b3295741" target="_blank" title="Follow Us On LinkedIn"><i class="fa fa-linkedin"></i></a></li> <li><a href="https://www.tumblr.com/blog/absolutelypsychicnetwork" target="_blank" title="Follow Us On Tumblr"><i class="fa fa-tumblr-square"></i></a></li> <li><a href="https://www.tiktok.com/@absolutelypsychic?lang=en" target="_blank" title="Follow Us On TikTok"><i class="fa fa-tiktok"></i></a></li> </ul> </div> <div class="col-sm-12 text-center" style="margin:12px 0 10px 0;"> <span id="readingServicesToggle" style="color:#222;text-decoration:none;font-weight:600;cursor:pointer;">Explore Reading Services</span> <strong style="margin-left:12px;">Languages:</strong> <a href="https://www.absolutelypsychic.com/index.php">English</a> | <a href="https://www.absolutelypsychic.com/index-spanish.php">Español</a> | <a href="https://www.absolutelypsychic.com/index-portuguese.php">Português</a> | <a href="https://www.absolutelypsychic.com/index-german.php">Deutsch</a> | <a href="https://www.absolutelypsychic.com/index-italian.php">Italiano</a> | <a href="https://www.absolutelypsychic.com/index-tagalog.php">Filipino</a> | <a href="https://www.absolutelypsychic.com/index-french.php">Français</a> | <a href="https://www.absolutelypsychic.com/index-hindi.php">हिन्दी</a> <div id="readingServicesMenu" style="display:none;margin-top:8px;font-size:12px;line-height:1.7;"> <strong>Directories:</strong> <a href="https://www.absolutelypsychic.com/psychic-advisors.php">Psychic Advisors</a> | <a href="https://www.absolutelypsychic.com/telephone-psychics.php">Telephone Psychics</a> | <a href="https://www.absolutelypsychic.com/tarot-readers.php">Tarot Readers</a> | <a href="https://www.absolutelypsychic.com/horoscope-readers.php">Horoscope Readers</a><br> <strong>Reader Pages:</strong> <a href="https://www.absolutelypsychic.com/psychic-advisor.php">Psychic Advisor</a> | <a href="https://www.absolutelypsychic.com/telephone-psychic.php">Telephone Psychic</a> | <a href="https://www.absolutelypsychic.com/tarot-reader.php">Tarot Reader</a> | <a href="https://www.absolutelypsychic.com/horoscope-reader.php">Horoscope Reader</a> </div> </div> <div class="col-sm-12 copyright-txt"> APN ENTERTAINMENT, ENT. All Rights Reserved © 2001-2026 </div> </div> </div> </div> </section>  <script src="https://media.absolutelypsychic.com/js/jquery-3.4.1.min.js?v=2"></script> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> <script defer src="https://media.absolutelypsychic.com/js/bootstrap.min.js?v=2"></script>  <script defer src="https://media.absolutelypsychic.com/js/owl.carousel.min.js?v=2"></script>  <script defer src="https://media.absolutelypsychic.com/js/custom.js?v=2"></script> <script defer src="https://media.absolutelypsychic.com/js/jquery.cycle2.min.js?v=2" type="text/javascript"></script>  <script defer type="text/javascript"> $(document).ready(function() { $('#LoginForm').submit(function() { $('.alert').remove(); $.ajax({ type: 'post', dataType : 'json', crossDomain: true, xhrFields: { withCredentials: true }, url: 'https://portal.absolutelypsychic.com/customer/login', data: { loginid: $('#loginid').val(), passcode: $('#passcode').val() }, success:function(data) { if (data != null && data.status == 'success' && data.verified == 1) { $('#LoginForm .alert-error').remove(); $('#LoginForm').prepend('<div class="alert alert-success">Login Success!</div>'); if(data.redirect){ window.location.href = data.redirect; } else { window.location.href = 'https://portal.absolutelypsychic.com/customer/psychic'; } } else { if($('#LoginForm .alert-danger').length == 0) { $('#LoginForm').prepend('<div class="alert alert-danger">Invalid Email or Password. Please try again.</div>'); } else { $('#LoginForm .alert-danger').text('Invalid Email or Password. Please try again.'); } } }, error:function() { if($('#LoginForm .alert-danger').length == 0) { $('#LoginForm').prepend("<div class='alert alert-danger'>Internal Error. Please try again later.</div>"); } $('#LoginForm .alert-danger').text('Internal Error. Please try again later.'); } }); return false; }); }); </script> <script> document.addEventListener('DOMContentLoaded',function(){ var t=document.getElementById('readingServicesToggle'); var m=document.getElementById('readingServicesMenu'); if(t&&m){ t.addEventListener('click',function(e){ e.preventDefault(); m.style.display=(m.style.display==='block')?'none':'block'; }); } }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-MSWTX0QS9T"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-MSWTX0QS9T'); </script> </div>  <p class="MsoNormal">Amazing <a href="https://absolutelypsychic.com/">mediums </a>will shock you 3 Minutes Free Daily Chat Readings and Telephone Readings1-800-498-8777! 3 decades of experience. We know how to staff only the BEST Psychics! </p> </body> </html>