@charset "utf-8";

/* ==========================================================================
   Effe τιτλου για ΟΠΟΙΟ ειδος banner - κλαση .effeTitle

   ΓΙΑΤΙ ΥΠΑΡΧΕΙ:
   Ολο το styling του effe στο 01-general-style.css ειναι scoped σε
   ".cardsBanner.banner_out", οποτε τα ειδη που δεν εχουν αυτη την κλαση
   (π.χ. 27, 28) εβγαζαν το markup ΧΩΡΙΣ styling - δηλαδη σκετο κειμενο.
   Δεν μπορουμε ομως να τους δωσουμε απλα το "cardsBanner": η κλαση αυτη
   κουβαλαει ~76 κανονες (paddings, κουμπια, layout) που θα αλλαζαν την
   εμφανιση υπαρχοντων banner.

   Γι' αυτο εδω επαναλαμβανουμε ΜΟΝΟ τους κανονες του effe, κλειδωμενους σε
   μια ουδετερη κλαση. Το banners.php τη βαζει οπου effe_title=1.
   ========================================================================== */

.effeTitle .title.play-color {
    position: relative;
    width: fit-content;
    background: #dedede;
    padding: 0px;
    border: none;
    color: transparent;
    overflow: hidden;
    margin: 0 auto;
}

.effeTitle .title.play-color .colored-back,
.effeTitle .subtitle.play-color .colored-back {
    position: absolute;
    top: 0px;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.effeTitle .title.play-color svg.cutout,
.effeTitle .subtitle.play-color svg.cutout {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    z-index: 99999;
}

/* Effe χωρις scroll (effe_title_no_scroll = 1): χρωματισμενο απο το πρωτο paint */
.effeTitle.effeNoScroll .title.play-color .colored-back,
.effeTitle.effeNoScroll .subtitle.play-color .colored-back {
    left: 0;
}

/* --------------------------------------------------------------------------
   Default banner (h3.title_b) - kind=33 "Πινακες (2)" κ.α.

   Εκει ο τιτλος ειναι <h3 class="title_b"><span>. Ο κανονας ".title_b span"
   στο 01-general-style.css δινει border-bottom 2px - που θα χτυπουσε ΚΑΙ τα
   εσωτερικα span του effe (colored-back, colored-back-item). Τα μηδενιζουμε
   και κραταμε την υπογραμμιση ΜΟΝΟ στο εξωτερικο, ωστε η οψη να μεινει ιδια.
   -------------------------------------------------------------------------- */

.effeTitle .title_b span.title.play-color {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.effeTitle .title_b span.title.play-color .colored-back,
.effeTitle .title_b span.title.play-color .colored-back-item {
    border-bottom: none;
    padding-bottom: 0;
}