/***** GENERALI *****/

/*per tutte le img, i video del sito, spazi input, textarea e bottoni (button) e per il contenitore principale arrotondo gli angoli */
img, video, input, textarea,  button, .container, .widget-area, .content-inner {
	border-radius:8px!important}
/*devo ripetere l'istruzione per input perché in quella generale sopra NON funziona, cosa che non capita in localhost. lascio tutte e due e cercherò di capire in futuro il problema*/
input {border-radius:8px!important}

/* inserisco un bordino azzurro sito in tutte le img e i video */
img, video {
	border:1px solid #175778;
}

/* riduce l'ampiezza del footer con widget in modo tale da far vedere che è un box ad angoli arrotondati */
#sidebar-footer{width:98%;margin:0 auto}

/* elimina le info sul nome tamplate e modifica il footer finale dandogli una altezza e il colore blu sito*/
#colophon{max-height:10px;background-color:#175778 !important}
.site-info{display:none}

/* specifiche di dimensione font e posizione per le didascalie di tutte le immagini*/
figcaption{font-size:17px;text-align:center}

/* mette icona "nuova finestra" dopo tutti i link con target:_blank  - specificato il media se no anfdava in conflitto con istruzione css stampa che fa mettere il link per esteso/*/
@media screen {
	a[target="_blank"]:after {
  content: url(https://www.pensoquindiscrivo.it/wp-content/uploads/2021/07/nuova-finestra-icona-pensoquindiscrivo.jpg);
  margin: 0 3px 0 5px;
	}
}
/*per non mettere l'icona nuova finestra sui pulsanti social in hp, dopo i post e nella foto del box autore*/
.uagb-team__social-icon-wrap a[target="_blank"]:after {content: none;}
    /*aggiunto dopo aggiornamento dema del set 22, probabilmente sostituisce il precedente, ma per sicurezza lascio*/
.uagb-team__social-icon a[target="_blank"]:after {content: none;}    
.sd-social a[target="_blank"]:after {content: none;}
.jetpack-social-widget-item a[target="_blank"]:after {content: none;}
.abh_image a[target="_blank"]:after {content: none}
/*link originale con la spiegazione di queste istruzioni per img nuova finestra:  https://codepen.io/anthonyfabry/pen/PobEamp.    */

/* modulo RICERCA sul menù*/
/*per hover lente nel menù*/
.astm-search-menu svg path:hover {fill:#d65050}
/*diminuisce lunghezza input perché non tocchi il button e sposta input a sx se no è "centrato" rispetto al box padre*/
form.is-search-form input.is-search-input{width:98%;float:left}
/*creo un bordo di 2 px e con giusto arrotontamento nel "bottone" di avvio ricerca */
form.is-search-form .is-search-icon,form.is-search-form button.is-search-submit {border-width:2px!important;border-radius:8px}
/*rendo trasparente lo sfondo del bottone all'hover
NB non metto l'hover sull'icona della lente, perché essendo un path occorre che il puntatore "colpisca esattamente il disegno... e visto che non è semplice l'effetto è peggiore che lasciare il disegno bianco'"*/
form.is-search-form .is-search-icon:hover, form.is-search-form button.is-search-submit:hover {background-color:transparent!important}

/***** HOME ******/

/*classe creata per spazio vuoto separatore a inizio pagina. lo coloro del blu sito */
.spazio-vuoto{
	background-color: #175778;
}

/* tramite Guttemberg inserisco la classe CopertinaHP nel blocco immagine che contiene l'autocitazione per arrotondare gli angoli*/
.CopertinaHP {border-radius:8px !important;}

/* autocitazione: classe inserita da me con Guttemberg */
.auto-citazione blockquote {
	border-width: 2px 0;
	border-style:solid;
  border-radius:8px;
}

/* istruzioni per il masonry dei post per avere bordi arrotondati (prima istruzione), per l'hover dei titoli (per la seconda) e per avere l'img che non tocchi i bordi del contenitore (la terza). La classe MasonryHP è nel contenitore dei post, inserita attraverso "avanzate" in guttemberg  */
.MasonryHP .uagb-post__inner-wrap {border-radius:8px!important;}
.MasonryHP h3 a:hover {color:#443f3f!important}
.MasonryHP img {margin:2%;width:96%!important}
/* sempre nel masonry ingrandisco il font delle categorie*/
.MasonryHP .uagb-post__taxonomy {font-size:14px}

/***** PAGINE INTERNE ******/

/* tolgo la cornice dei widget e metto sfondo bianco */
.widget-area {
	border:0;background-color:#fff
}

/* dopo aggiornamento del tema a Versione: 2.12 lo sfondo di article era diventato trasparente (o un qualche div/class cho lo conteneva) sono quindi dovuto intervenire - ho inserito border a 0 se no non funzionava radius */
article {border:0px;
	border-radius:8px!important;
	background-color:#fff;
	padding:20px;
}

/* inserisco una linea divisoria tra l'area articolo e quella widget - la linea scompare sui cellulari */
@media only screen and (min-width: 991px){ 
  .post-wrap {
    border-right:1px dotted #175778;
  }
}

/*forzo l'hover rosso nei link*/
.widget-area a:hover {
	color: #d65050 !important
 }

/* ai link dei tag in fondo ai post creo un bordino con angoli arrotondati, ridefinisco il padding e i margin in modo che non si tocchino e devinisco i colori dell'hover e tolgo la forzatura al maiuscolo*/
.tags-links a:link {
	border: 1px solid #bdbdbd;
		border-radius:8px;
	padding: 4px 15px;
	margin: 3px;
	text-transform:inherit;
	}
.tags-links a:hover {
	color: #d65050;
	border-color:#d65050;
	}


/* metto bordo e arrotondamento angoli nello spazio di navigazione tra i post nella pagina del post espanso*/
.post-navigation {
	border: 1px solid #bdbdbd;
		border-radius:8px;
	}
.post-navigation a:hover {
	color: #d65050;
	border-color:#d65050;
	}

/* coloro bordo nella textarea dei commenti nella pagina del post espanso*/
comment-form-comment textarea {
	border: 1px solid #bdbdbd;
		border-radius:8px;
	}

/*per widge ricerca inserito in colonna sx pagine interne*/
/*metto nero il label, titolo, del form*/
.wp-block-search__label{color:#000}
/*coloro il bordino dell'input come quello di tutti gli altri nel sito (vd contatti)*/
.wp-block-search__input{border-color:#dbdbdb!important}
/*formatto il bottone di invio come gli altri bottoni del sito, compreso l'hover*/
.wp-block-search__button {background-color:#d65050!important;color:#fff!important;border-color:#d65050!important}
.wp-block-search__button:hover{;background-color:#fff!important;color:#d65050!important}

/** ARCHIVI **/
/*creo lo spazio dopo la line della paginazione*/
.nav-links {margin-bottom:30px}

/* dopo aggiornamento del tema a Versione: 2.12 (o forse anche prima) il titolo e la tassonometria rimanevano su sfondo blu e non su uno bianco come in orgine: ho risolto mettendo tutti e due in bianco*/
h1.archive-title {color:#fff}
.taxonomy-description {color:#fff}

/*do i colori e l'arrotondamento ai boxini della paginazione rossi come nel resto del sito*/
.nav-links a.page-numbers {border-radius:8px;border:1px solid  #d65050;background-color:#d65050;color:#fff}
/*per l'hover sfondo bianco e scritta rossa sito*/
.nav-links a:hover.page-numbers{background-color:#fff!important;color:#d65050!important}
/*simulo l'aspetto dell'hover per la pagina corrente*/
.nav-links .current {border-radius:8px;border:1px solid  #d65050;background-color:#fff!important;color:#d65050!important}
/*simulo l'aspetto del link per il boxino coi puntini*/
.nav-links .dots {border-radius:8px;border:1px solid  #d65050;background-color:#d65050;color:#fff}

/* definisco lo stile del bottone per caricare articoli meno recenti del caricamento infinito, con lo stile degli altri bottoni del sito., compreso l'hover*/
#infinite-handle span  {background-color:#d65050;border:1px solid #d65050; border-radius:8px;;font-weight:700}
#infinite-handle span:hover {background-color:#fff;color:#d65050}
/* la scritta era in maiuscolo e non mi piaceva, e via css l'ho portata in minuscolo. Questa istruzione, però, funziona solo direttamente nel button e non nello span che lo circonda*/
#infinite-handle span button {text-transform:lowercase!important}

/***** PLUG IN ******/

/* per plug in Star box (box autore nei post): vado a togliere lo spazio tra img e border (padding) ricoloro il bordo di blu sito e lo arrotondo*/
.abh_tab_content .abh_image img {padding:0!important;border:1px solid #175778!important;border-radius:8px!important}


/* per plug in "LuckyWP Table of Contents" arrotonda i bordi*/
.lwptoc_i{border-radius:8px}


/***** STAMPA *****/
/* istruzioni per l'ottimizzazione della stampa*/
@media print { 
	/* non fa stampare il menù */
	nav#mainnav {display:none}
	/* porta la colonna di sx ad occupare tutto lo spazio */
	#primary {width:100%}
	/* non fa stampare la colonna di dx */	
	#secondary {display:none}
	/* non fa stampare il menù interno del post*/
	.lwptoc {display:none}
  /* non fa stampare il menù dei social*/	
  .sharedaddy {display:none}
  /* non fa stampare il menù dei tag*/	
  footer {display:none}
  /* non fa stampare il menù della  navigazione tra post*/	
  .navigation {display:none}
  /* non fa stampare il form dei commenti*/	
	#comments {display:none}
	/* non fa stampare il footer finale diviso in tre parti*/
	#sidebar-footer {display:none}
}