Invested Traveler: Sidebar Learn More CTA

Documentation:

HTML:

<!-- Sidebar Learn More CTA --> <div class="sidebar-learn-more wrapper"> <div class="sidebar-learn-more-inner"> <h3>Take Your Team Fartherâ„¢</h3> <a href="/contact"/><button class="rd-btn btn-transparent-white">Contact Us</button></a> </div> </div>

CSS:

/* Sidebar Learn More CTA */ $header-font-stack: "Helvetica Neue", Helvetica, Arial, sans-serif; $body-font-stack: "Helvetica Neue", Helvetica, Arial, sans-serif; .sidebar-learn-more { background-color: #36427d; margin-top: 30px; color: white; float: left; width: 100%; background-image: url('http://www.investedtraveler.dev/wp-content/themes/raindrop/library/images/invested-traveler/plane-sidebar.png'); background-position: top left; background-repeat: no-repeat; background-position-y: 35px; h3 { color: #fff; text-align: center; font-family: $header-font-stack; margin-top: 0; font-weight: 100; font-size: 20px; margin-bottom: 20px; } p { font-family: $body-font-stack; font-weight: 100; } } .sidebar-learn-more-inner { text-align: center; padding: 80px 0; } .sidebar-learn-more i.fa-chevron-circle-right { font-size: 17px; vertical-align: middle; margin: 0 5px; }