/*
Theme Name: Shipyard Child
Theme URI: http://generatepress.com
Template: shipyard
Author: Thomas Usborne
Author URI: http://edge22.com
Description: Default GeneratePress child theme
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,fluid-layout,responsive-layout,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,featured-images,theme-options,light,white,dark,black,blue,brown,gray,green,orange,pink,purple,red,silver,tan,yellow
Version: 0.1.1445089638
Updated: 2015-10-17 15:47:18
*/

@charset "UTF-8";

#container {
    background-color: #eef5f9;
}
#header .logo h1 a {
    color: #ee53d1;
}
a {
    color: #356097;
}
a:hover {
    color: #ee53d1;
    text-decoration: none;
}
ins, mark {
    color: #15314e;
}
table th {
    font-size: 90%;
}
#header .logo h1 a:hover {
    color: #15314e;
}
.nav-head {
    background-color: #356097;
}
.nav-head ul li a {
    color: #fff;
}
.nav-head ul li a:hover {
    color: #ee53d1;
    text-decoration: none;
}
.nav-head ul ul a {
    background-color: #15314e;
}
.post-title {
    color: #356097;
}
.post-title a:hover {
    color: #ee53d1;
}

.edit-link {
    border: 1px solid #bcb1bb;
}
.widgettitle {
    color: #fff;
    background-color: #356097 !important;
}
@media screen and (max-width: 767px) {
.nav-head select {
    background-color: #15314e;
}
/* Allineamento a destra e colori base */

}
/* Allineamento a destra e colori base */
a.readmore {
    background-color: #416991 !important; /* Il tuo blu scuro */
    color: #ffffff !important;           /* Testo bianco */
    float: right !important;             /* Sposta a DESTRA */
    padding: 4px 10px !important;        /* Spazio interno per farlo sembrare un tasto */
    text-decoration: none !important;
    font-weight: bold !important;
	font-size: 12px !important;
     border-radius: 3px !important;
    display: inline-block !important;
	margin-top: -5px !important; /* Opzionale: lo tira su ancora di più */
}

/* Cambio colore al passaggio del mouse (Hover) */
a.readmore:hover {
     color: #fbaee2 !important;         
}

/* Pulizia per evitare che i post successivi si sovrappongano al float */
.more::after {
    content: "";
    display: table;
    clear: both;
}
/* Allinea l'immagine in alto e la stacca dal testo a destra */
.attachment-post-thumbnail, 
.wp-post-image {
    vertical-align: top !important;
    float: left !important;
    margin-top: 0 !important;
    margin-right: 15px !important; /* Spazio tra immagine e testo */
    margin-bottom: 10px !important;
}

/* Rimuove eventuali margini strani dal contenitore dell'immagine */
.post-thumbnail {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Regola solo per smartphone (schermi sotto i 600px) */
@media screen and (max-width: 600px) {
    .attachment-post-thumbnail, 
    .wp-post-image {
        width: 80px !important;  /* Rimpicciolisce l'immagine */
        height: auto !important; /* Mantiene le proporzioni */
        margin-right: 10px !important; /* Riduce lo spazio dal testo */
        margin-bottom: 5px !important;
    }

    /* Opzionale: rimpicciolisce anche il titolo per farlo stare di fianco */
    h4.post-title {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }
}