/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* ==========================================================
   ACCADEMIA REIKI - RESTYLING COLORI
   ========================================================== */

/* 01 - COLORI GLOBALI */
:root {
    --reiki-green: #315844;
    --reiki-green-hover: #547966;
    --reiki-sage: #85b69d;
    --reiki-sage-light: #E9EFE4;
    --reiki-gold: #d3b85c;
    --reiki-gold-light: #C9A85D;
    --reiki-ivory: #F7F4E9;
    --reiki-text: #26352D;
}

#page a { color: var(--reiki-gold); }
#page a:hover { color: var(--reiki-green-hover); }

::selection { background: var(--reiki-sage); color: var(--reiki-text); }
::-moz-selection { background: var(--reiki-sage); color: var(--reiki-text); }

.reiki-bg-light { background-color: var(--reiki-sage-light) !important; }
.reiki-bg-green { background-color: var(--reiki-green) !important; }
.reiki-bg-gold { background-color: var(--reiki-gold) !important; }
.reiki-text-green { color: var(--reiki-green) !important; }
.reiki-text-gold { color: var(--reiki-gold) !important; }

/* 02 - HEADER E MENU */
.main-nav > li > a .menu-text {
    color: var(--reiki-sage) !important;
}

.main-nav > li > a:hover .menu-text,
.main-nav > li.act > a .menu-text,
.main-nav > li.current-menu-item > a .menu-text,
.main-nav > li.current-menu-parent > a .menu-text,
.sub-nav li:hover > a,
.sub-nav li.act > a,
.sub-nav li.current-menu-item > a {
    color: var(--reiki-gold) !important;
}

/* Indicatore/linea della voce attiva: The7 può renderlo con pseudo-elementi. */
.main-nav > li > a:before,
.main-nav > li > a:after,
.main-nav > li > a .menu-text:before,
.main-nav > li > a .menu-text:after,
.main-nav > li.act > a:before,
.main-nav > li.act > a:after,
.main-nav > li.current-menu-item > a:before,
.main-nav > li.current-menu-item > a:after,
.main-nav > li.current-menu-parent > a:before,
.main-nav > li.current-menu-parent > a:after {
    border-color: var(--reiki-sage) !important;
    background-color: var(--reiki-sage) !important;
}

/* Indicatore The7 del menu (hover-line-decoration / active-line-decoration). */
.main-nav { --the7-accent-color: var(--reiki-sage); }
.main-nav > li > a .decoration-line,
.main-nav > li:hover > a .decoration-line,
.main-nav > li.act > a .decoration-line,
.main-nav > li.current-menu-item > a .decoration-line,
.main-nav > li.current-menu-parent > a .decoration-line {
    background-color: var(--reiki-gold) !important;
    border-color: var(--reiki-gold) !important;
}

/* Selettori specifici The7 per l'indicatore in hover e nello stato attivo. */
.top-header .hover-line-decoration > li > a .decoration-line,
.top-header .active-line-decoration > li > a .decoration-line,
.top-header .hover-line-decoration > li:hover > a .decoration-line,
.top-header .active-line-decoration > li.act > a .decoration-line,
.top-header .active-line-decoration > li.current-menu-item > a .decoration-line,
.top-header .active-line-decoration > li.current-menu-parent > a .decoration-line {
    background: var(--reiki-gold) !important;
    border-color: var(--reiki-gold) !important;
    box-shadow: none !important;
}

/* Copre anche menu-item-... act e current-menu-item sul markup WordPress. */
.main-nav > li.menu-item:hover > a .decoration-line,
.main-nav > li.menu-item.act > a .decoration-line,
.main-nav > li.menu-item.current-menu-item > a .decoration-line,
.main-nav > li.menu-item.current-menu-parent > a .decoration-line,
.main-nav > li.menu-item:hover > a:before,
.main-nav > li.menu-item.act > a:before,
.main-nav > li.menu-item.current-menu-item > a:before,
.main-nav > li.menu-item.current-menu-parent > a:before {
    background: var(--reiki-gold) !important;
    border-color: var(--reiki-gold) !important;
    box-shadow: none !important;
}

/* The7 usa <i class="underline"> per disegnare l'indicatore del menu. */
.main-nav > li > a .underline {
    background-color: var(--reiki-sage) !important;
    border-color: var(--reiki-sage) !important;
}
.main-nav > li:hover > a .underline,
.main-nav > li.act > a .underline,
.main-nav > li.current-menu-item > a .underline,
.main-nav > li.current-menu-parent > a .underline {
    background-color: var(--reiki-gold) !important;
    border-color: var(--reiki-gold) !important;
}

.main-nav > li:hover,
.main-nav > li.act,
.main-nav > li.current-menu-item,
.main-nav > li.current-menu-parent {
    --the7-accent-color: var(--reiki-gold);
}

.main-nav > li.act > a,
.main-nav > li.current-menu-item > a,
.main-nav > li.current-menu-parent > a {
    border-color: var(--reiki-gold) !important;
    background-color: transparent;
}

/* 03 - TITOLI E LINK */
#page h2,
#page h4 { color: var(--reiki-green-hover) !important; }
#page .page-title h1,
#page .page-title h1 *,
#page .page-title h1 a:hover,
#page .page-title .entry-title {
    font: normal 700 34px / 44px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    color: #85b69d !important;
    text-transform: none;
}
#page .fancy-header .color-accent span {
    color: var(--reiki-gold) !important;
}
#page .fancy-header h1 { color: #aac0b5 !important; }
#page .fancy-header .fancy-subtitle,
#page .fancy-header .fancy-subtitle .color-accent,
#page .fancy-header .fancy-subtitle .color-accent span {
    color: var(--reiki-gold) !important;
}

.accent-title-color,
.accent-subtitle-color,
.paint-accent-color {
    color: var(--reiki-green) !important;
}

/* 04 - BOTTONI */
.dt-btn,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.vc_btn3,
.vc_btn {
    background-color: var(--reiki-green) !important;
    border-color: var(--reiki-green) !important;
}

.dt-btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.vc_btn3:hover,
.vc_btn:hover {
    background-color: var(--reiki-green-hover) !important;
    border-color: var(--reiki-green-hover) !important;
}

/* Mantieni leggibili testo e icona dei link-pulsante durante l'hover. */
#page a.dt-btn:hover,
#page a.dt-btn:hover span,
#page a.dt-btn:hover i,
#page a.default-btn-shortcode:hover,
#page a.default-btn-shortcode:hover span,
#page a.default-btn-shortcode:hover i {
    color: var(--reiki-gold) !important;
}

/* 05 - WPBAKERY */
.vc_separator .vc_sep_line { border-color: var(--reiki-sage) !important; }
.accent-border-color .uvc-headings-line {
    border-color: var(--reiki-sage) !important;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

/* Accordion WPBakery: sostituisce i colori cyan inline del markup. */
.vc_tta.vc_tta-accordion {
    --vc-tta-color: transparent !important;
    --vc-tta-color-contrast: var(--reiki-green) !important;
    --vc-tta-active-color: var(--reiki-green-hover) !important;
    --vc-tta-active-color-contrast: #fff !important;
}
.vc_tta.vc_tta-accordion .vc_tta-panel-heading,
.vc_tta.vc_tta-accordion .vc_tta-panel-title > a {
    background: transparent !important;
}
.vc_tta.vc_tta-accordion .vc_tta-panel-title > a {
    color: var(--reiki-green) !important;
}
.vc_tta.vc_tta-accordion .vc_tta-panel-heading:hover,
.vc_tta.vc_tta-accordion .vc_tta-panel-heading:hover .vc_tta-panel-title > a,
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-heading,
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-title > a {
    background: var(--reiki-green-hover) !important;
    color: #fff !important;
}
.vc_tta.vc_tta-accordion .vc_tta-panel-heading:hover .vc_tta-controls-icon,
.vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon {
    color: #fff !important;
}
/* Solo home: testo del contenuto bianco quando l'accordion è aperto. */
body.home .vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-body,
body.home .vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-body p,
body.home .vc_tta.vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-panel-body li {
    color: #fff !important;
}

/* 06 - THE7 ELEMENTS */
.accent-icon-color { color: var(--reiki-green) !important; }
.accent-border-color { border-color: var(--reiki-gold) !important; }
.accent-icon-bg,
.accent-arrow-bg { background-color: var(--reiki-green) !important; }
.mini-contacts i { color: var(--reiki-gold); }
.dt-shortcode-soc-icons a .soc-font-icon,
#main .dt-team-shortcode .soc-ico a .soc-font-icon,
.dt-shortcode-icon .soc-icon,
.text-icon .soc-icon { color: var(--reiki-gold); }
.dt-shortcode-soc-icons a.dt-icon-bg-on:before,
.dt-shortcode-icon.dt-icon-bg-on .icon-inner:before,
.text-icon.dt-icon-bg-on .icon-inner:before {
    border-color: var(--reiki-gold) !important;
    background-color: var(--reiki-gold) !important;
}
.dt-shortcode-soc-icons a.dt-icon-bg-on:hover:before,
.dt-shortcode-icon.dt-icon-bg-on:hover .icon-inner:before,
.text-icon.dt-icon-bg-on:hover .icon-inner:before {
    border-color: var(--reiki-sage) !important;
    background-color: var(--reiki-sage) !important;
}
.dt-shortcode-soc-icons a.dt-icon-bg-on .soc-font-icon,
.dt-shortcode-icon.dt-icon-bg-on .soc-icon,
.text-icon.dt-icon-bg-on .soc-icon {
    color: var(--reiki-ivory) !important;
}
.dt-testimonials-shortcode .testimonial-vcard .text-secondary {
    font-size: 15px;
    line-height: 27px;
    font-weight: normal;
    color: var(--reiki-gold);
}
.fancy-date .entry-month:after,
.fancy-date .entry-date:after {
    color: #fff;
    background-color: var(--reiki-green);
}

/* 07 - FORM */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--reiki-green) !important;
}

/* 08 - FOOTER */
.footer .widget-title,
.footer div[class*='elementor-widget-wp-widget-'] h5,
.footer .elementor-widget .woocommerce h5 {
    color: var(--reiki-gold) !important;
    font-size: 20px;
}
.footer .color-primary { color: var(--reiki-gold) !important; }
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 { color: var(--reiki-gold) !important; }
.footer,
#footer.solid-bg,
#bottom-bar.solid-bg {
    background: var(--reiki-green) none repeat center top !important;
}
.footer,
.footer p,
.footer li,
.footer .textwidget,
#bottom-bar,
#bottom-bar p { color: var(--reiki-ivory) !important; }
.footer .widget {
    color: #fff !important;
    padding: 0 30px;
}
.footer a,
#bottom-bar a { color: var(--reiki-gold) !important; }
.footer a:hover,
#bottom-bar a:hover { color: var(--reiki-sage) !important; }
.footer .soc-ico a:not(:hover) .soc-font-icon {
    color: var(--reiki-gold) !important;
}
.footer .soc-ico a:hover {
    background-color: var(--reiki-sage) !important;
}
.footer .soc-ico a:hover:before,
.footer .soc-ico a:hover:after,
.footer .soc-ico a.instagram:hover,
.footer .soc-ico a.instagram:hover:before,
.footer .soc-ico a.instagram:hover:after {
    background: var(--reiki-sage) !important;
    border-color: var(--reiki-sage) !important;
}
.footer .soc-ico a:hover .soc-font-icon {
    color: var(--reiki-ivory) !important;
}

/* 09 - HOVER */
/* Il colore hover dei link e dei pulsanti è definito nelle rispettive sezioni. */
#page .icon-with-text-shortcode.layout-5:hover .dt-text-title > a.anchor-link {
    color: var(--reiki-sage) !important;
}

/* Home: titoli delle card news pastello a riposo, oro al passaggio del mouse. */
#page article.post .post-entry-content .entry-title > a {
    color: var(--reiki-sage) !important;
    transition: color 180ms ease;
}
#page article.post .post-entry-content .entry-title > a:hover {
    color: var(--reiki-gold) !important;
}

/* Home: sostituisce Read more e anima la sottolineatura del link. */
#page article.post .post-entry-content a.post-details {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    line-height: 1.2;
    font-size: 0;
    background-image: linear-gradient(var(--reiki-sage), var(--reiki-sage));
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 0 2px;
    transition: background-size 220ms ease, color 180ms ease;
}
#page article.post .post-entry-content a.post-details:before {
    content: "Leggi tutto";
    color: var(--reiki-sage);
    font-size: 14px;
    line-height: 1.2;
}
#page article.post .post-entry-content a.post-details i {
    display: inline-block !important;
    float: none !important;
    position: static !important;
    order: -1;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: var(--reiki-sage) !important;
}
#page article.post .post-entry-content a.post-details:hover {
    color: var(--reiki-gold) !important;
    background-image: linear-gradient(var(--reiki-gold), var(--reiki-gold));
    background-size: 100% 2px;
    border-bottom-color: var(--reiki-gold) !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
#page article.post .post-entry-content a.post-details:hover:before {
    color: var(--reiki-gold);
}
#page article.post .post-entry-content a.post-details:hover:after {
    background: var(--reiki-gold) !important;
    border-color: var(--reiki-gold) !important;
    box-shadow: none !important;
    text-decoration-color: var(--reiki-gold) !important;
}

/* 10 - OVERRIDE VECCHIO #2BB3D5 */
#default-btn-09ef7f536b6033a1e5a4477269479833:not(:hover) {
    border-width: 3px;
    border-color: var(--reiki-gold) !important;
    color: var(--reiki-gold);
    background: none !important;
    padding: 18px 10px;
}
.standard-number-list li:before,
.standard-arrow li:before,
.standard-arrow.bullet-top li:before {
    color: var(--reiki-gold) !important;
}

/* ==========================================================
   11 - REGOLE IMPORTATE DAL CSS DEL PLUGIN
   Fonte: CSS personalizzato del plugin fornito dal cliente.
   Le regole di colore sono state ricondotte alla palette Reiki.
   Verificare sul sito le regole marcate prima di rimuoverle.
   ========================================================== */

/* Eventi: mostra solo le prime 4 card.
   Alternativa originale: sostituire n+5 con n+9 per mostrarne 8. */
.ebm-events-grid > *:nth-child(n+5) {
    display: none;
}

/* Plugin Google reCAPTCHA v3: regola importata, verificare che il badge
   possa essere nascosto secondo la configurazione e gli obblighi del sito. */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* Header interno: limita la larghezza di titolo, sottotitolo e breadcrumb. */
#fancy-header .breadcrumbs.start-animation,
#fancy-header .fancy-subtitle.start-animation,
#fancy-header .fancy-title.start-animation {
    max-width: 800px;
}

/* Eventi: massimo 4 colonne su schermi larghi (regola originale da verificare
   rispetto al layout responsive del plugin). */
@media (min-width: 1500px) {
    .ebm-events-grid { grid-template-columns: repeat(4, 1fr); }
}

/* News: nasconde autore e navigazione nella pagina del singolo articolo. */
.entry-author,
.post-navigation,
a.author.vcard {
    display: none;
}

/* Eventi: nasconde pulsante e nome del professionista nelle card. */
.ebm-card-footer,
.ebm-card-professional {
    display: none;
}

/* News: nasconde il filtro della griglia. */
div.css-grid-filter.filter-bg-decoration.filter {
    display: none;
}

/* Dettaglio evento: spaziatura e tipografia del contenuto. */
article.ebm-single-event .entry-content { line-height: 1.7; }
article.ebm-single-event .entry-content p {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}
article.ebm-single-event .entry-content h2 {
    display: block;
    color: var(--reiki-green-hover) !important;
    margin-top: 45px;
    margin-bottom: 0 !important;
    line-height: 1.25;
}
article.ebm-single-event .entry-content > h2:first-child {
    margin-top: 0 !important;
}
article.ebm-single-event .entry-content .sottotitolo-evento {
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.45;
    color: var(--reiki-green-hover);
    margin: 0 0 40px !important;
}
article.ebm-single-event .entry-content .periodo-evento {
    display: inline-block;
    background: var(--reiki-green);
    color: var(--reiki-ivory);
    padding: 10px 18px;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0 0 40px !important;
}
body.single-event article.ebm-single-event .entry-content h3 {
    display: block;
    margin-top: 32px !important;
    margin-bottom: 14px !important;
    color: #beae47 !important;
}

/* Dettaglio evento: mantieni elenchi puntati e numerati leggibili. */
article.ebm-single-event .entry-content ul,
article.ebm-single-event .entry-content ol {
    display: block !important;
    margin-top: 10px !important;
    margin-bottom: 28px !important;
    padding-left: 35px !important;
}
article.ebm-single-event .entry-content ul {
    list-style: disc outside !important;
}
article.ebm-single-event .entry-content ol {
    list-style: decimal outside !important;
}
article.ebm-single-event .entry-content ul > li,
article.ebm-single-event .entry-content ol > li {
    display: list-item !important;
    margin: 0 0 10px !important;
    padding: 0 0 0 5px !important;
}
article.ebm-single-event .entry-content ul > li { list-style: disc outside !important; }
article.ebm-single-event .entry-content ol > li { list-style: decimal outside !important; }
article.ebm-single-event .entry-content ul > li::marker { display: inline !important; }
article.ebm-single-event .entry-content ul > li:last-child,
article.ebm-single-event .entry-content ol > li:last-child { margin-bottom: 0 !important; }
article.ebm-single-event .entry-content strong { font-weight: 700; }

/* Plugin eventi: scheda meta e disponibilità delle date. */
.ebm-event-meta {
    background: #f5f5f5;
    padding: 25px;
    border-radius: 8px;
    border-left: 4px solid var(--reiki-sage) !important;
}
.ebm-next-date.available {
    background: #dcebe1 !important;
    color: #1f6951 !important;
    border: 1px solid #73a685 !important;
}
#page .ebm-event-meta .entry-title {
    margin: 0 0 15px;
    font-size: 28px;
    color: #85b69d !important;
}
.ebm-professional { color: var(--reiki-green-hover) !important; }

/* Specificità maggiore di #page h2: titolo date evento in oro. */
#page .ebm-event-instances-section h2 {
    margin-bottom: 20px;
    font-size: 24px;
    color: var(--reiki-gold) !important;
}
.ebm-instance-time strong { color: var(--reiki-gold) !important; }
.ebm-instance-date .ebm-month {
    font-size: 14px;
    font-weight: 600;
    color: var(--reiki-sage) !important;
    text-transform: uppercase;
    margin-top: 2px;
}
.ebm-instance-date .ebm-day {
    font-size: 32px;
    font-weight: 700;
    color: var(--reiki-sage) !important;
    line-height: 1;
}
.ebm-instance-row.available,
.ebm-instance-row\.available {
    border-left-color: var(--reiki-sage) !important;
}