/*

Theme Name:   Bjorn Child

Theme URI:    https://test.noldor.nl

Description:  Child theme de Bjorn para Noldor Cattery

Author:       Noldor Cattery

Template:     bjorn

Version:      1.9.10

Text Domain:  bjorn-child

*/



/* ── Global background color — #fafaf1 en body, header y nav ── */

body {

  background-color: #fafaf1 !important;

}



/* ── Removes decorative quotes Bjorn injects in HTML blocks ── */

.entry-content .wp-block-html::before,

.entry-content .wp-block-html::after,

article::before,

article::after {

  content: none !important;

  display: none !important;

}



/* ── Page header banner (container-page-item-title) fixes ── */

.container-fluid.container-page-item-title {

  background-size: cover;

  background-position: center center !important;

  background-repeat: no-repeat;

  min-height: 300px;

}



@media (min-width: 1200px) {

  .container-fluid.container-page-item-title {

    min-height: 420px;

  }

}



@media (min-width: 1800px) {

  .container-fluid.container-page-item-title {

    min-height: 550px;

  }

}



@media (max-width: 767px) {

  /* Imagen completa sin recortar laterales en portrait */

  .container-fluid.container-page-item-title {

    background-size: 100% auto !important;

    background-position: top left !important;

    height: 40vw !important;

    min-height: unset !important;

    max-height: 40vw !important;

    padding: 0 !important;

    overflow: hidden !important;

    position: relative !important;

    display: block !important;

  }

  /* El row ocupa todo el contenedor — h1 centrado ENCIMA de la imagen */

  .container-fluid.container-page-item-title .row {

    position: absolute !important;

    top: 0 !important; left: 0 !important;

    right: 0 !important;

    height: 40vw !important;

    margin: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

  }

}



.container-fluid.container-page-item-title.with-bg .col-md-12 {

  background: transparent !important;

}



.container-fluid.container-page-item-title.with-bg .page-item-title-single h1 {

  color: #2c2c2a !important;

  text-shadow: 0 1px 6px rgba(255,255,255,0.8), 0 0 20px rgba(255,255,255,0.5) !important;

}




/* ── Footer element — override theme-generated CSS ── */
footer {
  background-color: transparent !important;
}

/* ── Footer background image ── */

.container-fluid.container-fluid-footer {

  background-color: transparent !important;

  background-image: url(https://test.noldor.nl/wp-content/uploads/2026/05/footerversionfinal.webp) !important;

  background-size: 100% auto !important;

  background-position: center top !important;

  background-repeat: no-repeat !important;

  min-height: 0 !important;

  padding-top: 15.625% !important; /* mantiene proporción 1920×300 */

  padding-bottom: 0 !important;

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-top: 0 !important;

  position: relative !important;

}

.container-fluid.container-fluid-footer > .row {

  position: absolute !important;

  top: 0 !important;

  left: 0 !important;

  right: 0 !important;

  bottom: 0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin: 0 !important;

}



/* Móvil: imagen visible con su proporción, contenido debajo */

@media (max-width: 767px) {

  html body .container-fluid.container-fluid-footer {

    background-color: transparent !important;

  }

  .container-fluid.container-fluid-footer > .row {

    position: static !important;

    display: block !important;

  }

}



/* ── Header y nav — mismo color de fondo que body/footer ── */

header,

.mainmenu-belowheader,

.st-pusher,

.st-sidebar-pusher {

  background-color: #fafaf1 !important;

}



/* ── Previous Kittens — nav background ── */

.nl-nav {

  background-color: #fafaf1 !important;

}



/* ── Search block button — neutralizar el azul WP por defecto ── */

.wp-block-search__button,

.wp-element-button {

  background-color: #888 !important;

  border-color: #888 !important;

  color: #fff !important;

}

.wp-block-search__button:hover,

.wp-element-button:hover {

  background-color: #666 !important;

  border-color: #666 !important;

}


/* ── Footer element — override theme-generated CSS ── */
footer {
  background-color: transparent !important;
}

/* ── Cool Timeline Block — fixes ── */
/* 1. Línea vertical: restaurar opacidad completa */
.cool-vertical-timeline-body.ctlb-wrapper::before {
  opacity: 1;
}
/* 2. Punto (dot): blanco sobre la línea dorada para que sea visible */
.cool-vertical-timeline-body.ctlb-wrapper .timeline-content.icon-false .timeline-block-icon svg {
  fill: #ffffff !important;
  filter: drop-shadow(0 0 2px #67630e);
}