/*You can add your own CSS here.*/

/*Tagline Text Transformation - 
 * size => font-size:XXpx oppure Xem
 * and display y/n => Display:none; 
*/

.site-title{font-size:4em;}
.site-description {font-size:1.5em}
/* .site-description{display:none;}*/

/* - General changes - */
/* Border per header*/ 
/* provo a toglierlo per vedere come sembra
.site-header{
border-bottom: 2px solid #0abab5;
border-left: 2px solid #0abab5;
border-right: 2px solid #0abab5;
border-top: 2px solid #0abab5;}
*/
.site-description { text-transform: none;}
.site-title { text-transform: none;}

/* non riesco a modificare il font del post title, ma il colore funziona!!!
.wf-active .entry-title {font-size:40px;font-weight:700;color:red;}
Non sono sicura che questi sotto funzionino per niente....
*/


/* change position of dropdown menu */
.toggle-menu-wrapper {text-align:center;}
.toggle-menu-wrapper a {color:#0abab5; }	


/* costumize the size of the Site Logo*/
@media (min-width: 540px) 
{.site-logo {max-height:150px;}}

/* Remove "by Author" in Post Meta */
.hentry .entry-meta ul li:first-child {display:none;}
/* Remove Author Separator(lineetta) in Post Meta  */
.hentry .entry-meta ul li:nth-child(2n):before {display:none;}

/* Widget title adjustments (+ grande e senza uppercase*/ 
.widget .widget-title {font-size:33px;
text-transform:none} 

/* Comment title adjustment */
.comments-title{text-transform:capitalize;}

/* Cambio la dimensione del testi della image caption */
.wp-caption .wp-caption-text {font-size: 16px;}                             

/*tolgo il featured content dalla blog page*/
.blog .featured-content-wrapper {display: none;}

/* aggiungo hover color per menu e post title*/
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active,
.page-title a:hover,
.page-title a:focus,
.page-title a:active {
  color: #0abab5;}

/* cambio il colore per i links */
a, a:visited {color: #0abab5;}

/*aggiungo il colore del secondary menu*/
.secondary-menu a:hover,
.secondary-menu a:focus,
.secondary-menu a:active {color: #0abab5;}

/* mostro la featured image per i post
boh non funziona*/
/* Aggiungo per info
< ?php if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
the_post_thumbnail( 'full' );
} ?> */ /* 

/* Align Sharing Icons */
.sharedaddy.sd-sharing-enabled {
	text-align: center;
	font-size:26px;
  font-weight:700}

/* Blog subscritption adj*/

.jetpack_subscription_widget .widget-title {
   color: #fff;
	 font-weight: 700;
   margin-top:1rem; }

.jetpack_subscription_widget {
  border: 20px; 
  background: black;
  color: white;
	font-size: 12;
	padding-left: 1rem;
  padding-bottom: 1rem;
	padding-right: 1rem;
	padding-top: 1rem;}


/* Correction for undefined font showing before final font*/ 
.wf-loading body {visibility: hidden;} 

/* provo a modificare la entry content (Tolto perche' non ok sugli schermi piccoli)
.entry-content-featured-content {	height: 20%;} */

/* featured content adjustments - 
 1) aumento il carattere (font-size:XXpx; - tolto non ok su mobiles)
 2) tolgo il maiuscolo dal testo 
 * Featured content title*/
.featured-content-wrapper .entry-title-featured-content { 	text-transform: none; }
/*Questo aumenta l'altezza della foto che fa da Site Header standard 150px * Site Header Height  non funziona bene o non ho capito 
@media (min-width: 1200px){
	.site-header {min-height: 150px;
		padding: 90px 0;}	}

/* Additional Section to beautify footer via CSS */
.site-footer:before {
	background-image: url(https://thestrangerinthemirror.com/wp-content/uploads/2017/04/cropped-cropped-dsc_0004.jpg);
background-repeat: no-repeat;
background-position: top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	width: 100%;
	height: 100px;
}
/* same as before but site footer */

.site-info:before {
	background-image: url(https://thestrangerinthemirror.com/wp-content/uploads/2017/04/cropped-cropped-dsc_0004.jpg);
background-repeat: no-repeat;
background-position: top center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	width: 100%;
	height: 100px;
}

/* Adjust the line above the site info top color */
.site-info{border-top-color:#0abab5;}

/* (Devices, 768px and up) */
@media (min-width: 768px) {
	.site-footer:before {
		height: 100px;}
		}

/* Scrivere il title e la site description piu' piccoli sui cellulari pls (Devices, below 768px) */
@media (max-width: 768px) {
		.site-title{font-size:1.5em;}
    .site-description {font-size:0.8em}
}

/* Cambia il colore del titolo dei Widget  funziona ma non lo attivo*/
/*
.widget .widget-title {color:#0abab5;}
*/




/* Toglie lo sticky menu dai mobile screens -Sticky Header at Small Devices  */
.site-header.stuck {
	position: relative;
}



/* Click the help icon above to learn more*/