@charset "utf-8";
/* CSS Document */

/* FORM HONEY POT */

    .user-cannot-see {
        display:none
    }

/* FORM HONEY POT */


/* FONTS */

    @font-face {
        font-family: 'Fuente';
        src: URL('..//fonts/Esphimere Light.otf') format('truetype');
    }

    @font-face {
        font-family: 'Fuente-Bold';
        src: URL('..//fonts/Esphimere.otf') format('truetype');
    }

    @font-face {
        font-family: 'Fuente-Italic';
        src: URL('..//fonts/Esphimere Light Italic.otf') format('truetype');
        font-weight: normal;
        font-style: italic;
    }

    @font-face {
        font-family: 'Smile';
        src: URL('..//fonts/Foodlist-Regular.ttf') format('truetype');
    }

/* FONTS */


/* GLOBALS */

    html {
        margin: 0px;
    }

    body {
        margin: 0px;
    }

    p {
        line-height: 1.5;
        font-size: 16px;
    }

    * {
        font-family:"Fuente",'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

/* GLOBALS */


/* MAIN STRUCTURE */

    .header-container-image {
        /*margin-top: 100px;*/
        background-image: url('../images/foto_madrid.png');
    }

    .menu-logo-small {
        display:none;
        height: fit-content;
    }

    .header-container {
        /*margin-top: 100px;*/
        background-color: transparent;
    }

    .title-container {
        padding: 200px 40px 100px 40px;
    }

    .title-white {
        font-size: 2.5em;
        margin-top: 0px;
        vertical-align: middle;
        text-align: center;
        color: lightgrey;
    }

    .title-dark {
        font-size: 2em;
        margin-top: 0px;
        vertical-align: middle;
        text-align: center;
        color: rgb(157, 126, 94);
        border-bottom: solid 2px rgb(157, 126, 94);
    }
    
    .p-white {
        font-size: 1.4em;
        color: lightgrey;
        text-align: center;
    }

    .p-dark {
        font-size: 1.4em;
        color: lightgrey;
        text-align: center;
        color: black;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .imageContainer {
        padding-top: 20px;
    }

    .odd-text-container {
        padding: 60px 40px;
        background-color: rgb(226, 226, 226);
    }

    .even-text-container {
        padding: 60px 40px;
        background-color: white;
    }

    .bloque {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        justify-content: space-between;
        justify-content: space-evenly;
        width: 90%;
        margin: auto;
        margin-bottom: 60px;
    }
    
    .item {
        float: left;
        width: 26%;
        min-width: 240px;
        margin: 10px 0px;
        padding: 10px 3%;
        /*box-shadow: 10px 10px 8px #888888;*/
        /*border: solid 1px;*/
        color: lightgray;
        border-radius: 15px;
        background-color: rgb(81, 77, 73);
    }

    .read-more-index {
        width: 100%;
        background-color: rgb(157, 126, 94);
        color: lightgrey;
        font-size: 1.2rem;
        text-align: center;
        margin: 0px;
    }

/* MAIN STRUCTURE */


/* PRICES STRUCTURE */

    .price-header {
        font-size: 1.4rem;
        border-bottom: 1px solid rgb(74, 59, 43);
    }

    .price {
        font-size: 1.4rem;
        padding: 6px;
        background-color: rgb(81, 77, 73);
        color: lightgrey;
        width: 50%;
        margin: auto;
    }

/* PRICES STRUCTURE */


/* SERVICES STRUCTURE */

    .services-table {
        display: grid;
        grid-template-columns: 33.3% 33.3% 33.3%;
        row-gap: 20px;
        margin: auto;
        padding-bottom: 3%;
    }

    .services-cell {
        align-self: end;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .contact-cell {
        align-self: end;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

/* SERVICES STRUCTURE */


 /* BLOGS STRUCTURE */

    .blog-container {
        padding-top: 5%;
        width: 100%;
        margin: auto;
        padding-bottom: 5%;
    }

    .blog-container-side {
        float: left;
        width: 42%;
        margin-left: 4%;
        margin-right: 4%;
        margin-bottom: 5%;
        background-color: rgba(211, 211, 211, 0.5);
        padding: 0px;
    }

    .image-blog {
        width: 100%;
        margin: 0px;
    }

    .blog-container-text {
        padding: 5%;
    }

    .read-more {
        width: 100%;
        background-color: rgb(157, 126, 94);
        color: lightgrey;
        font-size: 1.6rem;
        text-align: center;
        margin: 0px;
    }

    .blog-page-container {
        padding: 3% 5%;
    }

/* BLOGS STRUCTURE */


 /* CONTACT STRUCTURE */

    .brown {
        width: fit-content;
        background-color: rgb(157, 126, 94);
        padding: 10px;
    }

    .brown-contact {
        margin: auto;
        background-color: rgb(157, 126, 94);
        padding: 10px;
    }

    .contact-table {
        border: none;
        width: 80%;
        margin: auto;
    }

/* CONTACT STRUCTURE */


/* FOOTER STRUCTURE */

    .footer-container {
        display: inline-block;
        margin-top: 0px;
        padding: 5% 0% 2% 0%;
        background-image: url('../images/foto_bernabeu.png');
        margin-bottom: -10px;
    }

    .footer-left {
        float:left;
        width: 28%;
        margin: 2%;
    }

    .footer-center {
        float:left;
        margin: 2%;
        width: 32%;
    }

    .footer-right {
        float:right;
        width: 28%;
        margin: 2%;
    }

    .footer-table {
        width: 100%;
        color: lightgray;
    }

    .td-transparent {
        background-color: transparent;
        border: none;
        width: auto;
        padding: 10px;
        text-align: center;
        width: 30%;
    }

/* FOOTER STRUCTURE */


/* FORM */

    .form-div {
        width: 100%;
        text-align: center;
        padding: 0px;
        margin: auto;
    }

    .form-label {
        width: 80%;
        margin: auto;
    }

    .form-item {
        width: 90%;

        height: 40px;
        background-color: white;
        border-bottom: rgb(81, 77, 73);
        font-size: 1.2rem;
        margin-top: 2%;
        margin-bottom: 2%;
        border: none;
        padding: 0px;

    }

    .form-item-send {
        width: 100%;
        height: 40px;
        background-color: white;
        border-bottom: rgb(81, 77, 73);
        font-size: 1.2rem;
        margin-top: 2%;
        margin-bottom: 2%;
        border: none;
        background-color: rgb(157, 126, 94);
        color: lightgrey;
    }

    #message {
        height: 200px;
    }

/* FORM */


/* LAST */

    .text-align-left {
        text-align: left;
    }

    .text-align-right {
        text-align: right;
    }

    .text-align-center {
        text-align: center;
    }

/* LAST */


/* MEDIA QWERY 799 */

@media (max-width: 779px) {

    /* GLOBALS 799px*/

        p {
            font-size: 1.4rem;
        }
    
     /* GLOBALS 799px*/


     /* MAIN STRUCTURE */

        .menu-logo-small {
            display: block;
            margin-bottom: 0px;
            padding: 5%;
            background-color: rgb(169, 135, 100);
            -webkit-backdrop-filter: blur(10px);
            /* Add this line first, it fixes blur for Safari*/
            backdrop-filter: blur(10px);
            /* This line activates blur*/
        }

        .image-logo-small {
            width: 70%; 
            margin: 0px;
            padding: 0px;
        }

        .even-text-container {
            padding: 60px 10px;
        }

        .odd-text-container {
            padding: 60px 10px;
        }

        .title-container {
            padding: 20px 20px 20px 20px;
        }

        .bloque {

            width: 100%;
            margin: auto;
        }

        .item {
            width: 100%;
            padding: 2%;
            margin: auto;
            margin-bottom: 5%;
            padding-left: 6%;
            padding-right: 6%;
        }
    
     /* MAIN STRUCTURE */


     /* SERVICES STRUCTURE */

        .services-table {
            grid-template-columns: 100%;
            margin: auto;
        }

        .services-cell {
            background-color: rgba(157, 126, 94, 0.5);
            width: 80%;
            margin: auto;
            padding: 0px 2% 2% 2%;
        }

        .contact-cell {
            width: 80%;
            margin: auto;
            padding: 0px 2% 2% 2%;
        }

     /* SERVICES STRUCTURE */


    /* BLOGS STRUCTURE */

        .blog-container {
            width: 90%;
        }
    
        .blog-container-side {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
    
        .image-blog-inside {
            width: 100%;
        }

     /* BLOGS STRUCTURE */


    /* FOOTER STRUCTURE */

        .footer-left {
            width: 100%;
            margin: auto;
            padding-top: 50px;
            padding-bottom: 50px;
            margin-bottom: 0px;
        }
    
        .footer-center {
            width: 90%;
            padding: 5%;
            margin-left: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
        }
    
        .footer-right {
            width: 100%;
            margin: auto;
            padding-top: 50px;
            padding-bottom: 50px;
            margin-bottom: 0px;
        }
    
        .footer-container {
            background-image: url('../images/foto_bernabeu_v.png');
            margin-bottom: -15px;
        }
    
        .footer-table {
            width: 80%;
            color: lightgray;
        }

    /* FOOTER STRUCTURE */

}

/* MEDIA QWERY 799 */

@media (min-width: 1800px) {
  
    /* TEXT */
  
    p {
      /*font-size: 1.3rem;*/
    }
  
  /* TEXT */
  
}