/*
Theme Name: Nextawards Child
Template: nextawards
Text Domain: nextawards-child

Author: Andrea Marchetti
Description: Responsive Starter WordPress Theme (WooCommerce Ready) with: Minimal Style, 4 Header Style, 2 Menus, 11 Amazing Block Patterns, Trasparent Header Template, WhatsApp Chat, Cool animations, Light and fast, Full Site Editing Template! Inspired by Awards Winning Web Sites. Correct setup and installation in theme folder readme file ;)
Tags: blog,custom-colors,custom-logo,custom-menu,e-commerce,theme-options,translation-ready,block-editor-patterns,block-editor-styles,custom-background,featured-images,footer-widgets,photography,portfolio,wide-blocks
Version: 1.8.0.1764125101
Updated: 2025-11-26 03:45:01

*/

/* modifica a immagine in evidenza dentro all'articolo*/

.img-res {
    border-radius: 70px 8px;
    box-shadow: -10px -10px 5px #707ff5;
    padding: 0.1rem;    
}


/* ========== INIZIO MODIFICA PAGINA BLOG - ARTALYAS ========= */

/* ========== BLOG GRID - ARTALYAS ========= */

/* Contenitore principale della sezione blog */
.artalyas-blog-section {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 60vh;
    margin: 2rem auto;
    padding: 0 1.5rem;
    max-width: 1200px;
    width: 100%;
    box-sizing: border-box;
}

/* Griglia degli articoli */
.artalyas-blog-grid {
    flex: 1;
    display: grid;
    /* Desktop: almeno 320px per colonna, ma flessibile */
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
    width: 100%;
}

/* Stile singolo articolo */
.artalyas-blog-post {
    background: #0000001a;
    border-radius: 8px;
    box-shadow: 10px 15px 5px #707ff5;
    padding: 1.5rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.artalyas-blog-post:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

.post-title a {
    color: #000006;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.3;
}

.post-title a:hover {
    color: #4b4bc3;
}

.post-excerpt {
    color: #000006;
    margin: 1rem 0;
    line-height: 1.6;
}

.read-more-link {
    display: inline-block;
    color: #000006;
    font-weight: 600;
    text-decoration: none;
    margin-top: 0.5rem;
}

.read-more-link:hover {
    text-decoration: underline;
}

/* Miniatura articolo */
.post-thumbnail {
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 50px 6px;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
}

.post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.artalyas-blog-post:hover .post-thumbnail img {
    transform: scale(1.03);
}

/* Data articolo */
.post-date {
    display: block;
    font-size: 0.9rem;
    color: #000006;
    margin-bottom: 0.5rem;
    font-style: normal;
}

.post-title {
    margin-top: 0;
}

/* Paginazione */
.artalyas-blog-section .pagination {
    margin-top: auto;
    padding-top: 1rem;
    border-top: 2px solid #707ff5;
}

/* ===== MEDIA QUERIES - MOBILE & TABLET ===== */

/* Tablet verticale e inferiori: FORZA 1 COLONNA */
@media (max-width: 768px) {
    .artalyas-blog-section {
        min-height: auto;
        padding: 0 1rem;
    }

    .artalyas-blog-grid {
        grid-template-columns: 1fr; /* ← FORZATO: una sola colonna */
        gap: 1.5rem;
        margin-bottom: 2rem;
    }

    .post-title a {
        font-size: 1.25rem;
    }
}

/* Smartphone molto stretti (es. iPhone SE) */
@media (max-width: 480px) {
    .artalyas-blog-grid {
        gap: 1.25rem;
        padding: 0 0.75rem;
    }

    .artalyas-blog-section {
        padding: 0 0.75rem;
    }
}



/* ========== FINE MODIFICA PAGINA BLOG - ARTALYAS ========= */




/*  Sezione Comments blog inizio modifica */
/* Comments */
/*  Sezione Comments blog – versione a colonna singola (senza campo sito web) */
/* ===== Modulo commenti – Layout responsive ===== */

/* Contenitore del form: assicura il flusso */
#commentform {
  width: 100%;
}

/* Stile di base per tutti i campi */
.comment-form-author,
.comment-form-email,
.comment-form-comment,
.comment-form-cookies-consent,
.comment-gdpr-notice,
.form-submit {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 15px;
  float: none;
  clear: both;
  box-sizing: border-box;
}

/* Input e textarea: stile coerente */
.comment-form-author input,
.comment-form-email input,
.comment-form-comment textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #949494;
  background: #fff;
  border-radius: 0;
  margin-top: 5px;
  box-sizing: border-box;
}

/* ===== Desktop: affianca Nome ed Email ===== */
@media (min-width: 768px) {
  .comment-form-author,
  .comment-form-email {
    width: 48%;
    float: left;
    clear: none;
    margin-right: 4%;
  }

  /* Rimuovi margine destro da Email per evitare overflow */
  .comment-form-email {
    margin-right: 0;
    float: right;
  }

  /* Assicura che il campo commento e il resto tornino a colonna */
  .comment-form-comment,
  .comment-form-cookies-consent,
  .comment-gdpr-notice,
  .form-submit {
    clear: both;
    float: none;
    width: 100%;
  }
}



ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em;}
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #4b4bc3; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #4b4bc3; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #4b4bc3; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}

input[type=text],
input[type=search],
input[type=number],
input[type=tel],
input[type=password],
input[type=email],
input[type=url]{ width: 100%; padding: 10px; border: 1px solid #949494; background: #fff; -webkit-appearance: none;border-radius: 0;margin-top:5px}
textarea { padding: 10px; width: 100%; border: 1px solid #949494; background: #fff; -webkit-appearance: none;border-radius: 0;margin-top:5px}



/* Pulsante Submit */
input[type=submit],
button[type=submit] {
  margin-top: 5px;
  padding: 15px 20px;
  color: #fff;   
  text-transform: uppercase;
  background: #4b4bc3; /* viola più scuro */
  border: none;
  display: block;
  font-weight: bold;
  width: auto;
  font-size: 16px;
  border-radius: 20px;
  font-family: inherit;
  transition: background-color 0.3s ease, transform 0.2s ease; /* animazione fluida */
}

/* Effetto hover Pulsante */
input[type=submit]:hover,
button[type=submit]:hover {
  background: #707ff5; /* viola più chiaro */
  transform: translateY(-1px); /* leggero sollevamento */
  cursor: pointer;
}
/* Fine Pulsante */

#comments {
  width: 100%;
}

/*Sezione Comments blog fine modifica */



/* inizio modifica fontawesome icon system */
.icon-link {
            font-size: 1.5rem;
            margin: 0 10px;
            color: inherit;
            transition: all 0.3s ease;
            display: inline-block;
            text-decoration: none;
        }

        .icon-link:hover {
            color: #ffc5c5;
            transform: translateY(-5px);        
        }
/* fine modifica fontawesome icon system */