/*
Theme Name: WildApricot
Theme URI: https://wildapricot.com
Author: WildApricot
Author URI: https://wildapricot.com
Description: A custom theme for WildApricot
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wildapricot
*/

/* Remove spacing between blocks */
.wp-block-columns {
    margin-bottom: 0 !important;
}

body .is-layout-flow > .alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-flow > .alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-flow > .aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > .alignleft {
    float: left;
    margin-inline-start: 0;
    margin-inline-end: 2em;
}

body .is-layout-constrained > .alignright {
    float: right;
    margin-inline-start: 2em;
    margin-inline-end: 0;
}

body .is-layout-constrained > .aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

body .is-layout-constrained > .alignwide {
    max-width: var(--wp--style--global--wide-size);
}

body .is-layout-flex {
    display: flex;
}

body .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

body .is-layout-flex > * {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

body .is-layout-grid > * {
    margin: 0;
}

/* 
 * Hero and gradient styles have been moved to assets/css/hero-bootstrap.css
 * to avoid duplication and improve maintainability.
 */

/* Global eyebrow style */
.eyebrow {
    color: #411A50;
    display: block;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    letter-spacing: -0.78px;
    margin-bottom: 0.5rem;
}

/* Blog posts CTA hover/focus styles for different backgrounds */
.blog-posts-wrapper-full.bg-primary > .wildapricot-blog-posts-block .blog-posts-cta:hover, 
.blog-posts-wrapper-full.bg-primary > .wildapricot-blog-posts-block .blog-posts-cta:focus, 
.blog-posts-wrapper-full.bg-secondary > .wildapricot-blog-posts-block .blog-posts-cta:hover, 
.blog-posts-wrapper-full.bg-secondary > .wildapricot-blog-posts-block .blog-posts-cta:focus, 
.blog-posts-wrapper-full.bg-success > .wildapricot-blog-posts-block .blog-posts-cta:hover, 
.blog-posts-wrapper-full.bg-success > .wildapricot-blog-posts-block .blog-posts-cta:focus, 
.blog-posts-wrapper-full.bg-danger > .wildapricot-blog-posts-block .blog-posts-cta:hover, 
.blog-posts-wrapper-full.bg-danger > .wildapricot-blog-posts-block .blog-posts-cta:focus, 
.blog-posts-wrapper-full.bg-dark > .wildapricot-blog-posts-block .blog-posts-cta:hover, 
.blog-posts-wrapper-full.bg-dark > .wildapricot-blog-posts-block .blog-posts-cta:focus, 
.blog-posts-wrapper-full.bg-info > .wildapricot-blog-posts-block .blog-posts-cta:hover, 
.blog-posts-wrapper-full.bg-info > .wildapricot-blog-posts-block .blog-posts-cta:focus {
    color: var(--link-hover-color, #ff7e0b) !important;
    text-decoration: underline !important;
}

/* Logo lineup image sizing */
.logo-lineup img {
   max-height: 80px !important;
   height: auto !important;
   vertical-align: middle;
}

/* Background pattern decorations */
.pattern-trial-left-background::before {
    content: "";
    position: absolute;
    top: 77%;
    left: -400px;
    width: 550px;
    height: 550px;
    background-image: url(../svg/loop-cream.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(8deg);
}

.pattern-trial-right-background::before {
    content: "";
    position: absolute;
    top: 0%;
    right: -350px;
    width: 550px;
    height: 550px;
    background-image: url(../svg/loop-cream.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-8deg);
}

/* CTA text color utility */
.text-cta {
    color: var(--cta-color);
}