
body.single-barcos-ocasion #page >div.page-title{
    display: none !important;
}



/*Galeria barcos*/
#barcos-ocasion-listado,
#barcos-ocasion-listado *,
.barco-ocasion-galeria,
.barco-ocasion-galeria *{
    box-sizing: border-box;
}

#barcos-ocasion-listado{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-gap: 0;
    /* border:2px dashed #f90; */
}
@media (max-width: 1200px) {
    #barcos-ocasion-listado{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 990px) {
    #barcos-ocasion-listado{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    #barcos-ocasion-listado{
        grid-template-columns: repeat(1, 1fr);
    }
}

.barco-ocasion-wrapper{
    display:block
}
.barco-ocasion-wrapper a{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    width:100%;
    text-decoration: none;
    overflow: hidden;
}
.barco-ocasion-thumbnail{
    width:100%;
    position:relative;
    overflow: hidden;
    /* border:1px solid #c00; */
}
.barco-ocasion-thumbnail img{
    display:block;
    width:100%;
    transition: filter 500ms ease;
}
.barco-ocasion-info{
    width:100%;
    padding:1em 1em 2em;
}
.barco-ocasion-info h3{
    text-align: center;
    font-size:20px;
    color:var(--the7-h3-color);
    transition: color 200ms ease-in-out;
}
.barco-ocasion-info p{
    text-align: center;
    color:var(--the7-base-color);
}
.barco-ocasion-info p span{ /*En vez de precio pos texto consultar*/
    color:var(--the7-accent-color);
}
.barco-ocasion-wrapper a:hover h3{
    color:var(--the7-accent-color); /*the7*/
}

.barco-ocasion-wrapper a img {
    transition: all 300ms ease;
}

.barco-ocasion-wrapper a:hover img{
    transform: scale(1.2);
    filter: brightness(0.7);
}


#barcos-ocasion-listado  .barco-ocasion-wrapper a .barco-ocasion-thumbnail:after,
.barco-ocasion-galeria .barco-ocasion-wrapper a .barco-ocasion-thumbnail:after{
    content: "\ef04";
    font-family: icomoon-the7-font;
    display:inline-block;
    font-size: 50px;
    position:absolute;
    top:50%;
    transform: translateY(-12px);
    left:50%;
    transform: translateX(-12px);
    color: #fff;
    opacity:0;
    transition-property: opacity;
    transition-duration: 500ms;
    transition-timing-function: ease-in-out;
}

#barcos-ocasion-listado  .barco-ocasion-wrapper a:hover .barco-ocasion-thumbnail:after,
.barco-ocasion-galeria .barco-ocasion-wrapper a:hover .barco-ocasion-thumbnail:after{
    opacity:1;
}

/*Ficha Barco Ocasion*/

body.single-barcos-ocasion #main{
    padding-bottom:0px;
}

/*Imaxe destacada:*/
/* como fondo: */
.barco-ocasion-featuredimage{
    width:100%;
    height:100%;
}
.barco-ocasion-featuredimage img{
    display:block;
    width:100%;
    height:auto;

}
.barco-ocasion-featuredimage.featured-bg {
    background-repeat: no-repeat;
    background-position: center top;
}
.barco-ocasion-featuredimage.featured-bg .contain{
    background-size: contain;
}
.barco-ocasion-featuredimage.featured-bg .cover{
    background-size: cover;
}

body.single-barcos-ocasion .especificaciones{
    list-style-position: inside;
}
body.single-barcos-ocasion .especificaciones li{
    margin-bottom:0.5em;
}
body.single-barcos-ocasion .especificaciones li strong{
    padding-right:0.5em;
    color:#000;
}

.fila-barcosocasion h2{
    font-size: 20px;
}

.galeria-barcosocasion h2 {
    font-size: 20px !important;
}

/*Formulario ocasio, nombre de barco*/
.wpforms-field.barco-consulta input[type="text"]{
    /* border:2px solid var(--the7-h2-color) !important; */
    background-color: rgba(179, 155, 115, 0.7)!important;
    color:#fff !important;
    border:none !important;
    text-align: center !important;
}
h2.ocasion-contacto-titulo{
    font-size:35px;
    margin-bottom:0;
    text-align: center;
}
p.ocasion-contacto-nombre{
    font-size:25px;
    text-align: center;
    margin-bottom:25px;
}
h3.ocasion-telefono{
    font-size: 22px;
    text-align: center;
}
.ocasion-contacto-email{
    font-size: 15px;
    text-align: center;
}
