/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/*

<link href="https://g.foolcdn.com/retention/css/retention-2015.css" rel="stylesheet" type="text/css"/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Secular+One&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,300;0,400;0,800;1,300&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bungee&family=Corben:wght@400;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,700;0,800;1,300;1,400&display=swap" rel="stylesheet">

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

*/

<style type="text/css">

/*  START NEW STYLES  

.divider-line {
  margin: 10px auto;
}

.divider-section {
  width: 20%;
  height: 5px;
}

.bg-magenta {
  background-color: #e31c79;
}

.bg-blue {
  background-color: #485cc7;
}

.bg-orange {
  background-color: #ff6900;
}

.bg-royal {
  background-color: #753bbd;
}

.bg-gold {
  background-color: #ffb81c;
}

.bg-green {
  background-color: #43b02a;
}


.text-magenta {
  color: #e31c79;
}

.text-blue {
  color: #485cc7;
}

.text-orange {
  color: #ff6900;
}

.text-royal {
  color: #753bbd;
}

.text-gold {
  color: #ffb81c;
}

.text-green {
  color: #43b02a;
}


.experts-group {

}

.experts-container {

}

*/

h1, h2, h3, h4, h5, h6, p, a {
  font-family: ,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
}




/*  END NEW STYLES  */

/* 
.button-grey {
    background: #6d6d6d !important;
    border-color: #6d6d6d !important;
    }

 .button-subtle {
    color: #0095c8 !important;
    background: #ffffff;
    padding: 15px 40px;
    border: 2px solid #0095c8 !important;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none !important;
    font-weight: 500;
    margin-bottom: 20px;
    }

 .button-subtle:hover {
    color: #ffffff !important;
    background: #0095c8;
    border-color: #0095c8 !important;
    text-decoration: none !important;
    }

 body {
      font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;
      line-height: 28px;
      letter-spacing: 0.01em;
  }

#header {
    padding: 12px 0px 0px 0px;
    left: 0;
    top: 0;
    margin: 0 auto;
    text-align: center;
    margin-bottom: .8em;
    z-index: 99999;
    margin-bottom: 24px;
    background: #fff;
    border-top: 10px solid #0095c8;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.06);
}


    }

.box-white {
    padding: 10px 10px 0 10px;
}

 .service-box {
    margin-bottom: 20px;
    padding-bottom: 0px;
}


    /* for footer, from https://g.foolcdn.com/static/dubs/CACHE/css/output.599713be87e6.css */
/* 
 
footer.footer {
  max-width: 800px !important;
/*  background: #37393B; 
  color: rgba(0,0,0,0.6);
  padding: 2em 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}

footer.footer a {
  color: rgba(0,0,0,0.6);
}

footer.footer .feedback {
  margin-bottom: 2em;
}

footer.footer .footer-nav-links {
  margin: 50px auto;
  max-width: 800px;
  text-align: center;
  position: relative;
}

footer.footer .footer-nav-links ul {
  margin: 50px auto 1em auto;
  text-align: center;
  font-size: 1em;
}

footer.footer .footer-nav-links ul li {
  display: inline;
  padding-right: 20px;
  margin-right: 20px;
  font-size: 90%;
}



    footer.footer .footer-links {
  margin: 25px auto;
  max-width: 800px;
  text-align: center;
  position: relative;
}

footer.footer .footer-links ul {
  margin: 25px auto 1em auto;
  text-align: center;
  font-size: 1em;
}

footer.footer .footer-links ul li {
  display: inline;
  padding-right: 10px;
  border-right: solid 1px #6f7173;
  margin-right: 10px;
  font-size: 90%;
}

footer.footer .footer-links ul li:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

footer.footer .footer-links p {
/*  width: 100%; 
  max-width: 800px;
  margin-bottom: 10px;
  font-size: 90%;
  color: rgba(0,0,0,0.6);
}

/* footer.footer .footer-links p.copyright{margin-bottom:2em} 

*/
</style>

/* 
 
</head>

<body>

<div id="header">
<img class="logo" alt="Motley Fool Concierge" width="300px" src="https://g.foolcdn.com/misc-assets/logo-concierge-investorsolutions.png" style="padding-top: 10px; padding-bottom: 10px;">
</div>


<div class="frame box-white round clearfix" style="padding-bottom: 50px;">
<div class="col-md-12 body-container">


</div>
</div>

<footer class="footer" id="usmf-footer">
          <div class="footer-nav-links">
              <ul>
                  <li><a href="/premium/" title="Home">Home</a> </li>
                  <li><a href="/premium/tools/" title="Tools">Tools</a> </li>
                  <li><a href="/premium/coverage/" title="Research">Research</a> </li>
                  <li><a href="/premium/boards/" title="Community">Community</a> </li>
                  <li><a href="/podcasts/" title="Podcasts">Podcasts</a></li>
              </ul>
          </div>

    <div class="legal-text footer-links">
              <ul>
                  <li><a id="footer-tm" href="/legal/stuff-we-own/" title="Copyright, Trademark and Patent Information">Copyright, Trademark and Patent Information</a> </li>
                  <li><a id="footer-ccpa" href="/data-protection/ccpa-update/" title="Do Not Sell My Personal Information">Do Not Sell My Personal Information</a> </li><br>
                  <li><a id="footer-tos" href="/legal/terms-and-conditions/fool-rules/" title="Terms of Use">Terms of Use</a> </li>
                  <li><a id="footer-tc" href="/legal/please-read-our-terms-and-conditions.aspx" title="Terms and Conditions">Terms and Conditions</a> </li>
                  <li><a id="footer-ap" href="/legal/accessibility-policy/" title="Accessibility Policy">Accessibility Policy</a></li>
                  <li><a id="footer-pp" href="/legal/privacy-statement/" title="Privacy Policy">Privacy Policy</a> </li>
              </ul>
              <p id="footer-copyright-text" class="footer-links">© 1995&ndash;2021 The Motley Fool. All rights reserved.</p>
          </div>

      </footer>


        <script>
            jQuery(document).ready(function() {
                function canBeLoggedIn() {
                    return document.cookie.indexOf("Lookie") >= 0;
                }
                $('a.auth').on('click', function(e) {
                    if (!canBeLoggedIn()) {
                        var link = this;
                        document.location = "https://newsletters.fool.com/secure/login.aspx?ReturnUrl=" + link.href;
                        return false;
                    }
                    return true;
                });
            });
        </script>
</body>

</html>