/*
Additional theme styles and block overrides
*/

body {

}

/* Tighter letter spacing throughout
   ========================================================================== */
:root {
    letter-spacing: -0.01em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.02em;
}

/* Remove the margin between headings and paragrpahs
   ========================================================================== */
h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p {
    margin-top: var(--space-4xs) !important;
}

/* Fancy underline effect on links
   ========================================================================== */
a {
    position: relative;
    text-decoration: none;
    display: inline-block;
    text-decoration: underline;
    font-weight: 600;
}

a:hover,
a:focus {
    text-decoration: none;
    color: var(--wp--preset--color--brand-4);
}

/* Make the footer stick to the page bottom
   ========================================================================== */
main {
    min-height: 100vh;
}

/* Fixes problem with GeneratePress images block rendering on front end
   ========================================================================== */
.wp-site-blocks .gb-block-image img {
    max-width: 100%;
    height: auto;
}

.has-object-fit-cover figure img {
    width: 100%;
    height: 100% !important;
}

/* Genateblocks Fixes
   ========================================================================== */
figure.gb-block-image {
    margin-bottom: 0px;
}

/* Block styles
   ========================================================================== */
.has-drop-cap:not(:focus):first-letter {
    font-family: var(--wp--preset--font-family--secondary);
    font-size: calc(1.2 * var(--text-4xl));
    margin: .10em .1em 0 0;
}

.wp-block-site-title a {
    text-decoration: none;
    letter-spacing: -0.03em;
}

blockquote {
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.wp-block-media-text__media {
    border-radius: 0 0 var(--radius-l) 0;
}

.post-template-default .wp-block-image {
    margin-top: var(--space-m);
}

.wp-block-media-text__media img {
    border-radius: 0 0 var(--radius-xl) 0;
}

figure.wp-block-image.size-large {
    margin-bottom: 0 !important;
}

.wp-block-quote.is-style-default {
    font-family: var(--wp--preset--font-family--caveat);
    font-size: var(--text-2xl);
    line-height: 1;
}

.wp-block-quote.is-style-default cite {
    font-family: var(--wp--preset--font-family--poppins);
    font-style: normal;
    padding-top: var(--space-xs);
    font-size: var(--text-m);
}

/* Block Style Variations
   ========================================================================== */

.is-style-card-tick::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNy41NTknIGhlaWdodD0nMjcuNTU5JyB2aWV3Qm94PScwIDAgMjcuNTU5IDI3LjU1OSc+PHBhdGggaWQ9J1BhdGhfMTA0JyBkYXRhLW5hbWU9J1BhdGggMTA0JyBkPSdNMTMuNzc5LDI3LjU1OUExMy43NzksMTMuNzc5LDAsMSwwLDAsMTMuNzc5LDEzLjc3OSwxMy43NzksMCwwLDAsMTMuNzc5LDI3LjU1OVpNMTkuODYyLDExLjI1bC02Ljg5LDYuODlhMS4yODYsMS4yODYsMCwwLDEtMS44MjUsMEw3LjcsMTQuNjk0QTEuMjksMS4yOSwwLDAsMSw5LjUyNywxMi44N2wyLjUzLDIuNTMsNS45NzUtNS45OGExLjI5LDEuMjksMCwxLDEsMS44MjUsMS44MjVaJyBmaWxsPScjNWNiYjU2Jy8+PC9zdmc+Cg==");
    background-size: cover;
    position: absolute;
    margin-left: -1.5em;
    margin-top: 0.2em;
}



.is-style-subtle-logo-l {
    background-image: url('/wp-content/themes/hopeworks/images/logo-left-bg.svg');
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 60% auto;
}

.is-style-subtle-logo-l.alignfull {
    border-radius: 0;
}

.is-style-subtle-logo-r {
    background-image: url('/wp-content/themes/hopeworks/images/logo-right-bg.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 60% auto;
}

.is-style-subtle-logo-r.alignfull {
    border-radius: 0;
}

.is-style-group-rounded-corner {}

.is-style-group-rounded-corner.alignfull {
    border-radius: 0;
}

/* Buttons */
.wp-block-button .wp-element-button {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}

.wp-block-button .wp-element-button:hover {
    text-decoration: none;
    filter: saturate(0.6);
    transition: all 0.5s ease 0s;
    transform: scale(1.02);
    color: #fff;
}

.is-style-fill a {}

.is-style-outline .wp-element-button {
    border-color: inherit;
    box-sizing: border-box;
}

.is-style-plain-link .wp-element-button {
    padding: 0 !important;
    background: none !important;
    margin-right: 1.5em;
}

.is-style-plain-link .wp-element-button:hover {}

.is-style-plain-link .wp-element-button:after {
    content: " \f344";
    font-family: dashicons;
    position: absolute;
    margin: 0.06em 0 0 0.5em;
}

.editor-styles-wrapper .is-style-plain-link .wp-element-button:after {
    margin: -1.4em 0 0 0.5em;
}

.is-style-download .wp-element-button:after {
    content: "\f346";
    font-family: dashicons;
    position: absolute;
    margin: -0.2em 0 0 0.5em;
    font-size: 1.3em;
}

.is-style-download .wp-element-button {
    padding-right: calc(var(--space-m) + 1.3em) !important;
    font-weight: bold;
}

.is-style-link .wp-element-button:after {
    content: " \f344";
    font-family: dashicons;
    position: absolute;
    margin: 0.06em 0 0 0.5em;
}

.is-style-link a {
    padding-right: calc(var(--space-m) + 1.3em) !important;
    font-weight: bold;
}


/* Change media and Text block breakpoint to something more sensible 
        - oh just let us set the breakpoint in the editor
   ========================================================================== */

@media (max-width: 800px) {
    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2;
    }

    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1;
    }

    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important;
    }
}

.wp-block-media-text>.wp-block-media-text__content {
    padding: 0 var(--space-l);
}

.wp-block-media-text>.wp-block-media-text__content .wp-block-heading {
    margin-bottom: var(--space-2xs);
}


/* Editor Customisations
   ========================================================================== */
.edit-post-visual-editor__post-title-wrapper {
    padding: var(--space-2xs) var(--space-s);
    border-bottom: 1px var(--wp--preset--color--primary-light) solid;
    margin-top: 0px !important;
    margin-bottom: var(--space-l);
    height: 25px;
}

.edit-post-visual-editor__post-title-wrapper h1 {
    margin: 0 auto;
    width: 100%;
    font-size: 22px;
    font-weight: normal;
    color: black;
    margin-left: 0 !important;
}

/* Navigation Customisations
   ========================================================================== */

@media screen and (min-width: 1151px) {

    .navigation__button--blue,
    .navigation__button--orange {

        color: var(--wp--preset--color--white) !important;
        border-radius: var(--radius-full);
        padding: 0.0em 0.5em !important;
        font-weight: 700;
        margin: 0 0.0em 0 1em !important;
    }

    .navigation__button--blue:hover,
    .navigation__button--orange:hover,
    .navigation__button--blue:focus,
    .navigation__button--orange:focus {

        filter: saturate(0.6);
    }

    .navigation__button--blue {
        background-color: var(--wp--preset--color--brand-1);
    }

    .navigation__button--orange {
        background-color: var(--wp--preset--color--brand-4);
    }

    .navigation__button--blue a,
    .navigation__button--orange a {
        font-weight: 700 !important;
    }
}

/* Ninja Forms Customisations
   ========================================================================== */
.nf-error-msg,
.ninja-forms-req-symbol {
    color: #d60000;
}