/* ****** Global Styles ****** */
html {
  font-size: 8px;
}

html.with-featherlight, html.with-featherlight body {
  /* overflow: hidden; */
}

 html.with-featherlight body {
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 }

.owl-carousel, html, body {
  touch-action: manipulation;
}

.ui-sortable-disabled {
  cursor: wait;
  user-select: none;
}

.page-base-styles {
  font-family: adlib, sans-serif;
  color: #333;
  font-size: 1rem;
}

.page-base-styles h1, .page-base-styles h2, .page-base-styles h3,
.page-base-styles h4, .page-base-styles h5, .page-base-styles h6,
.page-base-styles p, .page-base-styles section, .page-base-styles label {
  margin: 0;
  padding: 0;
  line-height: normal;
  letter-spacing: normal;
}

.page-base-styles .main-content {
  margin-top: 18rem;
  overflow: hidden;
}

.page-base-styles .main-content.internal {
  margin-top: 5.2rem;
  background-color: #f3f3f3;
}

.page-base-styles .setup-box-page {
  margin-top: 3rem !important;
}

.page-base-styles .featherlight {
  font-size: 14px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.page-base-styles .featherlight {
  background-color: rgba(0, 0, 0, 0.75);
}

.page-base-styles .featherlight .featherlight-close {
  font-family: adlib, sans-serif;
  width: 120px;
  display: none;
}

.page-base-styles .featherlight .featherlight-inner {
  max-height: none;
}

.page-base-styles .featherlight-content {
  border-radius: 0;
  vertical-align: top;
  top: 50px;
  margin-bottom: 50px;
  min-width: 240px;
  max-width: 640px !important;
  height: auto;
  max-height: none;
}

.page-base-styles .featherlight input {
  font-family: 'Lato', sans-serif;
}

.page-base-styles .featherlight button {
  border-radius: 0.5em;
  color: white;
  background: #e73339;
  box-shadow: inset 0 -2px 0 3px rgba(22, 20, 20, 0.05);
  border-bottom: 0;
  font-family: adlib, sans-serif;
  padding: 0.75em 1.2em 0.65em;
  transition: all 0.8s;
}

.page-base-styles .featherlight button:hover,
  .page-base-styles .featherlight button:active,
  .page-base-styles .featherlight button:focus {
  background-color: #c9171d;
  outline: none;
}

.page-base-styles .featherlight-content.full-screen {
  max-width: none !important;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  top: 100vh;
  border: none;
  padding: 0 !important;
  min-height: 100vh;
}

.page-base-styles .featherlight-content.full-screen .featherlight-inner {
  position: relative;
  min-height: 100vh;
}

.page-base-styles .featherlight-content.full-screen .title-holder {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  border-bottom: 2px solid #f3f3f3;
}

.page-base-styles .featherlight-content.full-screen h2 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.05rem;
}

.page-base-styles .featherlight-content.full-screen h2 small {
  text-decoration: none;
  font-size: 2rem;
  cursor: pointer;
  margin-top: 0;
}

.page-base-styles .featherlight-content.full-screen p {
  margin-top: 4rem;
  line-height: 1.5;
  letter-spacing: 0.025rem;
}

.page-base-styles .featherlight-content.full-screen p span {
  font-weight: bold;
  display: block;
}

.page-base-styles .featherlight-content.full-screen .align-bottom {
  position: relative;
  margin-top: 3rem;
  margin-bottom: 0;
  padding-bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.featherlight .full-screen.animate-horizontal {
  top: 0;
  left: 100vw;
}

.featherlight-loading .full-screen .featherlight-inner:after {
  content: "";
  display: block;
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background-color: transparent;
  top: calc(50vh - 50px);
  border-radius: 50%;
  border: 8px solid rgba(0, 0, 0, 0.1);
  border-left-color: red;
  -webkit-animation: featherlightLoader 1s infinite linear;
          animation: featherlightLoader 1s infinite linear;
}

@keyframes featherlightLoader {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.page-base-styles a, .page-base-styles button {
  outline: none;
  border: none;
}

.sortable-placeholder {
  height: 7.2rem;
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.overlay-blackout {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999999;
  opacity: 0;
  display: none;
}

.overlay-message {
  position: absolute !important;
  top: -100px;
  z-index: 99999999;
  box-sizing: border-box;
  display: none;
  opacity: 0;
}

.overlay-message.working {
  width: 100px;
  height: 100px;
  left: calc(50% - 50px);
  border-radius: 50%;
  background-color: #fff;
  color: red;
  line-height: 100px;
}

.overlay-message.error {
  width: 280px;
  left: calc(50% - 140px);
  background-color: red;
  color: #fff;
  padding: 1rem;
  border-radius: 0.6rem;
}

.overlay-message.error .message-container {
  width: 75%;
}

.overlay-message.error .close-message {
  cursor: pointer;
  width: 20%;
}

.overlay-message.working:after {
  content: "";
  display: block;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  border: 5px solid transparent;
  border-left-color: red;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -90%;
  -webkit-animation: overlaymessage 1s infinite linear;
          animation: overlaymessage 1s infinite linear;
}

@keyframes overlaymessage {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
    transform-origin: 50%;
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
    transform-origin: 50%;
	}
}

.font-primary, .internal .page-title, .internal .title-holder,
  .featherlight .title-holder {
  font-family: adlib, sans-serif !important;
}

.font-secondary {
  font-family: fredoka, sans-serif !important;
}

/*ZB*/
.font-tertiary, .page-base-styles .state-error {
  font-family: 'Lato', sans-serif !important;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: normal !important;
}

.font-bold {
  font-weight: bold;
}

.page-base-styles .state-error {
  font-size: 1.5rem;
}

.color-logo {
  color: #ffbf00 !important;
}

.bg-logo {
  background-color: #ffbf00 !important;
}

.color-text {
  color: #333 !important;
}

.color-header {
  color: #000 !important;
}

.color-primary {
  color: #606060 !important;
}

.color-secondary {
  color: #e73339;
}

.color-tertiary {
  color: #7b7b7b;
}

.font-level-1 {
  font-size: 1rem !important;
}

.font-level-2 {
  font-size: 1.2rem !important;
}

.font-level-3 {
  font-size: 1.4rem !important;
}

.font-level-4 {
  font-size: 1.6rem !important;
}

.font-level-5 {
  font-size: 2.4rem !important;
}

.font-level-6 {
  font-size: 3.2rem !important;
}

.pd-x-0 {
  padding-left: 0;
  padding-right: 0;
}

.pd-r-0 {
  padding-right: 0;
}

.pd-l-0 {
  padding-left: 0;
}

.call-to-action {
  border-radius: 0.8rem;
  color: white;
  display: inline-block;
  border: none;
  background-color: #e73339;
}

.call-to-action:disabled{
  background: #b9b9b9 !important;
  pointer-events: none !important;
}

.call-to-action.in-body {
  padding: 0.45em 1.95em 0.35em;
}

.call-to-action:hover, .call-to-action:focus, .call-to-action:active {
  background-color: #c9171d !important;
  color: white !important;
  outline: none;
  text-decoration: none;
}

.call-to-action.disabled, .featherlight-content .call-to-action.disabled {
  cursor: auto;
  background-color: #b9b9b9 !important;
  border: 0 !important;
  color: #fff !important;
}

.uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.no-nav .owl-nav {
  display: none;
}

.transition {
  transition: all .8s;
}

.float-left {
  float: left;
}

.float-right {
  float: right !important;
}

.active {
  color: black !important;
  text-decoration: none;
}

.new-signup-voucher {
  background-color: #fff;
  color: #000;
  padding: 1em 0;
}

.new-signup-voucher .brush-stroke-code {
  color: #fff;
}

.new-signup-voucher .voucher-image {
  /* display: inline-block; */
  display: none;
  height: 2rem;
  width: 2rem;
  background-image: url('/sites/3/images/newdesign/signup-voucher.png');
  background-size: cover;
}

.new-signup-voucher .voucher-image.flip {
  transform: scaleX(-1);
}

.action {
  background-color: transparent;
  border: none;
  outline: none;
  color: #7b7b7b;
  font-size: 1.1rem;
  padding: 0;
}

.action span {
  display: block;
  padding: 0;
  margin: 0;
}

.price {
  color: #e73339;
}

.month {
  color: #606060;
}

.clearfix {
  clear: both;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
  width: 100%;
  height: 1px;
}

.panorama {
  max-height: 400px;
}

.modal-link, .close-modal {
  text-decoration: underline;
  display: inline-block;
}

.close-modal, .modal-link {
  margin-top: 1.5rem;
}

.modal-link, .modal-link:visited, .modal-link:focus,
.close-modal, .close-modal:visited, .close-modal:focus {
  color: #e73339;
}

.modal-link:hover, .close-modal:hover {
  color: #c9171d;
  text-decoration: underline;
}

.new-price {
  color: #e73339;
}

.strike {
  position: relative;
  padding: 1px;
}

.strike:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid black;
  transform: rotate(-10deg);
}

.wide-modal {
  width: 90% !important;
}

.video-wrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */  padding-top: 25px;}
.video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#video-modal {
  padding-bottom: 1.2rem;
}

.choose-plan.in-modal .container {
  width: 100% !important;
}

.blog-video {
  display: none;
}

.desktop {
  display: none !important;
}

.form-message {
  display: none;
}

.form-message > div {
  padding-left: 0;
  padding-right: 0;
}

.form-message .close-message {
  cursor: pointer;
}

.internal .container, .internal .main-nav .container {
  width: 100%;
}

/* deal with making the old internal site design work with new design */
.page-base-styles > section:not(.summary-template) {
  max-width: 1170px;
  margin: 0 auto;
}

.page-base-styles > section > .container {
  width: 100% !important;
}

.page-base-styles > section > .container > .row {
  display: inline-block;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  float: left;
}

.page-base-styles > section > .container > .row > div {
  width: 100% !important;
  margin-left: 0 !important;
}

.page-base-styles > section #details {
  margin-top: 20px;
  margin-bottom: 20px;
}

.spaced {
  margin-top: 90px;
}
/* end deal with making the old internal site design work with new design */

/* ****** End Global Styles ****** */


/* ****** Navigation Styles ****** */
.main-nav {
  min-height: 0;
  padding: 1.4em 0;
  margin-bottom: 0;
  border-radius: 0;
}

.main-nav .container {
  max-width: 1030px;
}

.internal .main-nav .container {
  max-width: none;
}

.main-nav .navbar-nav {
  margin: 0 !important;
  float: none !important;
}

.main-nav .nav li a:hover, .main-nav .nav li a:focus {
  color: white !important;
}

.main-nav .nav > li {
  display: inline-block;
  position: static;
  margin-left: 1em;
}

.main-nav .nav > li:first-child {
  margin-left: 0;
}

.main-nav a {
  text-decoration: none;
  line-height: 1em !important;
  padding: 0.75em 1.2em 0.65em !important;
  margin-top: 0.3rem;
  border-radius: 0.5rem;
}

.main-nav a.navbar-brand {
  height: auto;
  padding: 0.08em 0 0 !important;
  font-size: 3.1rem !important;
  margin-top: 0;
}

.inline-nav {
  display: none !important;
  width: 55%;
  margin-left: 1.5% !important;
  font-size: 16px;
}

.inline-nav a {
  display: inline-block !important;
  padding: 0.5em 0.5em 0 !important;
}

.scrollmenu {
  background-color: #f3f3f3;
  box-shadow: 0 0 16px 0 #b9b9b9;
  position: relative;
}

.scrollmenu .container > div {
  width: 1500px;
  position: relative;
  left: 0;
  user-select: none;
  cursor: pointer;
}

.scrollmenu .item {
  float: left;
  padding-right: 2.5rem;
  margin: 0;
}

.scrollmenu a {
  display: inline-block;
  width: 100%;
  color: #333;
  text-decoration: none;
  padding-top: 1em;
  padding-bottom: 1em;
}

.scrollmenu a:hover {
  color: black;
}

.scrollmenu a.active {
  border-bottom: 3px solid black;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.sticky .disappear {
  position: relative;
}

.sticky.internal .new-signup-voucher {
  padding: 0;
}

.sticky.internal .navbar {
  background-color: #333;
  box-shadow: 0 0 0.8rem 0 #b9b9b9;
}

.sticky.internal .nav > li {
  margin-left: 0;
  padding: 0;
}

.sticky.internal .navbar-brand, .sticky.internal .navbar-nav>li>a {
  text-shadow: none;
}

.sticky.internal .navbar-brand {
  display: inline-block;
  font-size: 2.6rem !important;
}

.sticky.internal .links-holder {
  margin-top: 0.15rem;
}

.sticky.internal .links-holder a {
  display: inline-block;
  margin-left: 3rem;
}

.sticky.internal .links-holder a.active {
  color: #fbbf00 !important;
}

.sticky.internal .main-nav a {
  margin-top: 0;
  padding: 0 !important;
}

.sticky.internal .desktop .links-holder {
  font-size: 18px!important;
}

.sticky.internal .desktop .links-holder a {
  margin-left: 2em;
  margin-right: 2em;
  margin-top: 0.5rem !important;
}

.sticky.internal .desktop .text-right a {
  margin-right: 0;
  margin-left: 2em;
}

.sticky.internal .desktop .navbar-brand {
  float: none;
}
/* ****** End Navigation Styles ****** */


/* ****** Header Styles ****** */
.home-page .main-header p {
  width: 35rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  line-height: 1.43;
  letter-spacing: 0.025rem;
  margin-top: 0.5rem;
}

.main-header {
  padding-top: 0;
}

.main-header h2 {
  line-height: 1.3;
}

.main-header img {
  margin: 1.2rem auto 0;
  width: 100%;
  display: block;
  max-width: 600px;
}

.main-header .call-to-action {
  margin-top: 3.8rem;
  clear: both;
}

.main-header > div {
  margin-top: 1.2rem;
  letter-spacing: 0.025rem;
}

.main-content.internal .main-header .container {
  margin-top: 0;
}

.main-content.internal .main-header .back-link-holder {
  padding-top: 2rem;
}

.main-content.internal .main-header .back-link-holder a {
  text-decoration: none;
}

.page-base-styles .featherlight .full-screen .back-link-holder {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  background-color: white;
}

.page-base-styles .featherlight .full-screen .back-link-holder a {
  margin-top: 0;
}

.main-content.internal .main-header .back-link,
  .page-base-styles .featherlight .full-screen .back-link {
  font-size: 1.6rem;
  padding-left: 3rem;
  line-height: 1.2;
  letter-spacing: 0.05rem;
  background-image: url('/sites/3/images/newdesign/back-arrow-blue.png');
  background-size: 1.2rem;
  background-repeat: no-repeat;
  background-position: left center;
  color: #0076ff;
}

.main-content.internal .main-header .back-link {
  font-weight: bold;
}

.page-base-styles .featherlight .full-screen .back-link {
  text-decoration: none;
}

.main-content .main-header .page-title-holder {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.main-content .main-header .page-title-holder div {
  padding: 0;
}

.main-content.internal .main-header .page-title {
  font-size: 2rem;
}

.main-content.account .main-header .error-block {
  margin-top: 0;
}

.main-content.account .main-header .error-block #message-words {
  font-size: 1.6rem !important;
  font-family: 'Lato', sans-serif !important;
  font: normal 1.6rem 'Lato';
  background-image: url('/sites/3/images/newdesign/tick.png');
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) center;
  display: block;
  margin: 0 auto;
  padding: 1rem 15px;
  letter-spacing: normal;
}

.main-content.account .main-header .error-block .alert {
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.main-content.account .main-header .error-block .alert-success {
  background-color: #019e94;
  border: none;
  box-shadow: none;
}

.main-content.account .main-header .error-block .close,
  .main-content.account .main-header .error-block .glyphicon {
  display: none;
}
/* ****** End Header Styles ****** */


/* ****** Slider carousel section ****** */
.slider-carousel {
  margin-bottom: 0;
  position: relative;
}

.slider-carousel .item {
  margin: 0;
}

.slider-carousel a {
  text-decoration: none;
}

.slider-carousel .owl-dots {
  width: auto;
  margin: -0.5rem auto 0;
  text-align: center;
}

.slider-carousel .owl-dots .owl-dot {
  display: inline-block;
}

.slider-carousel .owl-dots .owl-dot span {
  background: #f3f3f3;
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
}

.slider-carousel .owl-dots .owl-dot.active span {
  background: #ffbf00;
}
/* ****** End Slider carousel section ****** */


/* ****** What's in a box section ****** */
.whats-in-box {
  margin-top: 3.2rem !important;
}

.whats-in-box .slider-carousel {
  margin-top: 1.8rem;
}

.whats-in-box .owl-item {
  padding: 10px;
}

.whats-in-box .item {
  border-radius: 0.8rem;
  box-shadow: 0 0 8px 4px #f3f3f3;
}

.whats-in-box .item img {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

.whats-in-box .item-content {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.whats-in-box h3 {
  margin-top: 1.5rem;
}

.whats-in-box p {
  margin-top: 1rem;
  height: 6.5rem;
  line-height: 1.43;
  letter-spacing: 0.025rem;
}

.whats-in-box .call-to-action {
  margin-top: 4.5rem;
}

.whats-in-box .container {
  width: 98%;
  padding: 0;
  max-width: 1020px;
}
/* ****** End What's in a box section ****** */


/* ****** Decoration section ****** */
.decoration {
  position: relative;
  z-index: 0;
  height: 280px;
  left: 0;
  right: 0;
  margin-top: 4rem;
}

.decoration > span {
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 0;
}

.cloud {
  background-image: url('/sites/3/images/newdesign/cloud.png');
  /* width: 1072px;
  height: 748px; */
  width: 214px;
  height: 149px;
  top: 82px;
}

.left-cloud {
  left: -148px;
}

.right-cloud {
  right: -148px;
}

.prices-page .decoration {
  height: 190px;
  margin-top: -38px;
  margin-bottom: -120px;
}

.prices-page .left-cloud {
  top: 0;
  left: -188px;
  width: 268px;
  height: 187px;
}

.prices-page .right-cloud {
  top: 4px;
  right: -118px;
  width: 178px;
  height: 124px;
}

.dragon {
  background-image: url('/sites/3/images/newdesign/dragon.png');
  /* width: 926px;
  height: 732px; */
  width: 185px;
  height: 146px;
  top: 30px;
}

.center-dragon {
  left: 50%;
  transform: translateX(-50%);
}
/* ****** End Decoration section ****** */


/* ****** Handpicked stories section ****** */
.handpicked-stories {
  margin-top: -60px !important;
  max-width: 1000px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.handpicked-stories h2 {
  line-height: 1.13;
}

.handpicked-stories > a {
  color: #e73339;
  text-decoration: underline;
  display: inline-block;
  margin: 2rem auto 0;
  letter-spacing: 0.0025rem;
}

.handpicked-stories > a:hover {
  color: #c9171d;
}

.handpicked-stories .slider-carousel {
  margin-top: 4rem;
}

.handpicked-stories .item-content {
  margin-top: 3rem;
}

.handpicked-stories q, .handpicked-stories span {
  display: block;
}

.handpicked-stories q {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.handpicked-stories q a {
  color: #e73339;
}

.handpicked-stories q a:hover {
  color: #c9171d;
}

.handpicked-stories span {
  letter-spacing: 0.025rem;
}

.handpicked-stories .item-content > span:first-of-type {
  margin-top: 3rem;
}

.handpicked-stories .item-content > span:last-of-type {
  margin-top: 1rem;
}
/* ****** End Handpicked stories section ****** */


/* ****** Made for mums section ****** */
.made-for-mums {
  margin-top: 8rem !important;
}


.made-for-mums img {
  width: 20rem;
  max-width: 186px;
}
/* ****** End Made for mums section ****** */


/* ****** Independent reviews section ****** */
.reviews-carousel {
  width: 30rem;
  max-width: 320px;
  margin: 6rem auto 0;
}

.independent-reviews q {
  display: inline-block;
  margin-top: 2rem;
  margin-bottom: 10rem;
  letter-spacing: 0.025rem;
}
/* ****** End Independent reviews section ****** */


/* ****** Subscription section ****** */
.subscription {
  max-width: 670px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.subscription .container {
  position: relative;
  z-index: 1;
  width: 100% !important;
}

.subscription p {
  color: #606060;
  margin-top: 2.5rem;
  line-height: 1.43;
  letter-spacing: 0.025rem;
}

.subscription .row {
  margin-top: 3rem;
}

.subscription .row > div {
  border-right: 2px solid #d8d8d8;
  padding: 0;
}

.subscription .row > div:last-child {
  border-right: none;
}

.subscription .price {
  display: block;
  margin-top: 2.5rem;
}

.subscription .call-to-action {
  margin-top: 2.5rem;
  padding: 0.7em 1.95em 0.8em;
}

.subscription.keep {
  margin-top: 6rem;
}
/* ****** End Subscription section ****** */


/* ****** More info section ****** */
.more-info {
  background-color: #f3f3f3;
  margin-top: 6rem;
  padding-top: 2rem !important;
  padding-bottom: 9rem !important;
}

.more-info h2 {
  margin-top: 2rem;
}

.more-info p {
  margin-top: 1.8rem;
  line-height: 1.43;
  letter-spacing: 0.025rem;
  width: 80%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}

.more-info .call-to-action {
  margin-top: 5rem;
}

.prices-page .more-info img {
  width: 20rem;
  max-width: 180px;
}

.prices-page .more-info .call-to-action {
  margin-top: 4rem;
  padding: 0.6em 3em;
}

.our-books-page .more-info {
  margin-top: 5rem;
}

.our-books-page .more-info img {
  width: 25rem;
}

.our-books-page .more-info p {
  display: inline-block;
  width: 32rem;
}

.how-it-works-page .more-info {
  margin-top: 6rem !important;
  padding-top: 0 !important;
}

.how-it-works-page .more-info.first {
  padding-bottom: 6rem !important;
}

.how-it-works-page .more-info.last {
  padding-bottom: 12rem !important;
}

.how-it-works-page .more-info img {
  margin-top: -2rem;
  transform: rotate(90deg);
  width: 3rem;
}

.how-it-works-page .more-info p {
  color: #606060;
}

.how-it-works-page .more-info p span {
  color: #e73339;
}

.how-it-works-page .more-info .call-to-action {
  margin-top: 2.5rem !important;
}

.prices-page .more-info, .get-started-page .more-info,
  .setup-box-page .more-info, .gifts-page .more-info {
  margin-top: 6rem;
}

/* ZB */
.more-info-small-img{
  margin-top:  3rem;
}

/* ****** End More info section ****** */


.get-started-page .subscription-details .call-to-action {
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
}

/* ****** Journey steps section ****** */

.form-panel .journey-steps-text{
  color: #7b7b7b;
  margin-bottom: 3rem;
  margin-top: 1rem;
}

.big-form-input{
  display: block;
  margin-top: 2rem;
  width: 100%;
  background-color: #fff;
  border: none;
  border-bottom: 4px solid #000;
  padding-bottom: 1rem;
  background-image: none;
  transition: .5s all;
  border-radius: 0 !important;
  outline: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.big-form-input:focus, .base-form-input:focus{
  outline: none;
}

.big-form-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #E5E5E5;
  opacity: 1; /* Firefox */
}

.big-form-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #E5E5E5;
}

.big-form-input::-ms-input-placeholder { /* Microsoft Edge */
  color: #E5E5E5;
}

.call-to-action.in-big-form, .featherlight .call-to-action.in-big-form{
  padding: 0.45em 1.95em 0.45em;
  margin-top: 3rem;
  width: 100%;
  border: none;
  transition: .5s all;
}

.big-form-elements-container{
  width: 75%;
  margin: 0 auto;
}

.cancel-journey{
  color: #e73339;
  text-decoration: underline;
  display: block;
  margin-top: 2rem;
}

.form-navigation-container{
  padding: 0 15px;
  max-width: 510px;
  margin-left: auto;
  margin-right: auto;
}

.form-nav-item{
  width: 2rem;
}

.form-nav-back{
  float: left;
}

.form-nav-forward{
  float: right;
}

#errorMessageDob{
  position: relative;
  top: 1.5rem;
}

.hide-arrow{
  visibility: hidden;
}

.form-panel .form-sub-heading{
  color: #e73339;
  margin-top: 2rem;
}

.interest-tile-container {
  margin: 0 auto;
  width: 95%;
}

.internal .content-holder .interest-tile-container {
  width: 100% !important;
}

.internal .content-holder .row {
  margin: 0;
}

.interest-tile {
  padding: 1rem .5rem 1rem;
  border: 4px solid #f3f3f3;
  border-radius: 15px;
  transition: .5s all;
}

.internal .content-holder .interest-tile-title {
  margin-top: 0;
  font-weight: bold;
  font-size: 14px !important;
}

.internal .content-holder .svg-inline--fa.fa-w-16 {
  width: 1em;
}

.interest-tile-selected, .base-form-input-error{
  border-color: #e73339 !important;
}

.base-form-label-error{
  color: #e73339 !important;
}

.tile-box-pad{
  padding: 0 4px 10px;
}

#tileGenerate{
  margin-top: 3rem;
}

.interest-checkbox-label{
  display: block;
  margin-bottom: 0;
}

.interest-tick {
  opacity: 0;
  transition: .5s all;
  transform: scaleX(.5) scaleY(.5);
  display: block;
  color: #e73339;
  margin-top: .75rem;
}

.interest-tick-selected {
  opacity: 1;
  transform: scaleX(1) scaleY(1);
}

.interest-tile-title{
  color:  #606060;
  max-height: 1rem;
}

.interest-tile-img{
  margin-top: 1.75rem;
}

.form-panel .journey-form-heading{
  text-align: left;
  margin-top: 25px;
  margin-bottom: 25px;
  color: #333;
}

.base-form-input{
  position: relative;
  width: 100%;
  transition: all 100ms ease-out;
  display: block;
  width: 100%;
  font-size: 18px;
  padding: 16px 15px;
  color: #333;
  background: #fff !important;
  border-radius: 6px;
  border: solid 2px #333;
}
.base-form-group {
    position:relative;
    margin-top: 25px;
}

.base-form-label {
  position: absolute;
  left: 15px;
  top: 18px;
  color: #333;
  font-size: 14px;
  background-color: #fff;
  padding: 0 5px !important;
  z-index: 10;
  transition: all 100ms ease-out;
}

.focused .base-form-label {
  transform: translateY(-160%);
  font-size: 14px;
  color: #019e94;
  font-weight: 400;
}

.focused .base-form-input {
  border: 2px solid #019e94;
}

.form-panel .base-form-checkbox-label{
  margin-top: 1rem;
}

.form-panel .base-form-checkbox{
  margin-right: .5rem;
}

.interest-tick svg.svg-inline--fa {
    font-size: 2em;
}

.featherlight .payment-journey-popup-heading{
  margin-top: 1.25em;
}

.featherlight .payment-journey-popup-message{
  margin-top: 1em;
}

.voucher-code{
  font-weight: 700;
  color: #e73339;
}

.popup-btn-spacing {
  margin-top: 3rem;
}

.setup-box-page #panel1 .container {
  max-width: 510px;
}

.setup-box-page #panel2 .container {
  max-width: 700px;
}

.setup-box-page .interest-tile-container {
  max-width: 480px;
}

#panel4 {
  background-color: #f3f3f3;
}

#panel4 section {
  background-color: transparent !important;
}

#panel4 .form-section:last-child {
  padding-bottom: 48px;
}

#panel4 p, #panel4 label {
  font-size: 14px;
}

#panel4 .order-complete {
  background-color: white;
  padding-bottom: 3rem;
}

#panel4 .order-complete  p {
  padding-top: 0.8rem;
}

#panel4 .form-section {
  margin-top: 12px;
  background-color: white;
  padding-bottom: 25px;
}

#panel4 .form-section .container {
  max-width: 510px;
}

.details-form {
  width: 100%;
}

.billing_adds [type="checkbox"] + span {
  border-radius: 5px;
  padding: 3px;
}

.billing_adds [type="checkbox"] + span:hover, .billing_adds label:hover span {
  background: transparent !important;
  border: 1px solid #019e94 !important;
}

.billing_adds [type="checkbox"] + span .glyphicon {
  position: static;
}

.billing_adds label:hover {
  color: #019e94;
}

.bill_trigger_rar_on [type="checkbox"] + span {
  color: #019e94 !important;
  border: 1px solid #019e94 !important;
}

#panel4 .call-to-action {
  width: 100%;
  padding: 0.4em 0;
  border: none;
  outline: none;
  font-size: 24px;
}

.help-block {
  margin-top: 12px !important;
  font-size: 14px;
}

.form-panel p a {
  color: #e73339;
}

.form-panel p a:hover {
  color: #c9171d;
}

.smallprint {
  font-size: 12px;
  position: relative;
  display: inline-block;
  width: 100%;
  padding-top: 4px;
  margin-top: 5px;
}

.smallprint svg {
  color: #7b7b7b;
  transform: rotate(180deg);
  width: 18px !important;
  height: auto;
  position: absolute;
  left: 5%;
  top: 0;
}

.smallprint span {
  display: inline-block;
  width: 70%;
}

.profile-interests-page .smallprint svg {
  left: 20px;
}

.profile-interests-page .smallprint span {
  margin-left: 50px;
  width: calc(100% - 50px);
}

#panel4 h4 img {
  margin-right: 10px;
  margin-top: 4px;
}

#panel4 .password-field svg {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 18px;
  height: auto;
  cursor: pointer;
}

#panel4 .password-field.focused svg {
  color: #019e94;
}

#panel4 .password-field input.base-form-input-error ~ svg {
  color: #e73339;
}

select.base-form-input::-ms-expand {
  border: none;
  color: transparent;
  background: #fff url('/sites/3/images/newdesign/arrow-down.svg');
}

.focused select.base-form-input::-ms-expand {
  background-image: url('/sites/3/images/newdesign/arrow-down-hover.svg');
}

select.base-form-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  background: #fff url('/sites/3/images/newdesign/arrow-down.svg') no-repeat right 20px center !important;
  background-size: 15px !important;
}

.focused select.base-form-input {
  background-image: url('/sites/3/images/newdesign/arrow-down-hover.svg') !important;
}
/* ****** End Journey steps section ****** */

/* ****** Our books section ****** */
.ages-container {
  margin-top: 3.2rem;
  width: 100% !important;
  max-width: 700px;
}

.ages-container button {
  font-size: 1.1rem;
  letter-spacing: 0.03rem;
}

.ages-container button span {
  line-height: 1.05em;
}

.our-books-carousel {
  margin-top: 0.5rem;
}

.our-books-carousel .how-to-explore-holder {
  position: relative;
  top: -8rem;
  height: 2.4rem;
}

.our-books-carousel .how-to-explore {
  color: white;
  background-color: #333;
  opacity: 0.4;
  z-index: 2;
  letter-spacing: 0.025rem;
  border-radius: 2rem;
  padding: 0.5em 1em;
}

.our-books-carousel span, .our-books-carousel p {
  display: inline-block;
}

.our-books-carousel h3 {
  margin-top: -5.5rem;
  width: 90%;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.our-books-carousel p {
  width: 90%;
  padding: 0 2rem;
  line-height: 1.43;
  margin-top: 1.5rem;
  letter-spacing: 0.025rem;
}

.our-books-carousel .item-content > .img-container {
  width: 7.5rem;
  position: relative;
  top: -6.5rem;
}

.our-books-carousel .item-content > .img-container img {
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}

.our-books-carousel .item-content div .img-container {
  margin: 1.6rem 1rem 0;
}

.nav-arrow {
  background-image: url('/sites/3/images/newdesign/carousel-arrow.png');
  /* width: 84px;
  height: 126px; */
  width: 2rem;
  height: 3rem;
  background-size: contain;
  cursor: pointer;
}

.nav-arrow:hover {
  background-image: url('/sites/3/images/newdesign/carousel-arrow-hover.png');
}

.nav-arrow.inactive {
  background-image: url('/sites/3/images/newdesign/carousel-arrow-inactive.png');
}

 .prev {
  transform: scaleX(-1);
  margin-left: 1rem;
}

 .next {
  margin-right: 1rem;
}
/* ****** End Our books section ****** */


/* ****** Choose a plan section ****** */
.choose-plan {
  width: 290px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.choose-plan .most-popular,
.choose-plan .best-value {
  background-color: #019e94;
  color: white;
  font-size: 0.7rem;
  padding: 0.4rem 0.8rem;
  border-radius: 0.8rem;
  margin-top: 3.5rem;
  display: inline-block;
  letter-spacing: 0.05rem;
}

.choose-plan .best-value {
  background-color: #ffbf00;
}

.subscription-selection {
  margin-top: 1rem;
}

.subscription-selection button span:last-child {
  letter-spacing: 0.025rem;
}

.subscription-selection .action {
  padding-bottom: 0.8rem;
  height: 6em;
}

.subscription-selection .gift-selection {
  padding-bottom: 0.8rem;
  height: 6em;
}

.subscription-selection .active {
  border-bottom: 0.4rem solid black;
}

.choose-plan .seperator {
  margin-top: 1.85rem;
  overflow: hidden;
}

.choose-plan .seperator span {
  display: inline-block;
  width: 200%;
  height: 16px;
  background-image: url('/sites/3/images/newdesign/seperator.png');
  background-size: 750px 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  left: -50%;
}

.gifts-page .choose-plan .seperator span {
  left: -85.5%;
}

.subscription-details {
  margin-top: 3.6rem;
}

.subscription-details .col-xs-5 {
  width: 46%;
  padding-left: 0;
  padding-right: 0;
}

.subscription-details .col-xs-2 {
  width: 8%;
  padding: 0;
}

.subscription-details h4 {
  margin-top: 1.5rem;
  letter-spacing: 0.025rem;
}

.subscription-details .holder {
  height: 5rem;
}

.subscription-details .price, .subscription-details .month {
  display: block;
}

.subscription-details .price {
  margin-top: 1.5rem;
  letter-spacing: 0.03rem;
}

.subscription-details .month {
  letter-spacing: 0.025rem;
}

.subscription-details .call-to-action {
  display: inline-block;
  margin-top: 1.4rem;
  padding: 0.5em 1.2em;
}

.subscription-details .works {
  display: inline-block;
  margin-top: 1.4rem;
  text-decoration: underline;
  letter-spacing: 0.025rem;
  color: #000 !important;
}

.subscription-details .works:hover {
  color: #c9171d;;
}

.subscription-details .divider {
  color: #7b7b7b;
  padding-top: 0.35rem;
}

.subscription-details .divider span {
  display: block;
  background-color: #d8d8d8;
  width: 2px;
  height: 19.75rem;
  margin: 1rem auto 0;
}
/* ****** End Choose a plan section ****** */


/* ****** Received a gift section ****** */
.received-gift {
  padding-bottom: 4rem !important;
}

.received-gift img {
  width: 15rem;
}

.received-gift .call-to-action {
  width: 30rem;
  padding: 1.4rem 0;
}
/* ****** End Received a gift section ****** */


/* ****** Bookabees promise section ****** */
.bookabees-promise {
  padding: 6rem 0 10rem !important;
}

.bookabees-promise .container {
  max-width: 1000px;
}

.bookabees-promise .container > div {
  margin-top: 3.2rem;
}

.bookabees-promise h4 {
  margin-top: 2.5rem;
}

.bookabees-promise p {
  line-height: 1.5;
  margin-top: 0.5rem;
  letter-spacing: 0.025rem;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.how-it-works-page .bookabees-promise {
  padding-bottom: 0 !important;
}

.gifts-page .bookabees-promise  {
  padding-bottom: 6rem !important;
}
/* ****** Bookabees promise section ****** */


/* ****** Subscription details popup section ****** */
.subscription-details-popup h2 {
 margin-top: 1.25rem;
}

.subscription-details-popup > div {
  margin-top: 2.7rem;
}

.subscription-details-popup > div:first-child {
  margin-top: 4rem;
}

.subscription-details-popup p {
  margin-top: 0.5rem;
  line-height: 1.5;
  letter-spacing: 0.025rem;
}

.subscription-details-popup .call-to-action {
  margin-top: 4rem;
}
/* ****** End Subscription details popup section ****** */



/* ****** How it works section ****** */
.how-it-works-section h2 {
  margin-top: 1.2rem;
}

.how-it-works-section h2 span {
  display: block;
}

.how-it-works-section > img {
  margin-top: 4rem;
  max-width: 600px;
  width: 100%;
}

.how-it-works-section .container {
  max-width: 1000px;
}

.how-it-works-section .container > div {
  margin-top: 6rem;
}

.how-it-works-section  h3, .how-it-works-section  p {
  margin-top: 1.2rem;
}

.how-it-works-section  p {
  line-height: 1.5;
  letter-spacing: 0.025rem;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
/* ****** End How it works section ****** */


/* ****** Subscription chosen popup ****** */
#subscription-chosen-popup > span, #subscription-chosen-popup > a:last-child {
  display: block;
}

#subscription-chosen-popup h3, #subscription-chosen-popup .books,
#subscription-chosen-popup .price {
  margin-top: 1.2rem;
}

#subscription-chosen-popup .books, #subscription-chosen-popup .month {
  letter-spacing: 0.025rem;
}

#subscription-chosen-popup .price {
  letter-spacing: 0.03rem;
}

#subscription-chosen-popup .half-price,
#subscription-chosen-popup > a:last-child {
  color: #e73339;
}

#subscription-chosen-popup p {
  line-height: 1.67;
  letter-spacing: 0.02rem;
  margin-top: 1.6rem;
}

#subscription-chosen-popup .call-to-action {
  padding: 0.4em 2.1em;
  margin-top: 1.8rem;
}

#subscription-chosen-popup > a:last-child {
  text-decoration: underline;
  margin-top: 1.5rem;
}

#subscription-chosen-popup > a:last-child:hover {
  color: #c9171d;
}
/* ****** End Subscription chosen popup ****** */


/* ****** Order summary template ****** */
.summary-template {
  background-color: white;
}

.order-summary {
  background-color: #fccf40;
}

.order-summary .container {
  max-width: 510px;
}

.summary-nav {
  padding: 2rem 0 1.6rem;
}

.summary-nav .container {
  position: relative;
}

.summary-nav h1 {
  color: white;
  font-size: 3.1rem !important;
}

.summary-nav img {
  position: absolute;
  right: 15px;
  top: 1rem;
  width: 2rem;
}

.summary-header {
  cursor: pointer;
}

.summary-header .container {
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
}

.summary-header .container > div {
  padding-left: 0;
  padding-right: 0;
}

.summary-details {
  max-height: 0;
  overflow: hidden;
}

.summary-details h2 {
  margin-top: 2.8rem;
}

.summary-details .row {
  margin: 1.2rem 0 0;
}

.summary-details .row > div {
  padding: 0;
}

.summary-details button {
  text-decoration: underline;
}

.summary-details button:hover {
  color: #000 !important;
}

.summary-details .key {
  letter-spacing: 0.03rem;
}

.summary-details .value {
  line-height: 1.25;
}

.monthly-payments > div:first-of-type {
  color: #e73339;
}

.summary-details > div:last-child {
  margin-top: 2rem;
  margin-bottom: 4rem;
}

.summary-arrow{
  transition: all 0.8s;
  width: 40px;
  max-width: 50%;
}

.summary-arrow-open{
  transform: rotate(180deg);
}
/* ****** End Order summary template ****** */


/* ****** Order confirmation page ****** */
.order-confirmation-page {
  background-color: #f3f3f3;
}

.order-confirmation-page section {
  margin-bottom: 1rem;
  padding-top: 2rem;
  padding-bottom: 4rem;
}

.order-confirmation-page section:first-child {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.order-confirmation-page .container {
  max-width: 510px;
}

.order-confirmation-page hr {
  margin: 2rem 0;
}

.order-confirmed .img-circle {
  margin-top: 1.2rem;
  width: 8rem;
  height: 8rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  background-color: #019e94;
}

.order-confirmed .img-circle svg {
  width: 40%;
  color: white;
  margin-top: 30%;
  height: auto;
}

.order-confirmed h2 {
  color: #019e94;
  margin-top: 2rem;
}

.thank-you p {
  line-height: 1.5;
  letter-spacing: 0.025rem;
  margin-top: 2.85rem;
}

.thank-you a {
  display: inline-block;
  margin-top: 2.35rem;
  color: #000;
  text-decoration: underline;
  letter-spacing: 0.025rem;
}

.your-order h2 {
  margin-bottom: 1.6rem;
}

.your-order .row {
  margin-top: 1.2rem;
  letter-spacing: 0.03rem;
}

.your-order .this-month {
  color: #019e94;
}

.your-order p {
  color: #7b7b7b;
  letter-spacing: 0.025rem;
  margin-top: 2rem;
}

.delivery-details {
  letter-spacing: 0.025rem;
}

.delivery-details span {
  display: block;
}

.delivery-address {
  margin-top: 1.6rem;
}

.delivery-address p {
  margin-bottom: 1rem;
}

.delivery-address span {
  line-height: 1.5;
}

.delivery-date span {
  margin-top: 1.2rem;
  color: #019e94;
}

.delivery-details .container p:last-child {
  color: #7b7b7b;
  margin-top: 2rem;
}

.welcome-to-the-club p {
  margin-top: 1.6rem;
  line-height: 1.33;
  letter-spacing: 0.025rem;
}

.welcome-to-the-club .embed-responsive {
  width: 100%;
  background-color: #fbbf00;
  margin-top: 2rem;
}

.welcome-to-the-club .call-to-action {
  display: inline-block;
  margin-top: 4rem;
  padding: 1rem 2.5rem;
}

.finally p {
  line-height: 1.3;
  letter-spacing: 0.025rem;
  margin-top: 1.6rem;
}

.install-app img {
  margin-top: 1.6rem;
  margin-right: 2rem;
  width: 11.75rem;
}
/* ****** End Order confirmation page ****** */


/* ****** Gifts page ****** */
.the-perfect-gift img {
  margin-top: 1rem;
  width: 100%;
  max-width: 700px;
}

.choose-plan .container {
  max-width: 704px;
}

.gifts-page .subscription-details span {
  display: block;
}

.gifts-page .subscription-details > div {
  border-right: 1px solid #d8d8d8;
}

.gifts-page .subscription-details > div:last-child {
  border-right: 0;
}

.gifts-page .number-of-months {
  letter-spacing: 0.02rem;
  line-height: 1.33;
}

.gifts-page .month {
  line-height: 1.43;
  letter-spacing: 0.025rem;
  margin-top: 0;
}

.gifts-page .holder {
  margin-top: 2rem;
}

.gifts-page .holder span:first-child {
  color: #e73339;
  line-height: 1.33;
  letter-spacing: 0.02rem;
}

.gifts-page .holder .price {
  margin-top: 0 !important;
  line-height: 1.25;
  letter-spacing: 0.03rem;
}

.gifts-page .subscription-details .call-to-action {
  text-decoration: none;
  margin-top: 1.5rem;
  width: 100%;
  max-width: 160px;
}

.gifts-page .received-gift .call-to-action {
  margin-top: 2rem;
  padding: 1rem 3rem;
  width: auto;
}

.gifts-page .whats-in-box {
  margin-top: 0 !important;
  margin-bottom: 4rem;
}

.featherlight .gift-redeem-popup-message{
  margin-bottom: 2rem;
}

.featherlight .gift-redeem-btn-spacing{
  margin-top: 3rem;
}

/* Temp gift styles REMOVE IF NOT NEEDED LATER (CHECK NEW LANDING AND TEMPLATE VERSIONS OF SITE)*/

.gift-base-subheading {
    color: #606060;
    margin-top: 1rem !important;
}

.gift-base-alt-link-pos{
    margin-top: 1rem;
    position: relative;
    top: -2em;
}

/* ****** End Gifts page ****** */


/* ****** Gifting summary template ****** */
.gifting-summary-template {
  background-color: #f3f3f3;
  margin-top: 0 !important;
}

.gifting-summary-template .container {
  max-width: 510px;
}

.gifting-summary-template section {
  margin-bottom: 1rem;
}

.gift-order-complete {
  padding-top: 3rem !important;
  padding-bottom: 3.75rem !important;
}

.gifting-step {
  position: relative;
}

.gifting-step .step {
  margin-top: 0.6rem;
}

.gifting-step .nav-arrow {
  position: absolute;
  top: 0;
  margin-top: 0;
  /* width: 1rem;
  height: 1.5rem; */
}

.gifting-step .nav-arrow.next {
  right: 15px;
}

.gifting-step .nav-arrow.prev {
  left: 15px;
}

.gifting-step span {
  display: inline-block;
  color: #7b7b7b;
  margin-top: 1rem;
  letter-spacing: 0.025rem;
  line-height: 1.43;
}

.gifting-step h2 {
  margin-top: 2.2rem;
}

.gifting-step a {
  color: #e73339;
  text-decoration: underline;
  margin-top: 1.6rem;
  display: inline-block;
}

.gifting-step a:hover {
  color: #c9171d;
}

.gift-jounery-form {
  width: 100% !important;
  margin: 0 !important;
}

.gifting-summary-template > div > section {
  padding-bottom: 25px;
}

.gifting-summary-template > div > section:last-child {
  margin-bottom: 0;
  padding-bottom: 50px;
}

#card-preview {
  padding: 0.5rem 0.8rem 1rem;
}

#card-preview .view-selector {
  margin-top: 1.7rem;
}

#card-preview .view-selector button {
  color: #019e94;
  background-color: white;
  border-radius: 1.6rem;
  border: solid 2px #019e94;
  padding: 0.6rem 0;
  width: 8rem;
  margin: 0 0.5rem;
  box-shadow: none;
}

#card-preview .view-selector button.active {
  color: white !important;
  background-color: #019e94;
}

#card-preview .view-content {
  margin: 1.9rem auto 0;
  width: 30rem;
  height: 32rem;
  max-width: 95%;
}

#card-preview .view-content > div {
  background-color: #fcbf00;
  height: 100%;
}

#card-preview .front-content {
  color: white;
  padding-top: 3rem;
}

#card-preview .front-content > * {
  position: static;
}

#card-preview .front-content .special-message {
  height: 5rem;
}

#card-preview .front-content .recipient {
  margin-top: 3rem;
  height: 3.2rem;
}

#card-preview .front-content span, #card-preview .inside-content span {
  display: block;
}

#card-preview .front-content img {
  margin-top: 4rem;
  width: auto;
  height: 12rem;
}

#card-preview .inside-content {
  background-color: white !important;
  border: solid 2px #b9b9b9;
  padding-top: 0.5rem;
}

#card-preview .inside-content .special-message {
  height: 3rem;
}

#card-preview .inside-content .recipient {
  margin-top: 0.5rem;
  height: 3.5rem;
}

#card-preview .inside-content p {
  line-height: 1.33;
  letter-spacing: 0.02rem;
  width: 90%;
  margin: 1.2rem auto 0;
  height: 14rem;
}

#card-preview .inside-content .love, #card-preview .inside-content .sender {
  letter-spacing: 0.025rem;
  line-height: 1.43;
  position: static;
}

#card-preview .inside-content .love {
  margin-top: 1.5rem;
}

#card-preview .back-content {
  background-image: url('/sites/3/images/newdesign/gift-card-back-yellow.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#card-preview .call-to-action {
  margin-top: 3.6rem;
  padding: 1rem 6.5rem;
}
/* ****** End Gifting summary template ****** */


/* ****** Creating box overlay ****** */
#creating-box-overlay {
  overflow: hidden;
  height: auto;
}

#creating-box-overlay h2 {
  color: #e73339;
  margin-top: 4rem;
}

#creating-box-overlay p {
  margin-top: 2rem;
}

#creating-box-overlay .call-to-action {
  margin-top: 4rem;
  padding: 1rem 2rem;
}

#create-box, #box-ready {
  position: relative;
}

#create-box {
  top: 0;
}

#create-box img {
  width: 35%;
}

#box-ready {
  display: none;
}

#box-ready a:last-child {
  display: block;
  margin-top: 2rem;
  color: #e73339;
  text-decoration: underline;
}

#box-ready a:last-child:hover {
  color: #c9171d;
}

#box-ready img {
  width: 60%;
}
/* ****** End Creating box overlay ****** */


/* ****** Processing order overlay ****** */
#processing-order-overlay {
  padding: 3rem;
}

.progress-container {
  background-color: #f3f3f3;
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}

.progress-container span {
  position: absolute;
  top: 39%;
  left: 50%;
  width: 1.2em;
  height: 1.2em;
  transform: translateY(-50%);
  transform: translateX(-50%);
  vertical-align: middle;
  color: #e73339;
}

.progress {
  background: transparent;
  width: 35%;
  height: 35%;
  position: absolute;
  top: 32.5%;
  left: 50%;
  transform: translateY(-50%);
  transform: translateX(-50%);
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
}

#processing-order-overlay h2 {
  color: #e73339;
  margin-top: 4rem;
}

#processing-order-overlay p {
  margin-top: 2rem;
}

#processing-order-overlay img:last-child {
  margin-top: 4rem;
}
/* ****** End Processing order overlay ****** */


/* ****** Content holder section ****** */
.content-holder {
  margin-top: 2rem !important;
}

.content-holder .title-holder {
  border-bottom: 2px solid #f3f3f3;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.content-holder > .container p {
  margin-top: 1.6rem;
  letter-spacing: 0.025rem;
  line-height: 1.25;
}

.content-holder > .container > :last-child {
  margin-top: 3.2rem;
}

.main-content.internal .content-holder .base-form-group {
  margin-top: 3rem;
}

.main-content.internal .content-holder.save-holder .container > :last-child {
  margin-top: 2rem !important;
  margin-bottom: 2rem;
}
/* ****** End Content holder section ****** */


/* ****** selection section ****** */
ul.selection {
  list-style: none;
  padding: 0;
}

ul.selection li {
  border-top: 2px solid #f3f3f3;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

ul.selection li > div {
  padding: 0;
  line-height: 1.25;
  letter-spacing: 0.025rem;
}

ul.selection li > .text-container {
  padding-top: 0.5rem;
}

.selection .radio-button, .book .radio-button {
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  background-color: #fff;
  border: 1px solid #7b7b7b;
  border-radius: 50%;
  cursor: pointer;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

ul.selection li.active .radio-button, .book.active .radio-button {
  background-color: #e73339;
  border-color: #e73339;
  background-image: url('/sites/3/images/newdesign/tick.png');
}
/* ****** end selection section ****** */


/* ****** cancel plan section ****** */
.cancel-plan {
  padding-bottom: 2rem !important;
}

.call-to-action.new-full-width {
  width: 100%;
  display: block;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  line-height: 1.25;
  border-radius: 3.1rem;
  text-align: center;
}
/* ****** end cancel plan section ****** */


/* ****** books carousel section ****** */
.books-carousel {
  margin-top: 2rem !important;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}

.books-carousel .item {
  margin-top: 0;
  width: 14rem;
}

.books-carousel .image-container {
  height: 17.5rem;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

.books-carousel .book-details-container {
  margin-top: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.025rem;
}

.books-carousel .book-details-container a {
  margin-top: 0;
}

.books-carousel .owl-controls {
  position: absolute;
  top: 21.5rem;
  height: 17.5rem;
  left: 0;
  right: 0;
  display: none;
}

.books-carousel .owl-nav {
  margin: 0 !important;
  overflow: visible;
}

.books-carousel .owl-prev, .books-carousel .owl-next {
  background-color: rgba(0, 0, 0, 0.25);
  height: 17.5rem;
  text-align: center;
  width: 50px;
  font-size: 2.5rem;
  color: #fff;
  font-family: lato;
  line-height: 17.5rem;
  position: relative;
  top: -21.5rem;
  display: none !important;
}

.books-carousel .owl-stage > :last-child {
  margin-right: 0 !important;
}
/* ****** end books carousel section ****** */


/* ****** search for books ****** */
.discover-books-page .page-title-holder, .search-results-page .page-title-holder {
  position: relative;
}

.search-icon {
  width: 1.8rem !important;
  display: inline !important;
  margin-top: 0 !important;
  opacity: 0.38;
  cursor: pointer;
}

.search-for-books {
  background-color: white;
  position: absolute;
  top: 0.8rem;
  /* left: 50%;
  right: 50%; */
  left: 100%;
  right: 0;
  overflow: hidden;
  /* display: none; */
}

.search-for-books.show {
  left: 15px !important;
  right: 15px !important;
}

.search-for-books input {
  border: none;
  outline: none;
  width: 80%;
  font-size: 2rem;
  margin-top: 0.4rem;
}

.search-for-books div {
  position: relative;
  height: 3.6rem;
}

.search-for-books button[type=submit] {
  width: 3.6rem;
  height: 3.6rem;
  background-color: #e73339;
  border-radius: 50%;
  background-image: url(/sites/3/images/newdesign/search-icon-white.png);
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 3rem;
  color: #fff;
}

.search-for-books span {
  font-size: 1.5rem;
  display: inline-block;
  margin-top: 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0.8rem;
}

.search-for-books button[type=submit] span {
  font-size: 16px;
  position: static;
}
/* ****** end search for books ****** */


/* ****** search results section ****** */
.search-results .title-holder {
  border-bottom: 1px solid #f3f3f3;
}

.search-results .title-holder .float-right {
  margin-top: 0.25rem;
}

.search-results .list li, .boxes-holder .list li {
  margin: 0;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #f3f3f3;
}

.search-results .no-results .modal-link {
  margin-top: 0;
}

.search-results .list .image-holder, .boxes-holder .list .image-holder,
  #refresh-books-overlay .image-holder, .book .image-holder,
  #buy-books-overlay .image-holder {
  width: 11rem;
  height: 11rem;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

.image-holder > div, .image-container > div {
  background-color: rgba(0,0,0,0.8);
  height: 100%;
  padding: 1rem;
  overflow: hidden;
  opacity: 0;
  color: #fff;
}

.image-holder > div:hover, .image-container > div:hover {
  opacity: 1;
}

.image-holder > div h2, .image-container > div h2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.image-holder > div p, .image-container > div p {
  margin-top: 1rem !important;
  line-height: normal !important;
  letter-spacing: normal !important;
}

.image-holder > div button, .image-container > div button {
  padding: 0.4rem 1.5rem 0.5rem 1rem;
  margin-top: 1rem;
  border-radius: 0.5rem;
}

.boxes-holder .list .image-holder, .book .image-holder,
.search-results .list .image-holder {
  height: 13.75rem;
}

.search-results .list .book-details-holder, .boxes-holder .list .book-details-holder,
.book .book-details-holder {
  margin-left: 2rem;
  width: calc(100% - 13rem);
  position: relative;
  height: 11rem;
}

.boxes-holder .list .book-details-holder, .search-results .list .book-details-holder {
  height: 13.75rem;
}

.book .book-details-holder {
  margin-top: 0 !important;
}

.search-results .list .book-details-holder .in-box {
  color: #019e94;
  margin-bottom: 0.5rem;
}

.search-results .list .book-details-holder h3,
  .boxes-holder .list .book-details-holder h3,
  #shuffle-books-overlay h3, #refresh-books-overlay h3,
  .book .title, #buy-books-overlay .text-container {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.boxes-holder .list .book-details-holder h3 {
  margin-top: 0.8rem;
}

.search-results .list .book-details-holder h4,
.boxes-holder .list .book-details-holder h4,
.book .book-details-holder h4 {
  margin-top: 0.5rem;
}

.search-results .list .book-details-holder .add-link a,
.boxes-holder .list .book-details-holder .add-link a {
  text-decoration: none;
  margin-top: 0.1rem;
}

.search-results .book-details-bottom, .boxes-holder .book-details-bottom,
.book .book-details-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.boxes-holder .book-details-bottom .modal-link {
  text-decoration: none;
  margin-top: 0;
}

.search-results .book-details-bottom > div,
.boxes-holder .book-details-bottom > div {
  display: inline-block;
  width: auto;
}

.search-results .book-details-bottom .star-ratings-css,
.boxes-holder .book-details-bottom .star-ratings-css {
  float: none;
  height: 1.5rem;
  font-size: 1.5rem;
}

.search-results .book-details-bottom #popageimg,
.boxes-holder .book-details-bottom img {
  width: 2.5rem;
}

.search-results .book-details-bottom #popagetext,
.boxes-holder .book-details-bottom a {
  margin-right: 2.5rem;
}

.ui-widget-content {
  left: 0 !important;
  right: 0;
  width: auto !important;
  border: 0 !important;
  border-top: 2px solid #f3f3f3 !important;
  z-index: 75 !important;
}

.ui-widget-content li {
  width: 100%;
  margin: 0 auto;
  padding: 15px !important;
}

html:not(.touch-enabled) .ui-widget-content li:hover {
  background-color: #f3f3f3;
}

/* ****** end search results section ****** */

.manage-queue-page > div {
  padding-left: 0;
  padding-right: 0;
}

.next-deliv .time-left {
  margin-top: 0.12rem;
}

.next-deliv .title-holder > div:last-child {
  margin-top: 1rem;
  padding-top: 1.6rem;
  border-top: 1px dashed #f3f3f3;
}

#child-overlay .selection > li:first-child {
  border-top: 0;
}

#child-overlay .selection .active {
  font-weight: bold;
}


/* ****** queue page accordians ****** */
.accordian .title-holder {
  cursor: pointer;
}

.accordian .title-holder .container {
  position: relative;
}

.accordian .title-holder .container:after {
  content: "";
  display: block;
  height: 2rem;
  width: 2rem;
  position: absolute;
  right: 15px;
  top: 0;
  background-image: url(/sites/3/images/newdesign/arrow-down-black.png);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.54;
  transition: all 0.8s;
}

.accordian.open .title-holder .container:after {
  transform: rotate(180deg);
}

.accordian .list {
  height: 0;
  overflow: hidden;
}
/* ****** end queue page accordians ****** */


/* ****** queue page options ****** */
.options .selection {
  margin-top: 1rem !important;
}

.options .selection li {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.options .selection > li:first-child {
  border-top: 0;
}

.options .selection > li p {
  margin-top: 0.8rem;
}
/* ****** end queue page options ****** */


/* ****** search holder section ****** */
.search-holder {
  margin-top: 1.6rem !important;
  background-color: transparent;
}

.search-holder .call-to-action,
  .discover-books-page .main-header .search .call-to-action,
  .manage-queue-page .main-header .search .call-to-action,
  .book-history-page .main-header .search .call-to-action  {
  margin-top: 0 !important;
  padding: 0.8rem 3rem 1rem 2rem;
  line-height: 1.25;
  border-radius: 3.1rem;
  width: calc(50% - 1rem);
  background-image: url(/sites/3/images/newdesign/arrow-down-white.png);
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: right 1.5rem center;
}

.search-results-page .search-holder .call-to-action {
  width: 70%;
  margin-right: 0 !important;
  max-width: 21.5rem;
}

.search-holder .call-to-action:first-child,
  .discover-books-page .main-header .search .call-to-action:first-child,
  .manage-queue-page .main-header .search .call-to-action:first-child,
  .book-history-page .main-header .search .call-to-action:first-child {
  margin-right: 1rem;
}

.discover-books-page .main-header .search .call-to-action {
  margin-bottom: 0;
}

.top-picks {
  margin-top: 1.6rem !important;
}

.results-pagination .container > div {
  padding-left: 0;
  padding-right: 0;
}

.results-pagination .text-center {
  margin-top: 0.5rem;
}

.show-shuffle-books-overlay, .buy-selected-books {
  background-image: none !important;
}
/* ****** end search holder section ****** */


/* ****** book details overlay ****** */
#book-details-overlay, #shuffle-books-overlay {
  background-color: #f3f3f3;
}

#book-details-overlay > div {
  padding-left: 0;
  padding-right: 0;
}

#book-details-overlay .title-holder, #shuffle-books-overlay .title-holder {
  background-color: #fff;
}

#book-details-overlay .book-overview .list {
  margin-top: 2rem;
}

#book-details-overlay .book-overview .list img {
  width: 2.5rem;
  height: 2.5rem;
}

#book-details-overlay .book-overview .list li > :last-child {
  margin-left: 1.5rem;
  line-height: 2.25rem;
  /* padding-top: 0.5rem; */
}

#book-details-overlay .add-to-box ul.active .open,
#book-details-overlay .remove-from-box ul.active .open,
  #book-details-overlay .latest-reviews h3 button {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50% !important;
  padding: 0 !important;
  border: 1px solid #0076ff !important;
  background-color: #fff !important;
  background-image: url(/sites/3/images/newdesign/plus-sign-blue.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
  opacity: 1;
}

html:not(.touch-enabled) #book-details-overlay .add-to-box ul.active .open:hover,
html:not(.touch-enabled) #book-details-overlay .remove-from-box ul.active .open:hover,
  html:not(.touch-enabled) #book-details-overlay .latest-reviews h3 button:hover {
  background-color: #0076ff !important;
  background-image: url(/sites/3/images/newdesign/plus-sign.png);
}

#book-details-overlay .add-to-box ul.active .open span,
#book-details-overlay .remove-from-box ul.active .open span {
  display: none;
}

#book-details-overlay .add-to-box li.active .open,
#book-details-overlay .remove-from-box li.active .open,
  #book-details-overlay .latest-reviews h3 button  {
  transform: rotate(45deg);
}

#book-details-overlay .add-to-box ul ul,
#book-details-overlay .remove-from-box ul ul {
  height: 0;
  overflow: hidden;
  width: 100%;
}

#book-details-overlay .add-to-box ul ul li > :first-child {
  padding-top: 1rem;
}

#book-details-overlay .remove-from-box .why-remove .call-to-action {
  width: auto !important;
  margin-right: 0.5rem;
  margin-top: 1rem;
}

#book-details-overlay .remove-from-box .hrate_review_modal {
  margin-top: 1rem;
}

#book-details-overlay .remove-from-box .remove-rate,
#remove-book-overlay .remove-rate {
  display: inline-block;
  margin-right: 1rem;
}

#book-details-overlay .remove-from-box .starar-rating,
#remove-book-overlay .starar-rating {
  margin-top: 0;
  width: 90px;
  height: 18px;
}

#book-details-overlay .latest-reviews .call-to-action {
  border-radius: 3.1rem;
  box-shadow: none;
}

#book-details-overlay .latest-reviews h3 {
  color: #0076ff;
}

#book-details-overlay .latest-reviews h3 span {
  display: inline-block;
  margin-top: 0.8rem;
}

  #book-details-overlay .latest-reviews h3 button {
    margin-right: 1px;
  }

#book-details-overlay .latest-reviews ul {
  margin-top: 2.5rem;
}

#book-details-overlay .latest-reviews ul li:first-child {
  border-top: none;
}

#book-details-overlay .latest-reviews ul li {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

#book-details-overlay .latest-reviews ul .star-ratings-css {
  width: auto;
}

#book-details-overlay .latest-reviews ul textarea, #review-book-overlay textarea {
  margin-top: 1.4rem;
  width: 100%;
  height: 16.8rem;
  border-radius: 0.5rem;
  border: 2px solid #333;
  padding: 1.8rem 1.5rem;
  outline: none;
  font-size: 16px;
}

#book-details-overlay .latest-reviews form {
  height: 0;
  overflow: hidden;
}

#book-details-overlay .latest-reviews .starar-rating,
#review-book-overlay .starar-rating {
  margin-top: 0px !important;
}

#book-details-overlay .latest-reviews form .call-to-action {
  margin-top: 4rem;
}
/* ****** end book details overlay ****** */

.text-below-title {
  margin-top: 1.8rem;
}

/* ****** shuffle books overlay ****** */
#shuffle-books-overlay section, #shuffle-books-overlay .boxes-holder .title-holder {
  background-color: transparent;
}

#shuffle-books-overlay section {
  margin-top: 1rem;
}

#shuffle-books-overlay .connected-sortable li {
  background-color: #fff;
  margin-bottom: 0.25rem;
  cursor: move;
  border-bottom: 0;
}

#shuffle-books-overlay .connected-sortable li.ui-sortable-helper {
  margin-top: 0.5rem;
}

#shuffle-books-overlay .connected-sortable > li:last-child {
  margin-bottom: 0;
}

#shuffle-books-overlay .image-holder, #refresh-books-overlay .image-holder,
#buy-books-overlay .image-holder {
  width: 3.2rem;
  height: 3.2rem;
}

#buy-books-overlay .image-holder {
  margin-right: 2rem;
}

#shuffle-books-overlay .image-holder, #shuffle-books-overlay h3 {
  cursor: move;
}

#shuffle-books-overlay h3, #refresh-books-overlay h3 {
  margin-top: 0.8rem;
  margin-left: 2rem;
  max-width: 60%;
}

#shuffle-books-overlay .ui-sortable-disabled,
#shuffle-books-overlay .ui-sortable-disabled li,
#shuffle-books-overlay .ui-sortable-disabled .image-holder,
#shuffle-books-overlay .ui-sortable-disabled h3 {
  cursor: wait !important;
}

#shuffle-books-overlay .handle {
  width: 4rem;
  height: 4rem;
  background-image: url(/sites/3/images/newdesign/hamburger-grey.png);
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: -0.6rem;
}
/* ****** end shuffle books overlay ****** */


/* ****** refresh books overlay ****** */
#refresh-books-overlay .image-holder, #refresh-books-overlay h3 {
  cursor: auto;
}

#refresh-books-overlay .selection {
  margin-top: 2rem;
}

#refresh-books-overlay .selection > li:first-child {
  border-top: 0;
}

#refresh-books-overlay .selection li.active h3 {
  font-weight: bold;
}
/* ****** end refresh books overlay ****** */


/* ****** remove book overlay ****** */
#remove-book-overlay .book-title-holder, #review-book-overlay .book-title-holder {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #333;
  color: #fff;
}

#remove-book-overlay .selection {
  margin-top: 2rem;
}

#remove-book-overlay .selection li {
  border-top: 0;
  border-bottom: 2px solid #f3f3f3;
}

#remove-book-overlay .selection li h3 {
  margin-top: 0.8rem;
}

#remove-book-overlay .selection li.active h3 {
  font-weight: bold;
}

#remove-book-overlay .container > h3 {
  margin-top: 5rem;
}

#remove-book-overlay p {
  margin-top: 0.8rem;
}
/* ****** end remove book overlay ****** */


/* ****** looking for more inpiration section ****** */
.inspiration {
  padding-top: 5rem !important;
  padding-bottom: 3rem !important;
  background-color: transparent;
}

.inspiration div:first-child {
  margin-bottom: 4rem;
}

.inspiration div:last-child {
  margin-top: 0 !important;
}

.inspiration .call-to-action {
  display: block;
  width: 25rem;
  margin-top: 1rem !important;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.25;
  padding-top: 0.8rem;
  padding-bottom: 1rem;
  border-radius: 3.1rem;
}
/* ****** end looking for more inpiration section ****** */


.child-details {
  padding-bottom: 2rem !important;
}

.content-holder.interests {
  padding-bottom: 2rem !important;
}

.save-holder {
  background-color: transparent;
  padding-bottom: 2rem !important;
}

.save-holder .container {
  max-width: 480px;
}


/* ****** billing plan section ****** */
.billing-plan > :first-child .container div {
  margin-top: 0.4rem;
}

.billing-plan > :first-child .container > div:first-of-type {
  margin-top: 0.8rem;
}

.billing-plan > :nth-child(2) > :first-child > div {
  border-bottom: 2px solid #f3f3f3;
  padding-bottom: 2rem;
}

.billing-plan > :nth-child(2) > :first-child > div > :first-child {
  margin-bottom: 0.8rem;
}

.billing-plan > :nth-child(2) > :last-child {
  padding-top: 2rem;
  padding-bottom: 0.4rem;
}

.billing-plan h2, .billing-plan .total {
  line-height: 1.5;
  letter-spacing: 0.025rem;
}

.billing-plan .font-level-2 {
  line-height: 1.33;
  letter-spacing: 0.025rem;
}

.billing-plan span {
  letter-spacing: normal;
}

.billing-plan > :last-child {
  border-bottom: none;
}
/* ****** end billing plan section ****** */


/* ****** Book Overview section ****** */
.book-overview {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.book-overview .star-ratings-css {
  float: none;
  margin-top: 2.4rem;
}

.book-overview h2 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0.05rem;
  margin-top: 1.2rem;
}

.book-overview h3 {
  line-height: 1.5;
  letter-spacing: 0.025rem;
  margin-top: 1.2rem;
}

.book-overview p {
  line-height: 1.25;
  letter-spacing: 0.025rem;
  margin-top: 3.2rem !important;
}

.list {
  list-style: none;
  padding: 0;
}

.list li {
  margin-bottom: 1rem;
}

.book-overview .list div {
  padding: 0;
}

.book-overview .list .badge {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  vertical-align: middle;
}
/* ****** end Book Overview section ****** */


/* ****** Add to box section ****** */
.add-to-box, .remove-from-box {
  padding-bottom: 2rem !important;
}

.add-to-box .selection > :first-child,
.remove-from-box .selection > :first-child {
  border-top: none;
}

.selection .call-to-action {
  width: 10rem;
  border-radius: 3.1rem !important;
  line-height: 1.25;
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
  margin-top: 0.35rem;
  box-shadow: none !important;
}

.add-to-box .selection,
.remove-from-box .selection {
  margin-top: 2rem !important;
}

.box-detail > span {
  display: block;
}

.box-detail .child {
  margin: 0;
  line-height: 1.25;
  letter-spacing: 0.025rem;
}

.box-detail .box-value {
  color: #606060;
  margin-top: 0.8rem;
  line-height: 1.33;
  letter-spacing: 0.025rem;
}

.box-detail.in-box .box-value {
  color: #019e94;
  background-image: url(/sites/3/images/newdesign/tick-green.png);
  background-size: 1.3rem;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 2.5rem;
}
/* ****** End Add to box section ****** */


/* ****** Latest Reviews section ****** */
.reviews-holder {
  border-bottom: 2px solid #f3f3f3;
  margin-top: 2rem !important;
}

.reviews-holder li {
  margin-bottom: 3.2rem;
}

.reviews-holder li.no-reviews {
  margin-bottom: 0;
}

.reviews-holder .star-ratings-css {
  float: none;
}

.reviews-holder p {
  line-height: 1.25;
  letter-spacing: 0.025rem;
  margin-top: 0.8rem !important;
}

.reviews-holder span {
  display: inline-block;
  line-height: 1.33;
  letter-spacing: 0.025rem;
  margin-top: 1.2rem;
}
/* ****** End Latest Reviews section ****** */


/* ****** next box section ****** */
.next-box .list div {
  padding: 0;
}

.next-box .box-date {
  padding-top: 0.9rem !important;
}

.next-box .call-to-action {
  line-height: 1.25;
  letter-spacing: 0.025rem;
  width: 13.5rem;
  padding-top: 0.85rem;
  padding-bottom: 1.1rem;
  border-radius: 3.1rem;
}

.next-box .upcoming {
  border-top: 2px solid #f3f3f3;
  padding-top: 1.6rem;
  padding-bottom: 2.6rem;
}

.next-box .upcoming.first {
  margin-top: 3.2rem;
}

.next-box .upcoming > :first-child {
  line-height: 1.25;
  letter-spacing: 0.025rem;
}

.next-box .upcoming > :last-child {
  padding-top: 0.25rem;
  line-height: 1.33;
  letter-spacing: 0.025rem;
}
/* ****** end next box section ****** */


/* ****** change change overlay section ****** */
#change-date-overlay .list {
  margin-top: 2.6rem;
}

#change-date-overlay .list div {
  padding: 0;
}

#change-date-overlay .list li {
  margin-bottom: 2rem;
}

#change-date-overlay .list li > :first-child {
  line-height: 1.25;
  letter-spacing: 0.025rem;
}

#change-date-overlay .list li > :last-child {
  line-height: 1.33;
  letter-spacing: 0.025rem;
  padding-top: 0.25rem;
}
/* ****** end change date overlay section ****** */


/* ****** cancel plan overlay section ****** */
#cancel-plan-overlay .opener .selection .active .text-container {
  font-weight: bold;
}

#cancel-plan-overlay .opener .selection {
  margin-top: 3.2rem;
}

#cancel-plan-overlay .hide {
  display: none;
}

#cancel-plan-overlay .did-you-know .container > h3 {
  margin-top: 1.2rem;
}

#cancel-plan-overlay .reason-pane p {
  margin-top: 1.6rem;
}

#cancel-plan-overlay .selection.boxed,
#change-subscription-type-overlay .selection.boxed  {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

#cancel-plan-overlay .selection.boxed li,
#change-subscription-type-overlay .selection.boxed li {
  box-shadow: 0 0 0.8rem 0.4rem #f3f3f3;
  margin-bottom: 1rem;
  padding-top: 0;
}

#cancel-plan-overlay .selection.boxed .text-container,
#change-subscription-type-overlay .selection.boxed .text-container {
  padding-top: 0;
}

#cancel-plan-overlay .selection.boxed .text-container > *,
#change-subscription-type-overlay .selection.boxed .text-container > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

#cancel-plan-overlay .selection.boxed  h3,
#change-subscription-type-overlay .selection.boxed  h3  {
  border-bottom: 2px solid #f3f3f3;
  line-height: 1.25;
  letter-spacing: 0.025rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#cancel-plan-overlay .selection.boxed  .text-container div,
#change-subscription-type-overlay .selection.boxed  .text-container h4,
#change-subscription-type-overlay .selection.boxed  .text-container p  {
  line-height: 1.33;
  letter-spacing: 0.025rem;
  margin-top: 1.2rem;
}

#cancel-plan-overlay .selection.boxed .text-container > div:first-of-type {
  margin-top: 1.6rem;
}

#cancel-plan-overlay .selection.boxed .radio-button,
#change-subscription-type-overlay .selection.boxed .radio-button {
  width: 4rem;
  height: 4rem;
  margin-top: 2rem;
}

#cancel-plan-overlay .selection.boxed  .active .radio-button,
#change-subscription-type-overlay .selection.boxed  .active .radio-button {
  background: none;
}

#cancel-plan-overlay .selection.boxed  .radio-button:after,
#change-subscription-type-overlay .selection.boxed  .radio-button:after {
  transition: all 0.8s;
  content: "";
  display: block;
  width: 80%;
  height: 80%;
  margin-left: 10%;
  margin-top: 10%;
  border-radius: 50%;
  background-color: #fff;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

#cancel-plan-overlay .selection.boxed .active .radio-button:after,
#change-subscription-type-overlay .selection.boxed .active .radio-button:after {
  background-color: #e73339;
  background-image: url(/sites/3/images/newdesign/tick.png);
}

#cancel-plan-overlay .selection.boxed .call-to-action {
  border-radius: 0.5rem;
}

.featherlight-content .call-to-action.big {
  display: block;
  width: 80%;
  margin: 0 auto;
  border-radius: 0.8rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 2rem;
}

#change-subscription-type-overlay .call-to-action.big {
  margin-bottom: 2rem;
}

.featherlight-content .call-to-action.outside {
  background-color: #fff;
  color: #e73339;
  box-shadow: none;
  border: 2px solid #e73339;
  margin-bottom: 2rem;
}

.featherlight-content .call-to-action.outside:hover {
  background-color: #e73339 !important;
}

#cancel-plan-overlay .cancellation-more-info > .container {
  margin-top: 2.5rem;
}

#cancel-plan-overlay .cancellation-more-info p  {
  margin-top: 2.5rem !important;
}

#cancel-plan-overlay .cancellation-more-info p:first-of-type {
  margin-top: 0 !important;
}

#cancel-plan-overlay .cancellation-more-info textarea {
  width: 100%;
  height: 20rem;
  outline: none;
  border-radius: 0.5rem;
  margin-top: 2.5rem;
  padding: 0.5rem;
}

#cancel-plan-overlay .cancellation-more-info button {
  box-shadow: none;
  margin-top: 4rem;
  margin-bottom: 2.5rem;
}
/* ****** end cancel plan overlay section ****** */


/* ****** return books overlay section ****** */
#return-books-overlay {
  background-color: #f3f3f3;
}

#return-books-overlay .opener .title-holder {
  background-color: #fff;
}

#return-books-overlay .opener > .container {
  margin-top: 6rem;
  padding-bottom: 2.5rem;
}

#return-books-overlay .books {
  margin-top: 3rem;
}

#return-books-overlay .books li {
  background-color: #fff;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

#return-books-overlay .books .container div {
  padding: 0;
}

#return-books-overlay .books .image-holder {
  max-height: 11rem;
  overflow: hidden;
}

#return-books-overlay .books .book-details-holder {
  padding-left: 1rem !important;
}

#return-books-overlay .books .book-details-holder h3 {
  height: 4rem;
  line-height: 1.25;
  letter-spacing: 0.025rem;
}

#return-books-overlay .books .book-details-holder h4 {
  margin-top: 0.8rem;
  line-height: 1.33
}

#return-books-overlay .books .book-details-holder .price-holder {
  margin-top: 1.8rem;
}

#return-books-overlay .books .book-details-holder .price-holder > :first-child {
  line-height: 1.25;
}

#return-books-overlay .books .book-details-holder .price-holder > :last-child {
  line-height: 1.33;
  padding-top: 0.3rem;
}

#return-books-overlay .selection {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

#return-books-overlay .radio-button {
  margin: 0 !important;
}

#return-books-overlay .confirmation > .container {
  margin-top: 5rem;
}

#return-books-overlay .confirmation > .container > div:not(.clearfix) {
  margin-bottom: 0.8rem;
}

#return-books-overlay .confirmation > .container .clearfix {
  margin-top: 4rem;
}

#return-books-overlay .confirmation .call-to-action {
  display: inline-block;
  /* width: auto; */
}
/* ****** end return books overlay section ****** */


/* ****** account updated page ****** */
.account-updated-page {
  background-color: transparent !important;
  margin-top: 8rem !important;
}

.account-updated-page .container {
    max-width: 468px;
}

.account-updated-page h3, .account-updated-page p {
  line-height: 1.5;
  letter-spacing: 0.025rem;
}

.account-updated-page h3 {
  color: #019e94;
  margin-top: 1.2rem;
}

.account-updated-page p {
  margin-top: 2.4rem;
}

.account-updated-page .call-to-action {
  margin-top: 6rem;
  width: 100%;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
/* ****** end account updated page ****** */


/* ****** Child & Reading Age overlay ****** */
#child-reading-age-overlay > .container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

#child-reading-age-overlay h3, #child-reading-age-overlay ul {
  letter-spacing: 0.025rem;
  line-height: 1.25;
}

#child-reading-age-overlay ul {
  margin-top: 2rem;
}

#child-reading-age-overlay .reading-age {
  margin-top: 3rem;
}

#child-reading-age-overlay .call-to-action {
  margin-top: 3rem;
}

#child-reading-age-overlay .active {
  font-weight: bold;
}
/* ****** end Child & Reading Age overlay ****** */


/* ****** Discovery Lists overlay ****** */
#discovery-lists-overlay > .container {
  padding-bottom: 2.5rem;
}

#discovery-lists-overlay ul {
  margin-top: 1.5rem;
}

#discovery-lists-overlay ul > :first-child {
  border-top: none;
}

#discovery-lists-overlay h3 {
  line-height: 1.25;
  letter-spacing: 0.025rem;
}

#discovery-lists-overlay p {
  line-height: 1.33;
  letter-spacing: 0.025rem;
  margin-top: 0.8rem;
}

#discovery-lists-overlay .radio-button {
  margin-top: 1rem;
}

#discovery-lists-overlay .active h3 {
  font-weight: bold;
}
/* ****** end Discovery Lists overlay ****** */


/* ****** Add to Box overlay ****** */
#add-to-box-overlay ul {
  margin-top: 1.5rem;
}

#add-to-box-overlay .title-holder span {
  display: none;
}

#add-to-box-overlay ul > :first-child {
  border-top: none;
}

#add-to-box-overlay ul > :last-child {
  border-bottom: 2px solid #f3f3f3;
}

#add-to-box-overlay .active {
  font-weight: bold;
}

#add-to-box-overlay h3 {
  line-height: 1.25;
  letter-spacing: 0.025rem;
  margin-top: 5rem;
}

#add-to-box-overlay p {
  line-height: 1.33;
  letter-spacing: 0.025rem;
  margin-top: 1.5rem;
}

#add-to-box-overlay .align-bottom {
  margin-top: 5rem;
}
/* ****** end Add to Box overlay ****** */


/* ****** Reactivate account section ****** */
.reactivate-account {
  display: none;
  padding-bottom: 1.5rem !important;
}

.reactivate-account .call-to-action {
  line-height: 1.25;
  letter-spacing: 0.025rem;
  width: 13.5rem;
  padding-top: 0.85rem;
  padding-bottom: 1.1rem;
  border-radius: 3.1rem;
}

#reactivate-account-overlay select {
  margin-top: 1rem;
  height: auto !important;
}
/* ****** end Reactivate account section ****** */


.plan-settings-page a {
  cursor: pointer;
}

.plan-settings-page .main-header .text-right {
  margin-top: 0.25rem;
}


/* ****** book history page ****** */
.years-container {
  margin-top: 0.25rem;
}

.years-container a {
  color: #b9b9b9;
  margin-left: 1rem;
  text-decoration: none;
}

.books-holder .book {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}

.books-holder .book-details-holder {
  height: auto;
}

.books-holder .book-details-holder .clearfix > div {
  padding-left: 0;
  padding-right: 0;
}

.books-holder .status {
  color: #019e94;
}

.books-holder .status.bad {
  color: #e73339;
}

.books-holder .book-details-holder h3 {
  margin-top: 0.8rem;
}

.books-holder .list {
  margin-top: 2rem;
  color: #0076ff;
}

.books-holder .list li {
  padding-bottom: 1rem;
  border-bottom: 1px solid #f3f3f3;
}

.books-holder .list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.books-holder .list a, .subscription-links a {
  color: #0076ff;
  text-decoration: none;
}

.books-holder .list a:hover, .subscription-links a:hover {
  color: #003b7f;
}

.books-holder .list li.clearfix > * {
  line-height: 1.6rem;
}

#all-children-overlay .selection li:first-child,
#book-status-overlay .selection li:first-child,
#review-book-overlay .selection li:first-child {
  border-top: 0;
}

#all-children-overlay .active,
#book-status-overlay .active {
  font-weight: bold;
}

#review-book-overlay .selection {
  margin-top: 1rem
}

#review-book-overlay .form-message {
  margin-top: 2rem;
}

#buy-books-overlay .selection {
  margin-top: 2rem;
}

#buy-books-overlay .selection .active {
  font-weight: bold;
}

#buy-books-overlay p span {
  display: inline-block;
}

#buy-books-overlay .image-holder {
  cursor: auto;
}

#buy-books-overlay .text-container {
  max-width: 50%;
  cursor: auto;
}

#buy-books-overlay .price-holder {
  margin-right: 1.5rem;
  margin-top: 0.75rem;
}
/* ****** end book history page ****** */


/* ****** late books page ****** */
.late-books-page .buy-selected-books {
  width: 100%;
  position: relative;
  margin-right: 0 !important;
  padding: 0.8rem 2rem 1rem 2rem;
  max-width: 480px;
}

.late-books-page .buy-selected-books small {
  font-size: 0.7em;
  position: absolute;
  right: 3.5rem;
  bottom: 1.2rem;
  color: #fff;
}

.late-books-page .main-header .buy-selected-books {
  border-radius: 3.1rem;
  margin-top: 0;
}

.late-books-page .book-details-holder {
  height: 13.75rem;
}

.late-books-page .book-details-bottom {
  line-height: 3.2rem;
}

.late-books-page .book-details-bottom > div:last-child {
  line-height: normal;
}

/* ****** end late books page ****** */


/* ****** billing details page ****** */
.billing-details-page .content-holder > .list {
  padding-top: 0.4rem;
}

.billing-details-page .content-holder > .list  > li {
  padding: 1.6rem 15px;
  width: 100%;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.billing-details-page .content-holder > .list  > li:first-child h2 {
  padding-bottom: 0.4rem;
}

.billing-details-page .content-holder > .list  > li:first-child div {
  margin-top: 0.4rem;
}

.billing-details-page .list li {
  border-bottom: 1px solid #f3f3f3;
  margin-bottom: 0;
}

.billing-details-page .list li:last-child {
  border-bottom: 0;
}

.billing-details-page .list .clearfix > * {
  padding-left: 0;
  padding-right: 0;
}

.billing-details-page .list .list li {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.billing-details-page .list .list li:first-child {
  padding-top: 0.4rem;
}

.billing-details-page .list .list li .clearfix {
  margin-bottom: 0.8rem;
}

.billing-details-page .list .list li .clearfix:last-child {
  margin-bottom: 0;
}

.billing-details-page .list .list li:last-child {
  padding-bottom: 0.4rem;
}
/* ****** end billing details page ****** */


/* ****** your plans page ****** */
.your-plans-page section:not(.add-subscription) {
  padding-top: 2rem;
}

.your-plans-page section .container {
  max-width: 480px;
}

.subscription-children li {
  margin-top: 2rem;
}

.subscription-children li:first-child {
  margin-top: 0;
}

.subscription-children .child-badge {
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
  background-color: #95feff;
  line-height: 5.2rem;
}

.subscription-children .child-badge span {
  opacity: 0.5;
}

.subscription-children .child-subscription-details {
  margin-left: 2rem;
  width: calc(100% - 7.2rem);
}

.subscription-children .child-subscription-details > :last-child {
  margin-top: 1rem;
}

.subscription-children .child-subscription-details .modal-link {
  margin-top: 0;
}

.subscription-links li {
  border-top: 1px solid #f3f3f3;
  margin-top: 0;
  margin-bottom: 0;
}

.subscription-links a {
  display: block;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  position: relative;
  margin-top: 0;
}

.subscription-links a:after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(/sites/3/images/newdesign/arrow-down-black.png);
  background-size: contain;
  transform: rotate(-90deg);
  position: absolute;
  right: 0;
  top: 1.6rem;
  opacity: 0.54;
  transition: all 0.8s;
}

.subscription-links a:hover:after {
  opacity: 1;
}

.add-subscription .subscription-links {
  margin-top: 10px !important;
}

.add-subscription .subscription-links li {
  border-top: 0;
}

.add-subscription .subscription-links li a {
  line-height: 2.5rem;
}

.add-subscription .subscription-links a:after {
  border: 1px solid #0076ff;
  border-radius: 50%;
  background-image: url(/sites/3/images/newdesign/plus-sign-blue.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  width: 2rem;
  height: 2rem;
}

.add-subscription .subscription-links a:hover:after {
  border-color: #003b7f;
  background-color: #003b7f;
  background-image: url(/sites/3/images/newdesign/plus-sign.png);
}
/* ****** end your plans page ****** */


/* ****** profile interests page ****** */
#reading-age-overlay .selection {
  margin-top: 2rem;
}

#reading-age-overlay .selection .active {
  font-weight: bold;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  padding: 5px !important;
}

.flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay {
  visibility: hidden;
}

.content-holder.interests p.fail {
  margin-top: 1.6rem !important;
}

.interest-tick.updating {
  opacity: 1;
  transform: scaleX(1) scaleY(1);
  position: relative;
}

.interest-tick.updating svg {
  visibility: hidden;
}

.interest-tick.updating:before {
  position: absolute;
  content: "";
  display: block;
  box-sizing: border-box;
  width: 2.5em;
  height: 2.5em;
  left: calc(50% - 1.25em);
  border-radius: 50%;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-left-color: red;
  -webkit-animation: featherlightLoader 1s infinite linear;
          animation: featherlightLoader 1s infinite linear;
}
/* ****** profile interests page ****** */


/* ****** account intro page ****** */
.account-intro-page .subscriptions {
  border-bottom: 0;
}

.account-intro-page .subscriptions .subscription-children {
  margin-top: 3.2rem;
}

.account-intro-page .content-holder .container > div {
  margin-top: 1.6rem;
}

.account-intro-page .logout {
  padding-top: 1.6rem;
  padding-bottom: 2rem;
}

.account-intro-page .logout .modal-link {
  margin-top: 0 !important;
  text-decoration: none;
}
/* ****** end account intro page ****** */


/* ****** Page footer ****** */
.main-footer {
  margin-top: -5px;
  border-bottom: 0;
}

.main-footer .reindeer {
  /* display: block; */
  display: none;
  margin: -10rem auto 0;
  width: 15rem;
}

.main-footer section {
  padding-top: 5rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1030px;
}

.main-footer .row {
  margin-left: 0;
  margin-right: 0;
}

.main-footer h2 {
  margin-bottom: 0;
  color: white;
}

.main-footer a {
  display: block;
  text-decoration: none;
  color: white;
  text-align: center;
}

.main-footer a:hover {
  color: white;
}

.main-footer .new-social {
  margin-top: 5rem;
}

.main-footer .new-social .container {
  width: 100% !important;
}

.main-footer .new-social a {
  display: inline-block;
  width: 5rem;
  margin: 0 1rem;
}

.main-footer .links {
  margin-top: 3.5rem;
}

.main-footer .links > div {
  padding: 0;
}

.main-footer .links a {
  margin-top: 2rem;
}

.main-footer section > div:last-child {
  margin-top: 6.5rem;
  margin-bottom: 3rem;
}

.main-footer section > div:last-child .container {
  width: 100% !important;
}

.our-books-page + .main-footer  {
  background-color: #f3f3f3;
}

.main-footer.internal {
  text-transform: none;
  /* margin-top: 2rem; */
  background-color: #f3f3f3;
}

.main-footer.internal section {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: transparent;
}

.main-footer.internal a {
  display: inline-block;
  margin-top: 0;
  color: #e73339 !important;
}

.main-footer.internal a:hover {
  color: #c9171d !important;
  text-decoration: none !important;
}
/* ****** End Page footer ****** */