/**
Theme Name: Rafikitherapies
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rafikitherapies
Template: astra
*/

/*
color scheme 1:
https://coolors.co/palette/006d77-83c5be-edf6f9-ffddd2-e29578
006D77
83C5BE
EDF6F9
FFDDD2
E29578
*/

.page-id-11 .main-navigation {
    display: none !important;
}

.site-logo-img {
    transition: opacity 0.5s;
}


.hidden {
    opacity: 0 !important;
}

:root {
    /* color scheme 1 */
    /*--color-dark-creen: #006D77;*/
    /*--color-light-green: #83C5BE;*/
    /*--color-egg-shell: #EDF6F9;*/
    --color-warm-light: #FFDDD2;
    --color-warm-dark: #E29578;


    /* color scheme 2 */
    --color-warm-yellow: #ffbc42;
    --color-cool-red: #d81159;
    --color-faded-lilac: #8f2d56;
    --color-dark-green-cyan: #218380;
    --color-cyan: #73d2de;

    /* 7eyed colors (for services page) */
    --color-7-1:#68C48F;
    --color-7-2:#11BF5F;
    --color-7-3:#40AF94;
    --color-7-4:#6D83E4;
    --color-7-5:#C0C7E4;
    --color-7-6:#97C7BA;
    --color-7-7:#599BBE;




    --color-off-white: #f6f6f6;
    --color-off-black: #262627;

    --color-warm-accent: #8f2d56;
    --color-warm-accent-highlight:#d81159;

    --overlay-color: var(--color-warm-dark);
    --overlay-opacity: 0.4;


    --content-width: 1640px;
    --constrained-side-padding: max( 45px, calc( 50vw - (var(--content-width) / 2 ) ) );

    --hero-heading-shadow: 0 0px 25px rgba(0,0,0,0.4);

    /* linear-gradient(135deg,var(--color-light-green) 0%,var(--color-egg-shell) 100%); */
    --home-hero-overlay-bg: linear-gradient(135deg,var(--color-warm-yellow) 0%,var(--color-faded-lilac) 100%);

    --image-border-radius: clamp(12px, 2vw, 36px);
}

/* astra theme mods - full with layout */

.ast-container {
    max-width: 100vw;
    padding: 0;
}

.entry-content[ast-blocks-layout] > * {
    max-width: 100%;
}

/* astra theme mod related - constrained content width */

.entry-content > .wp-block-columns.contained-columns { /* boxed container - parent may show */
    max-width: var(--content-width);
    /*background: red;*/
    /*
    padding-left: var(--constrained-side-padding);
    padding-right: var(--constrained-side-padding);
    */
}
.entry-content > .wp-block-columns.padded-columns { /* full width container */
    /*max-width: var(--content-width);*/
    /*background: green;*/
    padding-left: var(--constrained-side-padding);
    padding-right: var(--constrained-side-padding);
}

.entry-content > .wp-block-group.padded-section {
    padding-left: var(--constrained-side-padding);
    padding-right: var(--constrained-side-padding);
}

/* animations start*/

.animate-from-bottom {
    opacity: 0;
    transition: all 0.8s ease-out;
    transition-delay: .4s;
    position: relative;
    top: 70px;
}

.animate-from-left {
    opacity: 0;
    transition: all 0.8s ease-out;
    transition-delay: .4s;
    position: relative;
    left: -100px;
}
.animate-from-right {
    opacity: 0;
    transition: all 0.8s ease-out;
    transition-delay: .4s;
    position: relative;
    right: -100px;
}
.fade-in {
    opacity: 0;
    transition: opacity 1s ease-out;
    transition-delay: .4s;
}

.came-to-viewport {
    opacity: 1;
}

.animate-from-bottom.came-to-viewport {
    top: 0;
}

.animate-from-left.came-to-viewport {
    left: 0;
}
.animate-from-right.came-to-viewport {
    right: 0;
}

.a-delay-0 { transition-delay: 0ms;}
.a-delay-100 { transition-delay: 100ms;}
.a-delay-200 { transition-delay: 200ms;}
.a-delay-300 { transition-delay: 300ms;}
.a-delay-400 { transition-delay: 400ms;}
.a-delay-500 { transition-delay: 500ms;}
.a-delay-600 { transition-delay: 600ms;}
.a-delay-700 { transition-delay: 700ms;}
.a-delay-800 { transition-delay: 800ms;}
.a-delay-900 { transition-delay: 900ms;}
.a-delay-1s { transition-delay: 1s;}
.a-delay-2s { transition-delay: 2s;}
.a-delay-3s { transition-delay: 3s;}

.a-dur-0 { transition-duration: 0ms;}
.a-dur-100 { transition-duration: 100ms;}
.a-dur-200 { transition-duration: 200ms;}
.a-dur-300 { transition-duration: 300ms;}
.a-dur-400 { transition-duration: 400ms;}
.a-dur-500 { transition-duration: 500ms;}
.a-dur-600 { transition-duration: 600ms;}
.a-dur-700 { transition-duration: 700ms;}
.a-dur-800 { transition-duration: 800ms;}
.a-dur-900 { transition-duration: 900ms;}
.a-dur-1s { transition-duration: 1s;}
.a-dur-2s { transition-duration: 2s;}
.a-dur-3s { transition-duration: 3s;}

/* animations end */



/* typography */
h1, .entry-content h1 {
    font-size: clamp(2.4em, 4vw, 5em);
}

h2, .entry-content h2 {
    /*color: #262627;*/
    text-shadow: 4px 4px 0 rgba(255,255,255,.5);
}

figure + h5, .entry-content figure + h5 {
    color: var(--color-off-white);
}

/* temp site slogan while waiting for logo */
.site-title a, .site-title a:focus, .site-title a:hover, .site-title a:visited {
    /* color: white; */
    font-family: Salsa, sans-serif !important;
    font-weight: normal!important;
    padding: 5px 30px;
    text-shadow: var(--hero-heading-shadow);
}

/* bullets */

/*
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#808"><path d="m12 3 2.23 6.88h7.23l-5.85 4.24L17.85 21 12 16.75 6.15 21l2.24-6.88-5.85-4.24h7.23L12 3z"></path></svg>
*/

.entry-content ul:not(.wp-block-navigation), .entry-content ol {
    padding: 20px 20px 20px 40px;
    border-radius: 10px;
    background: #ffffff20;
}

ul li {
    list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23808"><path d="M19 10H9l2.71-3.29A.996.996 0 1 0 10.3 5.3c.03-.02-3.21 2.64-4.29 3.71-1.01.99-2 2-2 5 0 2 1 4 3 4h5c.55 0 1-.45 1-1s-.45-1-1-1h1c.55 0 1-.45 1-1s-.45-1-1-1h1c.55 0 1-.45 1-1s-.45-1-1-1h5c.55 0 1-.45 1-1s-.45-1-1-1Z"></path></svg>');
    list-style-image: url(img/star-icon.svg);
}

li { 
    margin-bottom: 1em;
    font-size: 1.2em;
}

/* mobile burger */
button.wp-block-navigation__responsive-container-open {
    color: var(--color-warm-accent-highlight);
    background-color: var(--color-off-white)
}
button.wp-block-navigation__responsive-container-open:hover {
    color: var(--color-off-white);
    background-color: var(--color-warm-accent-highlight);
}

/* image styles */

.decorative-svg {
    max-width: 70%;
    margin: auto;
}

.image-caption {
    position: relative;
    top: 20px;
}

/* header / logo */

/*Make Header Sticky*/
.site-header {
    position: fixed;
    top: 0;
    width: 100%;
}
.ast-primary-header-bar {
    background-color: var(--color-warm-light);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    border: 0;
}

.site-header {
    backdrop-filter: blur(4px);
    transition: top 0.3s ease-out;
}

.site-header.nav-up {
    top: -142px;
}

.ast-header-break-point .ast-primary-header-bar {
    border: 0;
}



header .custom-logo-link img {
    width: 100%;
}

/* main navigation */

.ast-theme-transparent-header .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-menu, .ast-theme-transparent-header.ast-header-break-point .main-header-bar-wrap .main-header-bar, .ast-theme-transparent-header.ast-header-break-point .ast-mobile-header-wrap .main-header-bar {
    background-color: var(--color-warm-light);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}


/* overlays */

.overlay {
    position: relative;
    z-index: 0;
}

.overlay:before {
    display: block;
    content: '';
    position: absolute;
    inset: 0;
    background: var(--overlay-color);
    opacity: var(--overlay-opacity);
    z-index: -1;
}

/* form(s) */

.wpcf7 input:not([type=submit]), .wpcf7 select, .wpcf7 textarea {
    background: #fff;
    color: #525865;
    border-radius: 9px;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.2);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.45;
    outline: none;
    padding: 0.6em 1.45em 0.7em;
    -webkit-transition: .18s ease-out;
    -moz-transition: .18s ease-out;
    -o-transition: .18s ease-out;
    transition: .18s ease-out;
}
  
.wpcf7 input:not([type=submit]):hover, .wpcf7 select:hover, .wpcf7 textarea:hover {
    box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02);
}
  
.wpcf7 input:not([type=submit]):focus, .wpcf7 select:focus, .wpcf7 textarea:focus {
    color: #4b515d;
    border: 1px solid #B8B6B6;
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2);
}

input[type="submit"] {
    border-radius: 9px;
    width: 100%;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    background-color: var(--color-faded-lilac);
}

input[type="submit"]:hover {
    background-color: var(--color-cyan); 
    color: var(--color-off-black);
}

input[type="submit"]:hover:disabled {
    background-color: var(--color-faded-lilac);
    color: var(--color-off-white);
}

.wpcf7 form>div {
    margin-bottom: 0;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
}

.wp-block-button .wp-block-button__link, .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button {
    border-color: var(--color-cyan);
    background-color: var(--color-cyan);
    color: var(--color-off-black);
}

.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus {
    border-color: var(--color-faded-lilac);
    background-color: var(--color-faded-lilac);
    color: var(--color-off-white);
}

.get-in-touch-button a.wp-block-button__link {
    text-transform: uppercase;
    font-size: 1.25em;
}

.wpcf7-not-valid-tip {
    color: yellow;
}

/* Home page */

body.page-id-7 {
    background: url(img/subtle-prism.svg) no-repeat;
}

/* hero section */

.home-hero {
    position: relative;
}

.home-hero > div.kt-inside-inner-col:before {
    /*opacity: 0.57;*/
    /*background: linear-gradient(135deg,rgb(255,221,210) 0%,rgb(226,149,120) 99%);*/
    background: var(--home-hero-overlay-bg);
    /*background: var(--color-egg-shell);
    background: var(--color-light-green);
    background: var(--color-dark-green);*/
    mix-blend-mode: overlay;
    backdrop-filter: blur(2px);
    background: none;
    
}

.hero-quote p {
    font-size: clamp(2.4em, 4vw, 5em);
    color: var(--color-off-white);
    line-height: 1.3;
    max-width: 23ch;
    margin: auto;
    text-shadow: var(--hero-heading-shadow);
    font-family: Salsa, serif;
    font-weight: 400;
}

.hero-quote cite {
    font-style: italic;
    color: white;
    opacity: .7;
}

.home-logo img {
    max-width: min(80vw, 500px);
}

/* Blade */
/* home-counselling */
.home-counselling {
    background: var(--color-warm-yellow) url(img/pattern-randomized-lighter-yellow.svg) bottom center no-repeat; /*var(--color-warm-light);*/
    background-size: cover;
    position: relative;
    z-index: 0;
}

.home-counselling > * {
    position: relative;
    z-index: 3;
}

.home-hero > div:after {
    position: absolute;
    aspect-ratio: .215625;
    width: 100%;
    background: url(img/rafiki-curve3top.svg) 0px 0px no-repeat;
    background-size: 100vw calc(.215625* 100vw);
    height: calc(.215625* 100vw);
    z-index: 1;
    content: '';
    left: 0;
    bottom:calc(-0.034 * 100vw);
}
.cta-block {
    position: relative;
    z-index: 2;
}


div#counselling:before {
    position: absolute;
    aspect-ratio: .230729;
    width: 100%;
    background: url(img/rafiki-curve3bottom.svg) center top no-repeat;
    background-size: 100vw calc(.230729* 100vw);
    height: calc(.230729* 100vw);
    z-index: -1;
    content: '';
    left: 0;
    top: 0
}


.biog-image,
.decorative-img {
    position: relative;
    max-height: 95vh;
    text-align: center;
    max-width: calc(0.75 * min(700px, 60vh));
    margin: auto 15px;
}

.biog-image {
}

.decorative-img {
}


.decorative-img:before,
.biog-image:before {
    position: absolute;
    inset: 0;
    display: block;
    content: '';
    background: var(--color-cool-red);
    background: linear-gradient(180deg, rgba(216,17,89,.1), var(--color-cool-red) 100%);;
    top: 60px;
    left: min(2vw, 60px);
    width: 100%;
    height: 100%;
    z-index: 0;
    rotate: 1deg;
    /*opacity: 0.5;*/
    max-height: min(700px, 60vh);
    max-width: calc(0.75 * min(700px, 60vh));
    border-radius: var(--image-border-radius);

}

.biog-image:before {
}

.decorative-img:before {
}

.decorative-img img,
.biog-image img {
    box-shadow: 0 0 33px 3px rgba(0,0,0,0.2);
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-height: min(700px, 60vh);
    max-width: calc(0.75 * min(700px, 60vh));
    border-radius: var(--image-border-radius);
}

.biog-image img {
}

.decorative-img img {
}

/* Blade */
/* first session */
.first-session {
    /*background: url(/wp-content/uploads/2023/10/bg1-desat.jpg) center center no-repeat;
    background-size: cover;*/
}

.first-session:before {
    --overlay-color: var(--color-warm-yellow); /*var(--color-dark-green-cyan);*/
    --overlay-opacity: .9;
}

.first-session h3, .first-session p {
    color: var(--color-off-white);
    color: var(--color-off-black);
}

/* Blade */
/* about me */
.about-me {
    /*background: url(/wp-content/uploads/2023/10/waterdrops-white.jpg) center center no-repeat;
    background-size: cover;*/
    --overlay-color: var(--color-warm-yellow);/* var(--color-cyan);*/
    --overlay-opacity: .5;

}

/* Blade */
/* my approach */

section#approach {
    /*background: url(img/subtle-prism.svg) no-repeat;*/
    /*background-size: cover;*/
    --overlay-color: var(--color-warm-yellow);
    --overlay-opacity: .7;
}

.my-approach {
    

    /* footer top shape... */
    /*
    background: url(img/curve.png) no-repeat bottom -1px left;
    background-size: 100%;
    */
/*
    background: url(img/shape1.svg) no-repeat bottom -1px left;
    background-size: 100%;
*/
}


section#publications {
    --overlay-color: var(--color-warm-yellow);
    --overlay-opacity: 1;
}

.publications > div {
    margin-bottom: 2rem;
}


/* Services page */

/* fix navi overflow */
.ast-plain-container .entry-content .alignfull.services-navi {
    max-width: 100%;
    margin: auto;
}

.services-hero h1 {
    color: var(--color-off-white);
    text-shadow: var(--hero-heading-shadow);
    padding-left:1rem;
    padding-right:1rem;
}

.services-hero .wp-block-navigation__container {
    gap: .5em;
}

.services-hero .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    text-decoration: none;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 16px;
    box-shadow: 0 0 6px 10xp rgba(0,0,0,0.4);
    background: var(--color-warm-light);
    background-blend-mode: difference;
    color: var(--color-warm-accent);
    border-bottom: 2px solid var(--color-warm-accent);
    font-size: .7em;
    text-transform: uppercase;
    font-weight: bold;
}

.services-hero .wp-block-navigation .is-menu-open:before {
    content: 'Services';
    text-transform: uppercase;
    font-family: 'Libre Baskerville', serif;
    font-size: 1.5em;
    font-weight: bold;
    color: var(--color-off-black);
}

.services-hero .wp-block-navigation .is-menu-open li {
    margin-bottom: 5px;
}

.services-hero .wp-block-navigation .is-menu-open .wp-block-navigation-item__content.wp-block-navigation-item__content {
    display: block;
    padding: 6px 10px;
    border-radius: 0;
    box-shadow: 0 0 6px 10xp rgba(0,0,0,0.4);
    background: none;
    color: var(--color-warm-accent);
    border-bottom: 2px solid var(--color-warm-accent);
    font-size: .7em;
    text-transform: uppercase;
    font-weight: bold;
}



.services-hero .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    background: var(--color-warm-accent-highlight);
    color: var(--color-off-white);
}

/* removed burger from this menu so can keep same all the way */
/*@media screen and ( min-width: 910px ) {*/
    .entry-content[ast-blocks-layout] .services-hero .wp-block-navigation.alignfull {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
/*}*/


/* Blade */
/* Counselling and Psychotherapy */
.counselling {
    /*background: url(/wp-content/uploads/2023/10/bg-balloons.jpg) no-repeat center center;
    background-size: cover;*/
    --overlay-color: linear-gradient(90deg, var(--color-dark-green-cyan) 45%, rgba(0,0,0,0) 80%);
    --overlay-color:  var(--color-7-3) ;
    --overlay-opacity: 1;

    & a {
        /*color: var(--color-cyan);*/
        &:hover {
            /*color: var(--color-off-white);*/
        }
    }
}


.counselling h2, .counselling p, .counselling li {
    color: var(--color-off-white);
    
}
.counselling h2 {   
    text-shadow: 4px 4px 0 rgba(0,0,0,.5)
}

/* Blade */
/* Personal Consultancy */
.consultancy {
    /*background: linear-gradient(90deg, rgba(226,149,120,1) 0%, rgba(226,149,120,1) 40%, rgba(255,221,210,1) 60%, rgba(255,221,210,1) 100%);*/
    /*background: linear-gradient(90deg, rgba(226,149,120,1) 0%, rgba(255,221,210,1) 100%);*/
    /*background: linear-gradient(24deg, var(--color-light-green) 0%, var(--color-light-green) 40%, rgba(255,221,210,1) 60%, rgba(255,221,210,1) 100%);*/
    /*background: linear-gradient(24deg, var(--color-cyan) 0%, var(--color-cyan) 40%, rgba(255,221,210,1) 60%, rgba(255,221,210,1) 100%);*/
    background: url(img/pattern-randomized-green1.svg) no-repeat;
    background-size: cover;
    --overlay-color: var(--color-warm-yellow);
    --overlay-opacity:0;
}

.consultancy h2, .consultancy h3 {
    color: var(--color-off-black);
}


/* Blade */
/* Psychoeducational Groups */
.groups {
    background: url(/wp-content/uploads/2023/10/bg-stones.jpg) no-repeat center center;
    background: url(img/subtle-prism-green1.svg) no-repeat;
    background-size: cover;
    --overlay-color: var(--color-faded-lilac);
    --overlay-opacity: 0;
}

.groups h2, .groups p, .groups li {
    /*color: var(--color-off-white);*/
}    

.groups h2 {
    /*text-shadow: 4px 4px 0 rgba(0,0,0,.5);*/

}


/* Blade */
/* Clinical Supervisor and Reflective Practice */
.supervisor {
    --overlay-color: var(--color-7-1);
    --overlay-opacity: 1;
}

/* Blade */
/* Training & Workshops  */
.training-workshops {
    /*background: var(--color-light-green) url(/wp-content/uploads/2023/10/bg2-desat.jpg) no-repeat;*/
    background: var(--color-cyan) url(/wp-content/uploads/2023/10/bg2-desat.jpg) no-repeat;
    background:  url(img/repeating-triangles-green1.svg) no-repeat;
    background-size: cover;
    /*--overlay-color: var(--color-light-green);*/
    --overlay-color: var(--color-cyan);
    --overlay-opacity: 0;
}

/* Blade */
/* Project Management */
.project-management {
    /*background: var(--color-light-green) url(/wp-content/uploads/2023/10/sunset2.jpg) no-repeat;*/
    background: var(--color-cyan) url(/wp-content/uploads/2023/10/sunset2.jpg) no-repeat;
    background-size: cover;
    --overlay-color: var(--color-warm-light);
    --overlay-opacity: .4;
    min-height: 50vh;
}

.trauma {
    background: var(--color-cyan) url(img/rainbow-vortex.svg) no-repeat;/*url(/wp-content/uploads/2023/10/sunset2.jpg) no-repeat;*/
    background-size: cover;
    --overlay-color: var(--color-7-5);
    --overlay-opacity: 1;
    min-height: 50vh; 
    padding-bottom: 3rem;
}

.trauma > div {
    margin-bottom: 3rem;
}

/* resources page */

.resources-hero h1 {
    color: var(--color-off-white);
    text-shadow: var(--hero-heading-shadow);
}

.resources-hero .wp-block-navigation__container {
    gap: .5em;
}

.resources-hero .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    text-decoration: none;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 16px;
    box-shadow: 0 0 6px 10xp rgba(0,0,0,0.4);
    background: var(--color-warm-light);
    background-blend-mode: difference;
    color: var(--color-warm-accent);
    border-bottom: 2px solid var(--color-warm-accent);
    font-size: .7em;
    text-transform: uppercase;
    font-weight: bold;
}

.resources-hero .wp-block-navigation .is-menu-open:before {
    content: 'Resources';
    text-transform: uppercase;
    font-family: 'Libre Baskerville', serif;
    font-size: 1.5em;
    font-weight: bold;
    color: var(--color-off-black);
}

.resources-hero .wp-block-navigation .is-menu-open li {
    margin-bottom: 5px;
}

.resources-hero .wp-block-navigation .is-menu-open .wp-block-navigation-item__content.wp-block-navigation-item__content {
    display: block;
    padding: 6px 10px;
    border-radius: 0;
    box-shadow: 0 0 6px 10xp rgba(0,0,0,0.4);
    background: none;
    color: var(--color-warm-accent);
    border-bottom: 2px solid var(--color-warm-accent);
    font-size: .7em;
    text-transform: uppercase;
    font-weight: bold;
}

.resources-hero .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    background: var(--color-warm-accent-highlight);
    color: var(--color-off-white);
}

@media screen and ( min-width: 910px ) {
    .entry-content[ast-blocks-layout] .resources-hero .wp-block-navigation.alignfull {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
}




/* Footer */

/* useful links */
.site-primary-footer-wrap {
    position: relative;
    z-index: 0;
}

.site-primary-footer-wrap:before {
    position: absolute;
    display: block;
    content: '';
    inset: 0;
    /*background: var(--color-dark-green-cyan);*/
    opacity: 0.7;
    z-index: -1;
}

.site-primary-footer-wrap h4, .site-primary-footer-wrap p, .site-primary-footer-wrap a {
    color: var(--color-off-white);
}

.site-primary-footer-wrap h4 {
    margin-bottom: .5em;
}

.site-primary-footer-wrap a {
    /*color: var(--color-warm-accent-highlight);*/
    display: inline-block;
    padding: 3px 5px;
}

.site-primary-footer-wrap a:hover {
    background-color: var(--color-warm-accent-highlight);
}

.site-footer-section-1 .ast-builder-html-element {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 20px 8px rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.2);
}


.bacp-logo {
    padding: 20px; 
    background-color: white;
    border-radius: 5px;
    display: inline-block;
    margin-left: 30px;
}

.site-footer-section-2 aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner {
    background: var(--color-cool-red);
    padding: 2em 3em 0;
    border-radius: 15px;
    position: relative;
    top: -100px;
    margin-bottom: -100px;
    box-shadow: var(--hero-heading-shadow);
    color: var(--color-off-white);

    & h3 {
        color: var(--color-off-white);
    }
}

footer aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner p {
        color: var(--color-off-white);
}

a.ast-builder-social-element.ast-inline-flex.ast-behance.footer-social-item {
    padding: 10px;
    border-radius: 5px;
}

/* form bottom padding */
.site-footer-primary-section-2 section {
    padding-bottom: 1em;
}


/* alternative single footer background with svg shapes */
/* overrides other footer design */

footer {
    background: url(/wp-content/themes/astra-child/img/vectbg3.svg) no-repeat center center;
    background-size: cover;
}
footer div {
    background: none !important;
    background-color: transparent !important;
    
}

footer > div {
    background-color: #8f2d56dd !important; /*var(--color-cool-red); #83C5BEdd !important;*/
}

footer div:before {
    background: none !important;
}

footer h4 {
    color: var(--color-off-white) !important;
} 

footer p {
    color: var(--color-off-white);
}

footer a,
.ast-footer-social-1-wrap .ast-social-color-type-custom .social-item-label {
    color: var(--color-cyan) !important; /*var(--color-warm-accent) !important; */ 
}

footer a:hover,
.ast-footer-social-1-wrap .ast-social-color-type-custom .social-item-label:hover {
    color: var(--color-off-white) !important;
}

.ast-footer-social-1-wrap .ast-social-color-type-custom svg {
    fill: var(--color-cyan) !important; /*var(--color-warm-accent) !important;*/ 
}

.ast-footer-social-1-wrap .ast-social-color-type-custom svg {
    fill: var(--color-cyan) !important; /*var(--color-warm-accent) !important;*/ 
}


.site-footer-section-1 .ast-builder-html-element {
    box-shadow: none
}



/****************************/
/* RESPONSIVE */
/****************************/
@media screen and ( max-width: 1150px) {
    .site-footer-section-2 aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner {
        padding: 1em 1em 0;
    }
}

@media screen and ( max-width: 1100px) {
    .services-hero .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
        font-size: .6em;
    }
    .main-navigation li {
        font-size: 1em;
    }
}

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

    .main-navigation > ul > li > a.menu-link {
        background: #FFDDD2aa;
        /* color: white; */
        margin: 10px;
        padding: 10px 15px;
        border-radius: 10px 0;
        height: 40px!important;
        border-bottom: 5px solid #8f2d56;
    }

    .main-header-menu .sub-menu {
        max-width: 160px;
    }

    .main-header-menu .sub-menu li {
        font-size: .7em;
        margin-bottom: 0;
    }
    .main-header-menu .sub-menu li:hover {
        background-color: var(--color-warm-light);
    }

    .main-header-menu .sub-menu .menu-link {
        padding: 0.5em 0.7em;
    }

}




@media screen and ( max-width: 650px) {


    .biog-image, .decorative-img {
        /*max-height: min(550px, 60vh);
        max-width: calc(0.75* min(100%, 60vh));*/
        margin-bottom: 75px !important;
    }
    .image-caption {
        margin-top: -75px;
    }

    .decorative-img img, .biog-image img {
        /*max-height: min(550px, 60vh);*/
        max-width: calc(0.75* min(100%, 60vh));
        /*padding-bottom: 6rem;*/
    }

    .decorative-img:before,
    .biog-image:before {
        /*max-height: min(550px, 60vh);*/
        max-width: calc(0.75 * min(100%, 60vh));
    }

    footer section.widget_media_image {
        text-align: center;
    }

    .bacp-logo {
        margin-left: 0;
    }

    .site-footer-section-2 aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner {
        position: static;
        margin: 3em 0 0;
    }
}

@media screen and ( max-width: 600px) {

    /* hide main burger menu when services burger is open */
    body:has(.services-hero .is-menu-open) .site-header {
        z-index: 0;
    }
}

@media screen and ( max-width: 480px) {
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
        padding-top: 4em;
        padding-bottom: 4em;
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media screen and ( max-width: 400px) {
    .site-primary-footer-wrap a {
        display: inline;
        padding: 10px 0;
        font-size: 0.9em;
    }
}

@media screen and ( max-width: 359px) {

    .ast-footer-social-1-wrap {
        margin-left: 0px;
        margin-right: 0px;
    }

    a.ast-builder-social-element.ast-inline-flex.ast-behance.footer-social-item {
        padding: 0px;
    }

    .site-primary-footer-wrap a {
        font-size: 0.8em;
    }
    .site-footer-section-2 aside.footer-widget-area.widget-area.site-footer-focus-item.footer-widget-area-inner {
        padding: 1em 0em 0;
        background: none;
        box-shadow: none;
    }
}

@media screen and ( max-height: 500px) {
    .home-logo-container.is-layout-flex {
        display: none;
    }
}