/*
 Theme Name:   Le Foto di Blu
 Description:  Custom theme for lefotodiblu.it - Based on Bricks
 Author:       Gerlando Termini
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

/* Global Styles */
.visually-hidden {
    clip-path: inset(50%);
    color: var(--text-color);
    left: -1000vw;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}
html { /* Smooth Scroll */
    scroll-behavior: smooth;
}

/* Page title */
.brxe-section.page-title {
    padding-top: var(--gap-md);
    padding-bottom: var(--gap-md);
    background-position: center -4vw;
    background-image: url(/wp-content/uploads/2024/08/light-bg.png);
    background-size: auto;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--gap-md);
}
.brxe-section.page-title .brxe-post-title {
    text-align: center;
    line-height: 4rem;
    font-size: 3.5rem;
    font-family: "Montserrat";
    letter-spacing: 1px;
    font-weight: 400;
}

/* Breadcrumbs */
#brxe-club-breadcrumbs,
#brxe-page-breadcrumbs {
    display: none;
    margin-bottom: var(--gap-xs);
    gap: var(--gap-xs);
    width: initial;
    align-items: center;
}
.brxe-breadcrumbs .separator {
    display: flex;
}
.page-child #brxe-page-breadcrumbs {
    display: flex;
}
.single-club #brxe-club-breadcrumbs {
    display: flex;
}

/* Center content on pages */
#brx-content.wordpress {
    margin: 0 auto;
}

/* Image Captions and Lightbox button */
:where(.brxe-image) .bricks-image-caption {
    background: rgba(0, 0, 0, 0.85);
}
:where(.brxe-image) .icon {
    right: 10%;
    top: 10%;
}

/* Links */
main a:not(:where(.brxe-button,.tribe-common-c-btn-icon,.tribe-events-c-view-selector__list-item-link)) {
    background: linear-gradient(0deg, #CCEDFF, #CCEDFF) no-repeat left bottom / 0 100% !important;
    transition: background-size 350ms, color 350ms !important;
}
main a[href]::after {
    transition: filter 350ms;
}
main .brxe-breadcrumbs a {
    background: none !important;
}
main a:not(.brxe-button):where(:hover, :focus-visible) {
    background-size: 100% 100% !important;
    background-position-x: 0;
    color: #222 !important;
}
main a:not(.brxe-button):where(:hover, :focus-visible)::after {
    filter: invert(13%) sepia(0%) saturate(1%) hue-rotate(162deg) brightness(95%) contrast(97%) !important;
}
main .brxe-text a, main .brxe-post-content a {
    border-bottom: 1px solid #772432;
    padding: 0 2px;
}
main .dark-bg .brxe-text a, main .dark-bg .brxe-post-content a {
    border-bottom: 1px solid #e6e6e6;
}
main a[href]::after {
    filter: invert(18%) sepia(31%) saturate(2991%) hue-rotate(319deg) brightness(93%) contrast(93%);
    margin-left: var(--gap-xs);
}
main .dark-bg a[href]::after, main a[href].dark-bg::after {
    filter: invert(99%) sepia(69%) saturate(351%) hue-rotate(199deg) brightness(120%) contrast(80%);
}
main a[href]:not(:where(
  /* exclude hash only links */
  [href^="#"],
  /* exclude javascript only links */
  [href^="javascript:" i],
  /* exclude mailto links */
  [href^="mailto:"],
  /* exclude tel links */
  [href^="tel:"],
  /* exclude relative but not double slash only links */
  [href^="/"]:not([href^="//"]),
  /* domains to exclude */
  [href*="d57tm.org"]
))::after {
    content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20style%3D%22stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%23000%3Bfill-opacity%3A1%22%20d%3D%22M15%202.5v11a1.5%201.5%200%200%201-1.5%201.5h-11A1.5%201.5%200%200%201%201%2013.5v-11A1.5%201.5%200%200%201%202.5%201h11A1.5%201.5%200%200%201%2015%202.5m-2.75.5h-3.5c-.664%200-1%20.809-.531%201.281l1%201-6.11%206.11a.38.38%200%200%200%200%20.53l.97.97a.38.38%200%200%200%20.53%200l6.11-6.11%201%201C12.188%208.25%2013%207.918%2013%207.25v-3.5a.75.75%200%200%200-.75-.75m0%200%22%2F%3E%3C%2Fsvg%3E');
}
main p > a[href$=".pdf"]::after, main li a[href$=".pdf"]::after {
    content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20style%3D%22stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%23000%3Bfill-opacity%3A1%22%20d%3D%22M3.734%208.535H3.2v-1.07h.535a.535.535%200%200%201%200%201.07m3.73%202.133V7.465H8c.293%200%20.535.242.535.535v2.133a.536.536%200%200%201-.535.535Zm0%200%22%2F%3E%3Cpath%20style%3D%22stroke%3Anone%3Bfill-rule%3Aevenodd%3Bfill%3A%23000%3Bfill-opacity%3A1%22%20d%3D%22M1.066%201.602A1.6%201.6%200%200%201%202.668%200h8.754l3.512%203.512v10.886A1.6%201.6%200%200%201%2013.332%2016H2.668a1.6%201.6%200%200%201-1.602-1.602Zm2.668%204.796H2.133v5.336h1.066V9.602h.535A1.6%201.6%200%200%200%205.332%208a1.6%201.6%200%200%200-1.598-1.602m4.266%200H6.398v5.336H8c.883%200%201.602-.718%201.602-1.601V8c0-.883-.72-1.602-1.602-1.602m2.668%205.336V6.398h3.2v1.067h-2.134v1.07h1.067v1.067h-1.067v2.132Zm0%200%22%2F%3E%3C%2Fsvg%3E');
}
main p > a[href$=".docx"]::after, main li a[href$=".docx"]::after {
    content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20style%3D%22stroke%3Anone%3Bfill-rule%3Anonzero%3Bfill%3A%23000%3Bfill-opacity%3A1%22%20d%3D%22M3.2%2010.668V7.465h.534c.293%200%20.532.242.532.535v2.133a.533.533%200%200%201-.532.535ZM7.465%208c0-.293.242-.535.535-.535s.535.242.535.535v2.133a.536.536%200%200%201-1.07%200Zm0%200%22%2F%3E%3Cpath%20style%3D%22stroke%3Anone%3Bfill-rule%3Aevenodd%3Bfill%3A%23000%3Bfill-opacity%3A1%22%20d%3D%22M1.066%201.602A1.6%201.6%200%200%201%202.668%200h8.754l3.512%203.512v10.886A1.6%201.6%200%200%201%2013.332%2016H2.668a1.6%201.6%200%200%201-1.602-1.602Zm2.668%204.796H2.133v5.336h1.601a1.6%201.6%200%200%200%201.598-1.601V8a1.6%201.6%200%200%200-1.598-1.602m4.266%200c-.883%200-1.602.72-1.602%201.602v2.133c0%20.883.72%201.601%201.602%201.601s1.602-.718%201.602-1.601V8c0-.883-.72-1.602-1.602-1.602m2.668%205.336V6.398h3.2v2.137H12.8v-1.07h-1.067v3.203H12.8V9.602h1.066v2.132Zm0%200%22%2F%3E%3C%2Fsvg%3E');
}

/* Video Player */
.brxe-video i:hover {
    zoom: 1.2;
}

/* Hide the reCAPTCHA badge */
.grecaptcha-badge { 
    visibility: hidden !important;
}

/* WP Forms */
#brx-footer {
    div.wpforms-container-full:not(:empty) {
        margin-top: 0 !important;
    }
    .wpforms-submit {
        background-color: var(--bricks-color-svvrjn) !important;
        float: right !important;
    }
}