* {margin: 0; padding: 0; box-sizing: border-box; outline: none;}

header {height: 92px;}
body {font-family: 'Open Sans', serif; font-size: 12pt; line-height: 11pt; background: #FDFDFD; color: #555;}
img {display: block; width: 100%;}
img {opacity: 1;}
p {margin-bottom: 1em; line-height: 1.4em;}
a {text-decoration: none; color: #FFF;}
h1 {margin: 0 0 1.4em 0; font-size: 2.6em; line-height: 1.2em;}
h2 {margin: 0 0 1.2em 0; font-size: 2.4em; line-height: 1.2em;}
h3 {margin: 0 0 1em 0; font-size: 2em; line-height: 1.2em;}
h1, h2, h3 {color: #427222; text-align: center;}

button {border: none;}
ul {list-style-type: none;}
#wrapper {padding: 0 2%;}
#inner-wrapper {max-width: 1200px; margin: 0 auto; padding: 50px 0}
section {margin: 0 auto; padding: 50px 0;}

#navigation {position: fixed; width: 100%; padding: 0 2%; background: #000; z-index: 10;}
#navigation > div {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; max-width: 1200px; width: 100%; margin: 0 auto; padding: 26px 0;}
#logo {display: inline-block;}
#logo img {max-width: 230px; width: 100%;}

#menu {display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1000px; width: calc(100% - 320px);}
#menu li {max-height: 20px; padding: 20px 0;}
#menu a {display: block; text-transform: uppercase;}
#menu a:hover, #menu a.current {color: #008000;}




/* footer */
footer {padding: 80px 2%; background: #333; color:#FFF;}
#footer-container {display: flex; gap: 50px; max-width: 1200px; width: 100%; margin: 0 auto; padding: 0;}
.item-footer {width: 33%;}
.title-footer {display: block; margin-bottom: 30px; padding: 0 0 10px 0; text-align: center; border-bottom: solid 1px #427222; font-size: 14pt;}
address {margin-bottom: 1em; line-height: 1.2em;}
#u-c li a:hover {color: #008000;}


#cookies {position: fixed; bottom: 0; width: 100%; margin: 0 auto; padding: 40px 3%; text-align: center; color: #555; background: #F2F2F2;}
#cookies span {display: block; margin-bottom: 1.2em; line-height: 1.4em;}
#cookies a {color: #008000;}
#close-cookie {display: inline-block; padding-left: 5px; cursor: pointer; color: #A01323;}



@media all and (max-width: 1024px) {}
@media all and (max-width: 992px) {

    #footer-container {flex-direction: column; gap: 50px;}
    .item-footer {max-width: 460px; width: 100%; margin: 0 auto; text-align: center;}
    .title-footer {max-width: 400px; width: 80%; margin: 0 auto 40px auto;}

    #menu.up {display: none;}
    #menu.down {display: block; width: 100%; padding-top: 30px;}
    #menu.down li {text-align: center; padding: 30px 0;}
    #navigation span.toggle-nav {display: block;}

    #navigation span.toggle-nav {display: block; margin-right: 20px;}
    #navigation span.toggle-nav-btn {display: block; width: 2.2em; height: auto; border: solid 2px #427222; border-radius: 3px; cursor: pointer;} 
    span .s-line {display: block; width: 1.5em; height: 1px; margin: 6px auto; background: #427222;} 

}
@media all and (max-width: 768px) {
   
}
@media all and (max-width: 576px) {}h1 {text-align: center; font-size: 2.6em;}
h2 {font-size: 2.6em; text-align: center;}

header {height: auto;}
#background-container {height: 950px; background: url("/images/home/lagos-covadonga.jpg") no-repeat; background-size: cover; background-position: center;}
#bgs {height: 100%; background: black no-repeat; background-size: cover; background-position: center;}
#inner-wrapper {padding: 100px 2% 50px 2%;}
section#queso-gamoneu {max-width: 900px;}
section#queso-gamoneu img {height: auto;}

#show-menus {display: block; margin: 0 auto; padding: 0; text-align: center;}
div.item-menu {display: block; margin-bottom: 20px; padding: 50px 20px; background: #f4f4f4;}
div.item-menu.actives {padding: 30px 0; background: #f4f4f4;}
div.item-menu h2 {margin-bottom: 0.6em;}
div.item-menu h2 span {cursor: pointer;}


div.item-menu-contents {max-height: 0; overflow: hidden;}
div.item-menu-content.hidden {max-height: 0; overflow: hidden;}
span.fecha-menu {display: block; margin-bottom: 1em; text-align: center;}
div.seccion {margin-bottom: 2em;}
p.nomSeccion {margin-bottom: 0.5em; font-size: 1.4em;}
div.seccion li span {font-size: 2em; line-height: 1.1em; color: #427222;}
p.pie-menu {display: block; font-size: 1.2em;}


#widgets-container {display: grid; grid-template-columns: auto auto auto; grid-gap: 20px;}
#widgets-container {grid-template-columns: repeat(12, 1fr);}
#widgets-container .item-widget {display: block; position: relative; display: block; opacity: 1; transition: all 0.4s ease;}
#widgets-container .item-widget:hover {opacity: 0.6;}
#widgets-container span {position: absolute; bottom: 30%; display: block; width: 100%; text-align: center; font-size: 1.6em; transition: all 0.6s ease;} 
#widgets-container a {display: block; height: 100%;}
.item-widget {border-radius: 3px; grid-column: span 4; height: 300px;}
.item-widget.double {grid-column: span 6; max-height: 300px; overflow: hidden;}
.item-widget img {object-fit: cover; display: none;}
#wwwwidgets-container a:hover span {bottom: 30%; font-size: 1.6em; transition: all 0.6s ease;}
#widgets-container a:hover span {font-size: 1.8em;}

#item-1 {background: url("/images/home/widgets/nuestros-palos-sidra.jpg");}
#item-2 {background: url("/images/home/widgets/carta-restaurante-gamoneu.jpg");}
#item-3 {background: url("/images/home/widgets/galeria-fotos.jpg");}
#item-4 {background: url("/images/home/widgets/especialidades-de-la-tierra-carne-magüeta.jpg");}
#item-5 {background: url("/images/home/widgets/especialidades-de-la-mar-oricios.jpg");}
#item-1, #item-2, #item-3, #item-4, #item-5 {background-size: cover; background-position: center;}


@media all and (max-width: 1024px) {}
@media all and (max-width: 992px) {
    #background-container {height: 950px; background: url("/images/home/lagos-covadonga-m.jpg") no-repeat; background-size: cover; background-position: center;}
    #inner-wrapper {padding-top: 50px;}
}
@media all and (max-width: 768px) {
    #widgets-container .item-widget {grid-column: span 12;}
    #background-container {height: 950px; background: url("/images/home/lagos-covadonga-s.jpg") no-repeat; background-size: cover; background-position: center;}
}
@media all and (max-width: 576px) {
    #background-container {height: 950px; background: url("/images/home/lagos-covadonga-xs.jpg") no-repeat; background-size: cover; background-position: center;}
}