@-webkit-keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@-moz-keyframes splide-loading{0%{-moz-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes splide-loading{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{-webkit-animation:splide-loading 1s linear infinite;-moz-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0} .hide-contents {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
} html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} *,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}  article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
} body {
line-height: 1;
} ol, ul {
list-style: none;
} blockquote, q {
quotes: none;
} blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
} table {
border-collapse: collapse;
border-spacing: 0;
} html {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
} html.wf-loading {
opacity: 0;
} html.wf-active, html.wf-inactive {
opacity: 1;
} html {
font-size: 17px;
}
@media only screen and (max-width: 768px) { html {
font-size: 15px;
}
} body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #404040;
font-family: proxima-nova, serif;
font-weight: 300;
line-height: 1.4;
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 22px;
--wp--preset--font-size--x-large: 24px;
--wp--preset--font-size--xx-large: 40px;
}
@media only screen and (max-width: 768px) { body {
font-size: 17px;
line-height: 1.8;
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 20px;
--wp--preset--font-size--large: 40px;
--wp--preset--font-size--x-large: 55px;
--wp--preset--font-size--xx-large: 120px;
}
} button {
font-family: proxima-nova, serif;
font-weight: 300;
line-height: 1.4;
} .h1, h1, .h2, h2, .h3, h3, .h4, p.is-style-upper, h4, .h5, h5 {
font-family: brandon-grotesque, sans-serif;
font-weight: 400;
color: #000000;
font-style: normal;
} .bigg-school .h1, .bigg-school h1,
.bigg-school .h2,
.bigg-school h2,
.bigg-school .h3,
.bigg-school h3,
.bigg-school .h4,
.bigg-school p.is-style-upper,
.bigg-school h4,
.bigg-school .h5,
.bigg-school h5 {
font-family: gambado-sans-forte, sans-serif;
} .h1, h1 {
color: #000000;
line-height: 1.14;
letter-spacing: 0.25px;
font-size: 76px;
}
@media only screen and (max-width: 640px) { .h1, h1 {
font-size: 46px;
}
} .bigg-school .h1, .bigg-school h1 {
font-family: baileywick-jf-gothic, sans-serif;
text-align: center;
} .h2, h2 {
font-size: 64px;
color: #000000;
line-height: 1.2;
}
@media only screen and (max-width: 650px) { .h2, h2 {
font-size: 36px;
}
} .h3, h3 {
font-weight: 400;
line-height: 1.35;
font-size: 26px;
}
@media only screen and (max-width: 768px) { .h3, h3 {
font-size: 20px;
}
} .h3.is-style-xl-heading, h3.is-style-xl-heading {
font-size: 65px;
font-style: normal;
font-weight: 300;
} .h3.is-style-l-heading, h3.is-style-l-heading {
font-size: 40px;
text-align: center;
font-style: normal;
font-weight: 300;
} .h4, p.is-style-upper, h4 {
font-family: proxima-nova, serif;
font-size: proxima-nova, serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 4px;
font-style: normal;
}
@media only screen and (max-width: 768px) { .h4, p.is-style-upper, h4 {
font-size: 17px;
}
} .h5, h5 {
font-size: 20px;
font-weight: 600;
font-style: normal;
} .h6, h6 {
font-family: proxima-nova, serif;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
font-style: normal;
color: #AAA8A8;
}
@media only screen and (max-width: 768px) { .h6, h6 {
font-size: 15px;
}
} .fixed, pre,
code {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 15px;
line-height: 1.2;
} .italic, i,
em {
font-style: italic;
} .bold, b,
strong {
font-weight: 700;
} .block-margins, p,
ul,
ol,
pre {
margin: 0.5em 0 1.6em;
} .unordered-list, ul {
list-style-type: disc;
} .ordered-list, ol {
list-style: decimal;
} p.is-style-serif {
font-family: brandon-grotesque, sans-serif;
line-height: 1.4;
} p.is-style-xlarge {
font-family: brandon-grotesque, sans-serif;
font-size: 120px;
line-height: 1.14;
} .has-x-large-font-size {
line-height: 1.3;
} .has-xx-large-font-size {
font-size: var(--wp--preset--font-size--xx-large) !important;
} .has-xx-large-font-size.is-style-serif {
margin-bottom: 0;
} h1,
.h1,
h1 {
margin: 0.75em 0 0.5em;
} h2,
.h2,
h2 {
margin: 0.25em 0 0;
} h3,
.h3,
h3 {
margin: 0.25em 0 0.75em;
} h4,
.h4,
p.is-style-upper,
h4 {
margin: 1em 0 0.5em;
} h5,
.h5,
h5 {
margin: 1em 0 0.5em;
} h6,
.h6,
h6 {
margin: 1em 0 0.5em;
} ul {
margin: 0.5em 0 1em 1.2em;
} ol {
margin: 0.5em 0 1em 1.1em;
} li {
margin: 0.5em 0;
} .center {
text-align: center;
} .lf-small {
font-size: 16px;
} sup,
sub {
font-size: smaller;
} sup {
vertical-align: super;
} sub {
vertical-align: sub;
}  a:not(.wp-core-ui .button):not(.wp-core-ui .woocommerce .add_to_cart_button.ajax_add_to_cart):not(.woocommerce .wp-core-ui .add_to_cart_button.ajax_add_to_cart):link, a:not(.wp-core-ui .button):not(.wp-core-ui .woocommerce .add_to_cart_button.ajax_add_to_cart):not(.woocommerce .wp-core-ui .add_to_cart_button.ajax_add_to_cart):visited {
text-decoration: none;
} body {
background: #FDFDFD;
} body.scroll-lock {
overflow: hidden;
} body .inner-body {
background: #FDF8F5;
} .container {
margin: 0 auto;
padding: 0 24px;
width: 100%;
max-width: 1696px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@media only screen and (max-width: 560px) { .container {
padding: 0 8px;
}
} .container.thin {
max-width: 920px;
} .container > article {
padding: 48px 0;
}
@media only screen and (max-width: 560px) { .container > article {
padding: 16px 0;
}
}
@media only screen and (max-width: 480px) { .container > article {
padding: 9.6px 0;
}
} .container > h1 {
padding-top: 48px;
}
@media only screen and (max-width: 560px) { .container > h1 {
padding-top: 16px;
}
}
@media only screen and (max-width: 480px) { .container > h1 {
padding-top: 9.6px;
}
} .container .inner-container {
position: relative;
margin-top: 8px;
padding: 8px;
}
@media only screen and (min-width: 768px) { .container .inner-container {
padding: 48px;
}
} .home .container .inner-container {
margin-top: 0;
} .content-area > .inner-container {
padding-top: 0;
margin-top: 0;
max-width: 1140px;
margin: auto;
} .content-area > *:not(.guppy-hero-container):first-child {
position: relative;
top: 120px;
margin-bottom: 120px;
}
@media only screen and (max-width: 650px) { .content-area > *:not(.guppy-hero-container):first-child {
top: 40px;
margin-bottom: 40px;
}
} footer a:link, footer a:visited,
.content-area a:link,
.content-area a:visited {
text-decoration: none;
color: #E62656;
} footer a:hover,
.content-area a:hover {
text-decoration: underline;
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
} .listing-item {
margin: 32px 0;
} .alignwide {
position: relative;
max-width: none;
width: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
@media only screen and (max-width: 1248px) { .alignwide {
width: 1440px;
}
} .alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
} .alignright {
float: right;
margin: 0.5em 0 0.5em 1em;
} .aligncenter {
text-align: center;
} .alignfull {
width: -webkit-calc(100vw - var(--scrollbar-width));
width: -moz-calc(100vw - var(--scrollbar-width));
width: calc(100vw - var(--scrollbar-width));
max-width: none;
position: relative;
left: 50%;
-webkit-transform: translateX(-webkit-calc(-50vw + (var(--scrollbar-width) / 2)));
-moz-transform: translateX(-moz-calc(-50vw + (var(--scrollbar-width) / 2)));
-ms-transform: translateX(calc(-50vw + (var(--scrollbar-width) / 2)));
-o-transform: translateX(calc(-50vw + (var(--scrollbar-width) / 2)));
transform: translateX(calc(-50vw + (var(--scrollbar-width) / 2)));
} .full-width {
width: -webkit-calc(100vw - var(--scrollbar-width));
width: -moz-calc(100vw - var(--scrollbar-width));
width: calc(100vw - var(--scrollbar-width));
max-width: none;
position: relative;
left: 50%;
-webkit-transform: translateX(-webkit-calc(-50vw + (var(--scrollbar-width) / 2)));
-moz-transform: translateX(-moz-calc(-50vw + (var(--scrollbar-width) / 2)));
-ms-transform: translateX(calc(-50vw + (var(--scrollbar-width) / 2)));
-o-transform: translateX(calc(-50vw + (var(--scrollbar-width) / 2)));
transform: translateX(calc(-50vw + (var(--scrollbar-width) / 2)));
}
@media (hover: hover) { .full-width {
width: 100vw;
left: 0;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
} .image {
-webkit-animation: none;
-moz-animation: none;
animation: none;
} .sidebar ul {
list-style: none;
margin: 0;
} .attachment-book, .attachment-author {
border-radius: 4px;
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
transition: -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: -o-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), -moz-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), -moz-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), -o-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
} a .attachment-book:hover, a .attachment-book:focus,
a .attachment-author:hover,
a .attachment-author:focus {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
} blockquote {
border: 0 solid rgba(50, 183, 180, 0.8);
border-left-width: 4px;
padding-left: 24px;
color: #404040;
font-style: italic;
margin: 32px 0;
} blockquote p {
font-size: 1rem;
} .guppy-talks p {
font-family: brandon-grotesque, sans-serif;
font-size: 1.3rem;
line-height: 1.1;
} .guppy-talks > p,
.guppy-talks > div,
.guppy-outline {
border: 20px solid grey;
-webkit-border-image: url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/guppy-bubble.png);
-moz-border-image: url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/guppy-bubble.png);
-o-border-image: url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/guppy-bubble.png);
border-image: url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/guppy-bubble.png);
border-image-slice: 52;
padding: 0.5rem 0.5rem 1rem;
margin-top: 2rem;
margin-bottom: 0.4rem;
} .guppy-talks:after {
content: ' ';
width: 100%;
height: 96px;
display: block;
background: url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/guppy-talks.png);
-webkit-background-size: 122px 122px;
background-size: 122px;
background-position: right;
background-repeat: no-repeat;
} .wp-block-image img {
height: auto;
} .content-narrow {
width: 80%;
}
@media only screen and (max-width: 1024px) { .content-narrow {
width: 100%;
}
} input:not([type="checkbox"]):not([type="radio"]),
textarea {
-webkit-appearance: none;
padding: 8px 15px !important;
color: #404040;
font-size: 16px;
font-weight: 700;
background: #f2efef;
border-radius: 6px;
border: solid 1px #404040;
outline: initial;
} input:not([type="checkbox"]):not([type="radio"])[type="number"],
textarea[type="number"] {
font-size: 21px;
width: 100px;
} input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus {
outline: 1px dotted #212121;
outline: 5px auto -webkit-focus-ring-color;
} .select2,
.select2-results {
font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
} .guppy-custom-select {
position: relative;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
} .guppy-custom-select::after {
content: '';
position: absolute;
width: 18px;
height: 12px;
background-image: url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/chevron.svg);
background-repeat: no-repeat;
-webkit-background-size: contain;
background-size: contain;
right: 16px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0.75;
pointer-events: none;
} .guppy-custom-select__select, .guppy-custom-select__container {
background: #f2efef;
border-radius: 6px;
border: solid 1px #404040;
padding: 8px 15px;
-webkit-transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
-webkit-appearance: none;
font-family: brandon-grotesque, sans-serif;
font-size: 21px;
padding-right: 40px;
color: #404040;
}
@media only screen and (min-width: 768px) { .guppy-custom-select__select, .guppy-custom-select__container {
width: 400px;
}
} .guppy-custom-select__container {
position: absolute;
top: 0;
left: 0;
line-height: 1.15;
cursor: pointer;
display: none;
height: 100%;
}
@media (hover: hover) { .guppy-custom-select .guppy-custom-select__container {
display: block;
} .guppy-custom-select select:focus + .guppy-custom-select__container {
display: none;
}
} .guppy-custom-select__select, .guppy-custom-select__trigger {
overflow: hidden;
white-space: nowrap;
} .guppy-custom-select__trigger {
position: absolute;
inset: 0;
padding: 12px 32px 12px 16px;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .guppy-custom-select__trigger, .guppy-custom-select__options {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .guppy-custom-select__options {
display: none;
position: absolute;
width: 100%;
left: 0;
top: 64px;
background: #FDFDFD;
border: solid 1px #404040;
border-radius: 6px;
z-index: 99;
max-height: 300px;
overflow: auto;
-webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
-ms-overflow-style: none;
scrollbar-width: none;
cursor: default;
color: #404040;
} .guppy-custom-select__options::-webkit-scrollbar {
display: none;
} .guppy-custom-select__option {
padding: 15px 24px;
color: #000000;
background-color: #FDFDFD;
} .guppy-custom-select__option:not([data-selected='true']).guppy-custom-select__option__hover {
background: rgba(230, 38, 86, 0.1);
} .guppy-custom-select__option[data-selected='true'] {
background: rgba(242, 239, 239, 0.6);
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-name: selected;
-moz-animation-name: selected;
animation-name: selected;
color: #5a5a5a;
} .g-recaptcha {
margin-bottom: 24px;
} .added_to_cart {
margin-left: 12px;
} .select2-container li {
margin: 0;
} #add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #f1f1f1;
} #add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: #eaeaea;
} #add_payment_method #payment div.payment_box:before,
.woocommerce-cart #payment div.payment_box:before,
.woocommerce-checkout #payment div.payment_box:before {
border-bottom-color: #eaeaea;
} #add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
padding: 1.5%;
} input#coupon_code {
width: 140px;
} span .availability_date {
background: #E62656;
font-size: 10px;
line-height: 1 !important;
display: inline-block;
color: #FDFDFD;
padding: 5px 6px 2px;
font-family: 'BrandonBlack';
text-transform: uppercase;
white-space: nowrap;
border-radius: 4px;
} .coupon {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
} .coupon button {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
flex-grow: 1;
} body.bigg-school {
font-family: gambado-sans-forte, sans-serif;
} body.bigg-school.modal-open {
overflow: hidden;
} body.bigg-school.bs-teal {
background: #75c8ac url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/best-friends-forever-pattern.png) repeat center;
-webkit-background-size: auto 500px;
background-size: auto 500px;
color: #FDFDFD;
} body.bigg-school.bs-teal:before {
content: '';
position: absolute;
height: 180px;
width: 100%;
top: 0;
background: rgba(117, 200, 172, 0.9);
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-teal:before {
height: 100px;
}
} body.bigg-school.bs-teal header svg {
-webkit-filter: drop-shadow(4px 4px 0 #ee4280);
filter: drop-shadow(4px 4px 0 #ee4280);
} body.bigg-school.bs-teal header path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.5px;
} body.bigg-school.bs-teal header .main-menu #menu-main-navigation {
gap: 2px;
} body.bigg-school.bs-teal header a:link,
body.bigg-school.bs-teal header a:visited {
font-size: 22px;
color: #FDFDFD;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #ee4280;
} body.bigg-school.bs-teal header a:link[aria-current='page'], body.bigg-school.bs-teal header a:link:hover, body.bigg-school.bs-teal header a:link:focus,
body.bigg-school.bs-teal header a:visited[aria-current='page'],
body.bigg-school.bs-teal header a:visited:hover,
body.bigg-school.bs-teal header a:visited:focus {
color: #ee4280 !important;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #FDFDFD;
} body.bigg-school.bs-teal header .cart-link a {
color: #FDFDFD !important;
} body.bigg-school.bs-teal header .cart-link a svg {
-webkit-filter: drop-shadow(1.5px 1.5px #ee4280);
filter: drop-shadow(1.5px 1.5px #ee4280);
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
} body.bigg-school.bs-teal header .cart-link a svg path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.66px;
} body.bigg-school.bs-teal header .cart-link a:hover svg {
-webkit-filter: drop-shadow(1.5px 1.5px #FDFDFD);
filter: drop-shadow(1.5px 1.5px #FDFDFD);
} body.bigg-school.bs-teal header .cart-link a:hover svg path {
fill: #ee4280 !important;
} body.bigg-school.bs-teal header .hamburger {
border-color: #FDFDFD;
} body.bigg-school.bs-teal header .hamburger .hamburger-lines,
body.bigg-school.bs-teal header .hamburger .hamburger-lines:after,
body.bigg-school.bs-teal header .hamburger .hamburger-lines:before {
background: #FDFDFD;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-teal .content-area > *:not(.guppy-hero-container):first-child {
top: 0px;
}
} body.bigg-school.bs-teal .content-area .bigg-school-title {
text-align: center;
} body.bigg-school.bs-teal .content-area .bigg-school-title .h1, body.bigg-school.bs-teal .content-area .bigg-school-title h1 {
color: #FDFDFD;
font-size: 98px;
text-shadow: -1px -1px 0 #484748, 1px -1px 0 #484748, -1px 1px 0 #484748, 1px 1px 0 #484748, 8px 8px 0 #7860A7;
background: #75c8ac;
display: inline-block;
padding: 8px 16px;
}
@media only screen and (max-width: 640px) { body.bigg-school.bs-teal .content-area .bigg-school-title .h1, body.bigg-school.bs-teal .content-area .bigg-school-title h1 {
font-size: 60px;
}
} body.bigg-school.bs-teal footer {
color: #404040;
} body.bigg-school.bs-teal .guppy-bigg-school-list {
background: #FDF8F5;
border-radius: 20px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
} body.bigg-school.bs-teal .guppy-bigg-school-list .tile img {
max-width: 240px;
max-height: 260px;
} body.bigg-school.bs-teal .bigg-school-media {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 40px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-teal .bigg-school-media {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
} body.bigg-school.bs-teal .bigg-school-media h3 {
font-size: 36px;
} body.bigg-school.bs-teal .bigg-school-media__img img {
display: block;
max-width: 260px;
height: auto;
border-radius: 12px;
} body.bigg-school.bs-teal .bigg-school-pets {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 16px;
} body.bigg-school.bs-teal .bigg-school-pet {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
} body.bigg-school.bs-teal .bigg-school-pet__img {
max-width: 80px;
max-height: 80px;
} body.bigg-school.bs-teal .bigg-school-media__meta .bigg-school-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
gap: 4px;
margin-top: 8px;
font-size: 20px;
} body.bigg-school.bs-teal .bigg-school-media__meta dt {
font-weight: 700;
font-size: 24px;
} body.bigg-school.bs-teal .bigg-school-media__meta dd {
margin: 0;
color: #404040;
} body.bigg-school.bs-teal .bigg-school-character-modal {
display: none;
position: fixed;
inset: 0;
place-content: center;
place-items: center;
z-index: 99999;
background: rgba(0, 0, 0, 0.5);
} body.bigg-school.bs-teal .bigg-school-character-modal__content {
position: relative;
max-width: 840px;
text-align: right;
padding: 24px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-teal .bigg-school-character-modal__content {
padding: 0;
max-width: 100%;
height: 100%;
overflow: auto;
scroll-behavior: smooth;
}
} body.bigg-school.bs-teal .bigg-school-character-modal__close {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
margin-left: auto;
margin-bottom: 10px;
padding-bottom: 4px;
position: relative;
width: 44px;
height: 44px;
background: #7860A7;
border-radius: 9em;
font-size: 38px;
cursor: pointer;
-webkit-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
transition: all ease 0.1s;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #75c8ac;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-teal .bigg-school-character-modal__close {
position: fixed;
right: 24px;
top: 24px;
}
} body.bigg-school.bs-teal .bigg-school-character-modal__close:hover {
background: #9481b9;
} body.bigg-school.bs-teal .bigg-school-character-modal__inner {
background: #75c8ac;
padding: 40px 56px;
border-radius: 24px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
text-align: left;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-teal .bigg-school-character-modal__inner {
border-radius: 0;
}
} body.bigg-school.bs-teal .bigg-school-character-modal.is-open {
display: block;
} body.bigg-school.bs-green {
background: #D3DF4F url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/dare-devil-pattern.png) repeat center;
-webkit-background-size: auto 500px;
background-size: auto 500px;
color: #FDFDFD;
} body.bigg-school.bs-green:before {
content: '';
position: absolute;
height: 180px;
width: 100%;
top: 0;
background: rgba(211, 223, 79, 0.9);
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-green:before {
height: 100px;
}
} body.bigg-school.bs-green header svg {
-webkit-filter: drop-shadow(4px 4px 0 #406CB2);
filter: drop-shadow(4px 4px 0 #406CB2);
} body.bigg-school.bs-green header path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.5px;
} body.bigg-school.bs-green header .main-menu #menu-main-navigation {
gap: 2px;
} body.bigg-school.bs-green header a:link,
body.bigg-school.bs-green header a:visited {
font-size: 22px;
color: #FDFDFD;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #406CB2;
} body.bigg-school.bs-green header a:link[aria-current='page'], body.bigg-school.bs-green header a:link:hover, body.bigg-school.bs-green header a:link:focus,
body.bigg-school.bs-green header a:visited[aria-current='page'],
body.bigg-school.bs-green header a:visited:hover,
body.bigg-school.bs-green header a:visited:focus {
color: #406CB2 !important;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #FDFDFD;
} body.bigg-school.bs-green header .cart-link a {
color: #FDFDFD !important;
} body.bigg-school.bs-green header .cart-link a svg {
-webkit-filter: drop-shadow(1.5px 1.5px #406CB2);
filter: drop-shadow(1.5px 1.5px #406CB2);
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
} body.bigg-school.bs-green header .cart-link a svg path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.66px;
} body.bigg-school.bs-green header .cart-link a:hover svg {
-webkit-filter: drop-shadow(1.5px 1.5px #FDFDFD);
filter: drop-shadow(1.5px 1.5px #FDFDFD);
} body.bigg-school.bs-green header .cart-link a:hover svg path {
fill: #406CB2 !important;
} body.bigg-school.bs-green header .hamburger {
border-color: #FDFDFD;
} body.bigg-school.bs-green header .hamburger .hamburger-lines,
body.bigg-school.bs-green header .hamburger .hamburger-lines:after,
body.bigg-school.bs-green header .hamburger .hamburger-lines:before {
background: #FDFDFD;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-green .content-area > *:not(.guppy-hero-container):first-child {
top: 0px;
}
} body.bigg-school.bs-green .content-area .bigg-school-title {
text-align: center;
} body.bigg-school.bs-green .content-area .bigg-school-title .h1, body.bigg-school.bs-green .content-area .bigg-school-title h1 {
color: #FDFDFD;
font-size: 98px;
text-shadow: -1px -1px 0 #484748, 1px -1px 0 #484748, -1px 1px 0 #484748, 1px 1px 0 #484748, 8px 8px 0 #C13839;
background: #D3DF4F;
display: inline-block;
padding: 8px 16px;
}
@media only screen and (max-width: 640px) { body.bigg-school.bs-green .content-area .bigg-school-title .h1, body.bigg-school.bs-green .content-area .bigg-school-title h1 {
font-size: 60px;
}
} body.bigg-school.bs-green footer {
color: #404040;
} body.bigg-school.bs-green .guppy-bigg-school-list {
background: #FDF8F5;
border-radius: 20px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
} body.bigg-school.bs-green .guppy-bigg-school-list .tile img {
max-width: 240px;
max-height: 260px;
} body.bigg-school.bs-green .bigg-school-media {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 40px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-green .bigg-school-media {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
} body.bigg-school.bs-green .bigg-school-media h3 {
font-size: 36px;
} body.bigg-school.bs-green .bigg-school-media__img img {
display: block;
max-width: 260px;
height: auto;
border-radius: 12px;
} body.bigg-school.bs-green .bigg-school-pets {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 16px;
} body.bigg-school.bs-green .bigg-school-pet {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
} body.bigg-school.bs-green .bigg-school-pet__img {
max-width: 80px;
max-height: 80px;
} body.bigg-school.bs-green .bigg-school-media__meta .bigg-school-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
gap: 4px;
margin-top: 8px;
font-size: 20px;
} body.bigg-school.bs-green .bigg-school-media__meta dt {
font-weight: 700;
font-size: 24px;
} body.bigg-school.bs-green .bigg-school-media__meta dd {
margin: 0;
color: #404040;
} body.bigg-school.bs-green .bigg-school-character-modal {
display: none;
position: fixed;
inset: 0;
place-content: center;
place-items: center;
z-index: 99999;
background: rgba(0, 0, 0, 0.5);
} body.bigg-school.bs-green .bigg-school-character-modal__content {
position: relative;
max-width: 840px;
text-align: right;
padding: 24px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-green .bigg-school-character-modal__content {
padding: 0;
max-width: 100%;
height: 100%;
overflow: auto;
scroll-behavior: smooth;
}
} body.bigg-school.bs-green .bigg-school-character-modal__close {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
margin-left: auto;
margin-bottom: 10px;
padding-bottom: 4px;
position: relative;
width: 44px;
height: 44px;
background: #C13839;
border-radius: 9em;
font-size: 38px;
cursor: pointer;
-webkit-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
transition: all ease 0.1s;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #D3DF4F;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-green .bigg-school-character-modal__close {
position: fixed;
right: 24px;
top: 24px;
}
} body.bigg-school.bs-green .bigg-school-character-modal__close:hover {
background: #d05c5d;
} body.bigg-school.bs-green .bigg-school-character-modal__inner {
background: #D3DF4F;
padding: 40px 56px;
border-radius: 24px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
text-align: left;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-green .bigg-school-character-modal__inner {
border-radius: 0;
}
} body.bigg-school.bs-green .bigg-school-character-modal.is-open {
display: block;
} body.bigg-school.bs-orange {
background: #F2713B url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/scaredy-cat-pattern.png) repeat center;
-webkit-background-size: auto 500px;
background-size: auto 500px;
color: #FDFDFD;
} body.bigg-school.bs-orange:before {
content: '';
position: absolute;
height: 180px;
width: 100%;
top: 0;
background: rgba(242, 113, 59, 0.9);
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-orange:before {
height: 100px;
}
} body.bigg-school.bs-orange header svg {
-webkit-filter: drop-shadow(4px 4px 0 #05ACE9);
filter: drop-shadow(4px 4px 0 #05ACE9);
} body.bigg-school.bs-orange header path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.5px;
} body.bigg-school.bs-orange header .main-menu #menu-main-navigation {
gap: 2px;
} body.bigg-school.bs-orange header a:link,
body.bigg-school.bs-orange header a:visited {
font-size: 22px;
color: #FDFDFD;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #05ACE9;
} body.bigg-school.bs-orange header a:link[aria-current='page'], body.bigg-school.bs-orange header a:link:hover, body.bigg-school.bs-orange header a:link:focus,
body.bigg-school.bs-orange header a:visited[aria-current='page'],
body.bigg-school.bs-orange header a:visited:hover,
body.bigg-school.bs-orange header a:visited:focus {
color: #05ACE9 !important;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #FDFDFD;
} body.bigg-school.bs-orange header .cart-link a {
color: #FDFDFD !important;
} body.bigg-school.bs-orange header .cart-link a svg {
-webkit-filter: drop-shadow(1.5px 1.5px #05ACE9);
filter: drop-shadow(1.5px 1.5px #05ACE9);
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
} body.bigg-school.bs-orange header .cart-link a svg path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.66px;
} body.bigg-school.bs-orange header .cart-link a:hover svg {
-webkit-filter: drop-shadow(1.5px 1.5px #FDFDFD);
filter: drop-shadow(1.5px 1.5px #FDFDFD);
} body.bigg-school.bs-orange header .cart-link a:hover svg path {
fill: #05ACE9 !important;
} body.bigg-school.bs-orange header .hamburger {
border-color: #FDFDFD;
} body.bigg-school.bs-orange header .hamburger .hamburger-lines,
body.bigg-school.bs-orange header .hamburger .hamburger-lines:after,
body.bigg-school.bs-orange header .hamburger .hamburger-lines:before {
background: #FDFDFD;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-orange .content-area > *:not(.guppy-hero-container):first-child {
top: 0px;
}
} body.bigg-school.bs-orange .content-area .bigg-school-title {
text-align: center;
} body.bigg-school.bs-orange .content-area .bigg-school-title .h1, body.bigg-school.bs-orange .content-area .bigg-school-title h1 {
color: #FDFDFD;
font-size: 98px;
text-shadow: -1px -1px 0 #484748, 1px -1px 0 #484748, -1px 1px 0 #484748, 1px 1px 0 #484748, 8px 8px 0 #FFF018;
background: #F2713B;
display: inline-block;
padding: 8px 16px;
}
@media only screen and (max-width: 640px) { body.bigg-school.bs-orange .content-area .bigg-school-title .h1, body.bigg-school.bs-orange .content-area .bigg-school-title h1 {
font-size: 60px;
}
} body.bigg-school.bs-orange footer {
color: #404040;
} body.bigg-school.bs-orange .guppy-bigg-school-list {
background: #FDF8F5;
border-radius: 20px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
} body.bigg-school.bs-orange .guppy-bigg-school-list .tile img {
max-width: 240px;
max-height: 260px;
} body.bigg-school.bs-orange .bigg-school-media {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 40px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-orange .bigg-school-media {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
} body.bigg-school.bs-orange .bigg-school-media h3 {
font-size: 36px;
} body.bigg-school.bs-orange .bigg-school-media__img img {
display: block;
max-width: 260px;
height: auto;
border-radius: 12px;
} body.bigg-school.bs-orange .bigg-school-pets {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 16px;
} body.bigg-school.bs-orange .bigg-school-pet {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
} body.bigg-school.bs-orange .bigg-school-pet__img {
max-width: 80px;
max-height: 80px;
} body.bigg-school.bs-orange .bigg-school-media__meta .bigg-school-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
gap: 4px;
margin-top: 8px;
font-size: 20px;
} body.bigg-school.bs-orange .bigg-school-media__meta dt {
font-weight: 700;
font-size: 24px;
} body.bigg-school.bs-orange .bigg-school-media__meta dd {
margin: 0;
color: #404040;
} body.bigg-school.bs-orange .bigg-school-character-modal {
display: none;
position: fixed;
inset: 0;
place-content: center;
place-items: center;
z-index: 99999;
background: rgba(0, 0, 0, 0.5);
} body.bigg-school.bs-orange .bigg-school-character-modal__content {
position: relative;
max-width: 840px;
text-align: right;
padding: 24px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-orange .bigg-school-character-modal__content {
padding: 0;
max-width: 100%;
height: 100%;
overflow: auto;
scroll-behavior: smooth;
}
} body.bigg-school.bs-orange .bigg-school-character-modal__close {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
margin-left: auto;
margin-bottom: 10px;
padding-bottom: 4px;
position: relative;
width: 44px;
height: 44px;
background: #FFF018;
border-radius: 9em;
font-size: 38px;
cursor: pointer;
-webkit-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
transition: all ease 0.1s;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #F2713B;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-orange .bigg-school-character-modal__close {
position: fixed;
right: 24px;
top: 24px;
}
} body.bigg-school.bs-orange .bigg-school-character-modal__close:hover {
background: #fff34b;
} body.bigg-school.bs-orange .bigg-school-character-modal__inner {
background: #F2713B;
padding: 40px 56px;
border-radius: 24px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
text-align: left;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-orange .bigg-school-character-modal__inner {
border-radius: 0;
}
} body.bigg-school.bs-orange .bigg-school-character-modal.is-open {
display: block;
} body.bigg-school.bs-yellow {
background: #F2E250 url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/double-drama-pattern.png) repeat center;
-webkit-background-size: auto 500px;
background-size: auto 500px;
color: #FDFDFD;
} body.bigg-school.bs-yellow:before {
content: '';
position: absolute;
height: 180px;
width: 100%;
top: 0;
background: rgba(242, 226, 80, 0.9);
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-yellow:before {
height: 100px;
}
} body.bigg-school.bs-yellow header svg {
-webkit-filter: drop-shadow(4px 4px 0 #3A8AC8);
filter: drop-shadow(4px 4px 0 #3A8AC8);
} body.bigg-school.bs-yellow header path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.5px;
} body.bigg-school.bs-yellow header .main-menu #menu-main-navigation {
gap: 2px;
} body.bigg-school.bs-yellow header a:link,
body.bigg-school.bs-yellow header a:visited {
font-size: 22px;
color: #FDFDFD;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #3A8AC8;
} body.bigg-school.bs-yellow header a:link[aria-current='page'], body.bigg-school.bs-yellow header a:link:hover, body.bigg-school.bs-yellow header a:link:focus,
body.bigg-school.bs-yellow header a:visited[aria-current='page'],
body.bigg-school.bs-yellow header a:visited:hover,
body.bigg-school.bs-yellow header a:visited:focus {
color: #3A8AC8 !important;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #FDFDFD;
} body.bigg-school.bs-yellow header .cart-link a {
color: #FDFDFD !important;
} body.bigg-school.bs-yellow header .cart-link a svg {
-webkit-filter: drop-shadow(1.5px 1.5px #3A8AC8);
filter: drop-shadow(1.5px 1.5px #3A8AC8);
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
} body.bigg-school.bs-yellow header .cart-link a svg path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.66px;
} body.bigg-school.bs-yellow header .cart-link a:hover svg {
-webkit-filter: drop-shadow(1.5px 1.5px #FDFDFD);
filter: drop-shadow(1.5px 1.5px #FDFDFD);
} body.bigg-school.bs-yellow header .cart-link a:hover svg path {
fill: #3A8AC8 !important;
} body.bigg-school.bs-yellow header .hamburger {
border-color: #FDFDFD;
} body.bigg-school.bs-yellow header .hamburger .hamburger-lines,
body.bigg-school.bs-yellow header .hamburger .hamburger-lines:after,
body.bigg-school.bs-yellow header .hamburger .hamburger-lines:before {
background: #FDFDFD;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-yellow .content-area > *:not(.guppy-hero-container):first-child {
top: 0px;
}
} body.bigg-school.bs-yellow .content-area .bigg-school-title {
text-align: center;
} body.bigg-school.bs-yellow .content-area .bigg-school-title .h1, body.bigg-school.bs-yellow .content-area .bigg-school-title h1 {
color: #FDFDFD;
font-size: 98px;
text-shadow: -1px -1px 0 #484748, 1px -1px 0 #484748, -1px 1px 0 #484748, 1px 1px 0 #484748, 8px 8px 0 #F06044;
background: #F2E250;
display: inline-block;
padding: 8px 16px;
}
@media only screen and (max-width: 640px) { body.bigg-school.bs-yellow .content-area .bigg-school-title .h1, body.bigg-school.bs-yellow .content-area .bigg-school-title h1 {
font-size: 60px;
}
} body.bigg-school.bs-yellow footer {
color: #404040;
} body.bigg-school.bs-yellow .guppy-bigg-school-list {
background: #FDF8F5;
border-radius: 20px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
} body.bigg-school.bs-yellow .guppy-bigg-school-list .tile img {
max-width: 240px;
max-height: 260px;
} body.bigg-school.bs-yellow .bigg-school-media {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 40px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-yellow .bigg-school-media {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
} body.bigg-school.bs-yellow .bigg-school-media h3 {
font-size: 36px;
} body.bigg-school.bs-yellow .bigg-school-media__img img {
display: block;
max-width: 260px;
height: auto;
border-radius: 12px;
} body.bigg-school.bs-yellow .bigg-school-pets {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 16px;
} body.bigg-school.bs-yellow .bigg-school-pet {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
} body.bigg-school.bs-yellow .bigg-school-pet__img {
max-width: 80px;
max-height: 80px;
} body.bigg-school.bs-yellow .bigg-school-media__meta .bigg-school-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
gap: 4px;
margin-top: 8px;
font-size: 20px;
} body.bigg-school.bs-yellow .bigg-school-media__meta dt {
font-weight: 700;
font-size: 24px;
} body.bigg-school.bs-yellow .bigg-school-media__meta dd {
margin: 0;
color: #404040;
} body.bigg-school.bs-yellow .bigg-school-character-modal {
display: none;
position: fixed;
inset: 0;
place-content: center;
place-items: center;
z-index: 99999;
background: rgba(0, 0, 0, 0.5);
} body.bigg-school.bs-yellow .bigg-school-character-modal__content {
position: relative;
max-width: 840px;
text-align: right;
padding: 24px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-yellow .bigg-school-character-modal__content {
padding: 0;
max-width: 100%;
height: 100%;
overflow: auto;
scroll-behavior: smooth;
}
} body.bigg-school.bs-yellow .bigg-school-character-modal__close {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
margin-left: auto;
margin-bottom: 10px;
padding-bottom: 4px;
position: relative;
width: 44px;
height: 44px;
background: #F06044;
border-radius: 9em;
font-size: 38px;
cursor: pointer;
-webkit-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
transition: all ease 0.1s;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #F2E250;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-yellow .bigg-school-character-modal__close {
position: fixed;
right: 24px;
top: 24px;
}
} body.bigg-school.bs-yellow .bigg-school-character-modal__close:hover {
background: #f48873;
} body.bigg-school.bs-yellow .bigg-school-character-modal__inner {
background: #F2E250;
padding: 40px 56px;
border-radius: 24px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
text-align: left;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-yellow .bigg-school-character-modal__inner {
border-radius: 0;
}
} body.bigg-school.bs-yellow .bigg-school-character-modal.is-open {
display: block;
} body.bigg-school.bs-blue {
background: #00BEF2 url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/secret-crush-pattern.png) repeat center;
-webkit-background-size: auto 500px;
background-size: auto 500px;
color: #FDFDFD;
} body.bigg-school.bs-blue:before {
content: '';
position: absolute;
height: 180px;
width: 100%;
top: 0;
background: rgba(0, 190, 242, 0.9);
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-blue:before {
height: 100px;
}
} body.bigg-school.bs-blue header svg {
-webkit-filter: drop-shadow(4px 4px 0 #FFD533);
filter: drop-shadow(4px 4px 0 #FFD533);
} body.bigg-school.bs-blue header path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.5px;
} body.bigg-school.bs-blue header .main-menu #menu-main-navigation {
gap: 2px;
} body.bigg-school.bs-blue header a:link,
body.bigg-school.bs-blue header a:visited {
font-size: 22px;
color: #FDFDFD;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #FFD533;
} body.bigg-school.bs-blue header a:link[aria-current='page'], body.bigg-school.bs-blue header a:link:hover, body.bigg-school.bs-blue header a:link:focus,
body.bigg-school.bs-blue header a:visited[aria-current='page'],
body.bigg-school.bs-blue header a:visited:hover,
body.bigg-school.bs-blue header a:visited:focus {
color: #FFD533 !important;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #FDFDFD;
} body.bigg-school.bs-blue header .cart-link a {
color: #FDFDFD !important;
} body.bigg-school.bs-blue header .cart-link a svg {
-webkit-filter: drop-shadow(1.5px 1.5px #FFD533);
filter: drop-shadow(1.5px 1.5px #FFD533);
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
} body.bigg-school.bs-blue header .cart-link a svg path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.66px;
} body.bigg-school.bs-blue header .cart-link a:hover svg {
-webkit-filter: drop-shadow(1.5px 1.5px #FDFDFD);
filter: drop-shadow(1.5px 1.5px #FDFDFD);
} body.bigg-school.bs-blue header .cart-link a:hover svg path {
fill: #FFD533 !important;
} body.bigg-school.bs-blue header .hamburger {
border-color: #FDFDFD;
} body.bigg-school.bs-blue header .hamburger .hamburger-lines,
body.bigg-school.bs-blue header .hamburger .hamburger-lines:after,
body.bigg-school.bs-blue header .hamburger .hamburger-lines:before {
background: #FDFDFD;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-blue .content-area > *:not(.guppy-hero-container):first-child {
top: 0px;
}
} body.bigg-school.bs-blue .content-area .bigg-school-title {
text-align: center;
} body.bigg-school.bs-blue .content-area .bigg-school-title .h1, body.bigg-school.bs-blue .content-area .bigg-school-title h1 {
color: #FDFDFD;
font-size: 98px;
text-shadow: -1px -1px 0 #484748, 1px -1px 0 #484748, -1px 1px 0 #484748, 1px 1px 0 #484748, 8px 8px 0 #ED4B92;
background: #00BEF2;
display: inline-block;
padding: 8px 16px;
}
@media only screen and (max-width: 640px) { body.bigg-school.bs-blue .content-area .bigg-school-title .h1, body.bigg-school.bs-blue .content-area .bigg-school-title h1 {
font-size: 60px;
}
} body.bigg-school.bs-blue footer {
color: #404040;
} body.bigg-school.bs-blue .guppy-bigg-school-list {
background: #FDF8F5;
border-radius: 20px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
} body.bigg-school.bs-blue .guppy-bigg-school-list .tile img {
max-width: 240px;
max-height: 260px;
} body.bigg-school.bs-blue .bigg-school-media {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 40px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-blue .bigg-school-media {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
} body.bigg-school.bs-blue .bigg-school-media h3 {
font-size: 36px;
} body.bigg-school.bs-blue .bigg-school-media__img img {
display: block;
max-width: 260px;
height: auto;
border-radius: 12px;
} body.bigg-school.bs-blue .bigg-school-pets {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 16px;
} body.bigg-school.bs-blue .bigg-school-pet {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
} body.bigg-school.bs-blue .bigg-school-pet__img {
max-width: 80px;
max-height: 80px;
} body.bigg-school.bs-blue .bigg-school-media__meta .bigg-school-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
gap: 4px;
margin-top: 8px;
font-size: 20px;
} body.bigg-school.bs-blue .bigg-school-media__meta dt {
font-weight: 700;
font-size: 24px;
} body.bigg-school.bs-blue .bigg-school-media__meta dd {
margin: 0;
color: #404040;
} body.bigg-school.bs-blue .bigg-school-character-modal {
display: none;
position: fixed;
inset: 0;
place-content: center;
place-items: center;
z-index: 99999;
background: rgba(0, 0, 0, 0.5);
} body.bigg-school.bs-blue .bigg-school-character-modal__content {
position: relative;
max-width: 840px;
text-align: right;
padding: 24px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-blue .bigg-school-character-modal__content {
padding: 0;
max-width: 100%;
height: 100%;
overflow: auto;
scroll-behavior: smooth;
}
} body.bigg-school.bs-blue .bigg-school-character-modal__close {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
margin-left: auto;
margin-bottom: 10px;
padding-bottom: 4px;
position: relative;
width: 44px;
height: 44px;
background: #ED4B92;
border-radius: 9em;
font-size: 38px;
cursor: pointer;
-webkit-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
transition: all ease 0.1s;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #00BEF2;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-blue .bigg-school-character-modal__close {
position: fixed;
right: 24px;
top: 24px;
}
} body.bigg-school.bs-blue .bigg-school-character-modal__close:hover {
background: #f279ae;
} body.bigg-school.bs-blue .bigg-school-character-modal__inner {
background: #00BEF2;
padding: 40px 56px;
border-radius: 24px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
text-align: left;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-blue .bigg-school-character-modal__inner {
border-radius: 0;
}
} body.bigg-school.bs-blue .bigg-school-character-modal.is-open {
display: block;
} body.bigg-school.bs-purple {
background: #9E91C5 url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/selfie-queen-pattern.png) repeat center;
-webkit-background-size: auto 500px;
background-size: auto 500px;
color: #FDFDFD;
} body.bigg-school.bs-purple:before {
content: '';
position: absolute;
height: 180px;
width: 100%;
top: 0;
background: rgba(158, 145, 197, 0.9);
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-purple:before {
height: 100px;
}
} body.bigg-school.bs-purple header svg {
-webkit-filter: drop-shadow(4px 4px 0 #EF638E);
filter: drop-shadow(4px 4px 0 #EF638E);
} body.bigg-school.bs-purple header path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.5px;
} body.bigg-school.bs-purple header .main-menu #menu-main-navigation {
gap: 2px;
} body.bigg-school.bs-purple header a:link,
body.bigg-school.bs-purple header a:visited {
font-size: 22px;
color: #FDFDFD;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #EF638E;
} body.bigg-school.bs-purple header a:link[aria-current='page'], body.bigg-school.bs-purple header a:link:hover, body.bigg-school.bs-purple header a:link:focus,
body.bigg-school.bs-purple header a:visited[aria-current='page'],
body.bigg-school.bs-purple header a:visited:hover,
body.bigg-school.bs-purple header a:visited:focus {
color: #EF638E !important;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #FDFDFD;
} body.bigg-school.bs-purple header .cart-link a {
color: #FDFDFD !important;
} body.bigg-school.bs-purple header .cart-link a svg {
-webkit-filter: drop-shadow(1.5px 1.5px #EF638E);
filter: drop-shadow(1.5px 1.5px #EF638E);
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
transform: rotate(-2deg);
} body.bigg-school.bs-purple header .cart-link a svg path {
fill: #FDFDFD !important;
stroke: #484748;
stroke-width: 0.66px;
} body.bigg-school.bs-purple header .cart-link a:hover svg {
-webkit-filter: drop-shadow(1.5px 1.5px #FDFDFD);
filter: drop-shadow(1.5px 1.5px #FDFDFD);
} body.bigg-school.bs-purple header .cart-link a:hover svg path {
fill: #EF638E !important;
} body.bigg-school.bs-purple header .hamburger {
border-color: #FDFDFD;
} body.bigg-school.bs-purple header .hamburger .hamburger-lines,
body.bigg-school.bs-purple header .hamburger .hamburger-lines:after,
body.bigg-school.bs-purple header .hamburger .hamburger-lines:before {
background: #FDFDFD;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-purple .content-area > *:not(.guppy-hero-container):first-child {
top: 0px;
}
} body.bigg-school.bs-purple .content-area .bigg-school-title {
text-align: center;
} body.bigg-school.bs-purple .content-area .bigg-school-title .h1, body.bigg-school.bs-purple .content-area .bigg-school-title h1 {
color: #FDFDFD;
font-size: 98px;
text-shadow: -1px -1px 0 #484748, 1px -1px 0 #484748, -1px 1px 0 #484748, 1px 1px 0 #484748, 8px 8px 0 #F06236;
background: #9E91C5;
display: inline-block;
padding: 8px 16px;
}
@media only screen and (max-width: 640px) { body.bigg-school.bs-purple .content-area .bigg-school-title .h1, body.bigg-school.bs-purple .content-area .bigg-school-title h1 {
font-size: 60px;
}
} body.bigg-school.bs-purple footer {
color: #404040;
} body.bigg-school.bs-purple .guppy-bigg-school-list {
background: #FDF8F5;
border-radius: 20px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
} body.bigg-school.bs-purple .guppy-bigg-school-list .tile img {
max-width: 240px;
max-height: 260px;
} body.bigg-school.bs-purple .bigg-school-media {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 40px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-purple .bigg-school-media {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
} body.bigg-school.bs-purple .bigg-school-media h3 {
font-size: 36px;
} body.bigg-school.bs-purple .bigg-school-media__img img {
display: block;
max-width: 260px;
height: auto;
border-radius: 12px;
} body.bigg-school.bs-purple .bigg-school-pets {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 16px;
} body.bigg-school.bs-purple .bigg-school-pet {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
} body.bigg-school.bs-purple .bigg-school-pet__img {
max-width: 80px;
max-height: 80px;
} body.bigg-school.bs-purple .bigg-school-media__meta .bigg-school-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
gap: 4px;
margin-top: 8px;
font-size: 20px;
} body.bigg-school.bs-purple .bigg-school-media__meta dt {
font-weight: 700;
font-size: 24px;
} body.bigg-school.bs-purple .bigg-school-media__meta dd {
margin: 0;
color: #404040;
} body.bigg-school.bs-purple .bigg-school-character-modal {
display: none;
position: fixed;
inset: 0;
place-content: center;
place-items: center;
z-index: 99999;
background: rgba(0, 0, 0, 0.5);
} body.bigg-school.bs-purple .bigg-school-character-modal__content {
position: relative;
max-width: 840px;
text-align: right;
padding: 24px;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-purple .bigg-school-character-modal__content {
padding: 0;
max-width: 100%;
height: 100%;
overflow: auto;
scroll-behavior: smooth;
}
} body.bigg-school.bs-purple .bigg-school-character-modal__close {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
margin-left: auto;
margin-bottom: 10px;
padding-bottom: 4px;
position: relative;
width: 44px;
height: 44px;
background: #F06236;
border-radius: 9em;
font-size: 38px;
cursor: pointer;
-webkit-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
transition: all ease 0.1s;
text-shadow: -0.33px -0.33px 0 #484748, 0.33px -0.33px 0 #484748, -0.33px 0.33px 0 #484748, 0.33px 0.33px 0 #484748, 2px 2px 0 #9E91C5;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-purple .bigg-school-character-modal__close {
position: fixed;
right: 24px;
top: 24px;
}
} body.bigg-school.bs-purple .bigg-school-character-modal__close:hover {
background: #f48765;
} body.bigg-school.bs-purple .bigg-school-character-modal__inner {
background: #9E91C5;
padding: 40px 56px;
border-radius: 24px;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
text-align: left;
}
@media only screen and (max-width: 768px) { body.bigg-school.bs-purple .bigg-school-character-modal__inner {
border-radius: 0;
}
} body.bigg-school.bs-purple .bigg-school-character-modal.is-open {
display: block;
} .guppy-author-list .tiles.tiles-simple {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 64px 96px;
margin: 64px 0 56px;
} .author-columns {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 80px;
}
@media only screen and (max-width: 920px) { .author-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
gap: 40px;
margin-top: 40px;
}
}
@media only screen and (max-width: 920px) { .author-columns .author-sidebar {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
gap: 76px;
}
}
@media only screen and (max-width: 650px) { .author-columns .author-sidebar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
align-items: flex-start;
gap: 0;
}
} .author-columns .author-content {
max-width: 768px;
} .author-columns .author-side-list {
list-style: none;
margin: 0;
} .author__cover {
-webkit-mask: url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/bubble-mask.svg);
mask: url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/bubble-mask.svg);
-webkit-mask-size: 99%;
mask-size: 99%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
position: relative;
} .single-guppy_author .author__cover {
margin-top: -160px;
}
@media only screen and (max-width: 1100px) { .single-guppy_author .author__cover {
margin-top: -90px;
}
}
@media only screen and (max-width: 920px) { .single-guppy_author .author__cover {
margin-top: 0px;
} .single-guppy_author .author__cover img {
width: 220px;
height: auto;
}
}
@media only screen and (max-width: 600px) { .single-guppy_author .author__cover {
margin: 0;
}
} .single-guppy_author .author__cover.masked-border {
position: absolute;
width: 358px;
height: 358px;
margin-left: -22px;
margin-top: -182px;
background: #FDFDFD;
}
@media only screen and (max-width: 1100px) { .single-guppy_author .author__cover.masked-border {
margin-top: -102px;
}
}
@media only screen and (max-width: 920px) { .single-guppy_author .author__cover.masked-border {
display: none;
}
} .author img {
width: 100%;
height: auto;
} .author__title {
text-align: center;
} .author__meta {
margin-top: 32px;
}
@media only screen and (max-width: 768px) { header {
margin-bottom: 16px !important;
}
}
@media only screen and (min-width: 768px) { header {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 9999;
height: 120px;
top: 0;
}
} header > .inner-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
@media only screen and (max-width: 650px) { header {
height: 40px;
}
} header .inner-container > h1 {
margin: 0;
padding: 0;
z-index: 1000;
} header .inner-container > h1.logo {
margin-right: auto;
} header .inner-container > h1.logo svg {
display: none;
}
@media only screen and (min-width: 768px) { .dark-header header .inner-container > h1.logo svg path {
fill: #FDFDFD;
}
} .scroll-lock header .inner-container > h1.logo svg path {
fill: #FDFDFD;
} header .inner-container > h1.logo svg.logo-narrow {
display: block;
width: 46px;
height: auto;
}
@media only screen and (min-width: 658px) { header .inner-container > h1.logo svg {
display: block;
} header .inner-container > h1.logo svg.logo-narrow {
display: none;
}
} header .header-right {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
@media only screen and (max-width: 650px) { header .header-right {
margin-top: 0;
}
} header .header-right .cart-link {
z-index: 9999;
} header .header-right .cart-link a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
gap: 8px;
-webkit-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
color: #404040;
}
@media only screen and (min-width: 768px) { .dark-header header .header-right .cart-link a {
color: #FDFDFD !important;
}
} .scroll-lock header .header-right .cart-link a {
color: #FDFDFD !important;
} header .header-right .cart-link a path {
fill: #404040;
-webkit-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
@media only screen and (min-width: 768px) { .dark-header header .header-right .cart-link a path {
fill: #FDFDFD;
}
} .scroll-lock header .header-right .cart-link a path {
fill: #FDFDFD;
} header .header-right .cart-link a:hover, header .header-right .cart-link a:focus {
color: black;
text-decoration: none;
} .dark-header header .header-right .cart-link a:hover, .dark-header header .header-right .cart-link a:focus {
color: #F3998C;
} header .header-right .cart-link a:hover path, header .header-right .cart-link a:focus path {
fill: black;
}
@media only screen and (min-width: 768px) { .dark-header header .header-right .cart-link a:hover path, .dark-header header .header-right .cart-link a:focus path {
fill: #F3998C;
}
} header .header-right .shopping-cart {
width: auto;
height: 18px;
margin-left: 8px;
margin-bottom: 14px;
} header .header-right .cart-customlocation {
text-align: right;
margin-right: 12px;
line-height: 1;
} header .header-right .cart-customlocation path {
fill: #E62656;
}
@media only screen and (min-width: 1188px) { header .header-right {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
align-items: flex-end;
} header .header-right .cart-customlocation {
margin-right: 0;
}
} header a {
display: block;
line-height: 0;
} header a:hover {
color: black;
} header .main-menu ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 16px;
} header .main-menu li {
margin: 0;
} header .main-menu li:last-child a {
padding-right: 0;
} header .main-menu .menu-item-has-children {
position: relative;
} header .main-menu .current-menu-item a {
color: black;
}
@media only screen and (min-width: 768px) { .dark-header header .main-menu .current-menu-item a {
color: #ACFAF8;
}
} header .main-menu a {
font-size: 18px;
text-decoration: none;
color: #5a5a5a;
font-weight: 700;
padding: 24px 8px;
-webkit-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
@media only screen and (min-width: 768px) { .dark-header header .main-menu a {
color: #FDFDFD;
}
} header .main-menu a:hover, header .main-menu a:focus {
color: black;
}
@media only screen and (min-width: 768px) { .dark-header header .main-menu a:hover, .dark-header header .main-menu a:focus {
color: #ACFAF8;
}
} header .main-menu .sub-menu {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
position: absolute;
z-index: 999;
margin-top: 0;
} header .main-menu .sub-menu li {
margin: 0;
padding: 0;
white-space: nowrap;
} header .main-menu .sub-menu li:hover > a {
background: #32B7B4;
color: white;
} header .main-menu .sub-menu li a {
padding-left: 24px;
padding-right: 24px;
color: #5a5a5a;
border: 2px solid #32B7B4;
border-top: none;
border-bottom: none;
background: #FDFDFD;
} header .main-menu .sub-menu li a:hover {
background: #32B7B4;
color: white;
} header .main-menu .sub-menu li.current-menu-item a {
color: black;
} header .main-menu .sub-menu li:first-child a {
padding-top: 24px;
border-top: 2px solid #32B7B4;
} header .main-menu .sub-menu li:last-child a {
padding-bottom: 24px;
border-bottom: 2px solid #32B7B4;
} header .main-menu .sub-menu li .sub-menu li a {
border-top: none;
border-bottom: none;
} header .main-menu .sub-menu li .sub-menu li:first-child a {
border-top: 2px solid #32B7B4;
} header .main-menu .sub-menu li .sub-menu li:last-child a {
border-bottom: 2px solid #32B7B4;
} header .main-menu .menu-item-has-children:hover > .sub-menu,
header .main-menu .menu-item-has-children .sub-menu:hover,
header .main-menu .menu-item-has-children a:focus + .sub-menu {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
margin-left: 8px;
} header .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
header .main-menu .menu-item-has-children .sub-menu:hover .sub-menu,
header .main-menu .menu-item-has-children a:focus + .sub-menu .sub-menu {
left: -webkit-calc(100% - 2px);
left: -moz-calc(100% - 2px);
left: calc(100% - 2px);
margin-left: 0;
top: 0;
}
@media only screen and (max-width: 1188px) { header .main-menu {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: -o-transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), -moz-transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), -moz-transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), -o-transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
position: fixed;
left: 0;
top: 0;
right: 0;
height: 100vh;
z-index: 999;
background: #32B7B4;
} header .main-menu.active {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
} header .main-menu.active ul {
opacity: 1;
} header .main-menu ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
margin-top: 136px;
opacity: 0;
-webkit-transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-webkit-transition-delay: 0.15s;
-moz-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.15s;
} header .main-menu li {
padding: 0;
} header .main-menu .current_page_item a {
color: #FDFDFD;
} header .main-menu a {
color: #FDFDFD;
font-size: 22px;
padding: 32px 48px;
-webkit-transition: all 0.1s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: all 0.1s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: all 0.1s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.1s cubic-bezier(0.22, 1, 0.36, 1);
} header .main-menu a:active, header .main-menu a:hover {
background: #2da3a0;
} header .main-menu .sub-menu {
display: none !important;
}
} .hamburger {
position: relative;
z-index: 1000;
margin-left: auto;
border-radius: 4px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
width: 32px;
height: 28px;
cursor: pointer;
border: 2px solid #404040;
background: transparent;
display: none;
} .hamburger .hamburger-icon {
position: relative;
display: block;
height: 22px;
width: 22px;
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
} .hamburger .hamburger-icon .hamburger-lines, .hamburger .hamburger-icon:after {
content: '';
display: block;
height: 2px;
position: absolute;
background: #404040;
} .hamburger .hamburger-lines {
left: 0;
text-indent: -4000px;
font-size: 0;
top: -webkit-calc(36% + 2px);
top: -moz-calc(36% + 2px);
top: calc(36% + 2px);
-webkit-transition: right 0.3s ease-in-out;
-o-transition: right 0.3s ease-in-out;
-moz-transition: right 0.3s ease-in-out;
transition: right 0.3s ease-in-out;
width: 100%;
} .hamburger .hamburger-lines:before, .hamburger .hamburger-lines:after {
content: '';
display: block;
height: 2px;
position: absolute;
background: #404040;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 100%;
z-index: 10;
} .hamburger .hamburger-lines:before {
top: -6px;
} .hamburger .hamburger-lines:after {
top: 6px;
} .active .hamburger .hamburger-lines:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
} .hamburger.active {
border-color: #FDFDFD;
}
@media only screen and (min-width: 768px) { .dark-header .hamburger {
border-color: #FDFDFD;
}
} .hamburger.active .hamburger-lines, .hamburger.active .hamburger-icon:after {
background: transparent;
} .hamburger.active .hamburger-lines:before, .hamburger.active .hamburger-lines:after {
top: 0;
background: #FDFDFD;
}
@media only screen and (min-width: 768px) { .dark-header .hamburger .hamburger-lines, .dark-header .hamburger .hamburger-lines:before, .dark-header .hamburger .hamburger-lines:after {
background: #FDFDFD;
} .dark-header .hamburger.active .hamburger-lines {
background: transparent;
}
} .hamburger.active .hamburger-lines:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
} .hamburger.active .hamburger-lines:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (max-width: 1188px) { .hamburger {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
} .title-nav {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
margin-top: 32px;
}
@media only screen and (max-width: 650px) { .title-nav {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
} .title-nav .guppy-custom-select {
margin-left: auto;
}
} .title-nav .h2, .title-nav h2 {
margin: 0;
} .tiles.tiles-simple {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 64px 32px;
margin: 64px 0 56px;
}
@media only screen and (max-width: 560px) { .tiles.tiles-simple {
margin: 32px 0 56px;
}
} .tiles.tiles-simple a.book:hover {
text-decoration: none;
-webkit-filter: brightness(1);
filter: brightness(1);
} footer {
padding: 24px 0;
}
@media only screen and (min-width: 1024px) { footer {
padding: 96px 0;
}
} footer .footer-content.inner-container {
padding: 24px;
background: #FDFDFD;
border-radius: 16px;
-webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 768px) { footer .footer-content.inner-container {
padding: 48px 48px 16px;
}
} footer .footer-content.inner-container .footer-columns {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 1024px) { footer .footer-content.inner-container .footer-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
} footer .footer-content.inner-container .footer-columns .left {
-webkit-flex-basis: 33%;
flex-basis: 33%;
} footer .footer-content.inner-container .footer-columns .left ul {
display: grid;
grid-template-rows: auto auto auto;
grid-template-columns: auto auto;
}
@media only screen and (max-width: 480px) { footer .footer-content.inner-container .footer-columns .left ul {
display: block;
}
} footer .footer-content.inner-container .footer-columns .middle {
text-align: center;
-webkit-flex-basis: 23%;
flex-basis: 23%;
}
@media only screen and (max-width: 1024px) { footer .footer-content.inner-container .footer-columns .middle {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
order: 3;
}
} footer .footer-content.inner-container .footer-columns .right {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
-webkit-flex-basis: 33%;
flex-basis: 33%;
}
@media only screen and (max-width: 1024px) { footer .footer-content.inner-container .footer-columns .right {
margin: 2em 0;
}
}
@media only screen and (max-width: 1024px) { footer .footer-content.inner-container .footer-columns .right {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
flex-direction: column-reverse;
}
} footer .footer-content.inner-container .bottom-bar {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
padding: 32px 0 16px;
}
@media only screen and (max-width: 1024px) { footer .footer-content.inner-container .bottom-bar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
} footer .footer-content.inner-container .bottom-bar.legal {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
} footer .footer-content.inner-container .bottom-bar.legal p:nth-child(2) {
margin-left: auto;
} footer .footer-content.inner-container p {
font-size: 0.8rem;
letter-spacing: 0.025rem;
margin: 0;
} footer .footer-content.inner-container .text-right {
text-align: right;
}
@media only screen and (max-width: 1024px) { footer .footer-content.inner-container .text-right {
text-align: center;
}
} footer .footer-content.inner-container .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} footer .footer-content.inner-container .input-group {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-moz-box-align: stretch;
align-items: stretch;
width: 100%;
}
@media only screen and (max-width: 480px) { footer .footer-content.inner-container .input-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
} footer .footer-content.inner-container .input-group > .custom-file,
footer .footer-content.inner-container .input-group > .custom-select,
footer .footer-content.inner-container .input-group > .form-control {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
} footer .footer-content.inner-container .form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-moz-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
} footer .footer-content.inner-container .input-group-append {
margin-left: -1px;
} footer .footer-content.inner-container .input-group-append,
footer .footer-content.inner-container .input-group-prepend {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
} footer .footer-content.inner-container [type='reset'],
footer .footer-content.inner-container [type='submit'],
footer .footer-content.inner-container button,
footer .footer-content.inner-container html [type='button'] {
-webkit-appearance: button;
} footer .footer-content.inner-container .form-control.email {
border: solid #808080 1px;
border-right-width: 0;
border-radius: 8px 0 0 8px;
}
@media only screen and (max-width: 480px) { footer .footer-content.inner-container .form-control.email {
border-right-width: 1px;
border-radius: 8px;
width: 100%;
}
} footer .footer-content.inner-container [type='submit'] {
background: #E62656;
color: white !important;
border: 1px solid #E62656;
border-radius: 0 8px 8px 0;
font-weight: 700;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
padding: 0 24px;
} footer .footer-content.inner-container [type='submit']:hover {
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
@media only screen and (max-width: 480px) { footer .footer-content.inner-container [type='submit'] {
border-radius: 8px;
width: 100%;
margin-top: 8px;
padding: 8px 24px;
}
} footer .footer-content.inner-container .input-group {
margin-bottom: 0.5em;
} footer .footer-content.inner-container #mc_embed_signup {
margin-bottom: 32px;
} footer .footer-content.inner-container #mc_embed_signup .h3, footer .footer-content.inner-container #mc_embed_signup h3 {
font-size: 18px;
} footer .footer-content.inner-container #mc_embed_signup p {
line-height: 1.9;
} .guppy-strip {
background: url(https://guppybooks.co.uk/wp-content/themes/guppy-books/assets/images/guppy-repeat.png);
-webkit-background-size: 40% 40%;
background-size: 40%;
} #menu-footer-navigation {
list-style: none;
margin: 0;
padding: 0;
} #menu-footer-navigation li {
margin-bottom: 8px;
} .guppy-social-links {
margin: 32px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 16px 32px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
}
@media only screen and (max-width: 480px) { .guppy-social-links {
gap: 16px;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
} .guppy-social-links svg {
height: 30px;
width: auto;
} .guppy-social-links a:hover path {
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
} .sidebar p {
margin: 4px 0;
} .sidebar .button, .sidebar .woocommerce .add_to_cart_button.ajax_add_to_cart, .woocommerce .sidebar .add_to_cart_button.ajax_add_to_cart {
margin: 8px 0;
}
@media only screen and (max-width: 768px) { .guppy-book .content-area > *:not(.guppy-hero-container):first-child {
top: 0px;
}
} .guppy-book .book-columns {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
}
@media only screen and (max-width: 768px) { .guppy-book .book-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
} .guppy-book .book__categories {
margin-bottom: 32px;
} .guppy-book .price-editable {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
gap: 12px;
} .guppy-book .sale-price {
color: #E62656;
} .guppy-book .original-price {
font-size: 0.75em;
color: #808080;
text-decoration: line-through;
} .guppy-book .discount-tag {
font-size: 0.6em;
background-color: #E62656;
color: #FDFDFD;
border-radius: 99em;
text-transform: uppercase;
padding: 2px 12px;
font-weight: 700;
} .book__sidebar-meta {
margin-top: 24px;
} .book__get-resources {
margin-bottom: 16px;
} .book-content .book__cover {
display: none;
}
@media only screen and (max-width: 768px) { .book-content .book__cover {
display: block;
float: left;
margin-right: 32px;
margin-bottom: 8px;
width: 25%;
} .book-content .book__cover img {
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 560px) { .book-content .book__cover {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 0;
}
} .book-sidebar {
border-top: none;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
max-width: 400px;
width: 100%;
}
@media only screen and (max-width: 1440px) { .book-sidebar {
max-width: 240px;
}
}
@media only screen and (max-width: 768px) { .book-sidebar {
max-width: 100%;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
order: 1;
border-top: solid #FFCF37 2px;
}
} .book-sidebar .guppy-button {
width: 100%;
} .book-sidebar .book__cover-image {
display: block;
}
@media only screen and (max-width: 768px) { .book-sidebar .book__cover-image {
display: none;
}
}
@media only screen and (max-width: 768px) { .book-sidebar .book__cover-image {
text-align: center;
}
} .book-sidebar .book__cover-image .splide__track {
overflow: visible;
} .book-sidebar .book__cover-image img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 1440px) { .book-sidebar .book__cover-image img {
width: 240px;
height: auto;
}
}
@media only screen and (max-width: 768px) { .book-sidebar .book__cover-image img {
width: 80%;
}
} .book-sidebar .thumbnails {
margin-top: 24px;
} .book-sidebar .thumbnails img {
width: auto;
max-height: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
} .book-sidebar .splide__slide {
opacity: 0.6;
} .book-sidebar .splide__slide.is-active {
opacity: 1;
} .book-sidebar__meta {
margin-top: 32px;
} .book-sidebar .products {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
} .book-sidebar .products h4 {
margin-bottom: 0;
} .shopping-controls {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
gap: 8px 32px;
margin-bottom: 40px;
}
@media only screen and (min-width: 1024px) { .shopping-controls {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
} .shopping-controls .format,
.shopping-controls .quantity {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
} .shopping-controls .format label,
.shopping-controls .quantity label {
font-weight: 700;
margin-bottom: 8px;
} .shopping-controls .format p,
.shopping-controls .quantity p {
margin: 7px 0;
} .shopping-controls .buy-button {
-webkit-flex-basis: 100%;
flex-basis: 100%;
} .shopping-controls .buy-button label {
display: none;
}
@media only screen and (min-width: 768px) { .shopping-controls .buy-button {
-webkit-flex-basis: auto;
flex-basis: auto;
} .shopping-controls .buy-button label {
display: block;
}
} .buy-block {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
padding-bottom: 0.5rem;
} .buy-block img {
width: 100%;
max-width: 150px;
height: auto;
border-radius: 4px;
margin-right: 16px;
} .buy-block .add_to_cart_inline {
text-align: left;
} .book-columns {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 40px;
} .pdf-container {
position: absolute;
top: 0;
} .book-series {
border-top: #FFCF37 solid 2px;
margin-top: 48px;
padding-top: 16px;
} .book-series h4 {
margin-bottom: 24px;
} .book-series ul {
list-style-type: none;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 16px;
margin: 0;
padding: 0;
} .book-series img {
width: 100%;
height: auto;
max-width: 100%;
} .tiles.tiles-simple.blog-tiles {
grid-template-columns: 1fr;
gap: 32px;
}
@media only screen and (min-width: 768px) { .tiles.tiles-simple.blog-tiles {
grid-template-columns: 1fr 1fr;
}
} .tiles.tiles-simple.blog-tiles .post-tile-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
} .tiles.tiles-simple.blog-tiles .post-tile-wrap.guppy-strip {
padding: 16px;
border-radius: 16px;
text-decoration: none;
-webkit-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
} .tiles.tiles-simple.blog-tiles .post-tile-wrap.guppy-strip:hover {
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
} .tiles.tiles-simple.blog-tiles .post-tile-wrap.guppy-strip:hover .tile {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #FFCF37;
background: #f9e9e0;
} .tiles.tiles-simple.blog-tiles .post-tile-wrap.guppy-strip:hover .post-month {
color: #F3998C;
} .tiles.tiles-simple.blog-tiles .post-tile-wrap.guppy-strip:hover .post-cats {
border-color: #FFCF37;
} .tiles.tiles-simple.blog-tiles .post-tile-wrap.guppy-strip:hover .reading-time-circle {
border: solid 2px #FFCF37;
} .tiles.tiles-simple.blog-tiles .tile {
border: 2px solid #f2efef; background: #FDF8F5;
padding: 24px;
text-decoration: none;
border-radius: 8px;
-webkit-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
@media only screen and (max-width: 480px) { .tiles.tiles-simple.blog-tiles .tile {
padding: 16px;
}
} .tiles.tiles-simple.blog-tiles .tile:hover {
border: 2px solid #F3998C;
background: #f9e9e0;
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
} .tiles.tiles-simple.blog-tiles .tile:hover .post-month {
color: #F3998C;
} .tiles.tiles-simple.blog-tiles .tile:hover .reading-time-circle {
border: solid 2px #F3998C;
} .tiles.tiles-simple.blog-tiles .tile h3 {
margin: 0 0 8px;
color: #404040;
} .tiles.tiles-simple.blog-tiles .tile.blog-post {
border-color: rgba(255, 207, 55, 0.4);
} .tiles.tiles-simple.blog-tiles .tile.blog-post .reading-time-circle {
border-color: rgba(255, 207, 55, 0.4);
} .tiles.tiles-simple.blog-tiles .tile.blog-post:hover {
border-color: #FFCF37;
} .tiles.tiles-simple.blog-tiles .tile.blog-post:hover .reading-time-circle {
border-color: #FFCF37;
} .tiles.tiles-simple.blog-tiles .tile .post-cats {
font-size: 14px;
padding: 2px 16px;
background-color: white;
border-radius: 99em;
border: 2px solid #FFF2EB;
font-weight: bold;
color: #F3998C;
} .tiles.tiles-simple.blog-tiles .tile:hover .post-cats {
border: 2px solid #F3998C;
} .tiles.tiles-simple.blog-tiles .tile.blog-post .post-cats {
border-color: rgba(255, 207, 55, 0.4);
} .tiles.tiles-simple.blog-tiles .tile.blog-post:hover .post-cats {
border-color: #FFCF37;
} .tiles.tiles-simple.blog-tiles .post-month {
margin: 0 auto 0 0;
} .tiles.tiles-simple.blog-tiles .reading-time {
text-align: right;
margin: auto 0 0;
color: #F3998C;
-webkit-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
} .blog-excerpt {
margin: 0;
color: #404040;
} .post-info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 16px;
} .post-meta,
.post-labels {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
gap: 8px;
} .post-meta p,
.post-labels p {
margin: 0;
} .post-cats-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
justify-content: flex-end;
} .post-labels {
margin-top: auto;
} .post-labels .reading-time-circle {
padding: 10px;
font-weight: 700;
font-size: 17px;
line-height: 66%;
color: #F3998C;
background: #FDFDFD;
border: solid 2px #FFF2EB;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
aspect-ratio: 1;
border-radius: 99em;
margin: auto 0 0 auto;
-webkit-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-o-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
-moz-transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
gap: 4px;
} .post-labels .reading-time-circle .small {
font-size: 70%;
} .post-meta {
margin-bottom: 8px;
} .reading-time {
font-weight: 700;
color: #F3998C;
} .post-title-and-author {
margin: 16px 0 48px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
} .post-title-and-author h3, .post-title-and-author .h6, .post-title-and-author h6 {
margin: 0;
} .is-sticky svg {
height: 24px;
-o-object-fit: cover;
object-fit: cover;
} .is-sticky path {
fill: #F3998C;
} .single-post-title {
margin-top: 0;
text-align: center;
margin-bottom: 16px;
} .post-author {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
color: #F3998C;
} .post-author img {
width: 64px;
height: 64px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 99em;
} .resource-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
gap: 32px;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
} .resource-container img {
max-width: 250px;
width: 100%;
height: auto;
}
@media only screen and (min-width: 768px) { .resource-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
justify-content: flex-start;
}
} .embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
margin-bottom: 40px;
} .embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .resource__get-book {
width: 100%;
margin-top: 24px;
} .resource__get-book a {
width: 100%;
} .resource__resource {
margin-top: 24px;
} .resource__external-resource a:link,
.resource__external-resource a:visited {
color: #AC27E6;
} .resource__external-resource svg {
height: .8em;
margin-left: 8px;
} .resource__external-resource svg path {
fill: #AC27E6;
} ul.products {
line-height: 1.2em;
} ul.products h2 {
line-height: 1.5em;
} .book {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 32px;
-webkit-flex-basis: -webkit-calc(50% - 16px);
flex-basis: -moz-calc(50% - 16px);
flex-basis: calc(50% - 16px);
}
@media only screen and (max-width: 1240px) { .book {
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
}
@media only screen and (max-width: 650px) { .book {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 1388px) { .book__cover img {
width: 140px;
height: auto;
}
}
@media only screen and (max-width: 1240px) { .book__cover img {
width: 240px;
}
}
@media only screen and (max-width: 768px) { .book__cover img {
width: 140px;
height: auto;
}
}
@media only screen and (max-width: 650px) { .book__cover img {
width: 100%;
max-width: 100%;
}
} .book .h3, .book h3 {
font-size: 24px;
font-weight: 700;
color: #000000;
margin: 0;
} .book__author {
font-size: 19px;
font-weight: 700;
color: #404040;
margin-bottom: 8px;
} .book__meta {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
margin-top: 16px;
}
@media only screen and (max-width: 650px) { .book__meta {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
} .book__meta .book__view {
-webkit-flex-basis: 100%;
flex-basis: 100%;
}
} .book__categories {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 8px;
} .book-category {
border-radius: 999px;
padding: 2px 14px;
font-weight: 700;
font-size: 15px;
white-space: nowrap;
color: #FFFFFF;
} .guppy-button, .add_to_cart_button, .checkout-button, [type='submit'], .wp-element-button {
display: inline-block;
width: auto;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 8px 40px;
font-size: 1rem;
line-height: 1.5;
border-radius: 8px;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
border: 2px solid #FFCF37;
background: #FFCF37;
color: #000000 !important;
} .guppy-button.wp-block-file__button,
.add_to_cart_button.wp-block-file__button,
.checkout-button.wp-block-file__button,
[type='submit'].wp-block-file__button,
.wp-element-button.wp-block-file__button {
font-size: .8rem;
border-radius: 9rem;
padding: 6px 24px;
} .guppy-button.guppy-teal, .guppy-button.has-guppy-teal-background-color, .has-guppy-teal-background-color .guppy-button, .guppy-teal .guppy-button, .add_to_cart_button.guppy-teal, .add_to_cart_button.has-guppy-teal-background-color, .has-guppy-teal-background-color .add_to_cart_button, .guppy-teal .add_to_cart_button, .checkout-button.guppy-teal, .checkout-button.has-guppy-teal-background-color,
.has-guppy-teal-background-color .checkout-button, .guppy-teal .checkout-button, [type='submit'].guppy-teal, [type='submit'].has-guppy-teal-background-color,
.has-guppy-teal-background-color [type='submit'], .guppy-teal [type='submit'], .wp-element-button.guppy-teal, .wp-element-button.has-guppy-teal-background-color,
.has-guppy-teal-background-color .wp-element-button, .guppy-teal .wp-element-button {
border: 2px solid #32B7B4 !important;
background: #32B7B4 !important;
color: #FDFDFD !important;
} .guppy-button.guppy-teal.outline, .is-style-outline .guppy-button.guppy-teal, .guppy-button.has-guppy-teal-background-color.outline, .is-style-outline .guppy-button.has-guppy-teal-background-color, .has-guppy-teal-background-color .guppy-button.outline, .is-style-outline .has-guppy-teal-background-color .guppy-button, .guppy-teal .guppy-button.outline, .is-style-outline .guppy-teal .guppy-button,
.add_to_cart_button.guppy-teal.outline,
.is-style-outline .add_to_cart_button.guppy-teal,
.add_to_cart_button.has-guppy-teal-background-color.outline,
.is-style-outline .add_to_cart_button.has-guppy-teal-background-color,
.has-guppy-teal-background-color .add_to_cart_button.outline,
.is-style-outline .has-guppy-teal-background-color .add_to_cart_button, .guppy-teal .add_to_cart_button.outline,
.is-style-outline .guppy-teal .add_to_cart_button,
.checkout-button.guppy-teal.outline,
.is-style-outline .checkout-button.guppy-teal,
.checkout-button.has-guppy-teal-background-color.outline,
.is-style-outline .checkout-button.has-guppy-teal-background-color,
.has-guppy-teal-background-color .checkout-button.outline,
.is-style-outline
.has-guppy-teal-background-color .checkout-button, .guppy-teal .checkout-button.outline,
.is-style-outline .guppy-teal .checkout-button,
[type='submit'].guppy-teal.outline,
.is-style-outline [type='submit'].guppy-teal,
[type='submit'].has-guppy-teal-background-color.outline,
.is-style-outline [type='submit'].has-guppy-teal-background-color,
.has-guppy-teal-background-color [type='submit'].outline,
.is-style-outline
.has-guppy-teal-background-color [type='submit'], .guppy-teal [type='submit'].outline,
.is-style-outline .guppy-teal [type='submit'],
.wp-element-button.guppy-teal.outline,
.is-style-outline .wp-element-button.guppy-teal,
.wp-element-button.has-guppy-teal-background-color.outline,
.is-style-outline .wp-element-button.has-guppy-teal-background-color,
.has-guppy-teal-background-color .wp-element-button.outline,
.is-style-outline
.has-guppy-teal-background-color .wp-element-button, .guppy-teal .wp-element-button.outline,
.is-style-outline .guppy-teal .wp-element-button {
background-color: transparent !important;
border: 2px solid #32B7B4 !important;
color: #000000 !important;
} .guppy-button.guppy-teal.outline:hover, .guppy-button.guppy-teal.outline:active, .is-style-outline .guppy-button.guppy-teal:hover, .is-style-outline .guppy-button.guppy-teal:active, .guppy-button.has-guppy-teal-background-color.outline:hover, .guppy-button.has-guppy-teal-background-color.outline:active, .is-style-outline .guppy-button.has-guppy-teal-background-color:hover, .is-style-outline .guppy-button.has-guppy-teal-background-color:active, .has-guppy-teal-background-color .guppy-button.outline:hover, .has-guppy-teal-background-color .guppy-button.outline:active, .is-style-outline .has-guppy-teal-background-color .guppy-button:hover, .is-style-outline .has-guppy-teal-background-color .guppy-button:active, .guppy-teal .guppy-button.outline:hover, .guppy-teal .guppy-button.outline:active, .is-style-outline .guppy-teal .guppy-button:hover, .is-style-outline .guppy-teal .guppy-button:active,
.add_to_cart_button.guppy-teal.outline:hover,
.add_to_cart_button.guppy-teal.outline:active,
.is-style-outline .add_to_cart_button.guppy-teal:hover,
.is-style-outline .add_to_cart_button.guppy-teal:active,
.add_to_cart_button.has-guppy-teal-background-color.outline:hover,
.add_to_cart_button.has-guppy-teal-background-color.outline:active,
.is-style-outline .add_to_cart_button.has-guppy-teal-background-color:hover,
.is-style-outline .add_to_cart_button.has-guppy-teal-background-color:active,
.has-guppy-teal-background-color .add_to_cart_button.outline:hover,
.has-guppy-teal-background-color .add_to_cart_button.outline:active,
.is-style-outline .has-guppy-teal-background-color .add_to_cart_button:hover,
.is-style-outline .has-guppy-teal-background-color .add_to_cart_button:active, .guppy-teal .add_to_cart_button.outline:hover, .guppy-teal .add_to_cart_button.outline:active,
.is-style-outline .guppy-teal .add_to_cart_button:hover,
.is-style-outline .guppy-teal .add_to_cart_button:active,
.checkout-button.guppy-teal.outline:hover,
.checkout-button.guppy-teal.outline:active,
.is-style-outline .checkout-button.guppy-teal:hover,
.is-style-outline .checkout-button.guppy-teal:active,
.checkout-button.has-guppy-teal-background-color.outline:hover,
.checkout-button.has-guppy-teal-background-color.outline:active,
.is-style-outline .checkout-button.has-guppy-teal-background-color:hover,
.is-style-outline .checkout-button.has-guppy-teal-background-color:active,
.has-guppy-teal-background-color .checkout-button.outline:hover,
.has-guppy-teal-background-color .checkout-button.outline:active,
.is-style-outline
.has-guppy-teal-background-color .checkout-button:hover,
.is-style-outline
.has-guppy-teal-background-color .checkout-button:active, .guppy-teal .checkout-button.outline:hover, .guppy-teal .checkout-button.outline:active,
.is-style-outline .guppy-teal .checkout-button:hover,
.is-style-outline .guppy-teal .checkout-button:active,
[type='submit'].guppy-teal.outline:hover,
[type='submit'].guppy-teal.outline:active,
.is-style-outline [type='submit'].guppy-teal:hover,
.is-style-outline [type='submit'].guppy-teal:active,
[type='submit'].has-guppy-teal-background-color.outline:hover,
[type='submit'].has-guppy-teal-background-color.outline:active,
.is-style-outline [type='submit'].has-guppy-teal-background-color:hover,
.is-style-outline [type='submit'].has-guppy-teal-background-color:active,
.has-guppy-teal-background-color [type='submit'].outline:hover,
.has-guppy-teal-background-color [type='submit'].outline:active,
.is-style-outline
.has-guppy-teal-background-color [type='submit']:hover,
.is-style-outline
.has-guppy-teal-background-color [type='submit']:active, .guppy-teal [type='submit'].outline:hover, .guppy-teal [type='submit'].outline:active,
.is-style-outline .guppy-teal [type='submit']:hover,
.is-style-outline .guppy-teal [type='submit']:active,
.wp-element-button.guppy-teal.outline:hover,
.wp-element-button.guppy-teal.outline:active,
.is-style-outline .wp-element-button.guppy-teal:hover,
.is-style-outline .wp-element-button.guppy-teal:active,
.wp-element-button.has-guppy-teal-background-color.outline:hover,
.wp-element-button.has-guppy-teal-background-color.outline:active,
.is-style-outline .wp-element-button.has-guppy-teal-background-color:hover,
.is-style-outline .wp-element-button.has-guppy-teal-background-color:active,
.has-guppy-teal-background-color .wp-element-button.outline:hover,
.has-guppy-teal-background-color .wp-element-button.outline:active,
.is-style-outline
.has-guppy-teal-background-color .wp-element-button:hover,
.is-style-outline
.has-guppy-teal-background-color .wp-element-button:active, .guppy-teal .wp-element-button.outline:hover, .guppy-teal .wp-element-button.outline:active,
.is-style-outline .guppy-teal .wp-element-button:hover,
.is-style-outline .guppy-teal .wp-element-button:active {
background: #32B7B4 !important;
color: #FDFDFD !important;
text-decoration: none;
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
} .guppy-button.guppy-red, .guppy-button.has-guppy-red-background-color, .has-guppy-red-background-color .guppy-button, .guppy-red .guppy-button, .add_to_cart_button.guppy-red, .add_to_cart_button.has-guppy-red-background-color, .has-guppy-red-background-color .add_to_cart_button, .guppy-red .add_to_cart_button, .checkout-button.guppy-red, .checkout-button.has-guppy-red-background-color, .has-guppy-red-background-color .checkout-button, .guppy-red .checkout-button, [type='submit'].guppy-red, [type='submit'].has-guppy-red-background-color, .has-guppy-red-background-color [type='submit'], .guppy-red [type='submit'], .wp-element-button.guppy-red, .wp-element-button.has-guppy-red-background-color, .has-guppy-red-background-color .wp-element-button, .guppy-red .wp-element-button {
border: 2px solid #E62656 !important;
background: #E62656 !important;
color: #FDFDFD !important;
} .guppy-button.guppy-red.outline, .is-style-outline .guppy-button.guppy-red, .guppy-button.has-guppy-red-background-color.outline, .is-style-outline .guppy-button.has-guppy-red-background-color, .has-guppy-red-background-color .guppy-button.outline, .is-style-outline .has-guppy-red-background-color .guppy-button, .guppy-red .guppy-button.outline, .is-style-outline .guppy-red .guppy-button, .add_to_cart_button.guppy-red.outline, .is-style-outline .add_to_cart_button.guppy-red, .add_to_cart_button.has-guppy-red-background-color.outline, .is-style-outline .add_to_cart_button.has-guppy-red-background-color, .has-guppy-red-background-color .add_to_cart_button.outline, .is-style-outline .has-guppy-red-background-color .add_to_cart_button, .guppy-red .add_to_cart_button.outline, .is-style-outline .guppy-red .add_to_cart_button, .checkout-button.guppy-red.outline, .is-style-outline .checkout-button.guppy-red, .checkout-button.has-guppy-red-background-color.outline, .is-style-outline .checkout-button.has-guppy-red-background-color, .has-guppy-red-background-color .checkout-button.outline, .is-style-outline .has-guppy-red-background-color .checkout-button, .guppy-red .checkout-button.outline, .is-style-outline .guppy-red .checkout-button, [type='submit'].guppy-red.outline, .is-style-outline [type='submit'].guppy-red, [type='submit'].has-guppy-red-background-color.outline, .is-style-outline [type='submit'].has-guppy-red-background-color, .has-guppy-red-background-color [type='submit'].outline, .is-style-outline .has-guppy-red-background-color [type='submit'], .guppy-red [type='submit'].outline, .is-style-outline .guppy-red [type='submit'], .wp-element-button.guppy-red.outline, .is-style-outline .wp-element-button.guppy-red, .wp-element-button.has-guppy-red-background-color.outline, .is-style-outline .wp-element-button.has-guppy-red-background-color, .has-guppy-red-background-color .wp-element-button.outline, .is-style-outline .has-guppy-red-background-color .wp-element-button, .guppy-red .wp-element-button.outline, .is-style-outline .guppy-red .wp-element-button {
background-color: transparent !important;
border: 2px solid #E62656 !important;
color: #000000 !important;
} .guppy-button.guppy-red:hover, .guppy-button.guppy-red:active, .guppy-button.has-guppy-red-background-color:hover, .guppy-button.has-guppy-red-background-color:active, .has-guppy-red-background-color .guppy-button:hover, .has-guppy-red-background-color .guppy-button:active, .guppy-red .guppy-button:hover, .guppy-red .guppy-button:active, .add_to_cart_button.guppy-red:hover, .add_to_cart_button.guppy-red:active, .add_to_cart_button.has-guppy-red-background-color:hover, .add_to_cart_button.has-guppy-red-background-color:active, .has-guppy-red-background-color .add_to_cart_button:hover, .has-guppy-red-background-color .add_to_cart_button:active, .guppy-red .add_to_cart_button:hover, .guppy-red .add_to_cart_button:active, .checkout-button.guppy-red:hover, .checkout-button.guppy-red:active, .checkout-button.has-guppy-red-background-color:hover, .checkout-button.has-guppy-red-background-color:active, .has-guppy-red-background-color .checkout-button:hover, .has-guppy-red-background-color .checkout-button:active, .guppy-red .checkout-button:hover, .guppy-red .checkout-button:active, [type='submit'].guppy-red:hover, [type='submit'].guppy-red:active, [type='submit'].has-guppy-red-background-color:hover, [type='submit'].has-guppy-red-background-color:active, .has-guppy-red-background-color [type='submit']:hover, .has-guppy-red-background-color [type='submit']:active, .guppy-red [type='submit']:hover, .guppy-red [type='submit']:active, .wp-element-button.guppy-red:hover, .wp-element-button.guppy-red:active, .wp-element-button.has-guppy-red-background-color:hover, .wp-element-button.has-guppy-red-background-color:active, .has-guppy-red-background-color .wp-element-button:hover, .has-guppy-red-background-color .wp-element-button:active, .guppy-red .wp-element-button:hover, .guppy-red .wp-element-button:active {
background: #E62656 !important;
color: #FDFDFD !important;
text-decoration: none;
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
} .guppy-button.alt, .guppy-button.guppy-purple, .guppy-button.has-guppy-purple-background-color, .has-guppy-purple-background-color .guppy-button, .guppy-purple .guppy-button, .add_to_cart_button.alt, .add_to_cart_button.guppy-purple, .add_to_cart_button.has-guppy-purple-background-color, .has-guppy-purple-background-color .add_to_cart_button, .guppy-purple .add_to_cart_button, .checkout-button.alt, .checkout-button.guppy-purple, .checkout-button.has-guppy-purple-background-color, .has-guppy-purple-background-color .checkout-button, .guppy-purple .checkout-button, [type='submit'].alt, [type='submit'].guppy-purple, [type='submit'].has-guppy-purple-background-color, .has-guppy-purple-background-color [type='submit'], .guppy-purple [type='submit'], .wp-element-button.alt, .wp-element-button.guppy-purple, .wp-element-button.has-guppy-purple-background-color, .has-guppy-purple-background-color .wp-element-button, .guppy-purple .wp-element-button {
border: 2px solid #AC27E6 !important;
background: #AC27E6 !important;
color: #FDFDFD !important;
} .guppy-button.alt.outline, .is-style-outline .guppy-button.alt, .guppy-button.guppy-purple.outline, .is-style-outline .guppy-button.guppy-purple, .guppy-button.has-guppy-purple-background-color.outline, .is-style-outline .guppy-button.has-guppy-purple-background-color, .has-guppy-purple-background-color .guppy-button.outline, .is-style-outline .has-guppy-purple-background-color .guppy-button, .guppy-purple .guppy-button.outline, .is-style-outline .guppy-purple .guppy-button, .add_to_cart_button.alt.outline, .is-style-outline .add_to_cart_button.alt, .add_to_cart_button.guppy-purple.outline, .is-style-outline .add_to_cart_button.guppy-purple, .add_to_cart_button.has-guppy-purple-background-color.outline, .is-style-outline .add_to_cart_button.has-guppy-purple-background-color, .has-guppy-purple-background-color .add_to_cart_button.outline, .is-style-outline .has-guppy-purple-background-color .add_to_cart_button, .guppy-purple .add_to_cart_button.outline, .is-style-outline .guppy-purple .add_to_cart_button, .checkout-button.alt.outline, .is-style-outline .checkout-button.alt, .checkout-button.guppy-purple.outline, .is-style-outline .checkout-button.guppy-purple, .checkout-button.has-guppy-purple-background-color.outline, .is-style-outline .checkout-button.has-guppy-purple-background-color, .has-guppy-purple-background-color .checkout-button.outline, .is-style-outline .has-guppy-purple-background-color .checkout-button, .guppy-purple .checkout-button.outline, .is-style-outline .guppy-purple .checkout-button, [type='submit'].alt.outline, .is-style-outline [type='submit'].alt, [type='submit'].guppy-purple.outline, .is-style-outline [type='submit'].guppy-purple, [type='submit'].has-guppy-purple-background-color.outline, .is-style-outline [type='submit'].has-guppy-purple-background-color, .has-guppy-purple-background-color [type='submit'].outline, .is-style-outline .has-guppy-purple-background-color [type='submit'], .guppy-purple [type='submit'].outline, .is-style-outline .guppy-purple [type='submit'], .wp-element-button.alt.outline, .is-style-outline .wp-element-button.alt, .wp-element-button.guppy-purple.outline, .is-style-outline .wp-element-button.guppy-purple, .wp-element-button.has-guppy-purple-background-color.outline, .is-style-outline .wp-element-button.has-guppy-purple-background-color, .has-guppy-purple-background-color .wp-element-button.outline, .is-style-outline .has-guppy-purple-background-color .wp-element-button, .guppy-purple .wp-element-button.outline, .is-style-outline .guppy-purple .wp-element-button {
background-color: transparent !important;
border: 2px solid #AC27E6 !important;
color: #000000 !important;
} .guppy-button.alt:hover, .guppy-button.alt:active, .guppy-button.guppy-purple:hover, .guppy-button.guppy-purple:active, .guppy-button.has-guppy-purple-background-color:hover, .guppy-button.has-guppy-purple-background-color:active, .has-guppy-purple-background-color .guppy-button:hover, .has-guppy-purple-background-color .guppy-button:active, .guppy-purple .guppy-button:hover, .guppy-purple .guppy-button:active, .add_to_cart_button.alt:hover, .add_to_cart_button.alt:active, .add_to_cart_button.guppy-purple:hover, .add_to_cart_button.guppy-purple:active, .add_to_cart_button.has-guppy-purple-background-color:hover, .add_to_cart_button.has-guppy-purple-background-color:active, .has-guppy-purple-background-color .add_to_cart_button:hover, .has-guppy-purple-background-color .add_to_cart_button:active, .guppy-purple .add_to_cart_button:hover, .guppy-purple .add_to_cart_button:active, .checkout-button.alt:hover, .checkout-button.alt:active, .checkout-button.guppy-purple:hover, .checkout-button.guppy-purple:active, .checkout-button.has-guppy-purple-background-color:hover, .checkout-button.has-guppy-purple-background-color:active, .has-guppy-purple-background-color .checkout-button:hover, .has-guppy-purple-background-color .checkout-button:active, .guppy-purple .checkout-button:hover, .guppy-purple .checkout-button:active, [type='submit'].alt:hover, [type='submit'].alt:active, [type='submit'].guppy-purple:hover, [type='submit'].guppy-purple:active, [type='submit'].has-guppy-purple-background-color:hover, [type='submit'].has-guppy-purple-background-color:active, .has-guppy-purple-background-color [type='submit']:hover, .has-guppy-purple-background-color [type='submit']:active, .guppy-purple [type='submit']:hover, .guppy-purple [type='submit']:active, .wp-element-button.alt:hover, .wp-element-button.alt:active, .wp-element-button.guppy-purple:hover, .wp-element-button.guppy-purple:active, .wp-element-button.has-guppy-purple-background-color:hover, .wp-element-button.has-guppy-purple-background-color:active, .has-guppy-purple-background-color .wp-element-button:hover, .has-guppy-purple-background-color .wp-element-button:active, .guppy-purple .wp-element-button:hover, .guppy-purple .wp-element-button:active {
background: #AC27E6 !important;
color: #FDFDFD !important;
text-decoration: none;
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
} .guppy-button.guppy-pink, .guppy-button.has-guppy-pink-background-color, .has-guppy-pink-background-color .guppy-button, .guppy-pink .guppy-button, .add_to_cart_button.guppy-pink, .add_to_cart_button.has-guppy-pink-background-color, .has-guppy-pink-background-color .add_to_cart_button, .guppy-pink .add_to_cart_button, .checkout-button.guppy-pink, .checkout-button.has-guppy-pink-background-color, .has-guppy-pink-background-color .checkout-button, .guppy-pink .checkout-button, [type='submit'].guppy-pink, [type='submit'].has-guppy-pink-background-color, .has-guppy-pink-background-color [type='submit'], .guppy-pink [type='submit'], .wp-element-button.guppy-pink, .wp-element-button.has-guppy-pink-background-color, .has-guppy-pink-background-color .wp-element-button, .guppy-pink .wp-element-button {
border: 2px solid #F3998C !important;
background: #F3998C !important;
color: #FDFDFD !important;
} .guppy-button.guppy-pink.outline, .is-style-outline .guppy-button.guppy-pink, .guppy-button.has-guppy-pink-background-color.outline, .is-style-outline .guppy-button.has-guppy-pink-background-color, .has-guppy-pink-background-color .guppy-button.outline, .is-style-outline .has-guppy-pink-background-color .guppy-button, .guppy-pink .guppy-button.outline, .is-style-outline .guppy-pink .guppy-button, .add_to_cart_button.guppy-pink.outline, .is-style-outline .add_to_cart_button.guppy-pink, .add_to_cart_button.has-guppy-pink-background-color.outline, .is-style-outline .add_to_cart_button.has-guppy-pink-background-color, .has-guppy-pink-background-color .add_to_cart_button.outline, .is-style-outline .has-guppy-pink-background-color .add_to_cart_button, .guppy-pink .add_to_cart_button.outline, .is-style-outline .guppy-pink .add_to_cart_button, .checkout-button.guppy-pink.outline, .is-style-outline .checkout-button.guppy-pink, .checkout-button.has-guppy-pink-background-color.outline, .is-style-outline .checkout-button.has-guppy-pink-background-color, .has-guppy-pink-background-color .checkout-button.outline, .is-style-outline .has-guppy-pink-background-color .checkout-button, .guppy-pink .checkout-button.outline, .is-style-outline .guppy-pink .checkout-button, [type='submit'].guppy-pink.outline, .is-style-outline [type='submit'].guppy-pink, [type='submit'].has-guppy-pink-background-color.outline, .is-style-outline [type='submit'].has-guppy-pink-background-color, .has-guppy-pink-background-color [type='submit'].outline, .is-style-outline .has-guppy-pink-background-color [type='submit'], .guppy-pink [type='submit'].outline, .is-style-outline .guppy-pink [type='submit'], .wp-element-button.guppy-pink.outline, .is-style-outline .wp-element-button.guppy-pink, .wp-element-button.has-guppy-pink-background-color.outline, .is-style-outline .wp-element-button.has-guppy-pink-background-color, .has-guppy-pink-background-color .wp-element-button.outline, .is-style-outline .has-guppy-pink-background-color .wp-element-button, .guppy-pink .wp-element-button.outline, .is-style-outline .guppy-pink .wp-element-button {
background-color: transparent !important;
border: 2px solid #F3998C !important;
color: #000000 !important;
} .guppy-button.guppy-pink:hover, .guppy-button.guppy-pink:active, .guppy-button.has-guppy-pink-background-color:hover, .guppy-button.has-guppy-pink-background-color:active, .has-guppy-pink-background-color .guppy-button:hover, .has-guppy-pink-background-color .guppy-button:active, .guppy-pink .guppy-button:hover, .guppy-pink .guppy-button:active, .add_to_cart_button.guppy-pink:hover, .add_to_cart_button.guppy-pink:active, .add_to_cart_button.has-guppy-pink-background-color:hover, .add_to_cart_button.has-guppy-pink-background-color:active, .has-guppy-pink-background-color .add_to_cart_button:hover, .has-guppy-pink-background-color .add_to_cart_button:active, .guppy-pink .add_to_cart_button:hover, .guppy-pink .add_to_cart_button:active, .checkout-button.guppy-pink:hover, .checkout-button.guppy-pink:active, .checkout-button.has-guppy-pink-background-color:hover, .checkout-button.has-guppy-pink-background-color:active, .has-guppy-pink-background-color .checkout-button:hover, .has-guppy-pink-background-color .checkout-button:active, .guppy-pink .checkout-button:hover, .guppy-pink .checkout-button:active, [type='submit'].guppy-pink:hover, [type='submit'].guppy-pink:active, [type='submit'].has-guppy-pink-background-color:hover, [type='submit'].has-guppy-pink-background-color:active, .has-guppy-pink-background-color [type='submit']:hover, .has-guppy-pink-background-color [type='submit']:active, .guppy-pink [type='submit']:hover, .guppy-pink [type='submit']:active, .wp-element-button.guppy-pink:hover, .wp-element-button.guppy-pink:active, .wp-element-button.has-guppy-pink-background-color:hover, .wp-element-button.has-guppy-pink-background-color:active, .has-guppy-pink-background-color .wp-element-button:hover, .has-guppy-pink-background-color .wp-element-button:active, .guppy-pink .wp-element-button:hover, .guppy-pink .wp-element-button:active {
background: #F3998C !important;
color: #FDFDFD !important;
text-decoration: none;
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
} .guppy-button.has-black-background-color, .has-black-background-color .guppy-button, .add_to_cart_button.has-black-background-color, .has-black-background-color .add_to_cart_button, .checkout-button.has-black-background-color, .has-black-background-color .checkout-button, [type='submit'].has-black-background-color, .has-black-background-color [type='submit'], .wp-element-button.has-black-background-color, .has-black-background-color .wp-element-button {
border: 2px solid #000000 !important;
background: #000000 !important;
color: #FDFDFD !important;
} .guppy-button.has-black-background-color.outline, .is-style-outline .guppy-button.has-black-background-color, .has-black-background-color .guppy-button.outline, .is-style-outline .has-black-background-color .guppy-button, .add_to_cart_button.has-black-background-color.outline, .is-style-outline .add_to_cart_button.has-black-background-color, .has-black-background-color .add_to_cart_button.outline, .is-style-outline .has-black-background-color .add_to_cart_button, .checkout-button.has-black-background-color.outline, .is-style-outline .checkout-button.has-black-background-color, .has-black-background-color .checkout-button.outline, .is-style-outline .has-black-background-color .checkout-button, [type='submit'].has-black-background-color.outline, .is-style-outline [type='submit'].has-black-background-color, .has-black-background-color [type='submit'].outline, .is-style-outline .has-black-background-color [type='submit'], .wp-element-button.has-black-background-color.outline, .is-style-outline .wp-element-button.has-black-background-color, .has-black-background-color .wp-element-button.outline, .is-style-outline .has-black-background-color .wp-element-button {
background-color: transparent !important;
border: 2px solid #000000 !important;
color: #000000 !important;
} .guppy-button.has-black-background-color:hover, .guppy-button.has-black-background-color:active, .has-black-background-color .guppy-button:hover, .has-black-background-color .guppy-button:active, .add_to_cart_button.has-black-background-color:hover, .add_to_cart_button.has-black-background-color:active, .has-black-background-color .add_to_cart_button:hover, .has-black-background-color .add_to_cart_button:active, .checkout-button.has-black-background-color:hover, .checkout-button.has-black-background-color:active, .has-black-background-color .checkout-button:hover, .has-black-background-color .checkout-button:active, [type='submit'].has-black-background-color:hover, [type='submit'].has-black-background-color:active, .has-black-background-color [type='submit']:hover, .has-black-background-color [type='submit']:active, .wp-element-button.has-black-background-color:hover, .wp-element-button.has-black-background-color:active, .has-black-background-color .wp-element-button:hover, .has-black-background-color .wp-element-button:active {
background: #333333 !important;
color: #FDFDFD !important;
text-decoration: none;
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
} .guppy-button.no-outline, .add_to_cart_button.no-outline, .checkout-button.no-outline, [type='submit'].no-outline, .wp-element-button.no-outline {
background-color: transparent;
border-color: transparent;
} .guppy-button.no-outline:hover, .guppy-button.no-outline:active, .add_to_cart_button.no-outline:hover, .add_to_cart_button.no-outline:active, .checkout-button.no-outline:hover, .checkout-button.no-outline:active, [type='submit'].no-outline:hover, [type='submit'].no-outline:active, .wp-element-button.no-outline:hover, .wp-element-button.no-outline:active {
color: #E62656 !important;
} .guppy-button.outline, .is-style-outline .guppy-button, .add_to_cart_button.outline, .is-style-outline .add_to_cart_button, .checkout-button.outline, .is-style-outline .checkout-button, [type='submit'].outline, .is-style-outline [type='submit'], .wp-element-button.outline, .is-style-outline .wp-element-button {
background-color: transparent !important;
} .guppy-button.outline.has-guppy-yellow-background-color, .is-style-outline .guppy-button.has-guppy-yellow-background-color, .add_to_cart_button.outline.has-guppy-yellow-background-color, .is-style-outline .add_to_cart_button.has-guppy-yellow-background-color, .checkout-button.outline.has-guppy-yellow-background-color, .is-style-outline .checkout-button.has-guppy-yellow-background-color, [type='submit'].outline.has-guppy-yellow-background-color, .is-style-outline [type='submit'].has-guppy-yellow-background-color, .wp-element-button.outline.has-guppy-yellow-background-color, .is-style-outline .wp-element-button.has-guppy-yellow-background-color {
background-color: transparent !important;
border-color: #FFCF37;
} .guppy-button.outline.has-guppy-yellow-background-color:hover, .guppy-button.outline.has-guppy-yellow-background-color:active, .is-style-outline .guppy-button.has-guppy-yellow-background-color:hover, .is-style-outline .guppy-button.has-guppy-yellow-background-color:active, .add_to_cart_button.outline.has-guppy-yellow-background-color:hover, .add_to_cart_button.outline.has-guppy-yellow-background-color:active, .is-style-outline .add_to_cart_button.has-guppy-yellow-background-color:hover, .is-style-outline .add_to_cart_button.has-guppy-yellow-background-color:active, .checkout-button.outline.has-guppy-yellow-background-color:hover, .checkout-button.outline.has-guppy-yellow-background-color:active, .is-style-outline .checkout-button.has-guppy-yellow-background-color:hover, .is-style-outline .checkout-button.has-guppy-yellow-background-color:active, [type='submit'].outline.has-guppy-yellow-background-color:hover, [type='submit'].outline.has-guppy-yellow-background-color:active, .is-style-outline [type='submit'].has-guppy-yellow-background-color:hover, .is-style-outline [type='submit'].has-guppy-yellow-background-color:active, .wp-element-button.outline.has-guppy-yellow-background-color:hover, .wp-element-button.outline.has-guppy-yellow-background-color:active, .is-style-outline .wp-element-button.has-guppy-yellow-background-color:hover, .is-style-outline .wp-element-button.has-guppy-yellow-background-color:active {
background-color: #FFCF37 !important;
text-decoration: none;
} .guppy-button:hover, .guppy-button:active, .add_to_cart_button:hover, .add_to_cart_button:active, .checkout-button:hover, .checkout-button:active, [type='submit']:hover, [type='submit']:active, .wp-element-button:hover, .wp-element-button:active {
text-decoration: none;
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
@media only screen and (max-width: 650px) { .guppy-button, .add_to_cart_button, .checkout-button, [type='submit'], .wp-element-button {
width: 100%;
}
} .guppy-button.small, .add_to_cart_button.small, .checkout-button.small, [type='submit'].small, .wp-element-button.small {
font-size: 13px;
padding: 2px 8px;
} [type='submit'] {
font-size: 16px;
padding: 4px 40px;
} .wp-block-file.has-guppy-teal-background-color,
.wp-block-file.has-guppy-yellow-background-color,
.wp-block-file.has-guppy-pink-background-color,
.wp-block-file.has-guppy-purple-background-color,
.wp-block-file.has-guppy-red-background-color,
.wp-block-file.has-black-background-color {
background: transparent !important;
} .guppy-latest-books .inner-container,
.guppy-bestsellers .inner-container,
.guppy-books-list .inner-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
} .guppy-latest-books .inner-container > .guppy-button,
.guppy-bestsellers .inner-container > .guppy-button,
.guppy-books-list .inner-container > .guppy-button {
-webkit-align-self: center;
align-self: center;
margin-bottom: 64px;
} .guppy-latest-books .books,
.guppy-bestsellers .books,
.guppy-books-list .books {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 64px 24px;
margin: 64px 0 56px;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
} .guppy-banner {
padding: 96px 0;
} .guppy-banner__inner {
border-radius: 16px;
-webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
}
@media only screen and (max-width: 920px) { .guppy-banner__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
}
} .guppy-banner .left,
.guppy-banner .right {
-webkit-flex-basis: 50%;
flex-basis: 50%;
} .guppy-banner .left {
position: relative;
}
@media only screen and (max-width: 920px) { .guppy-banner .left {
min-height: 300px;
}
} .guppy-banner .left span {
position: absolute;
width: 100%;
height: 100%;
border-radius: 16px 0 0 16px;
-webkit-background-size: cover;
background-size: cover;
}
@media only screen and (max-width: 920px) { .guppy-banner .left span {
border-radius: 16px 16px 0 0;
}
} .guppy-banner .right {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
padding: 48px;
}
@media only screen and (max-width: 1024px) { .guppy-banner .right {
padding: 24px;
}
} .guppy-banner .h2, .guppy-banner h2 {
color: #FFFFFF;
margin: 0;
margin-bottom: 16px;
} .guppy-banner p:not(.h2):not(h2):not(.h3):not(h3) {
color: #FDF8F5;
font-size: 20px;
line-height: 1.75;
} .guppy-banner .guppy-button {
-webkit-align-self: flex-end;
align-self: flex-end;
} .tiles-simple .product-simple.book,
.tiles-simple .book-simple.book {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
gap: 16px;
}
@media only screen and (max-width: 650px) { .tiles-simple .product-simple.book,
.tiles-simple .book-simple.book {
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
} .tiles-simple .product-simple .book__cover img, .tiles-simple .book-simple .book__cover img {
width: 100%;
height: auto;
max-width: 400px;
aspect-ratio: 9 / 14;
-o-object-fit: cover;
object-fit: cover;
} .guppy-author .tiles-simple .product-simple .book__cover img,
.guppy-author .tiles-simple .book-simple .book__cover img {
max-width: 320px;
} .tiles-simple .product-simple .book__title p,
.tiles-simple .book-simple .book__title p {
font-size: 22px;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .tiles-simple .product-simple .book__author,
.tiles-simple .book-simple .book__author {
color: black;
font-size: 16px;
margin-bottom: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .tiles-simple .product-simple .book__meta,
.tiles-simple .book-simple .book__meta {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
} .tiles-simple .product-simple .book__meta .book__view,
.tiles-simple .book-simple .book__meta .book__view {
-webkit-flex-basis: 100%;
flex-basis: 100%;
} .tiles-simple .product-simple .book__meta .guppy-button,
.tiles-simple .book-simple .book__meta .guppy-button {
width: 100%;
} .guppy-hero-container {
line-height: 0;
margin-top: -40px;
} .single .guppy-hero-container {
margin-top: 0;
}
@media only screen and (min-width: 650px) { .guppy-hero-container {
margin-top: -120px;
}
} .guppy-hero-container .banner {
width: 100%;
} .guppy-hero-container .dark-image {
position: relative;
} .guppy-hero-container .dark-image .hero-title h1 {
color: white;
} .guppy-hero-container img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
} .guppy-hero-container .hero-title {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .guppy-hero-container .hero-title .inner-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
gap: 32px;
margin-top: 24px;
}
@media only screen and (max-width: 1440px) { .guppy-hero-container .hero-title .inner-container {
gap: 16px;
}
} .guppy-hero-container .hero-title .title-image {
width: 158px;
height: auto;
}
@media only screen and (max-width: 1440px) { .guppy-hero-container .hero-title .title-image {
width: 88px;
}
} .reviews-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); gap: 20px; margin-top: 40px;
}
@media only screen and (min-width: 560px) { .reviews-grid {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
}  .review {
text-align: center; grid-column-end: span 1; display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
} .review img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
} .review.text-only {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
border: 1px solid #ddd; padding: 10px; }
@media only screen and (min-width: 560px) { .review.one-wide {
grid-column-end: span 1; } .review.two-wide {
grid-column-end: span 2; } .review.three-wide {
grid-column-end: span 3; }
} .guppy-book-cards-list .tiles-simple {
gap: 32px;
grid-template-columns: repeat(auto-fit, 220px);
} .guppy-book-cards-list a {
border: solid 1px;
border-radius: 8px;
background: #fef3f2;
} .guppy-book-cards-list a:hover {
background: #fdebe8;
} .guppy-book-cards-list img {
border-radius: 8px 8px 0 0;
} .guppy-book-cards-list .tiles-simple .book-simple .book__title p {
font-size: 18px;
margin: 8px;
} .guppy-scribble-society-list .book__cover {
line-height: 0;
} .guppy-scribble-society-list img {
border-radius: 8px;
} .guppy-about-block {
padding: 32px 0;
} .guppy-about-block .inner-container {
max-width: 1248px;
margin: auto;
}
@media only screen and (min-width: 1024px) { .guppy-about-block {
padding: 0;
}
} .guppy-about-block__inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
} .guppy-about-block__inner .left {
margin: auto;
}
@media only screen and (min-width: 768px) { .guppy-about-block__inner {
gap: 32px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
} .guppy-about-block__inner .left {
margin: 0;
}
}
@media only screen and (min-width: 1024px) { .guppy-about-block__inner {
gap: 0;
} .guppy-about-block__inner .left {
margin: auto;
}
} .guppy-about-block__inner .left img {
max-width: 100px;
height: auto;
}
@media only screen and (min-width: 1024px) { .guppy-about-block__inner .left img {
max-width: 220px;
}
} .guppy-about-block__inner .about-us-content {
font-size: 110%;
}
@media only screen and (min-width: 1024px) { .guppy-about-block__inner .about-us-content {
font-size: 120%;
}
} .guppy-about-block .h3, .guppy-about-block h3 {
font-size: 2em;
margin-bottom: 0.33em;
} .guppy-about-block .bottom .h3, .guppy-about-block .bottom h3 {
text-align: center;
} .guppy-about-block .images {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
gap: 32px;
} .guppy-about-block .images .image {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
} .guppy-about-block .images .image img {
max-width: 100px;
height: auto;
} .pdf-modal {
position: fixed;
inset: 0;
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
z-index: 9999;
} .pdf-modal.open {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
} .pdf-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.7);
} .pdf-modal__inner {
position: relative;
background: #fff;
padding: 20px;
max-width: 90%;
max-height: 90%;
overflow: hidden;
border-radius: 6px;
} .pdf-modal__close {
position: absolute;
top: 8px;
right: 12px;
font-size: 24px;
border: none;
background: none;
cursor: pointer;
} #pdfCanvas {
display: block;
margin: 0 auto;
max-width: 100%;
} .pdf-modal__controls {
margin-top: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
} .pdf-info {
font-size: 13px;
}