HEX
Server: Apache/2.4.58 (Ubuntu)
System: Linux ns3133907 6.8.0-86-generic #87-Ubuntu SMP PREEMPT_DYNAMIC Mon Sep 22 18:03:36 UTC 2025 x86_64
User: cssnetorguk (1024)
PHP: 8.2.28
Disabled: NONE
Upload Files
File: /home/pbyh.co.uk/public_html/wp-content/themes/go/dist/css/design-styles/style-playful.css
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./.dev/assets/design-styles/playful/css/style-playful.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

:root {
    --go--max-width: 42rem;
    --go--max-width--alignwide: 84rem;
    --go--viewport-basis: 950;
    --go--spacing--header: 25;
    --go--spacing--horizontal: 55;
    --go--spacing--paragraph: 9;
    --go--color--text: hsl(230, 9%, 39%);
    --go--font-family: "Quicksand", sans-serif;
    --go--font-size--small: 80%;
    --go--font-size--smallest: 80%;
    --go--font-size: 1.1rem;
    --go--line-height: 1.8;
    --go-heading--button-spacing: 2rem;
    --go-heading--color--text: hsl(229, 18%, 24%);
    --go-heading--font-family: "Poppins", sans-serif;
    --go-heading--font-weight: 600;
    --go-heading--line-height: 1.35;
    --go-heading--margin-bottom: 1.75rem;
    --go--type-ratio: 1.215;
    --go-caption--color--text: hsl(0, 0%, 52%);
    --go-caption--font-size: .85rem;
    --go-caption--text-align: center;
    --go-pullquote--font-family: var(--go-heading--font-family);
    --go-pullquote--font-size: var(--go--type-scale-6);
    --go-pullquote--font-style: normal;
    --go-pullquote--font-weight: 700;
    --go-outline--color--text: var(--go--color--primary);
    --go-selection--color--background: var(--go--color--primary);
    --go-button--border-radius: 5px;
    --go-button--border-width: 1px;
    --go-button--font-weight: 600;
    --go-button--padding--x: 1.85rem;
    --go-button--padding--y: 1.35rem;
    --go-label--font-size: var(--go--font-size);
    --go-label--font-weight: 600;
    --go-label--letter-spacing: var(--go-navigation--letter-spacing, normal);
    --go-label--margin-bottom: .35rem;
    --go-label--text-transform: normal;
    --go-input--border-radius: 5px;
    --go-input--border: var(--go-input--border-width, 2px) var(--go-input--border-style, solid) var(--go-input--border-color, var(--go-heading--color--text));
    --go-input--color--text: var(--go-heading--color--text);
    --go-input--font-size: 1.1rem;
    --go-input--font-weight: 600;
    --go-input--margin-bottom: 1.75rem;
    --go-input--padding--x: 1.35rem;
    --go-input--padding--y: 1rem;
    --go-input-interactive--color--text: var(--go--color--primary);
    --go-header--color--background: "";
    --go-site-title--color--text: var(--go--color--white);
    --go-site-title--font-size: 1.4rem;
    --go-site-title--letter-spacing: 0;
    --go-site-title--text-transform: none;
    --go-site-description--color--text: var(--go--color--white);
    --go-navigation--color--text: var(--go--color--white);
    --go-navigation--font-family: var(--go--font-family);
    --go-navigation--font-size: 1.1rem;
    --go-navigation--font-weight: 600;
    --go-navigation-mobile--font-size: 1.4rem;
    --go-search-button--color--background-interactive: var(--go--color--primary);
    --go-search-button--color--background: var(--go--color--white);
    --go-search-button--color--text-interactive: var(--go--color--white);
    --go-search-button--color--text: var(--go--color--primary);
    --go-search-toggle--color--text: var(--go--color--white);
    --go-footer--color--text: var(--go--color--white);
    --go-footer-heading--color--text: var(--go--color--white);
    --go-footer-navigation--color--text: var(--go--color--white);
    --go-footer-3--border-color: var(--go-header--color--background);
    --go-footer-3--border-width: 10px;
    --go-social--color--text: var(--go--color--white);
    --go-social--padding: .5rem;
    --go-social--size: 1.5rem;
    --go-meta--color--text: var(--go--color--primary);
    --wp-block-coblocks-accordion-item--border-color: var(--go--color--primary);
    --wp-block-coblocks-accordion-item--color--background: var(--go--color--tertiary);
    --wp-block-coblocks-services--heading--margin-bottom: 1.25rem;
    --wp-block-coblocks-services--heading--margin-top: 2rem;
}

@media only screen and (min-width: 782px) {
    :root {
        --go-site-title--font-size: 1.8rem;
    }
}

@media only screen and (min-width: 782px) {
    :root {
        --go-social--padding: 1rem;
    }
}

.wp-block-coblocks-gallery-carousel .coblocks-gallery--item {
    transition: opacity .75s;
}

.wp-block-coblocks-gallery-carousel .coblocks-gallery--item:not(.is-selected) {
    opacity: .25;
}

.wp-block-coblocks-gallery-carousel .coblocks-gallery--figure::before {
    display: none;
}

.wp-block-coblocks-gallery-carousel .flickity-button,
.wp-block-coblocks-gallery-carousel .flickity-button:hover {
    background: var(--go--color--primary);
}

.wp-block-coblocks-gallery-carousel .flickity-button:hover {
    background-color: var(--go-button-interactive--color--background, var(--go--color--secondary));
}

.wp-block-coblocks-gallery-carousel .flickity-prev-next-button {
    border-radius: var(--go-button--border-radius);
}

.wp-block-coblocks-gallery-carousel .flickity-button-icon {
    fill: var(--go--color--white);
}

.wp-block-separator:not(.is-style-dots) {
    background-color: var(--go--color--secondary);
    background-position: 50%;
    background-repeat: repeat-x;
    border: none;
    height: 9pt;
    -webkit-mask-image: url(../../../dist/images/design-styles/playful/cross-stich-border.svg);
            mask-image: url(../../../dist/images/design-styles/playful/cross-stich-border.svg);
    max-width: 115px !important;
}

.wp-block-separator.is-style-dots:not(.has-text-color)::before {
    color: var(--go--color--secondary);
}

.wp-block-pullquote p {
    margin-left: 1em;
}

.wp-block-pullquote p::before {
    content: "“";
    font-size: 2em;
    line-height: 1;
    position: absolute;
    transform: translate3d(-120%, 0, 0);
}

@media only screen and (min-width: 782px) {
    .wp-block-pullquote p::before {
        font-size: 3em;
    }
}