@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Sarabun:300,400,700&subset=latin-ext');

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap&subset=latin-ext');

@font-face {
    font-family: 'Pocket';
    src: url('/fonts/Pocket.eot');
    src: url('/fonts/Pocket.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Pocket.woff2') format('woff2'),
         url('/fonts/Pocket.woff') format('woff'),
         url('/fonts/Pocket.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #dfe9e4 none no-repeat scroll 0 0;
    font-family: 'Sarabun', sans-serif;
	color: #202020;
	-webkit-font-smoothing: antialiased;
}

.font-default {
    font-family: 'Sarabun', sans-serif;
}

.alert-bar {
    width: 100% !important;
    font-size: 0.85rem;
    background: #dfe9e4;
    border: none;
}

.promo {
    background: #000;
    color: #ffd100;
	text-align: center;
}

.promo .row {
    padding-bottom: 0 !important;
}

.off30 {
    padding: 0.35rem 0;
    font-size: 0.85rem;
	text-align: center;
}

.off30 .qs {
    font-size: 1.1rem;
	letter-spacing: 0;
}

.voucher {
	background-color: #fed34a;
	text-align: center;
	padding: 1rem;
	color: #000;
}

.no-shadow {
	box-shadow: none !important;
}

._10percent {
}

._15percent {
}

._20percent {
}

h1, h2, h3 {
    font-family: 'Red Hat Display', sans-serif;
    color: #295746;
	line-height: 1.5;
	display: block;
}

h1 {
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.35;
}

h2 {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.4;
}

h3 {
	font-size: 1.35rem;
	font-weight: 500;
	color: #111;
	line-height: 1.35;
}

.uppercase {
	text-transform: uppercase;
	letter-spacing: 1px;
}

a, a:link, a:visited {
	color: #398267;
	text-decoration: underline;
}

a:hover, a:active {
	color: #202020;
	text-decoration: none;
}

*:focus {
	outline: 0 !important;
}

.alert a, .alert a:link, .alert a:visited {
    color: inherit;
    text-decoration: underline;
    font-weight: 700;
}

.linklike {
	color: #398267;
	text-decoration: underline;
	cursor: pointer;
	font-weight: 400;
}

.brand2 {
    background-color: #99c0af;
}

/*.brand2 a, .brand2 a:link, .brand2 a:visited {
	color: #ffffff;
}*/

.brand3 {
    background: #d3e2dd;
	box-shadow: none;
	margin-bottom: 0;
	padding: 0;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle,
.cancel{
	background: rgba(0,0,0,0);
    border: none;
}

.cancel {
    font-size: 1.1rem;
    font-weight: 100;
}

.qs {
    font-family: 'Pocket', sans-serif;
	font-weight: normal;
    text-transform: lowercase;
    letter-spacing: 2px;
}

.blockquote-footer {
    background: none;
}

.white {
    color: #ffffff !important;
}

.coral {
    color: #e9402b !important;
}

.easy {
    color: #ee4224 !important;
	font-weight: 700;
}

.black {
	color: #000000 !important;
}

.desktop {
	display: none !important;
}

.mobile {
	display: flex!important;
}

header {
    background: url(/images/header.png) no-repeat scroll center top;
    background-size: 100% 80%;
    max-height: 300px;
    padding: .35rem 0;
}

.login {
    font-weight: 700;
	display: none;
}

.local {
    position: fixed;
    top: 80px;
    right: 0px;
    z-index: 100;
    background-color: rgba(141,195,175,1);
    padding: 10px;
    border-radius: 10px 0 0 10px;
	display: none;
}

.local > .drawer, .local > .toggle_drawer {
	cursor: pointer;
}

.local > .drawer img, .local > .toggle_drawer img {
	max-width: 30px;
	display: block;
	padding: 0;
	margin: 0;
}

.local > .drawer img {
	opacity: .5;
	margin: 0 0 20px 0;
}

.local > .drawer img:hover {
	opacity: 1;
}

.microtrust {
    background-color: #bbdad0;
    border-radius: 6px;
    padding: 12px 0 8px;
}

.microtrust-mobile {
    background-color: #fff;
    border-radius: 6px;
    padding: 28px 0 20px;
    margin-bottom: 40px;
    margin-top: 20px;
}

.trustpilot-list {
    margin: -20px auto 60px;
    padding: 1rem;
}

section {
	margin-bottom: 3rem;
	padding: 0;
}

.cookie-consent {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: #99c0af;
    left: 0;
    padding: 1.2rem;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    opacity: .95;
	display: flex;
	justify-content: space-between;
	z-index: 100;
}

.cookie-close {
	margin-left: 2rem;
}

.badge-promo img {
	width: 100%;
}

.icon-account {
    width: 1rem;
}

.row {
	padding-bottom: 30px;
}

.row h3 {
    margin-bottom: 0;
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    max-width: 64vw;
    margin-left: 1rem;
}

label {
    margin-top: 0;
    margin-bottom: 0.2rem;
}

.form-group {
	margin-bottom: 0.3rem;
}

select.form-control:not([size]):not([multiple]) {
    padding: 0 8px;
	color: #121212;
	height: calc(2.25rem + 12px);
}

.headers-landing h1 {
	font-family: "Pocket", sans-serif;
	text-transform: lowercase;
}

.headers-landing h2 {
	text-transform: lowercase;
	color: #fff;
	font-weight: 400;
}

.highlight {
	color: #ffd100;
}

.intro {
    min-height: 280px;
}

.intro .intro-subscribe img {
    width: 60%;
    margin-bottom: 2rem;
}

.btn-bs, .btn-bs:hover,
a.btn-bs, a.btn-bs:hover {
    background: #e03127;
    border: none;
    box-shadow: 0 5px 0 #8e2925;
    border-radius: .6rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.3rem;
    font-family: 'Pocket', sans-serif;
    letter-spacing: 0.1rem;
    padding: .2rem 1.2rem;
    position: relative;
    text-transform: lowercase;
    text-decoration: none;
	width: auto;
    height: auto;
    right: auto;
    top: auto;
}

.btn-bs:after {
    background: transparent;
    border-radius: 1rem;
    box-shadow: 0 80px 0 rgba(0,0,0,0.3);
    content: "";
    position: absolute;
    top: -70px;
    left: 5px;
    right: 0;
    bottom: 63px;

    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    transform: rotate(3deg);
    z-index: -1;
}

.mobile-fullwidth, .mobile-fullwidth:hover {
	width: 90%;
    font-size: 1.5rem;
}

.form-control {
    border-radius: 0.2rem;
}

.initial-form {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 90;
    justify-content: center;
    padding: 1rem 0 1.65rem;
    background: rgba(0, 0, 0, 0.6) none no-repeat scroll top center;
}

.initial-form h3 {
    color: #ffffff;
    font-weight: normal;
    padding-bottom: 0.5rem;
}

.initial-form .customize {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    padding: 0;
    background: rgba(0,0,0,0);
}

.initial-form .customize .name,
.initial-form .customize .gender,
.initial-form .customize .create-initial {
    padding: 0.3rem 1rem;
}

#childname {
    font-family: 'Sarabun', sans-serif;
    font-size: 1.5rem;
    letter-spacing: .1rem;
	font-weight: 700;
    text-align: center;
	border: none;
}

#childname:focus {
    box-shadow: 0 0 0 .2rem rgba(185,218,208,.5);
}

.how-it-works {
}

.carousel {
    margin-bottom: 0;
}

#carousel-howitworks {
	width: 100%;
}


.what-do-you-get {
    justify-content: center;
}

.blurb {
	padding: 7% 7% 0;
}

.popover {
    background: url("/images/dymek.png") no-repeat rgba(0,0,0,0) scroll center top;
	background-size: 100% 100%;
	border: none;
}

.popover .arrow {
	display: none !important;
}

.popover-body {
	padding: 2.5rem 2rem;
}


.reviews {
}

.instagram-feed {
    padding: 2rem 0 3rem;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}

.instagram-feed a {
	width: 29%;
	margin: 2%;
	box-shadow: 0 0 15px 6px rgba(115,160,150,1);
	overflow: hidden;
	padding-top: 29%;
	position: relative;
}

.instagram-feed a img {
	width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.why-subscribe, .what-do-you-get, .social-proof {
	background: #dfe9e4;
}

.blurb h2 {
    font-size: 1.45rem;
    color: #000;
    font-weight: normal;
    margin: .5rem auto 1rem;
}

.blurb h4 {
    font-family: 'Pocket', sans-serif;
	text-transform: uppercase;
	color: #e7514c;
	font-size: 30px;
}

.blurb > .book-cover {
	margin: 0 auto 1rem;
	max-width: 250px;
}

.book-cover.rotate-left {
	transform: rotate(-7deg);
}

.book-cover.rotate-right {
	transform: rotate(7deg);
}

.blurb-img {
    max-width: 70px;
    height: 70px;
	fill: #398267;
}

.previous-editions .blurb {
	padding: 0 5% 10% 5%;
	font-size: 1.1rem;
}

.library {
	display: flex;
	flex-wrap: wrap;
}

.lib-item, .lib-item-selected {
	background: rgba(255,255,255,1);
	border-radius: 4px;
	width: 47%;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 2rem;
	box-shadow: 6px 6px 10px rgba(0,0,0,.13);
	cursor: pointer;
	position: relative;
}

.lib-item-selected:after {
    content: "✓";
    position: absolute;
    top: 10px;
    right: 10px;
    background: #ffffff;
    color: #295746;
    width: 40px;
    height: 40px;
    display: flex;
	align-items: center;
    font-size: 2rem;
    border-radius: 40px;
	padding: 0 9px;
}

.lib-item:hover {
	box-shadow: none;
}

.lib-item p, .lib-item-selected p {
	padding: 1rem;
    margin-bottom: 0.3rem;
    font-size: .9rem;
    line-height: 125%;
}

.lib-item-selected {
	background: #295746;
	color: #FFFFFF;
	box-shadow: none;
}

.prev-covers {
    width: 85%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.float-hedgehog {
    position: absolute;
    right: 0;
    top: -7rem;
    display: none;
}

.float-bird {
    display: none;
}

.edition {
    font-size: 1.2rem;
    font-weight: 700;
}

.edition span {
	display: block;
}

.edition a {
    font-size: 1rem;
    cursor: pointer;
    text-decoration: underline !important;
	display: inline-block;
}

.edition a:hover {
    text-decoration: none;
}

.stripes {
}

.social-icon-wrap a {
    display: inline-block;
}

.newsletter-signup {
    padding-top: 0;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.contact_hd {
	margin-bottom: 2rem;
}

.faqs p {
    padding-bottom: 1rem;
}

.faqs .q {
    font-weight: 700;
}

.sad {
    width: 80px;
}


.book_preface {
	background-color: rgba(255,255,255,0.5);
	padding: 1rem;
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.065);
	display: flex;
	align-items: center;
	max-width: 600px;
}

.book_preface_thumbnail {
	position: relative;
}

.book_preface_thumbnail > .book_cover {
	height: 150px;
	margin-right: 1rem;
}

.book_preface_thumbnail > .sticker1 {
	position: absolute;
	width: 100px;
	height: 100px;
	right: -50px;
	bottom: -30px;
	display: none;
}

.book_preface > p {
	padding-left: 10px;
}


.book-wizard {
    padding: 2rem 0;
}

.preview {
    position: sticky;
    top: 0px;
    z-index: 100;
    text-align: center;
    margin-bottom: 3rem;
}

.avatar-wrap {
    background: none no-repeat rgba(0,0,0,0) scroll center top;
	padding-top: 0;
    box-shadow: none;
}

.avatar {
	border: 10px solid #99c0af;
    width: 260px;
    height: 260px;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
	background: -moz-linear-gradient(top, #d6e1dd 30%, #709887 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d6e1dd 30%, #709887 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d6e1dd 30%, #709887 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}

.avatar::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 100%;
    overflow: hidden;
}

.avatar img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.customize {
    text-align: center;
    background: #99c0af;
    padding: 1rem 2rem;
}

.customizer .row {
    padding: 1.8rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

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

.customizer .row:last-child {
    border-bottom: none;
}

.custom-radios div {
      display: inline-block;
}

.custom-section-label {
    white-space: nowrap;
}

.custom-section-label h3 {
    margin-bottom: 1rem;
	text-transform: lowercase;
	color: #fff;
	font-weight: 200;
}

.custom-radios input[type="radio"] {
      display: none;
}
.custom-radios input[type="radio"] + label {
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin: 0.3rem
}
.custom-radios input[type="radio"] + label span {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
    margin: 3px;
}

/*skin-colors*/
.custom-radios input[type="radio"]#skin_color1 + label span {
  background-color: #FFEDCE;
}
.custom-radios input[type="radio"]#skin_color2 + label span {
  background-color: #E2AD7E;
}
.custom-radios input[type="radio"]#skin_color3 + label span {
  background-color: #6F4219;
}
.custom-radios input[type="radio"]#skin_color4 + label span {
  background-color: #391B00;
}


/*freckles*/
.freckles.custom-radios input[type="radio"]#freckles1 + label span {
  background-image: url(/images/customize/none.png);
}
.freckles.custom-radios input[type="radio"]#freckles2 + label span {
  background-image: url(/images/customize/freckles1.png);
}

/*eye-types*/
.eye-type.custom-radios input[type="radio"]#eye_type1 + label span {
  background-image: url(/images/customize/eyes-caucasian.png);
}
.eye-type.custom-radios input[type="radio"]#eye_type2 + label span {
  background-image: url(/images/customize/eyes-asian.png);
}

/*eye-colors*/
.custom-radios input[type="radio"]#eye_color1 + label span {
  background-color: #8BC5F0;
}
.custom-radios input[type="radio"]#eye_color2 + label span {
  background-color: #6a8939;
}
.custom-radios input[type="radio"]#eye_color3 + label span {
  background-color: #7d878b;
}
.custom-radios input[type="radio"]#eye_color4 + label span {
  background-color: #4e2c0e;
}

/*hair-colors*/
.custom-radios input[type="radio"]#hair_color1 + label span {
  background-color: #F9E9B5;
}
.custom-radios input[type="radio"]#hair_color2 + label span {
  background-color: #D06200;
}
.custom-radios input[type="radio"]#hair_color3 + label span {
  background-color: #884c17;
}
.custom-radios input[type="radio"]#hair_color4 + label span {
  background-color: #4e2c0e;
}
.custom-radios input[type="radio"]#hair_color5 + label span {
  background-color: #000000;
}
.custom-radios input[type="radio"]:checked + label span {
    opacity: 1;
    border: 2px solid #FFFFFF;
    width: 46px;
    height: 46px;
    display: inline-block;
    margin: 0;

}

.gender.custom-radios input[type="radio"] + label span,
.freckles.custom-radios input[type="radio"] + label span,
.eye-type.custom-radios input[type="radio"] + label span,
.hair-style.custom-radios input[type="radio"] + label span/*,
.glasses.custom-radios input[type="radio"] + label span*/ {
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgba(255,255,255,0);
    text-align: center;
    line-height: 64px;
    margin: 3px;
}
.gender.custom-radios input[type="radio"]:checked + label span,
.freckles.custom-radios input[type="radio"]:checked + label span,
.eye-type.custom-radios input[type="radio"]:checked + label span,
.hair-style.custom-radios input[type="radio"]:checked + label span/*,
.glasses.custom-radios input[type="radio"]:checked + label span*/ {
    background-color: rgba(77,126,102,.5);
    /*border: 2px solid rgba(255,255,255,1);*/
	border: none;
    width: 56px;
    height: 56px;
    margin: 0;

}

.glasses.custom-radios input#glasses1:checked + label span {
    border: none;
    background-color: rgba(77,126,102,.5)
}

.custom-radios .hair-style-boy {
    display: none;
}

/*hair-styles*/
.gender.custom-radios input[type="radio"]#gender_boy + label span,
.hair-style.custom-radios input[type="radio"]#hair_style_boy1 + label span {
  background-image: url(/images/customize/hair_boy1.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_boy2 + label span {
  background-image: url(/images/customize/hair_boy2.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_boy3 + label span {
  background-image: url(/images/customize/hair_boy3.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_boy4 + label span {
  background-image: url(/images/customize/hair_boy4.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_boy5 + label span {
  background-image: url(/images/customize/hair_boy5.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_boy6 + label span {
  background-image: url(/images/customize/hair_boy6.png);
}
.gender.custom-radios input[type="radio"]#gender_girl + label span,
.hair-style.custom-radios input[type="radio"]#hair_style_girl1 + label span {
  background-image: url(/images/customize/hair_girl1.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl2 + label span {
  background-image: url(/images/customize/hair_girl2.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl3 + label span {
  background-image: url(/images/customize/hair_girl3.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl4 + label span {
  background-image: url(/images/customize/hair_girl4.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl5 + label span {
  background-image: url(/images/customize/hair_girl5.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl6 + label span {
  background-image: url(/images/customize/hair_girl6.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl7 + label span {
  background-image: url(/images/customize/hair_girl7.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl8 + label span {
  background-image: url(/images/customize/hair_girl8.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl9 + label span {
  background-image: url(/images/customize/hair_girl9.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl10 + label span {
  background-image: url(/images/customize/hair_girl10.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl11 + label span {
  background-image: url(/images/customize/hair_girl11.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl12 + label span {
  background-image: url(/images/customize/hair_girl12.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl13 + label span {
  background-image: url(/images/customize/hair_girl13.png);
}
.hair-style.custom-radios input[type="radio"]#hair_style_girl14 + label span {
  background-image: url(/images/customize/hair_girl14.png);
}

/*glasses*/
.glasses.custom-radios input[type="radio"]#glasses1 + label span {
  background-image: url(/images/customize/none.png);
    background-size: 140%;
}
.glasses.custom-radios input[type="radio"]#glasses2 + label span {
  background-color: #6681bc;
}
.glasses.custom-radios input[type="radio"]#glasses3 + label span {
  background-color: #000000;
}
.glasses.custom-radios input[type="radio"]#glasses4 + label span {
  background-color: #33995d;
}
.glasses.custom-radios input[type="radio"]#glasses5 + label span {
  background-color: #b52934;
}


.book-preview h3 {
	text-align: center;
}
.book_preview .spread {
    display: flex;
    margin: 20px 0;
}
.book-preview-cta {
	display: flex;
	justify-content: space-around;
	margin: 3rem auto 6rem;
	text-align: center;
}

.cta-addon {
	max-width: 500px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin: 2rem auto 5rem;
}

.addon {
    padding: 2rem 1rem 2.5rem;
    background-color: rgba(255,255,255,.6);
    border-radius: 14px;
	margin: 1rem 2rem;
	box-shadow: 0 7px 6px rgb(0 0 0 / 5%);
}

.addon-poster {
	max-width:300px;
	margin: 0 auto;
	text-align: right;
}

.addon-hero {
	max-width:400px;
	margin: 0 auto;
	height: auto;
}

.card-cta div label{
    display: inline-block;
    background-color: rgba(255, 255, 255, 1);
    border: none;
    color: #63a38b;
	font-weight: 700;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
	box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    padding: 8px 18px;
    cursor: pointer;
	font-size: 17px;
}

.card-cta div label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .2s ease-in-out;
	color: #E03127;
}



.card-cta div input[type="checkbox"],
	.card-cta2 div input[type="checkbox"]{
  position: absolute;
  opacity: 0;
}




.card-cta div input[type="checkbox"]:checked + label::before {
    content: "\f068";
    /*transform: rotate(-360deg);*/
    transition: transform .3s ease-in-out;
	color: white;
}

.card-cta div input[type="checkbox"]:checked + label {
    border: none;
    background-color: #E03127;
    color: #fff;
    transition: all .2s;
}



/****** Flipbook ******/
.skin-color-bg {
    background: rgba(0, 0, 0,.6);
}
.skin-color{
    color: rgba(255,255,255,1);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.skin-color:hover{
    color: rgba(0,0,0,1);
}
/****** Flipbook ******/


.nav-tabs {
    border-bottom: 1px solid #8DC3AF;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover {
    color: #000;
    background-color: #8DC3AF;
    border-color: #8DC3AF;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: rgba(0,0,0,0);
	background-color: rgba(141,195,175,0.2);
}

.nav-tabs .nav-link {
    color: #000;
}


.braintree-hosted {
	padding-top: 2rem;
}



.order-summary {
}

.order_summary_details {
}

.childname {
	font-weight: 700;
}

.order_summary_details .price_per_month {
	font-size: 1rem;
	font-weight: 700;
}

.subscription_card {
    width: 80%;
    background-color: rgba(255,255,255,0.5);
    margin: 1rem auto;
    border-radius: 1rem;
    box-shadow: 0 0 20px rgba(98, 135, 126, 0.2);
    position: relative;
    min-height: 420px;
    min-width: 200px;
}

.subscription_edit {
    cursor: pointer;
	width: 100%;
}

.subscription_edit a {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.subscription_edit svg {
    fill: rgba(98, 135, 126, 0.35);
    width: 1.5rem;
	max-height: 1.5rem;
}

.subscription_edit svg:hover {
    fill: rgba(98, 135, 126, 0.7);
}

.subscription_edit .dropdown-toggle::after {
    display: none;
}

.subscription_edit .dropdown-menu {
    background-color: #99c0af;
    border: none;
    box-shadow: 0 0 20px rgba(98, 135, 126, 0.32);
}

.recipient {
    padding: 1rem 1rem 0;
    font-weight: bold;
    font-size: 1.6rem;
}

.add_child {
    display: flex;
    align-items: center;
}

.add_child .btn-bs {
    white-space: inherit;
    max-width: 10rem;
    margin: 0 auto;
}

.avatar_thmb {
    margin: 1rem auto;
    max-width: 200px;
    max-height: 200px;
    background-color: #98c0af;
    border: 5px solid #FFFFFF;
    border-radius: 50%;
    overflow: hidden;
    width: 67%;
}

.btn-add-child {
	margin-top: 3rem;
}

.temp {
    opacity: .5;
}

.stamp {
    position: absolute;
    z-index: 10;
    top: 195px;
}

.stamp-half {
    width: 80%;
    margin-bottom: 2rem;
}

.ship_to {
    margin: 0 2rem 1rem;
    text-align: left;
    min-height: 120px;
}

.spacer {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;

}

.payment_info, .loyalty, .manage_subscription {
    padding: 1rem 0 .4rem;
    text-align: left;
    margin: 0 2rem;
    border-top: 1px solid rgba(98, 135, 126, 0.4);
}

.payment_info {
    display: none;
}

.loyalty a, .loyalty a:hover,  .loyalty a:visited,  .loyalty a:active,  .loyalty a:not([href]):not([tabindex]) {
    display: inline-block;
    background-color: #e7514c;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.8rem;
    text-align: center;
    line-height: 1.4rem;
    cursor: pointer;
    color: #FFFFFF;
}

.manage_subscription {
	padding-bottom: 1rem;
	display: flex;
}

/* Braintree Hosted Fields styling classes*/
.braintree-hosted #card-number, .braintree-hosted #cvv, .braintree-hosted #expiration-date  {
}

.bs-cvv {
    width: 100px;
    display: inline-block;
}

.bs-expiration-date {
    width: 120px;
    display: inline-block;
    margin-left: 2rem;
}

#card-number input {
    background-color: #FFFFFF !important;
}

.braintree-hosted-fields-focused {
  border: 1px solid #0275d8;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.braintree-hosted-fields-focused.focused-invalid {
  border: 1px solid #ebcccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(100,100,0,.6);
}
/* Braintree Hosted Fields styling classes*/

.stripes {
    background: url("/images/stripes.png") repeat scroll left top;
	position: relative;
}

.float-mouse {
    position: absolute;
    left: 20%;
    top: -2rem;
}

.ratings {
	padding: 2rem 0;
    display: none;
}

.social-icon {
	height: 50px;
}


.login_register {

}

#password_help {
	text-align: right;
}



/******* summary *******/

.book_cover_summary {
    display: block;
    margin: 0 auto 3rem;
    width: 52%;
    position: absolute;
    z-index: 4;
    left: 20%;
    top: 7%;
	transform: rotate(4deg);
}

.bundle2 {
    z-index: 3;
    transform: rotate(4deg);
    left: 22%;
}

.bundle3 {
    z-index: 2;
    transform: rotate(8deg);
    left: 24%;
}

.bundle4 {
    z-index: 1;
    transform: rotate(12deg);
    left: 26%;
}

.disclaimer {
	font-size: 0.75rem;
	list-style: none;
	padding-top: 0.65rem;
}


.loyalty-program-body {
	background: rgb(142,195,175);
	background: -moz-linear-gradient(left, rgba(142,195,175,1) 0%, rgba(140,187,195,1) 25%, rgba(140,187,195,1) 75%, rgba(142,195,175,1) 100%);
	background: -webkit-linear-gradient(left, rgba(142,195,175,1) 0%,rgba(140,187,195,1) 25%,rgba(140,187,195,1) 75%,rgba(142,195,175,1) 100%);
	background: linear-gradient(to right, rgba(142,195,175,1) 0%,rgba(140,187,195,1) 25%,rgba(140,187,195,1) 75%,rgba(142,195,175,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec3af', endColorstr='#8ec3af',GradientType=1 );
}

.loyalty-program {
    font-family: 'Pocket', sans-serif;
}

.loyalty-program h2 {
    font-size: 2.2rem;
}

.lp-intro {
    font-size: 1.2rem;
    padding: 0 1rem;
}

.loyalty-program .points {
	font-size: 2rem;
	display: block;
	color: #cae0e4;
}

/*.loyalty-program .row {
	align-items: flex-end;
    background: url("/images/hr-dots.png") no-repeat scroll center top;
	background-size: 100% auto;
}

.loyalty-program .row:first-child {
    background: none;
}*/

.loyalty-magnets, .loyalty-mugs  {
	background: -moz-linear-gradient(top, #9ac0b1 0%, #96bac1 50%, #9ac0b1 100%);
	background: -webkit-linear-gradient(top, #9ac0b1 0%,#96bac1 50%,#9ac0b1 100%);
	background: linear-gradient(to bottom, #9ac0b1 0%,#96bac1 50%,#9ac0b1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ac0b1', endColorstr='#9ac0b1',GradientType=0 );
}

.loyalty-magnets img, .loyalty-game img, .loyalty-mugs img {
	max-width: 800px;
	width: 100%;
}

.loyalty-poster img {
	max-height: 400px;
}

.lp-caption {
	font-size: 1.85rem;
	text-transform: uppercase;
}


.alert {
    width: 86%;
    text-align: center;
    padding: 1rem;
    margin: 0 auto;
    border-radius: 4px;
	display: block;
}

#newsletter-result-success {
	display: none;
}
#newsletter-result-error {
	display: none;
}
#newsletter-result-duplicate {
	display: none;
}

.cancel-subscription-wrap {
	padding-top: 2rem;
	text-align: center;
}

.cancel-subscription-form {
    display: none;
    padding: 2rem;
    background: rgba(255,255,255,.4);
    margin-top: 1rem;
}

.cancel-subscription-form ul {
    list-style: none;
    margin: 0 0 2rem;
    padding: 0 0 0 1rem;
}

.cancel-subscription-form li {
    padding: 0.6rem 0 0 0;
}

.cancel-subscription-form li.ctas {
    padding: 1.6rem 0 0 0;
}

.cancel-subscription-form li.ctas .docancel, .cancel-subscription-form li.ctas .docancel:disabled {
    background: rgba(0,0,0,0);
    text-decoration: underline;
    font-weight: 700;
}

.cancel-subscription-form li.ctas a, .cancel-subscription-form li.ctas a:hover {
    color: #378265;
    margin-left: 2rem;
    display: inline-block;
}

.alphabet {
	padding: 0 1rem;
}

.btn-addon {
    background-color: #e7514c;
	border: 3px solid #e7514c;
	border-bottom-color: #bc413d;
    display: inline-block;
    padding: .45rem 1.5rem;
    border-radius: .45rem;
    cursor: pointer;
    color: #fff;
}

.added{
    background: #A0231F url(/images/x.png) no-repeat;
    background-position: calc(100% - 1rem) center;
    background-size: auto 30%;
    border: 3px solid #A0231F;
    border-top-color: #791f1c;
    padding-right: 3rem;
}

.btn-tertiary {
    display: inline-block;
    padding: .5rem 1rem;
    background-color: rgba(255,255,255,.4);
    border: 1px solid rgba(55,130,100,.4);
    border-radius: .3rem;
    cursor: pointer;
    color: #378265;
	line-height: normal;
}

.btn-secondary:disabled,
.btn-tertiary:disabled {
	opacity: .3;
}

.missing-name {
    background-color: red;
    color: white;
    padding: 1rem;
    display: block;
    margin-top: 2rem;
}

.arrow {
	width: 2rem;
	display: inline-block;
}

.book-cover-checkout {
    position: relative;
    text-align: center;
    padding-bottom: 83%;
    overflow: hidden;
    height: 0;
}

.book-cover-checkout .offer {
    position: absolute;
    top: 30%;
    right: 14%;
    width: 5rem;
	z-index: 5;
}

.avatar-checkout-wrap {
	padding-bottom: 61%;
}

.subscription_features {
	margin: 0;
	padding: 0;
	font-size: 16px;
    line-height: 22px;
}

.subscription_features li {
	margin: 0 1rem .5rem;
}

.subscription_features li.sub-separator {
    /*border-top: 1px solid rgba(0,0,0,0.2);
    margin-top: 20px;
    padding-top: 15px;
	border:none;*/
}

.subscription_features li.total-today {
    list-style: none;
    border-top: 1px solid;
	margin: 1rem 0 0;
    padding-top: 1rem;
	font-size: 17px;
	display: flex;
    justify-content: space-between;
    font-weight: bold;
}

dt {
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}

dt a, dt a:link {
    font-size: 14px;
	text-decoration: underline;
}
dd {
    font-size: 13px;
	margin-bottom: 1.2rem;
}
dt.total-today {
    border-top: 1px solid;
    padding-top: 1rem;
    font-size: 16px;
	font-weight: 700;
	margin-bottom: 1.2rem;
}






.text-highlight {
  font-style: normal;
  border-radius: 1em 0 1em 0;
  /*text-shadow: 1px 1px 1px #fff;*/
  background-image:
    linear-gradient(-100deg,
      rgba(255,250,150,0.25),
      rgba(255,250,150,0.9) 100%,
      rgba(255,250,150,0.45)
    );
}






.stamp-poster {
	list-style-type: none;
	padding-top: 1rem;
	text-align: center;
}

.stamp-poster img {
	width: 70%;
}

.winner-leaflet {
    background: url("/images/bg2.png") no-repeat scroll center top;
    background-size: 100% 100%;
	padding: 1rem 3rem;
}

.winner-code img {
	width: 160px;
	padding: 1.5rem;
}

.pay-paypal, .pay-creditcard, .pay-applepay {
    margin: 25px 0;
	/*max-width: 250px;*/
	height: 55px;
	overflow: hidden;
	cursor: pointer;
	border-radius: 4px;
}

.zoid-outlet {
	width: 100% !important;
}

.checkout-form {
	padding: 0 1rem;
}



/******* footer *******/



footer {
	margin-top: auto;
    background: url("/images/footer.png") no-repeat scroll center top;
    background-size: 100% 110%;
	padding-bottom: 100px;
}

.footer-links {
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.footer-links > div {
    padding: 1rem 0;
}



.plan_card {
    background-color: rgba(255,255,255,0.5);
    border-radius: 1rem;
    box-shadow: 0 0 20px rgba(98, 135, 126, 0.2);
    position: relative;
    padding: 1.6rem 1rem 2.5rem;
	margin: 1rem 2rem;
}

.plan_card h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 1rem;
	color: #398267;
}

.plan_price {
	font-weight: 700;
	font-size: 1.5rem;
	margin: 1rem auto;
}


/*Countdown styles*/

.colorDefinition {
    background: #da2f3c;
    color : #FFFFFF;
    border-color: #da2f3c;
	border: none;
}

.size_xl {
   font-size:50px;
   border-width: 0px;
   border-radius: 6px;
}

.size_lg {
   font-size:40px;
   border-width: 0px;
   border-radius: 5px;
}

.size_md {
   font-size:30px;
   border-width: 0px;
   border-radius: 4px;
}

.size_sm {
   font-size:20px;
   border-width: 0px;
   border-radius: 3px;
}

.size_xs {
   font-size:15px;
   border-width: 0px;
   border-radius: 2px;
}

.countdown {
	background: #da2f3c;
	color: #ffffff;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    text-align: center;
	border-radius: 0;
}

.counter-wrap {
	display: flex;
	padding: 10px 10px 20px;
	justify-content: center;
}

.counter {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-left: 10px;
}

.offer-info {
	padding-right: 10px;
	border-right: 1px solid rgba(255,255,255,.4);
}

.offer-time {
	margin: 0;
	white-space: nowrap !important;
	text-transform: uppercase;
	font-weight: 700;
}

#m_timer {
	line-height: 1;
	font-weight: 700;
}

.share-link-input {
	display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    border-radius: 6px;
	padding: .3rem;
	max-width: 400px;
    margin: 0 auto;
}

.url {
	padding: 0 0 0 1rem;
}

.clickToCopy {
    border-radius: 6px;
	background: #e03127;
	color: #FFFFFF;
	border: none;
}

.subscription_detail h3, .subscription_detail p {
	text-align: center;
}

.processed, .upcoming {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 30px 20px;
	margin-top: 2rem;
}
.processed .book, .upcoming .book {
	width: 150px;
	text-align: center;
	line-height: 1.3;
	position: relative;
}
.processed .book img, .upcoming .book img {
	height: 188px;
	width: 100%;
	display: flex;
	text-align: center;
	background: rgba(255,255,255,.4);
    /*border: 1px solid rgba(55,130,100,.4);*/
}

.processed .card, .upcoming .card {
    border-radius: 8px;
    overflow: hidden;
    padding: 0 0 12px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.10);
	border: none;
}

.upcoming .card {
    box-shadow: none;
	background-color: rgba(255,255,255,.4);
}

.view {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 30px;
    height: 30px;
    z-index: 1;
    background-color: white;
    border-radius: 50%;
    padding: 6px;
    box-shadow: -4px 6px 6px rgb(0 0 0 / 30%);
}

.upcoming .book.allbooks {
    background: rgba(255,255,255,1);
    padding: 1.3rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1rem;
	text-align: center;
	border-radius: 8px;
}

.upcoming .book.allbooks p {
	text-align: center;
}

.processed .processed-status, .upcoming .processed-status {
    padding: 7px 0 0;
	font-size: 92%;
}

.processed .processed-date, .upcoming .processed-date {
    font-weight: 700;
	font-size: 100%;
    padding: 0;
}

.sub-items {
	display: flex;
	flex-direction: column;
}

.sub-items > div {
    margin: 0 1.5rem;
    text-align: center;
	padding-bottom: 2rem;
}

.sub-items .subicon {
    display: flex;
    flex-direction: column;
	padding: 1rem;

}

.subicon .item {
    font-size: 1.125rem;
    font-weight: 700;
}

.subicon .price {
    font-size: .875rem;	
}

.subicon .card-cta {
	margin-top: 1rem;
}

.addons {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.btn-add-stickers-on, .btn-add-stickers-off,
.btn-add-flashcards-on, .btn-add-flashcards-off {
	border: none;
    background-color: rgba(255, 255, 255, 1);
    color: #63a38b;
    display: inline-block;
	font-weight: 700;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
	box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    padding: 8px 18px;
    cursor: pointer;
	font-size: 17px;
}

.btn-add-stickers-off, .btn-add-flashcards-off {
	background-color: #E03127;
	color: #ffffff;
}
input.btn-add-stickers-off:disabled, input.btn-add-stickers-on:disabled, 
input.btn-add-flashcards-off:disabled, input.btn-add-flashcards-on:disabled {
	display: none !important;
}

#action_message, .action_message {
	background: ivory;
    display: inline-block;
    padding: 1rem 2rem;
    margin-bottom: 1rem;
	text-align: center;
}

.action_message p {
	margin: 0;
}

#status_message {
	display: none;
}

@keyframes ldio-0i3pg24kceum {
    0% { transform: translate(-50%,-50%) rotate(0deg); }
    100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.ldio-0i3pg24kceum div {
    position: absolute;
    width: 58px;
    height: 58px;
    border: 12px solid #398267;
    border-top-color: transparent;
    border-radius: 50%;
}
.ldio-0i3pg24kceum div {
    animation: ldio-0i3pg24kceum 1s linear infinite;
    top: 50px;
    left: 50px
}
.loadingio-spinner-rolling-kdnse0jc2i8 {
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    background: none;
}
.ldio-0i3pg24kceum {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(0.24);
    backface-visibility: hidden;
    transform-origin: 0 0;
}
.ldio-0i3pg24kceum div { 
    box-sizing: content-box; 
}

.action-links {
}

.action-links > div {
	display: flex;
	justify-content: center;
	margin-bottom: 1.5rem;
}

.action-links > div > a {
	display: flex;
	align-items: center;
}

.action-links > div > a img {
	width: 32px;
	margin-right: 7px;
}

.user-chooser {
	background-color: #ffffff;
	border: 4px solid #8DC3AF;
	border-radius: 20px;
	padding: 0.2rem 1rem 0.2rem 0.5rem;
	min-height: 76px;
	position: relative;
	display: inline-block;
	min-width: 330px;
}

.user-chooser-wrap {
	display: flex;
	align-items: center;
	cursor: pointer;
	gap: 10px;
	font-size: 15px;
    color: #659A87;
	min-height: 76px;
}

.small-avatar {
	width: 58px;
}

.chevron {
	width: 20px;
}

.user-chooser-open .chevron {
	rotate:180deg;
}

.avatar-dropdown {
	width: 50px;
	margin: 5px;
}

.logout {
    padding: 1rem 1rem 1.5rem;
    font-size: 1.1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pill, a:link.pill, a:visited.pill {
	border: none;
    background-color: #ffffff;
    color: #E0312A;
    display: inline-block;
	font-weight: 700;
    border-radius: 50px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
	box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    padding: .5rem 1.3rem;
    cursor: pointer;
	font-size: 17px;
	text-decoration: none;
	min-width: 150px;
}

.pill-red, a:link.pill-red, a:visited.pill-red {
    background-color: #E0312A;
    color: #ffffff;
}

.pill.pill-red.disabled {
    opacity: .5;
	cursor: not-allowed;
}

.pill-outline-white, a:link.pill-outline-white, a:visited.pill-outline-white {
    background-color: transparent;
    color: #ffffff;
	border: 1px solid;
}


.avatar-buying-options {
	display: flex;
    justify-content: center;
    height: 120px;
}

.promo-label-highlight {
	display: inline-block;
	padding: .2rem .4rem;
	color: #191919;
	background-color: #f9f1a4;
	margin: 0.5rem 0;
}

.avatar-checkout {
	transform: rotate(0deg);
	top: 0;
	display: block;
    margin: 0 auto 0;
    width: 52%;
    position: absolute;
    z-index: 4;
    left: 20%;
}

.lto {
	background-color: #f9f1a4;
    padding: 0.6rem;
    font-size: 1rem;
	/*font-weight: 700;
	font-family: 'Quicksand', sans-serif;*/
	margin-bottom: 1rem;
}

.book .description {
    padding: 0.6rem 0.5rem 1.75rem 0.5rem;
    line-height: 1.3;
}

.goto-checkout {
    color: #FFFFFF;
    width: 375px;
    margin: 0 auto;
    font-weight: 700;
    display: flex;
    flex-direction: column;
}

.cart {
    padding: 0 0 0.7rem;
    margin-bottom: 1.3rem;
    border-bottom: 1px solid rgba(255,255,255,.3);
	font-size: 110%;
}

.cart-content {
	display: flex;
    padding: 0 1.3rem;
    justify-content: space-between;
}

.checkout-action  {
    display: flex;
    justify-content: space-around;
}


@media (min-width: 576px) {

    body {
    }

	.user-chooser-wrap {
		font-size: 22px;
	}

	.counter {
		flex-direction: row;
	}

	.offer-time {
		margin-right: 10px;
	}

	.logo {
		max-width: 32vw;
		margin-left: 0;
	}

    .intro {
    }

	.mobile {
		display: none !important;
	}

	.desktop {
		display: flex !important;
	}

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

	.headers-landing h1 {
		font-size: 4vw;
	}

	.headers-landing h2 {
	    font-family: 'Sarabun', sans-serif;
		font-size: 2vw;
	}

	.headers-landing h1, .headers-landing h2 {
		padding-right: 20%;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.previous-editions .blurb {
		padding: 5% 23%;
	}

	.this-month {
		margin-top: 7vh;
		width: 80%;
	}

    .highlight1 {
        display: block;
    }

	.newsletter-signup {
		padding-top: 2rem;
	}

    .btn-bs, .btn-bs:hover {
        border-radius: 0.6rem;
        font-size: 1.6rem;
        padding: .6rem 1.6rem;
        line-height: normal;
        white-space: nowrap;
    }

    .intro .btn-bs {
        margin-top: 2rem;
    }

	.mobile-fullwidth, .mobile-fullwidth:hover {
		width: auto;
		font-size: 1.5rem;
	}

    .initial-form {
        background: rgba(0, 0, 0, 0.6) none no-repeat scroll top center;
        padding: 1rem 0;
    }

    .initial-form .customize {
        flex-direction: row;
    }

    .initial-form label {
		color: #ffffff;
		margin-right: 1rem;
    }

    .previous-editions {
        margin: 3rem 0 2rem;
        background: url("/images/connectors1.png") no-repeat scroll center center;
        background-size: 100% auto;
    }

    .previous-editions .blurb {
		padding: 2%;
    }


    .keep-stories {
        margin: 4rem 0;
    }

	.contact_hd {
		width: 75%;
	}

    .customizer .row {
        padding: 0.8rem 0;
    }

    .custom-radios input[type="radio"] + label span {
        width: 30px;
        height: 30px;
    }

    .custom-radios input[type="radio"]:checked + label span {
        width: 36px;
        height: 36px;
    }

    .gender.custom-radios input[type="radio"] + label span,
    .freckles.custom-radios input[type="radio"] + label span,
    .eye-type.custom-radios input[type="radio"] + label span,
    .hair-style.custom-radios input[type="radio"] + label span/*,
    .glasses.custom-radios input[type="radio"] + label span*/ {
        width: 40px;
        height: 40px;
        margin: 3px;
    }

    .gender.custom-radios input[type="radio"]:checked + label span,
    .freckles.custom-radios input[type="radio"]:checked + label span,
    .eye-type.custom-radios input[type="radio"]:checked + label span,
    .hair-style.custom-radios input[type="radio"]:checked + label span/*,
    .glasses.custom-radios input[type="radio"]:checked + label span*/ {
        width: 46px;
        height: 46px;
        margin: 0;

    }

    .preview {
        display: inline-table;
        margin-top: 2rem;
    }

    .avatar {
        width: 300px;
        height: 300px;
    }

    .custom-section-label {
        text-align: left;
    }

    .custom-section-label h3 {
        font-size: 1.4rem;
        margin-bottom: 0;
    }

    .book-cover-checkout .offer {
        right: 5%;
    }

	.stamp-poster img {
		width: 100%;
	}

	.winner-code img {
		width: 240px;
	}

	.checkout-form {
		padding: 0;
	}

	.highlevel1 {
		text-align: left;
	}

	.order-summary, .order-summary-free-first-pp {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		align-self: flex-start;
	}

	.subscription_detail h3, .subscription_detail p {
		text-align: left;
	}

	.processed, .upcoming {
		justify-content: flex-start;
		gap: 30px 30px;
	}
	
	.upcoming .book.allbooks {
		height: 247px;
		width: 190px;
	}

	.plan_card {
		margin: 1rem auto;
	}
	
	.sub-items {
		flex-direction: row;
	}
	
	.sub-items .icon.book {
		height: 80px;
	}

	.cancel-subscription-wrap {
		text-align: left;
	}
	
	.avatar-checkout {
		width: 61%;
	}
	
	

}


@media (min-width: 768px) {


	.alert {
		width: 60%;
	}

	.local {
		top: 0;
		padding: 10px;
		right: 10px;
		border-radius: 10px;
		margin-top: 28px;
	}

	.local > .drawer img, .local > .toggle_drawer img {
		max-width: 25px;
	}

	.local > .drawer img {
		margin: 0 0 10px 0;
	}

	/*.hero-highlight {
		background: #99c0af url("/images/hero-spacetravel-new-1600x1000.jpg") no-repeat scroll center;
		background-size: cover;
	}*/

	.hero-highlight-superhero {
		background: #99c0af url("/images/hero-superhero2-1600x1000.jpg") no-repeat scroll center;
		background-size: cover;
	}

	.intro {
		min-height: 400px;
	}

	.mobile {
		display: none !important;
	}

	.desktop {
		display: flex !important;
	}

	header {
		background: url("/images/header.svg") no-repeat scroll center top;
		background-size: 101% auto;
		padding: 1rem 0;
		margin-bottom: 2rem;
	}

	.off30 {
		font-size: 1.35rem;
		text-align: right;
	}

	.off30 .qs {
		font-size: 1.5rem;
	}

	.lib-item, .lib-item-selected {
		width: 30%;
}

	.badge-promo-superhero {
		width: 9%;
		right: 37%;
		top: 60%
	}

    .h2lg {
        font-size: 4.3rem;
		padding: 2rem 0;
    }

	.logo {
		max-width: 28vw;
		margin-left: 0;
	}

    .motto {
        font-size: 1.7rem;
    }

    .initial-form {
        padding: 2rem 1rem;
    }

    .avatar {
        width: 320px;
        height: 320px;
		position: sticky;
		top: 0;
    }

    .why-subscribe .blurb {
        padding: 0 3vw;
    }

	.blurb h2 {
		font-size: 1.75rem;
		margin-top: 1.5rem;
	}

	.blurb-img {
		max-width: 100px;
		height: 100px;
	}

	.how-it-works {
		position: relative;
	}

	.contact_hd {
		width: 45%;
		margin-bottom: 2rem;
	}

	.float-bird {
		position: absolute;
		right: 13%;
		bottom: 6rem;
        display: block;
	}

	.blurb {
		padding: 2%;
	}

	.float-mouse {
		position: absolute;
		left: 20%;
		top: -9rem;
	}

	.float-alien {
		position: absolute;
		right: 6%;
		top: -3rem;
	}

	.hedgehog-wrap {
		position: relative;
	}

	.instagram-feed {
		padding: 1rem 0 6rem 0;
	}

	.book_preface_thumbnail > .book_cover {
		height: 180px;
	}

	.book_preface_thumbnail > .sticker1 {
		right: -20px;
	}

	.book_preface > p {
		padding-left: 20px;
	}
	
	.preview {		
		margin: 0 0 2rem;
	}

	.book-preview h3 {
		text-align: left;
	}

    .sad {
        width: 130px;
    }

    .subscription_card_wrap {
        display: flex;
        flex-wrap: wrap;
    }

    .subscription_card {
        width: calc(100% / 3.4);
        margin: 1rem;
    }

    .subscription_edit svg {
        width: 1.1rem;
    }

	.footer-links {
		padding: 4rem 0;
	    flex-direction: row;
	}

	.ratings {
		padding: 4rem 0;
	}


	.book_cover_summary {
		width: 74%;
		left: 10%;
	}

	.bundle2 {
		left: 12%;
	}

	.bundle3 {
		left: 14%;
	}

	.bundle4 {
		left: 16%;
	}

	.book-cover-checkout .offer {
		top: 40%;
	}

	.stamp-poster {
		padding: 0 2.5rem 0;
	}

	.addon {
		padding: 2rem 2rem 3rem;
		margin: 2rem 0 0;
	}

	.addon-hero {
		height: 330px;
	}

	.processed, .upcoming {
		gap: 30px 40px;
	}
	
	.avatar-checkout-wrap {
		padding-bottom: 55%;
	}
	
	.avatar-checkout {
		width: 56%;
	}

}



@media (min-width: 992px) {

    .avatar {
        width: 400px;
        height: 400px;
    }

	dl, .subscription_features {
		padding: 0;
		font-size: 15px;
	}
	
	.avatar-checkout {
		width: 100%;
		left: 0%;
	}

}



@media (min-width: 1440px) {

	.carousel-control-next, .carousel-control-prev {
		width: 40%;
	}
	
		.lib-item, .lib-item-selected {
		width: 23%;
}

}