/* Font Size */
html {
    font-size: 2.8vw;
}
@media (min-width: 782px) and (max-width: 1919px) {
    html {
        font-size: 0.85vw;
    }
}
@media (min-width: 1920px) {
    html {
        font-size: 16px;
    }
}



/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
/*
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}
*/

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


/* Dark Buttons Style */
.has-dark-style .wp-element-button,
.has-dark-style .wp-block-button__link {
    background-color: var(--wp--preset--color--title-3);
    color: var(--wp--preset--color--text-primary);
}
.has-dark-style .wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent;
    border-color: var(--wp--preset--color--title-3);
    color: var(--wp--preset--color--base);
}
.has-dark-style .wp-element-button:hover,
.has-dark-style .wp-block-button__link:hover {
    box-shadow: 0px 0px 10px 0px var(--wp--preset--color--title-3);
}






/* cta-1 */
.is-cta-1 {
    position: relative;
}
.is-cta-1-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.is-cta-1-more {
    max-height: 0;
    margin-block-start: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.is-cta-1:hover .is-cta-1-more {
    max-height: 100px;
    margin-block-start: var(--wp--preset--spacing--20);
    transition: all 0.2s ease-in-out;
}



/* FAQ */

.home .wp-block-uagb-faq-child.uagb-faq-item {
    border-bottom-width: 2px;
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
}
.wp-block-uagb-faq-child.uagb-faq-item:nth-child(2) {
    border-top-width: 1px;
}
.home .wp-block-uagb-faq-child.uagb-faq-item:nth-child(2) {
    border-top-width: 2px;
    border-top-color: #ffffff;
    border-top-style: solid;
}
.home .uagb-faq-item.uagb-faq-item-active {
    background-color: #ffffff70;
}
.home .uagb-faq-content a {
    font-weight: bold;
    font-size: var(--wp--preset--font-size--medium-minus);
}



/* Lists with alt bullet color */
.has-alt-bullet-color li::marker {
    color: var(--wp--preset--color--list-bullet);
}






/* Contact Form */
.contact-form .uagb-forms-main-form .uagb-forms-input-label {
    color: var(--wp--preset--color--base);
    font-size: var(--wp--preset--font-size--x-small);
    margin-inline-start: 19px;
}
.contact-form.has-light-bg .uagb-forms-main-form .uagb-forms-input-label {
    color: var(--wp--preset--color--text-primary);
}
@media (min-width: 782px) {
    .contact-form .uagb-forms-main-form .uagb-forms-input {
        border-radius: 19px;
    }
    .contact-form .uagb-forms-main-form .uagb-forms-input::placeholder {
        color: transparent;
    }
    .contact-form-wrapper {
        position: relative;
    }
    .contact-form-img {
        position: absolute;
        bottom: -60px;
        right: -380px;
    }
}

/* Contact Form Mobile */
@media (max-width: 781px) {
    .contact-form:not(.has-light-bg) .uagb-forms-main-form .uagb-forms-input-label {
        display: none;
    }
    .contact-form:not(.has-light-bg) .uagb-forms-main-form .uagb-forms-input {
        background: none;
        border: none;
        border-radius: 0;
        border-bottom: solid 1px #ffffff;
    }
    .contact-form:not(.has-light-bg) .uagb-forms-main-form .uagb-forms-input::placeholder {
        color: #b9bfc0;
    }
    .contact-form:not(.has-light-bg) .uagb-forms-main-form .uagb-forms-field-set {
        margin-bottom: 5px;
    }
    .contact-form:not(.has-light-bg) .uagb-forms-main-form .uagb-forms-main-submit-button-wrap {
        margin-top: 20px;
    }
}


/* Website Grader */
.website-grader input.uagb-forms-checkbox {
    width: 0;
    margin: 0;
}
.website-grader .uagb-forms-checkbox-wrap >label {
    display: flex;
    align-items: baseline;
}
.website-grader .uagb-forms-checkbox-wrap >label::before {
    width: 2.5em !important;
}



/* Footer */
footer .wp-block-social-links li {
    border-radius: 0;
    font-size: 24px;
}
footer .wp-block-social-links li:not(:hover) {
    background-color: #5d5d5d;
    color: #313130;
}



.how-we-work-header {
    position: relative;
}
.how-we-work-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.302;
}

.who-we-work-with-header {
    position: relative;
}
.who-we-work-with-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.62;
}
.who-we-are-header {
    position: relative;
}
.who-we-are-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.302;
}

.has-transparent-border-when-not-hovered:not(:hover) {
    border-color: transparent !important;
}

.has-img-full-width, .has-img-full-width img {
    width: 100%;
}


/* Hide profile description when not focused */
@media (min-width: 782px) {
    .has-profile-style .wp-block-cover__inner-container {
        transition: opacity 0.3s;
    }
    body:not(.block-editor-page) .has-profile-style:not(:hover) .wp-block-cover__inner-container {
        opacity: 0;
    }
}




/* Desktop Menu */
@media (min-width: 782px) {
    .wp-block-navigation .has-child {
        cursor: pointer;
    }
    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
        left: unset;
        right: unset;
    }
    .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
        min-width: unset;
    }
    .wp-block-navigation .wp-block-navigation-item__label {
        white-space: nowrap;
    }
    .wp-block-navigation .wp-block-navigation >.wp-block-navigation-item >.wp-block-navigation-item__content {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }
    .wp-block-navigation .wp-block-navigation >.wp-block-navigation-item >.wp-block-navigation-item__content:hover {
        text-decoration: none;
    }
    .wp-block-navigation >.wp-block-navigation-item >.wp-block-navigation-submenu {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        border-color: #eee;
        box-shadow: 0px 0px 10px 0px #eee;
    }
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button) {
        padding: .5em 1em;
    }
}

/* Mobile Menu */
@media (max-width: 781px) {
    /* Menu Alignment */
    .wp-block-navigation.items-justified-right {
        --navigation-layout-justification-setting: flex-start;
    }

    /* hamburger button */
    .wp-block-navigation__responsive-container-open  {
        display: block !important;
    }

    /* full menu */
    .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
        display: none !important;
    }
    header.site-header .wp-block-navigation {
        font-size: var(--wp--preset--font-size--medium-large);
    }
    .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button) {
        padding: .5em 1em;
    }
}




/* Testimonials */
.wp-block-uagb-testimonial.uagb-slick-carousel {
    position: relative;
    padding-bottom: 0 !important;
}
.wp-block-uagb-testimonial >.is-carousel::before {
    content: "“";
    position: absolute;
    top: calc(50% - 6rem);
    left: 0;
    font-family: "DM Serif Display";
    font-size: 6rem;
    line-height: 1;
    color: #a4b1ca;
}
.wp-block-uagb-testimonial >.is-carousel::after {
    content: "”";
    position: absolute;
    top: calc(50% - 6rem);
    right: 0;
    font-family: "DM Serif Display";
    font-size: 6rem;
    line-height: 1;
    color: #a4b1ca;
}


/* Post Header */
.post-header .wp-block-post-author {
    align-items: center;
}
.post-header .wp-block-post-author__avatar {
    margin-right: 0.5em;
}
.post-header .wp-block-post-author img {
    border-radius: 50%;
    border: 2px solid #b6b6b6;
    width: 1.5em;
    height: 1.5em;
}

/* Post Author */
.post-author .wp-block-post-author {
    align-items: center;
    position: relative;
}
.post-author .wp-block-post-author__avatar {
    margin-right: 0;
    position: relative;
    left: 1em;
}
.post-author .wp-block-post-author img {
    border-radius: 50%;
    border: 2px solid #b6b6b6;
    width: 5em;
    height: 5em;
}
.post-author .wp-block-post-author__content {
    background-color: #fcfcfc;
    border: 1px solid #e9e9e9;
    padding: 1em 1em 1em 2em;
}
.post-author .wp-block-post-author__byline {
    font-size: unset;
    width: unset;
    float: left;
    margin-right: 0.5em;
    font-weight: bold;
}
.post-author .wp-block-post-author__name {
    font-weight: bold;
}
.post-author .wp-block-post-author__bio {
    font-size: unset;
}


/* Search Button */
.wp-block-search__inside-wrapper {
    border-radius: 3.125rem;
}
button.wp-block-search__button {
    padding: 4px 8px;
}
button.wp-block-search__button::after {
    display: none;
}


/* Categories Dropdown */
.wp-block-categories-dropdown .wp-block-categories__label {
    width: unset;
}
.wp-block-categories-dropdown select {
    font-family: var(--wp--preset--font-family--roboto);
    font-size: var(--wp--preset--font-size--medium);
    padding: 0.5em 1em;
    border-radius: 5px;
}


/* Styles for single posts */
body.post-template-default.single.single-post h2 {
    font-size: var(--wp--preset--font-size--large);
}
body.post-template-default.single.single-post h3 {
    font-size: var(--wp--preset--font-size--medium-large);
    font-family: var(--wp--preset--font-family--roboto);
    font-weight: bold;
}
body.post-template-default.single.single-post h4 {
    font-size: var(--wp--preset--font-size--medium-plus);
}
body.post-template-default.single.single-post h5 {
    font-size: var(--wp--preset--font-size--medium);
}
body.post-template-default.single.single-post h6 {
    font-size: var(--wp--preset--font-size--medium);
}
body.post-template-default.single.single-post {
    --wp--style--block-gap: 2.2rem;
}



/* Blog subscribe form */
#blog-home-subscribe-form, #blog-home-subscribe-form * {
    box-sizing: border-box;
}
#blog-home-subscribe-form {
    display: none;
    width: 275px;
    position: absolute;
    z-index: 900;
    top: 40px;
    right: 0;
    background: #fff;
    border: solid 1px #d5d5d5;
    padding: 20px;
}
#blog-home-subscribe-form .subscribe-close {
    display: inline-block;
    text-align: center;
    border: solid 1px #323232;
    background: #f5f5f5;
    z-index: 901;
    border-radius: 50%;
    top: -10px;
    left: -10px;
    font-size: 65%;
    padding: 4px 5px;
    position: absolute;
    cursor:pointer;
}
#blog-home-subscribe-form input[type=email] {
    padding: 10px;
    width: 100%;
    margin: 0 0 15px 0;
}
#blog-home-subscribe-form input[type=submit] {
    cursor: pointer;
    background-color: var(--wp--preset--color--title-1);
    border-radius: 26px;
    border-width: 0;
    color: var(--wp--preset--color--base);
    font-size: var(--wp--preset--font-size--small);
    font-weight: 500;
    line-height: 1;
    padding: 1em 1.55em;
    transition: box-shadow 0.2s;
}
#blog-home-subscribe-form input[type=submit]:hover {
    box-shadow: 0px 0px 10px 0px var(--wp--preset--color--title-1);
}
#blog-home-subscribe-form .hs-email >label {
    display: none;
}
#blog-home-subscribe-form .hs-error-msgs {
    color: red;
    font-size: var(--wp--preset--font-size--x-small);
}





/* Some styling copied from the old theme used on the blogs */
body.post-template-default.single.single-post table{border:solid 2px #e7e7e7;}
body.post-template-default.single.single-post table th{background:#666; color:#fff; padding:5px;}
body.post-template-default.single.single-post table tr:nth-child(odd){background:#f5f5f5;}
body.post-template-default.single.single-post table tr td{padding:5px 10px;}



/* Contact Us Form */
.contact-form-wrapper .gform_heading,
.contact-form-wrapper .gform_wrapper.gravity-theme .gform-field-label--type-sub,
.contact-form-wrapper .wpa-test-msg {
    display: none;
}
.contact-form-wrapper .gform_wrapper.gravity-theme input[type="text"],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type="email"],
.contact-form-wrapper .gform_wrapper.gravity-theme input[type="tel"],
.contact-form-wrapper .gform_wrapper.gravity-theme select,
.contact-form-wrapper .gform_wrapper.gravity-theme textarea {
    border: none;
    border-radius: 19px;
    font-size: var(--wp--preset--font-size--medium-minus);
    padding-left: 15px;
    padding-right: 15px;
}
.contact-form-wrapper input::placeholder,
.contact-form-wrapper select::placeholder,
.contact-form-wrapper textarea::placeholder,
.contact-form-wrapper .gform_wrapper.gravity-theme .gfield_label,
.contact-form-wrapper .gform_wrapper.gravity-theme .charleft {
    color: var(--wp--preset--color--base);
    font-size: var(--wp--preset--font-size--x-small);
    margin-left: 15px;
}
.contact-form-wrapper .gform_footer {
    justify-content: center;
}
.contact-form-wrapper .gform-footer .gform_button {
    border: none;
    border-radius: 26px;
    background-color: var(--wp--preset--color--title-1);
    color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	line-height: 1;
	text-transform: capitalize;
	padding: 1em 1.55em;
    transition: box-shadow 0.2s;
}
.contact-form-wrapper .gform-footer .gform_button:hover {
    box-shadow: 0px 0px 10px 0px var(--wp--preset--color--title-1)
}