/* * Website Styles * * This document contains all of the styles for the website. This is written * in a single CSS file to minimize page load. */ /* * Base Styles * * Below are all of the styles for basic page elements. This includes items such * as the body wrapper and base form elements. */ /*body { background: #eee; color: #3b3b3b; font: 14px/20px 'Lato', sans-serif; margin: 0; }*/ .quiz form { background: #eee; margin: 30px 0; padding: 20px; } textarea, input[type='email'], input[type='text'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; font: 14px/20px 'Lato', sans-serif; margin: 0; max-width: 100%; outline: none; padding: 10px; } input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #869ebd; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; font: 12px/16px 'Lato', sans-serif; letter-spacing: 1px; margin: 0; max-width: 100%; outline: none; padding: 6px 15px; text-transform: uppercase; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; } input[type='submit']:hover { background: #647c9b; } /* * Quiz Styles * * Below are all of the styles for quiz. This includes items such the quiz * wrapper, questions, and answers. */ .quiz { background: #eee; padding: 40px 20px; } .quiz-wrapper { margin: 0 auto; max-width: 640px; } .quiz-title { border-bottom: 1px solid #ddd; color: #869ebd; font-size: 28px; line-height: 30px; margin: 0 0 30px 0; padding-bottom: 30px; text-align: center; } .question { display: none; margin: 0 auto; max-width: 580px; } .question:after { clear: both; content: ''; display: table; } .question-headline { color: #666; font-size: 21px; font-weight: normal; line-height: 22px; margin: 0; } .answers { list-style: none; margin: 20px 0 0 0; padding: 0; } .answer { background: #fff; border-left: 40px solid #ddd; color: #666; cursor: pointer; padding: 10px 20px; position: relative; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; margin-bottom: 20px; } .answer:hover, .answer.selected { background: #ccc; } .answer:after { display: block; font-size: 16px; font-weight: bold; left: -40px; position: absolute; text-align: center; top: 11px; width: 40px; } .answer.a:after { content: 'A'; } .answer.b:after { content: 'B'; } .answer.c:after { content: 'C'; } .answer.d:after { content: 'D'; } .answer.e:after { content: 'E'; } .next-question-link, .submit-quiz-link { background: #869ebd; border-right: 30px solid #a8bfdf; color: #fff; display: block; float: right; font-size: 12px; font-weight: bold; letter-spacing: 1px; line-height: 12px; padding: 9px 20px; position: relative; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.3s, border 0.3s; -moz-transition: background 0.3s, border 0.3s; transition: background 0.3s, border 0.3s; } .next-question-link:hover, .submit-quiz-link:hover { background: #647c9b; border-color: #869ebd; color: #fff; } .next-question-link:after, .submit-quiz-link:after { background: url('/util/images/icon-arrow.png') no-repeat center center; content: ''; display: block; height: 16px; right: -21px; position: absolute; top: 7px; width: 11px; } @media screen and ( max-width:640px ) { .quiz-title { font-size: 24px; line-height: 34px; margin: 0 0 20px 0; padding-bottom: 20px; } .question-headline { font-size: 16px; line-height: 24px; } } /* * Popup Styles * * Below are all of the styles for popup. This includes items such the popup * wrapper and form elements. */ .popup { background: #fff; background: rgba(255, 255, 255, 0.9); height: 100%; left: 0; opacity: 0; position: fixed; text-align: center; top: 0; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; visibility: hidden; width: 100%; z-index: 2; } .popup.active { opacity: 1; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; visibility: visible; } .popup-wrapper { background: #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); height: 560px; left: 50%; margin: -150px 0 0 -150px; position: absolute; top: 40%; width: 300px; } .popup-message { font: bold 18px/28px 'Lato', sans-serif; margin: 20px 20px 10px 20px; } .popup-description { margin: 10px 20px 20px 20px; } .popup-highlight { color: #869ebd; font-style: normal; } .popup-form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 0; left: 0; margin: 0; position: absolute; width: 100%; } input.popup-first-name, input.popup-last-name, input.popup-address, input.popup-city, input.popup-state, input.popup-zip-code { margin-bottom: 5px; width: 100%; } input.popup-email { width: 100%; } input.popup-submit { margin-top: 10px; } .popup-close { background: url('/util/images/icon-close.png') no-repeat center center; display: block; height: 14px; overflow: hidden; position: absolute; right: 10px; text-indent: -999px; top: 10px; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; width: 14px; } .popup-close:hover { opacity: 0.5; }/* * HCA Women's Health Website Scripts * * This file contains custom JavaScript functionality for the HCA Women's Health * marketing website. These scripts utilize the jQuery JavaScript framework to * decrease verbosity and improve cross browser rendering. */ /* * Cookie Functionality * * The scripts below are used to check whether a user has already entered their * email on the website. This way users aren't asked to enter their email * multiple times on differnet pages. */ function setCookie() { // Set cookie experation to seven days. var date = new Date(); date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000)); var expires = 'expires=' + date.toUTCString(); // Set the cookie. document.cookie = 'signedUpForHSAUpdates=Yes; ' + expires + '; path=/'; } // Function used to test whether the coookie is set. function testCookie() { // Get all cookies. var cookies = document.cookie.split(';'); // Set the result to false by default. var result = false; // Loop through and test each cookie. for ( var i = 0; i < cookies.length; i++ ) { var individualCookie = cookies[i].trim(); if ( individualCookie == 'signedUpForHSAUpdates=Yes' ) { result = true; } } // Return the result. return result; } /* * Valide Email Addresses * * The code below will quickly validate email addresses for use on email fields * throughout the website. */ function validateEmail(email) { var regex = /\S+@\S+\.\S+/; return regex.test(email); } // Wait until after the document is ready. $(document).ready(function(){ /* * Quiz Functionality * * The script below checks to see if there is a quiz on the user's current * page. If so it makes the quiz functionality work. */ if ( $('.quiz').length ) { // Show the first question. $('.question:first-child').show(); // Select an answer when a user clicks on it. $('.answer').click(function(event){ event.preventDefault(); $(this).parent().find('.answer').removeClass('selected'); $(this).addClass('selected'); }); // Go through the quiz when users click the next question link. $('.next-question-link').click(function(event){ event.preventDefault(); var selectedElement = $(this).parent().find('.selected'); if ( selectedElement.length ) { $(this).parent().hide(); $(this).parent().next().show(); } else { alert("You must select an answer to move on."); } }); // Process the quiz when a user clicks the submit button. $('.submit-quiz-link').click(function(event){ // Prevent the default link behavior. event.preventDefault(); // Create an array to keep track of the scores. var scores = [0, 0, 0, 0, 0]; // Loop through each question. $('.question').each(function(){ // Get the category of the selected element. var selectedElement = $(this).find('.selected'); var selectedElementCategory = selectedElement.attr('class').match(/category[\w-]*\b/).toString(); // Increase the value of the corresponding score. switch(selectedElementCategory) { case 'category-one': scores[0] += 1; break; case 'category-two': scores[1] += 1; break; case 'category-three': scores[2] += 1; break; case 'category-four': scores[3] += 1; break; case 'category-five': scores[4] += 1; break; } }); // Create variables to figure out which score is the hightest. var maximumScore = scores[0]; var maximumScoreIndex = 0; // Figure out which score is the highest. for ( var i = 1; i < scores.length; i++ ) { if ( scores[i] > maximumScore ) { maximumScore = scores[i]; maximumScoreIndex = i; } } // Create an empty variable to hold the playlist. var playlist = ''; // Set the name of the playlist. switch (maximumScoreIndex) { case 0: playlist = 'Hipster Paradise'; break; case 1: playlist = 'New Baby Bop'; break; case 2: playlist = 'Namaste Newborn'; break; case 3: playlist = 'Rock-A-Bye Baby'; break; case 4: playlist = 'Boot Scootin\' Baby'; break; } // Create popup message. var message = 'Congratulations! It looks like the ' + playlist + ' Playlist is the match for you.'; // Popup the popup with the message. $('.popup-message').html(message); $('.popup').addClass('active'); // When a user clicks the popup submit button. $('.popup-submit').click(function(event){ // Prevent the default behavior. event.preventDefault(); // Close popup and set cookie if there's a value in the field. if ( validateEmail($('.popup-email').val()) ) { $('.popup').removeClass('active'); setCookie(); // Create variable to hold a link to the Spotify playlist. var playlistLink = 'https://www.spotify.com'; // Set the correct playlist link. switch (playlist) { case 'Hipster Paradise': playlistLink = 'https://open.spotify.com/user/hca_midamerica/playlist/327uHFU0bem1BNKOGha6Ub'; break; case 'New Baby Bop': playlistLink = 'https://open.spotify.com/user/hca_midamerica/playlist/46xFs1tYryrfnHNN2TuhYJ'; break; case 'Namaste Newborn': playlistLink = 'https://open.spotify.com/user/hca_midamerica/playlist/1byryX6C233q0xLPC6j0Nn'; break; case 'Rock-A-Bye Baby': playlistLink = 'https://open.spotify.com/user/hca_midamerica/playlist/0AnHuHVGGhWMQO1Rx9cVWO'; break; case 'Boot Scootin\' Baby': playlistLink = 'https://open.spotify.com/user/hca_midamerica/playlist/5q3OYqtWpYuN6vPgPlfHYh'; break; } // Open the playlist. window.open(playlistLink,'_blank'); } // Alert the user if they did not fill out the field. else { alert('You must enter a valid email'); } }); }); } /* * Popup Close Functionality * * The script below checks to see if there is a popup close button on the * user's current page. If so it makes the close button work. */ if ( $('.popup-close').length ) { // Close the popup when the close link is clicked. $('.popup-close').click(function(event){ event.preventDefault(); $('.popup').removeClass('active'); }); } });

Take a short quiz for a custom Spotify playlist to rock your delivery.

Spotify is a digital music streaming service that gives you access to millions of songs, on the desktop and on mobile.

Discover the best songs for your birthing playlist and rock your delivery day.

Q: Where would you rather go into labor?

  • In an Anthropologie
  • The middle of a rainforest
  • Under the stars
  • At a rock concert
  • At the beach
Next Question

Q: Since you’ve been pregnant, what type of food or drink do you miss the most?

  • Your local microbrew
  • Sushi
  • Chardonnay
  • Rare steak
  • Gallons of sweet tea
Next Question

Q: Who would you rather see in concert?

  • Miranda Lambert
  • Beyonce
  • Mumford & Sons
  • Enya
  • Queen
Next Question

Q: When do you most like listening to music?

  • While doing yoga
  • While on long drives
  • On your daily run
  • While cooking dinner
  • At work
Next Question

Q: Pick your favorite baby name

  • Taylor
  • Roxanne
  • Sparrow
  • Faith
  • Chloe
Next Question

Q: What is your ideal weekend activity?

  • Going on a hike
  • Going to the lake
  • Relaxing at the beach
  • Going shopping
  • Grabbing coffee with a friend
Next Question

Q: If you were in a band, which role would you fill?

  • Ukulele player
  • Piano player
  • Electric guitarist
  • Steel guitarist
  • Lead vocalist
Submit Quiz