/* Theme Name: CN Gallineras */
/* Theme URI: https://cngallineras.es */
/* Author: Advanz Informática */
/* Author URI: http://www.advanz.es */
/* Description: Tema basado en bootstrap 5.3.2 */
/* Version: 1.0 */
/* License: GNU General Public License v2 or later */
/* License URI: http://www.gnu.org/licenses/gpl-2.0.html */
/* Text Domain: cngalllineras-theme */

@import "https://fonts.googleapis.com/css2?family=Cherry+Swash:wght@400;700&family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&family=Lobster&display=swap&family=Open+Sans:ital,wght@0,400;0,700;1,400&family=Roboto+Mono&display=swap";
@import url('https://fonts.googleapis.com/css?family=Special+Elite');

:root {
    --bs-primary: #3e81b2;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;

    --bs-maincontainer-bg: #f8f9facc;

    --bs-body-font-size: 0.85rem;

    --gallineras-sans: open sans, sans-serif;
    --gallineras-serif: cherry swash, serif;
    --gallineras-headers: lobster, cursive;
    --bs-dropdown-link-hover-bg: var(--bs-primary-bg);
}

h1,h2,h3,h4,h5 {
    font-family: var(--gallineras-headers);
}

html, body {
    width: 100%;
    overflow-x: hidden;
}

body {
    font-family: var(--gallineras-sans);
    color: var(--bs-dark);
    /* background-image:   linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(img/fondo.webp); */
    background-image:  url(css/gn_body_background.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 100vh;
}

body > main.home {
    background: transparent !important;
}

strong {
    font-family: var(--gallineras-serif);
}
.navbar {
    background-color: #3e82b3;
    box-shadow: 0px 1px 15px #000000;
}

.navbar-brand {
    color: var(--bs-light) !important;
    width: 60%;

    img {
        width: 230px;

        @media (min-width: 576px) {
            width: auto;
        }
    }
}

.navbar-nav .nav-link {
    color: var(--bs-light) !important;
    padding: 3px 8px;
    border-bottom: 3px solid transparent ;
    font-family: var(--gallineras-serif);
}

.navbar-nav .nav-link:hover {
    color: var(--bs-dark) !important;
    background: var(--bs-light);
    border-bottom: 3px solid navy;
}

.navbar-nav .nav-item + .nav-item {
    border-left: 1px solid var(--bs-light);
}

ul.dropdown-menu {
    padding: 0;
    border-radius: 0;

    a {
        font-family: var(--gallineras-serif);
    }
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--bs-light);
    background-color: var(--bs-primary);
}

.card {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    &:hover {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)
    }

    h3.card-title {
        font-family: var(--gallineras-serif);
    }
}

main.home .row .col {
  min-width: 200px;
  max-width: 300px;
  flex: 1 1 auto;
}

main > .row > .col:first-child {
    --bs-bg-opacity: .9;
}

.content img {
    max-width: 100%;
}

blockquote {
  font-family: 'Special Elite', cursive;
  font-weight: 100;
  font-size: 1rem;
  line-height: 1.4;
  position: relative;
  margin: 0;
}


blockquote:before,
blockquote:after {
    position: absolute;
    color: grey;
    font-size: 6rem;
    width: 4rem;
    height: 4rem;
    opacity: .3;
}

blockquote:before {
    content: '“';
    left: -3rem;
    top: -2rem;
}

blockquote:after {
    content: '”';
    right: -1rem;
    bottom: -2rem;
}

figcaption {
    font-family: 'Special Elite', cursive;
    line-height: 5;
    text-align: right;
}
aside {
    h2 {
        font-family: var(--gallineras-serif);
        font-size: 1.2em;
    }

    .widget.widget_block {
        padding: 2em;
        background-color: var(--bs-light);
        border-radius: 4px;
        margin: 0 1em 1em;
    }

    ul {
        list-style: none;
    }

    .widget.widget_block.quote {
        position: relative;
    }
    .widget.widget_block.quote figure {
        position: relative;
    }

    .widget.widget_block.quote:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.4;
        background-color: transparent;
        background-position: 5% bottom;
        background-image:  url(css/rosa.png);
        background-size: 35%;
        background-repeat: no-repeat;
        border-radius: 4px;
    }





    li.cat-item.cat-item-1 {
       display: none;
    }
}

.news {
    .card {

        box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);

        &:hover {
            box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
        }

        img.card-img-left {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
        .card-title {
            a {
                text-decoration: none;
                color: var(--bs-dark);
            }
        }
        .card-content {
            display: flex;
            flex-direction: column;
            height: 100%;
        }
        .card-body {
            flex-grow: 1;
        }
    }
}

.list-group .fw-bold, th {
    font-family: var(--gallineras-serif);
}

.prefooter {
    h4 {
        color: #000;
        text-shadow: 1px 1px 1px white;
    }
}

footer {

    background:
        linear-gradient(#00000040,#00000020),
        url('css/gn_footer_background.jpg')
    ;
    background-size: 150px;
    box-shadow: 0px -3px 2px #000000;

    ul li {
        display: block;
    }
    a {
        color: var(--bs-light);
        text-decoration: none;
    }
    a:hover {
        color: var(--bs-light);
        text-decoration: underline;
    }

}

#video_background {
    position: fixed;
    bottom: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
}

.grain-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -999;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity="0.5"/></svg>');
    /*background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><pattern id="halftone" patternUnits="userSpaceOnUse" width="20" height="20"><circle cx="10" cy="10" r="5" fill="black" /></pattern><rect width="100%" height="100%" fill="url(%23halftone)" opacity="0.5"/></svg>');*/
    opacity: .7; /* Ajusta la opacidad del granulado */
    pointer-events: none; /* Evita que el overlay interfiera con interacciones */
}

.nf-error.listimage-wrap .nf-field-element ul, .nf-error .ninja-forms-field {
    border-color: var(--bs-danger) !important;

}
.nf-error-msg {
    color: var(--bs-danger) !important;
}