/*
Theme Name: Deep Theme
Description: A child theme of Twenty Twenty-Five
Author: Myka Martinez
Author URI: https://mykaintech.com/
Template: twentytwentyfive
Version: 1.0.5
*/

/*----------------------------------------------*/

/* FONT */
/* Liberation Sans */
/*@import url('https://fonts.cdnfonts.com/css/liberation-sans');*/
@import url("https://use.typekit.net/nmi1heq.css");
/* Regular */
@font-face {
  font-family: 'Liberation Sans';
  src: url('http://depthcollective.mykaintest.nl/fonts/liberation-sans/LiberationSans-Regular.woff2') format('woff2'),
       url('http://depthcollective.mykaintest.nl/fonts/liberation-sans/LiberationSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Italic */
@font-face {
  font-family: 'Liberation Sans';
  src: url('http://depthcollective.mykaintest.nl/fonts/liberation-sans/LiberationSans-Italic.woff2') format('woff2'),
       url('http://depthcollective.mykaintest.nl/fonts/liberation-sans/LiberationSans-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Bold */
@font-face {
  font-family: 'Liberation Sans';
  src: url('http://depthcollective.mykaintest.nl/fonts/liberation-sans/LiberationSans-Bold.woff2') format('woff2'),
       url('http://depthcollective.mykaintest.nl/fonts/liberation-sans/LiberationSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Bold Italic */
@font-face {
  font-family: 'Liberation Sans';
  src: url('http://depthcollective.mykaintest.nl/fonts/liberation-sans/LiberationSans-BoldItalic.woff2') format('woff2'),
       url('http://depthcollective.mykaintest.nl/fonts/liberation-sans/LiberationSans-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/*----------------------------------------------*/

/*GLOBAL*/

body {
    font-family: 'Liberation Sans', Arimo, Oxygen, Arial;
    /*Page Template Background Image*/
    background-size: contain !important;  
}
body strong {
    font-weight: 700;
}
main {
    color: #DCDCDC;
    background-color: #000000;
    margin-top: 0 !important;
    padding-top: var(--wp--preset--spacing--60);
}
.page-template {
    background-image: url("http://depthcollective.mykaintest.nl/wp-content/uploads/2025/08/solidarity_left.jpg"), url("http://depthcollective.mykaintest.nl/wp-content/uploads/2025/08/solidarity_right.jpg") !important;
    background-position: left top, right top !important;
    background-size: 10% auto, 10% auto !important;
    background-repeat: repeat-y, repeat-y !important;
}
h1 {
    font-size: 1.9em !important;
    font-weight: 700 !important;
}
h4 {
    font-size: 1.125em !important;
    font-weight: 900 !important;
}

.in-page-logo {
    display: flex;
    justify-content: center;
    margin-top: 3em;
    margin-bottom: 2em !important;
}

.in-page-logo img {
    width: 5em !important;
    height: auto !important;
}

/*Card Backgrounds*/
.frosted-blur {

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    /*background-color: rgba(220, 220, 220, .3) !important;*/
    background-color: rgba(155, 71, 51, .3) !important;
    border-radius: 5px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    padding: 1em;

   /* background-image: url("http://depthcollective.mykaintest.nl/wp-content/uploads/2025/09/slate-texture.jpg");
   background-position: center center;
   border-radius: 15px;
   padding: 1em;*/
}

.button-blur {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    background-color: rgba(220, 220, 220, .3) !important;
    border-radius: 25px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
    padding: 1em;
}

/*----------------------------------------------*/

/*MENU*/

/*Make Sticky and Extend Background-Color to Margins*/
.menu-header {
    /*position: sticky;
    top: 0;
    z-index: 999;*/
    background-color:#dcdcdc !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    color: #000000;
}
.site-name {
    letter-spacing: .005em;
    font-weight: 100 !important;
    text-decoration: underline !important;
}
.footer {
    /*background-color:#dcdcdc !important;*/
    background-color: #1f1f1f !important;
    margin-top: 0 !important;
}

/*----------------------------------------------*/

/*HOME*/

.home-buttons-div {
    justify-content: space-around;
}
.home-button-div {
    max-width: 30% !important;
    width: 30% !important;
}
.home-button {
    display: flex;
    align-items: center; 
    min-height: 4.5em !important;
}

.home-button-alt {
    max-width: 9em;
    padding-top: .2em !important;
    padding-bottom: .2em !important;
}

.home-button-alt a {
    box-sizing: border-box;
    min-height: 4.5em !important;
    padding-left: 0;
    padding-right: 0;
}

.home-button-alt a:focus {
    outline: none !important;
}

.home-button-right {
    min-width: 9em !important;
}

.values-block {
    gap: 3vw !important;
}

.value-card {
    border-radius: 5px !important;
    border-bottom: .1rem solid #9B4733 !important;
    border-right: .1rem solid #9B4733 !important;
    min-height: 17.5em !important;
    padding: 1em;
    margin-block-end: 3vw !important;
}

.value-header {
    font-size: 1.25em;
}

/*----------------------------------------------*/
/*OUR TEAM*/

.member-link {
    width: 100%;
    text-decoration: none;
}

.team-member-hover {
    transition: all 0.3s ease;
}
.team-member-hover {
    display: block;
    width: 80%;
    height: 100%;
    box-sizing: content-box;
    margin-left:auto;
    margin-right:auto;
    gap: 0;
}
.member-excerpt {
    padding-top: 1em;
    padding-bottom: 1em;
    padding: 1em;
    width: 100%;
    min-height: 6em;
}
.team-member-hover:hover .member-excerpt {
    background-color: #DCDCDC !important;
    color: #000000!important
}
.team-member-hover:hover * {
    color: #000000!important;
}
.team-placeholder {
    visibility: hidden!important;
}

/*----------------------------------------------*/

/*SINGLE: TEAM MEMBER*/

.header-bio, .footer-bio {
    background-color: #dcdcdc !important;
}
.footer-bio {
    margin-top: 0;
}
.member-block {
    padding-top: 0 !important;
}
main:has(.team-member-div) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-image: url("http://depthcollective.mykaintest.nl/wp-content/uploads/2025/08/solidarity_left.jpg"), url("http://depthcollective.mykaintest.nl/wp-content/uploads/2025/08/solidarity_right.jpg") !important;
    background-position: left top, right top !important;
    background-size: 10% auto, 10% auto !important;
    background-repeat: repeat-y, repeat-y !important;
}
.member-content-div {
    gap: 0;
}
.team-member-div {
    max-width: 60% !important;
    margin-left: auto;
    margin-right: auto;
}
.team-member-top-row {
    padding-left: 0;
}
.team-member-top {
    margin-bottom: 2em !important;
}
.team-member-image-div {
    flex-basis: 20% !important;
}
.team-member-image img {
    border-radius: 10px;
}
.team-member-info-div {
    flex-basis: 80% !important;
}
.team-member-name {
    font-size: 2em;
    font-weight: 700;
}
.team-member-bio {
    white-space: pre-wrap;
}

/*----------------------------------------------*/

/*GROUP THERAPY*/

.group-placeholder {
    visibility: hidden !important;
}

/*----------------------------------------------*/

/*BLOG*/

.wp-site-blocks:has(.blog-header) {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.blog-header, .blog-footer {
    background-color: #DCDCDC;
}
main:has(.thought-post) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-image: url("http://depthcollective.mykaintest.nl/wp-content/uploads/2025/08/solidarity_left.jpg"), url("http://depthcollective.mykaintest.nl/wp-content/uploads/2025/08/solidarity_right.jpg") !important;
    background-position: left top, right top !important;
    background-size: 10% auto, 10% auto !important;
    background-repeat: repeat-y, repeat-y !important;
}
.thought-post {
    margin: 0 17vw 0 17vw;
    margin-bottom: 2em !important;
    padding-left: 1em !important;
    padding-top: 1.5em !important;
    padding-right: 1em !important;
    padding-bottom: 1.5em !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    background-color: rgba(220, 220, 220, .3) !important;
    border-radius: 25px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}
.thought-post h, .thought-post a, .thought-post p {
    color: #FFFFFF !important;
}
.thought-post-date-nav {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
}
.blog-footer {
    margin-block-start: 0;
}

/*----------------------------------------------*/
/*BLOG SINGLE POST*/

.thought-post-single {
    max-width: 100% !important;
    margin: 0 10vw 0 10vw !important;
}
.thought-post-tag-block {
    margin: 0;
}
.thought-post-single-nav {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/*----------------------------------------------*/
/*CONTACT FORM*/

.forminator-row:has(.contact-submit) {
    margin-top: 3em;
}
.forminator-field:has(.contact-submit) {
    display: flex;
    justify-content: center;
}
.contact-submit {
    background-color: #DCDCDC;
    font-family: "Liberation-Sans";
    font-size: .75em;
    font-weight: 500;
}

.consent-box p {
    margin-top: 0 !important;
}

.consent-box label {
    align-self: center !important;
}

/*----------------------------------------------*/
/*MOBILE*/

@media (max-width: 601px) {
    /*MOBILE HEADER*/

    header:has(.mobile-menu) {
        padding: 0 !important;
    }
    .mobile-header {
        padding-top: 1em! important;
        padding-bottom: 1em! important;
    }
    .mobile-menu > :first-child {
        margin-bottom: -1.25em;
    }
    .header-logo {
        max-width: 20vw !important;
        padding: 0 !important;
    }
    .sub-menu-name {
        font-weight: 700;
        padding-top:0!important;
    }
    .sub-menu-item {
        font-weight: 300;
    }
    
    /*MOBILE FOOTER*/

    .footer-block {
        padding-top: 1em !important;
    }
    .footer-content-block {
        flex-direction: column !important;
        align-tems: center;
    }
    .mobile-footer-ident > :first-child {
            margin-bottom: -1.25em;
    }
    .site-name {
      text-align: center;
    }
    .footer-spacer {
        display: none;
    }
    .footer-nav-block {
        margin-top: .75em !important;
        justify-content: center;
    }
    .footer-nav-left, .footer-nav-right {
        align-items: center;
        gap: .4em !important;
    }
    .page-template {
        padding-left: 15vw !important;
        padding-right: 15vw !important;
    }

    /*MOBILE PAGE SECTIONS*/
    .section-block {
        flex-basis: 0;
        gap: 0;
    }

    /* MOBILE HOME */
    .home-buttons-div {
        flex-direction: column;
    }
    .home-button-div {
        min-width: 66% !important;
    }
    .block-spacer-small {
        height: 25px !important;
    }
    .block-spacer-large {
        height: 50px !important;
    }

    .value-card {
        border-right-width: 0!important;
        padding-bottom: 1.75em!important;
    }

    /*MOBILE TEAM*/
    .team-placeholder {
        display: none !important;
    }
    .grid-row {
        grid-template-columns: 1fr !important;
    }
    .group-placeholder {
        display: none;
    }

    /*MOBILE SINGLE: TEAM MEMBER*/
    .team-member-top-row {
        padding: 0;
    }
    .team-member-top {
        text-align: center;
    }
    .team-member-div {
        max-width: 80% !important;
        margin-left: 15vw !important;
        margin-right: 15vw !important;
    }
    .team-member-name {
        font-size: 1.75em !important;
    }
    .team-member-role {
        width: 100%;
        text-align: center;
    }
    .team-member-bio {
        margin-left: -.75em !important;
        margin-right: -.75em !important;
    }

    /*MOBILE THERAPY*/
    .therapy-cat-div {
        min-height: auto !important;
    }
    .therapy-cat-name {
        margin-bottom: 0 !important;
    }
    .therapy-items {
        padding-left: .2em !important;
        padding-right: .2em !important;
    }

    /*MOBILE GROUP THERAPY*/
    .group-card {
        padding-left: 1em !important;
        padding-right: 1em !important;
    }
    .block-spacer-mini {
        margin-block-start: 0 !important;
  }
    .group-details {
        margin-top: 0;
    }
    .group-details p {
        font-size: var(--wp--preset--font-size--medium) !important;
    }

    /*MOBILE TRAINING*/
    .training-card {
        padding-left: 1em !important;
        padding-right: 1em !important;
    }
    .training-title {
      max-width: 61vw !important;
      word-wrap: break-word !important;
    }
    .training-list {
        display: block !important;
    }
    .grid-list {
      padding-left: 1em !important;
    }

    /*MOBILE BLOG*/
    .thought-post {
        padding: 1.5em 1em  1.5em 1em!important;
    }
    .thought-post .entry-content:has(p) {
        padding:0;
    }

    /*MOBILE BLOG SINGLE POST*/
    .thought-post-single {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .thought-post-single .entry-content{
        padding: 0 !important;
    }
    .thought-post-comment-block {
        flex-direction: column;
    }
}

p{
    line-height: 1.7;
}