/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

@import url("https://use.typekit.net/qof5mjb.css");
@font-face {
	font-family: 'icomoon';
	src:url('./icomoon.eot?8pq1w');
	src:url('./icomoon.eot?#iefix8pq1w') format('embedded-opentype'),
		url('./icomoon.woff?8pq1w') format('woff'),
		url('./icomoon.ttf?8pq1w') format('truetype'),
		url('./icomoon.svg?8pq1w#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

:root{
    --color-negret: #525252;
    --color-principal: #5b2636;
    --color-blanco: #fff;
    --color-gris-claro: #fbfbfb;
    --back-gris-claro: #cbcbcb;

    --letra-principal: "titling-gothic-fb", sans-serif;
    --letra-secundaria: "Open Sans", sans-serif;

    --line-height-general: 1.3em;
    --tam-letra-titulo1: 25px;
    /*--tam-letra-general:;*/
    --tam-letra-btn: 15px;
}


/* Margenes entre bloques i otros elementos */

.fullwidth-box{
    margin-bottom: 80px;
}

.no-mar-bottom{
    margin-bottom: 0 !important;
}

.clearfix{
    clear: both;
}

html, h1, h2, h3, h4, h5, h6, h2 span{
    font-family: var(--letra-principal) !important;
}

p, a, li, span{
    font-family: var(--letra-secundaria);
    line-height: var(--line-height-general);
}

.clear{ width: 100%; display: block;}

/* Texto destacado */

.texto-destacado{
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    color: var(--color-negret);
    font-size: 25px;
    margin-bottom: 45px;
    text-align: center;
}

.texto-destacado p{
    font-family: var(--letra-principal);
}


/* Botones */

.fusion-button,
input[type="submit"]{
    border-radius: 25px !important;
    background-color: var(--color-principal) !important;
    border: 2px solid var(--color-principal) !important;
    background-image: none !important;
    text-transform: uppercase !important;
    font-size: var(--tam-letra-btn) !important;
    font-weight: 400 !important;
    color: var(--color-blanco) !important;
    transition: 0.6s !important;
    min-width: 240px !important;
    padding: 10px;
}

.fusion-button:hover,
input[type="submit"]:hover{
    background-color: #fbfbfb !important;
    color: var(--color-principal) !important;
}

.fusion-button:before,
.fusion-button:after{
    display: none;
}

.fusion-button span{
    color: var(--color-blanco) !important;
    transition: 0.6s;
}

.fusion-button:hover span{
    color: var(--color-principal) !important;
}


.boton-volver{
    display: block;
    width: 100%;
    padding: 0 30px;
    margin-top: 50px;
    text-align: center;
}


/* HEADER */

.menu-toggle{
    display: none;
}

.contenedor-logo-menu{
    margin-bottom: 50px;
}

.single-post .contenedor-logo-menu{
    margin-bottom: 0;
}

.contenedor-logo-menu .site-branding{
}

.contenedor-logo-menu .site-branding .logo-subtitulo{
}
/*
.contenedor-logo-menu .site-branding .logo-subtitulo a{
    display: block;
    max-width: 290px;
    margin: 0 auto;
}
*/
.contenedor-logo-menu .site-branding .logo-subtitulo .subtitulo{
    margin-bottom: 0;
    max-width: 220px;
    display: table;
    margin: 0 auto;
    line-height: 1.2 !important;
    font-weight: 100;
    color: var(--color-blanco);
}


.contenedor-logo-menu nav{
    background-color: var(--color-blanco);
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(82, 82, 82, 0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(200, 224, 254, 1);
    box-shadow: 0px 10px 20px 0px rgba(82, 82, 82, 0.3);
}

.contenedor-logo-menu nav ul{
    display: table;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}

.contenedor-logo-menu nav ul > li{
    border-right: 1px solid var(--back-gris-claro);
    display: inline-block;
}

.contenedor-logo-menu nav ul > li:last-child{
    border-right: 0;
}

.contenedor-logo-menu nav ul > li a{
    color: var(--back-gris-claro);
    display: block;
    font-family: var(--letra-principal) !important;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 10px;
    position: relative;
    transition: 0.6s;
    text-transform: uppercase;
}

.contenedor-logo-menu nav ul > li a:before{
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background-color: var(--color-principal);
    bottom: 0;
    right: 50%;
    transform: translate(50%, 0);
    transition: 0.6s;
}

.contenedor-logo-menu nav ul > li a:hover,
.contenedor-logo-menu nav ul > li.current_page_item a{
    color: var(--color-negret);
}

.contenedor-logo-menu nav ul > li a:hover:before,
.contenedor-logo-menu nav ul > li.current_page_item a:hover:before{
    width: calc(100% - 20px);
}

.intermedio-wrap{
    position: relative;
}

.boton-header{
    position: absolute;
    top: 280px;
    right: 14%;
}

.button-blk{
    background-color: #000 !important;
    border: 2px solid #000 !important;
}

.button-blk:hover{
    background-color: transparent !important;
    color: #000 !important;
}


@media (max-width: 750px){
    .boton-header{
        width: 100%;
        text-align: center;
        top: 180px;
        right: unset;
    }
	/*
    .contenedor-logo-menu .site-branding{
        height: 228px;
    }

    .contenedor-logo-menu .site-branding .logo-subtitulo a{
        max-width: 200px;
    }*/

    .contenedor-logo-menu .site-branding .logo-subtitulo{
        bottom: 74px;
    }

    .contenedor-logo-menu{
        margin-bottom: 40px;
    }


}


/* COUNTDOWN */

#countdown{
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin: 0 auto 60px;
    max-width: 720px;
    text-align: center;
}

.countdown-daci{
    font-size: 36px;
}

@media (min-width: 960px){
    #countdown{
        font-size: 24px;
    }

    .countdown-daci{
        font-size: 48px;
    }
}

/* Mapa */
.page-template-page-mapa #main .fusion-row{
    max-width: 1400px;
}

.place-map-list{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    gap: 20px;
}

.place-map,
.place-list{
    flex: 100%;
    overflow: auto;
}

.place-map{
    order: 0;
}

.place-list{
    order: 1;
}

@media (min-width: 960px){
    .place-map{
        flex: 1 0 70%;
        order: 1;
    }

    .place-list{
        flex: 1 0 20%;
        order: 0;
    }
}

.place-item{
    border-bottom: 1px dashed var(--back-gris-claro);
}

.place-name{
    font-weight: 400;
    margin: 10px 0;
}

.place-link{
    color: #525252;
}

.place-info{
    font-size: 14px;
    margin: 10px 0;
}

#map_canvas{
    padding-top: 100%;
}

.geolocation-button{
    flex: 100%;
}

@media (min-width: 720px){
    #map_canvas{
        padding-top: 56.25%;
    }
    .geolocation-button{
        flex: 0 0 auto;
    }
}

.infowindow-image a,
.infowindow-image img{
    display: block;
    margin: 0 auto;
    max-width: 75%;
}

/* Formulario */

.bloque-form h2{
    border-bottom: 1px solid #ccc;
    font-size: 24px !important;
    font-family: var(--letra-principal) !important;
    font-weight: 400 !important;
    padding-bottom: 8px;
    margin-bottom: 40px;
}

.bloque-form h2 span{
    font-weight: 700 !important;
}

.bloque-form .bloque-form-interno{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.bloque-form .bloque-form-interno .contenido{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    width: 100%;
    max-width: 660px;
}

.bloque-form .bloque-form-interno .contenido .col{
    width: 100%;
    max-width: calc((100% / 2) - 10px);
}

.bloque-form .bloque-form-interno .col-1{
    margin-right: 20px;
}


.bloque-form p{
    width: 100%;
    max-width: 100%;
    position: relative;
}

form .enviar{
    text-align: center;
    margin: 40px 0 10px;
}

form input,
form select,
form textarea{
    border: 1px solid #909093 !important;
    border-radius: 0 !important;
}

::placeholder{
    color: var(--back-gris-claro) !important;
}

form .select-arrow{
    border: none !important;
    color: var(--color-principal) !important;
    font-size: 20px !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]{
    -moz-appearance: textfield;
}

.bloque-form p span.aclaracion{
    display: block;
    font-size: 12px;
    margin-top: 8px;
}

.bloque-form p span.subir-img{
    display: inline-block;
    width: 100%;
    max-width: 120px;
    margin-right: 14px;
    vertical-align: top;
}

.bloque-form p span.aclaracion-foto{
    display: inline-block;
    width: 50%;
    margin: 20px 0;
    font-size: 12px;
}

.bloque-form p span.simbolo-moneda{
    position: absolute;
    top: 11px;
    right: 20px;
}

.bloque-form p.apunte{
    font-family: var(--letra-principal);
    max-width: 380px;
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 1.5em;
}

form .casillas-aceptacion{
    width: 100%;
    max-width: 660px;
    display: table;
    margin: 0 auto;
    font-size: 15px;
    margin-bottom: 20px;
}

form .casillas-aceptacion label input{
    display: inline-block;
    margin-right: 7px;
    vertical-align: top;
}

form .casillas-aceptacion label > span{
    /*display: inline-block;*/
    width: 100%;
    max-width: calc(100% - 24px);
    vertical-align: top;
}

form .condiciones-ayuda{
    display: table;
    margin: 0 auto;
    font-size: 12px;
}

form .condiciones-ayuda > a{
    display: inline-block;
    margin-right: 20px;
}

form .condiciones-ayuda > a:last-child{
    margin-right: 0;
}

form .condiciones-ayuda > a,
form .casillas-aceptacion a{
    color: var(--color-negret) !important;
    text-decoration: underline;
}


@media (max-width: 620px){

    .bloque-form p span.aclaracion-foto{
        display: block;
        width: 100%;
    }

}


@media (max-width: 420px){
    .bloque-form .bloque-form-interno .contenido .col{
        max-width: 100%;
    }

    .bloque-form .bloque-form-interno .col-1{
        margin-right: 0;
    }

}

input.wpcf7-date{
    /*background: url(img/calendar.png) no-repeat center right;*/
}


/* FILTRO OFERTAS */

#filtro-ofertas{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin-bottom: 50px;
    width: 100%;
}

#filtro-ofertas .wpcf7-form{
    display: flex;
    flex: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media (min-width: 751px){
    #filtro-ofertas .wpcf7-form{
        flex: 1;
    }
}

#filtro-ofertas .select-contenedor{
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
}

#filtro-ofertas .select-contenedor:last-child{
    margin-right: 0;
}

@media (min-width: 421px){
    #filtro-ofertas .select-contenedor{
        max-width: calc((100% / 2) - 20px);
        margin-right: 20px;
    }
}
@media (min-width: 751px){
    #filtro-ofertas .select-contenedor{
        max-width: calc((100% / 4) - 20px);
    }
}

select + .select-arrow{
    height: 48px !important;
    width: 48px !important;
    line-height: 48px !important;
}


.select-div-hidden{
    display: none;
}

.fusion-image-wrapper{
    height: 308px !important;
}

.fusion-blog-layout-grid .fusion-post-wrapper .fusion-image-wrapper img{
    height: 100%;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
}

/* BLOG Archive */

#content{
    /*padding: 0 30px;*/
    padding-bottom: 50px;
}

#content .fusion-post-wrapper,
.loop-ofertas-relacionadas li{
    border: none !important;
    -webkit-box-shadow: 0px 0px 17px -3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 17px -3px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 17px -3px rgba(0, 0, 0, 0.15);
    background-color: var(--color-blanco);
}

.blog #content article .fusion-post-content.post-content{
    margin-bottom: 0 !important;
}

.blog #content article .entry-title,
.loop-ofertas-relacionadas .titulo{
    font-weight: 100 !important;
    margin-bottom: 20px;
    font-size: 18px;
}

.blog #content article .nombre-establecimiento, .blog #content article .nombre-establecimiento a,
.loop-ofertas-relacionadas .nombre-establecimiento a{
    font-family: var(--letra-principal);
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 18px;
    color: var(--color-negret);
}

.nombre-establecimiento{overflow: hidden; text-overflow: ellipsis;}

.blog .fusion-post-content-container .icono-servicio{
    display: inline-block;
    margin: 20px 10px 0 0;
}

.blog #content article .provincia-localidad a,
.loop-ofertas-relacionadas .provincia-localidad a{
    color: var(--color-negret);
    font-size: var(--tam-letra-btn);
}

@media (max-width: 420px){
    .blog #content{
        padding: 0 10px;
    }
}


.titulo-ofertas-relacionadas,
.loop-ofertas-relacionadas{
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.loop-ofertas-relacionadas{
    margin-bottom: 100px;
    position: relative;
}

.loop-ofertas-relacionadas li{
    display: block;
}

.loop-ofertas-relacionadas .contenido{
    padding: 10px 20px 20px 20px;
}

.loop-ofertas-relacionadas .owl-nav{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
}

.loop-ofertas-relacionadas .owl-nav .owl-prev,
.loop-ofertas-relacionadas .owl-nav .owl-next{
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.loop-ofertas-relacionadas .owl-nav .owl-prev{
    left: -60px;
}

.loop-ofertas-relacionadas .owl-nav .owl-next{
    right: -60px;
    transform: translate(0, -50%) rotate(180deg);
}

.loop-ofertas-relacionadas.owl-carousel .owl-stage-outer{
    padding: 20px 0;
}

@media (max-width: 1180px){

    .loop-ofertas-relacionadas .owl-nav .owl-prev{
        left: 2px;
    }

    .loop-ofertas-relacionadas .owl-nav .owl-next{
        right: 2px;
    }

}

@media (max-width: 880px){

    .loop-ofertas-relacionadas .owl-nav .owl-prev{
        left: 6px;
    }

    .loop-ofertas-relacionadas .owl-nav .owl-next{
        right: 6px;
    }

}

/* SINGLE OFERTAS */

.single nav{ margin-bottom: 0;}


.single-post main{
    padding: 0 !important;
}

.single-oferta{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.single-oferta .col{
    width: 100%;
    max-width: calc(100% / 2);
}

.single-oferta .col-2{
    padding: 60px;
}

.single-oferta .col-2-intena{
    width: 100%;
    max-width: 400px;
}


@media (max-width: 1080px){
    .single-oferta .col-2{
        padding: 40px;
    }
}

@media (max-width: 750px){
    .single-oferta .col{
        max-width: 100%;
    }

    .single-oferta .col-2-intena{
        max-width: 100%;
    }
}


.single-oferta .restaurante-localiza-compartir{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.single-oferta .restaurante-localiza-compartir,
.single-oferta .horario-precio,
.single-oferta .redes-web-telefonos,
.single-oferta .fechas-categoria-oferta,
.single-oferta .servicios{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--back-gris-claro);
}

.single-oferta .servicios .icono-servicio{
    margin: 0 10px 0 0;
}

.single-oferta .restaurante-localiza-compartir > div{
    width: 100%;
}

.restaurante-localiza{
    max-width: 280px;
}

.compartir{
    max-width: 110px;
}

.single-oferta .restaurante-localiza h2{
    margin-bottom: 5px;
}

.single-oferta .restaurante-localiza p{
    font-size: 16px;
    margin: 0;
}

.single-oferta .restaurante-localiza p span{
    margin-right: 5px;
}

.single-oferta .restaurante-localiza p a{
    color: var(--color-negret);
}

.single-oferta .compartir{
    text-align: right;
}

.single-oferta .compartir span{
    font-size: 11px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.single-oferta .fusion-social-networks{
    overflow: visible;
}

.single-oferta .fusion-sharing-box{
    margin: 0;
    padding: 0;
    height: auto;
    width: auto;
    text-align: right;
    margin-left: auto;
    background-color: transparent;
}

.single-oferta .fusion-sharing-box h4{
    display: none;
}

.single-oferta .fusion-sharing-box a{
    color: var(--back-gris-claro) !important;
    font-size: 20px !important;
    margin: 0 7px;
    position: relative;
}

.single-oferta .titulo-oferta .tipo-oferta{
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: var(--back-gris-claro);
}

.single-oferta .titulo-oferta .entry-title{
    color: var(--color-principal);
    font-size: 20px
}

.single-oferta .horario-precio .horario,
.single-oferta .horario-precio .precio{
    font-size: 16px;
    color: var(--color-negret);
    margin-bottom: 8px;
    font-family: var(--letra-principal) !important;
    font-weight: 100;
}

.single-oferta .horario-precio .precio span{
    color: var(--color-principal);
    font-weight: 700;
    font-family: var(--letra-principal);
}

.single-oferta .redes-web-telefonos > a{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-negret);
    margin-bottom: 10px;
}

.single-oferta .redes-web-telefonos > a.url-restautante{
    color: var(--color-principal);
}

.single-oferta .redes-web-telefonos > a:last-child{
    margin-bottom: 0;
}

.single-oferta .redes-web-telefonos .redes{
    margin-bottom: 10px;
}

.single-oferta .redes-web-telefonos .redes a{
    font-size: 20px;
}

.single-oferta .redes-web-telefonos .redes a:before{
    color: var(--back-gris-claro);
}

.single-oferta .redes-web-telefonos .redes a:first-child{
    margin-right: 10px;
}


.single-oferta .fechas-categoria-oferta .fechas{
    font-size: 16px;
    font-weight: 500;
    color: var(--color-negret);
    margin-bottom: 10px;
}

.single-oferta .fechas-categoria-oferta .fechas span{
    color: var(--color-principal);
}

.single-oferta .fechas-categoria-oferta .categoria-oferta{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
}

.single-oferta .fechas-categoria-oferta .categoria-oferta a{
    color: var(--color-negret);
}

.single-oferta .mapa-restaurante{
    font-size: 16px;
    font-weight: 500;
    color: var(--color-negret);
}


.gcontent{
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

.daci-title-relacionadas{
    border-bottom: solid 1px rgba(6, 9, 16, 0.3);
    margin-top: 90px;
    margin-bottom: 50px;
}

.titulo-ofertas-relacionadas{
    max-width: 450px;
    margin: 0 0 20px;
    font-size: 32px;
}

.loop-ofertas-relacionadas{
    margin-bottom: 16px;
}

.final-block{
    margin-bottom: 76px;
}

@media (max-width: 1180px){
    .loop-ofertas-relacionadas{
        padding: 0 50px;
    }
}

@media (max-width: 1080px){
    .gcontent{
        margin: 0 20px;
    }

    .daci-title-relacionadas{
        margin-top: 70px;
    }
}


/* Footer */

footer{ padding-bottom: 70px;}

#media_image-2{
    margin-bottom: 10px;
}

#media_image-2 img{
    max-width: 100px !important;
}

#nav_menu-2 ul{
    padding-left: 130px;
}

#nav_menu-2 li{
    font-family: 'Open Sans' !important;
    font-size: 14px !important;
    padding: 0 !important;
    border: none !important;
}

#nav_menu-2 li a:before{
    display: none;
}

#menu-menu-legal li a{
    margin-bottom: 17px;
    font-size: 13px;
}

@media (max-width: 420px){
    #nav_menu-2 ul{
        padding-left: 10px;
        margin-top: 40px;
    }
}


/* OFERTAS BLOG */

#main .post h2 a{
    font-family: var(--letra-principal);
    font-size: 16px;
    line-height: var(--line-height-general) !important;
}


/* FOOTER IMAGENES LOGOS */

footer .fusion-column-last{
    text-align: center;
    display: table;
}

/* TANK YOU PAGE */

.thank-u-page{
    text-align: center;
    max-width: 600px;
    margin: 0 auto 120px;
}

.thank-u-page h2, .thank-u-page p{
    font-family: var(--letra-principal);
}

.thank-u-page h2{
    font-size: 34px;
    margin-bottom: 60px;
}

.thank-u-page p{
    font-weight: 400;
    font-size: 26px;
    line-height: 1.4em;
}


.btnn-daci{
    display: block;
    padding: 13px 29px;
    margin: 50px auto;
    background-color: var(--color-principal);
    color: var(--color-blanco);
    font-size: var(--tam-letra-btn);
    border-radius: 80px;
    text-transform: uppercase;
    border: 2px solid var(--color-principal);
    transition: 0.6s;
    min-width: 240px;
    max-width: 250px;
    width: 100%;
}

.btnn-daci:hover{
    background-color: transparent;
    color: var(--color-principal);
}

#wrapper .share-box h4{
    display: none !important;
}

a.img{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 220px;
}

a.img img{
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.condiciones-ayuda a {
    margin: 0px 10px;
    display: inline-block;
}


.fusion-alert.alert.custom.alert-custom.fusion-alert-center.wpcf7-response-output.alert-dismissable button.close.toggle-alert {
    display: none;
}

.fusion-alert.alert.custom.alert-custom.fusion-alert-center.wpcf7-response-output.alert-dismissable {
    border: 0;
}

span.wpcf7awc-msg {
    display: none;
}


#main .post h2 a, .about-author .title a, .fusion-blog-pagination .pagination .pagination-next:after, .fusion-blog-pagination .pagination .pagination-prev:before, .fusion-content-widget-area .widget .recentcomments a, .fusion-content-widget-area .widget li a, .fusion-content-widget-area .widget_categories li, .fusion-hide-pagination-text .pagination-next:after, .fusion-hide-pagination-text .pagination-prev:before, .fusion-load-more-button, .fusion-rollover a, .pagination .pagination-next:after, .pagination .pagination-prev:before, .project-content .project-info .project-info-box a, .shop_attributes tr th, .single-navigation a[rel=next]:after, .single-navigation a[rel=prev]:before, body a, body a:after, body a:before {
    color: #5b2636 !important;
}

#menu-menu-legal li a {
    color: white !important;
}


.avada-html-layout-boxed, .avada-html-layout-boxed body, .avada-html-layout-boxed body.custom-background, html:not(.avada-html-layout-boxed):not(.avada-html-layout-framed), html:not(.avada-html-layout-boxed):not(.avada-html-layout-framed) body {
    background: white !important;
}


.wpcf7-form-control.wpcf7-checkbox {
    display: block;
}

.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
    display: block;
     margin: 10px 1em;