/**
 * Theme Name: EvelinaChaneva.COM-2024
 * Template: twentytwentyfive
 */

/* NB:
	Styling is mobile-first, breakpoints focus >768px, no support for tablets.
    Classes for desktop (a.k.a. large screens) is `-lg-` and that's about it.
    Utility classes are namespaced with `ec-` (EvelinaChaneva).
*/

/* Globals */

:root {
    scroll-behavior: smooth;
}

a {
    transition: color 0.15s ease-in-out;
}

div.wp-block-column,
.wp-block-post-title a {
    overflow-wrap: normal;
    word-break: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}

/* -Begin- Utility Classes (a-la Bootstrap) */
/*
.ec-pos-rel {
    position: relative;
}
.ec-stretched-link a::after {
    content: "";
    position: absolute;
    inset: 0;
}
*/
.ec-link-nounderline a {
    text-decoration: none;
}
.ec-img-desaturate img,
.ec-img-desaturate {
    filter: saturate(70%);
}
.ec-img-desaturate-90 img,
.ec-img-desaturate-90 {
    filter: saturate(90%);
}
.ec-img-opacity-80 {
    opacity: 0.8;
}
.ec-author-photo {
    /*background-image:url('https://evelinachaneva.com/wp-content/themes/twentytwentyfive-child/img/evelina_6187_381x700_nobg_transparent.webp');*/
    background-image: url("https://evelinachaneva.com/wp-content/themes/twentytwentyfive-child/img/Evelina_6187_700x874--scaled--cropped--desaturated--nobg--transparent.webp");
    /*background-image: url("https://evelinachaneva.com/wp-content/themes/twentytwentyfive-child/img/Evelina_6187_700x874--scaled--cropped--desaturated-further--nobg--transparent.webp");*/
    background-repeat: no-repeat;
    background-size: 350px;
}
.ec-author-photo--responsive {
    background-position: 92px 101%;
}
.ec-m-0 {
    margin: 0;
}
.ec-text-decoration-none {
    text-decoration: none;
}

/* .ec-image-oversize-fix If drop shadow is present: apply to the group container of an image. */
@media (min-width: 426px) and (max-width: 600) {
    .ec-image-oversize-fix {
        max-width: 70%;
        margin: 0 auto;
    }
}
@media (min-width: 600px) and (max-width: 781px) {
    .ec-image-oversize-fix {
        max-width: 60%;
        margin: 0 auto;
    }
}
@media (min-width: 500px) {
    .ec-author-photo--responsive {
        background-position: 60% 101%;
    }
}
@media (max-width: 781px) {
    .visible {
        visibility: visible !important;
    }
    .invisible {
        visibility: hidden !important;
    }

    .ec-d-none {
        display: none;
    }
    .ec-d-lg-block,
    .ec-d-lg-inline,
    .ec-d-lg-inline-block,
    .ec-d-lg-flex {
        display: none;
    }

    .ec-p-0 {
        padding: 0 !important;
    }
    .ec-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .ec-px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}

@media (min-width: 782px) {
    .ec-d-lg-block {
        display: block;
    }
    .ec-d-lg-inline {
        display: inline;
    }
    .ec-d-lg-inline-block {
        display: inline-block;
    }
    .ec-d-lg-flex {
        display: flex;
    }
    .ec-d-lg-none {
        display: none;
    }
    .ec-lg-p-0 {
        padding: 0;
    }
}

/* -End- Utility Classes (a-la Bootstrap) */

/* Attempt at BEM for styling the blocks (.wp-block-* is the root class added by Gutenberg) */

/* BEM overrides are namespaced with `ec-` (EvelinaChaneva) */

.ec-hero__wp-block-image--padding-mobile {
    padding: 48px 0 0px 38px;
}

.wp-block-site-title--no-underline {
    line-height: 1.125;
}
.wp-block-site-title--no-underline a {
    text-decoration: none;
    color: #444;
}
.wp-block-site-title--no-underline a:hover,
.wp-block-site-title--no-underline a:focus,
.wp-block-site-title--no-underline a:active {
    text-decoration: none;
    color: #222;
}
.ec-site-tagline--line-height {
    line-height: 1.6;
}

@media (min-width: 782px) {
    .hero-wp-block-group--translate {
        /*		translate: 0 -371px;*/
        translate: 0 -355px;
        /*		translate: 0 -185px;*/
    }
    .ec-hero {
        overflow: visible;
    }
    .ec-hero__wp-block-image--position-absolute {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
    }
    .ec-hero__wp-block-image--opacity {
        opacity: 0.98;
    }
    .ec-hero__wp-block-image--padding-mobile {
        padding: 0;
        /*		background: url('https://evelinachaneva.com/wp-content/uploads/Evelina_6187_new-scaled-crop-nobg-768x960.webp') no-repeat center 80%;*/
    }
}
