/*
Theme Name: windowsblogitalia
Author: Ivan D'Onofrio
Version: 1.0
*/

@media screen and (max-width: 520px) {

	body
	{
	   background-color: #FFFFFF !important;
	}

	/*Elementi mostrati nella versione mobile*/

	#menu-item-85787
	{
	   display: inline-block !important;
	}

	/*Container*/

	.page-body
	{
	   width: 100%;
	}

	.header
	{
	   height: 19vh;
	   position: relative;
	}

	.wbi-logo
	{
	   height: 40px;
	   margin-bottom: calc(19vh/2 - 20px);
	   margin-left: 5vw;
	   position: absolute;
	   bottom: 0;
	   padding: 0;
	   width: auto;
	}

	.sidebar-container
	{
	   display: none;
	}

	.main-container
	{
	   width: 100%;
	   right: initial;
	   float: initial;
	   padding: 5vw;
	   padding-bottom: 0;
	   box-sizing: border-box;
	   margin: 0;
	}

	/*Header*/

	.cortana-icon-mobilebox
	{
	   width: 50px;
	   height: 50px;
	   display: inline-block;
	   float: left;
	   margin-left: 10px;
	   margin-right: 10px;
	}

	#cortana-icon-mobile
	{
	   width: 35px;
	   height: 35px;
	   margin-top: 7.5px;
	   margin-left: 7.5px;
	}

	#search-input-mobile-box
	{
		width: calc(100% - 120px);
		height: 50px;
		left: 120px;
		box-sizing: border-box;
		position: absolute;
		top: -50px;
		background-color: #CBCBCB;
		transition: top 0.5s;
		display: block !important;
	}

	.search-input-open
	{
	   top: 0px !important;
	}

	.search_container
	{
	   width: auto;
	}

	.search-box-cortana
	{
	   width: 100%;
	   box-sizing: border-box;
	   padding-right: 10px;
	   font-size: 16px;
	   outline: none;
	}

	.menu-primario-container
	{
		display: inline-block;
		width: calc(100% - 120px);
		white-space: nowrap;
		overflow: auto;
		position: relative;
		top: 0px;
		transition: top 0.5s;
	}

	.menu-primario-closed
	{
	   top: 50px !important;
	}

	.menu-strip ul a
	{
	   padding: 0px 10px;
	}

	.menu-strip ul li
	{
	   font-size: 16px;
	}

	.menu-strip ul li:first-child 
	{
		margin-left: 0px !important;
	}

	/*Tile list*/

	.tile 
	{
	   margin: 0;
	   margin-top: 5vw;
	}

	.tile:nth-of-type(1)
	{
	   margin-top: 0;
	}

	.tile-article, .article-sticky
	{
	   width: 100%;
	   height: initial;
	}

	.article-image
	{
	   width: 100%;
	   height: initial !important;
	   display: initial;
	}

	.article-image img
	{
	   width: 100%;
	   height: initial;
	}

	.article-title-box
	{
	   height: auto;
	   padding: 10px;
	   margin-top: -4px;
	   box-sizing: border-box;
	   width: 100%;
	   font-size: 21px;
	   line-heigth: 26px !important;
	}

	/*Articolo*/

	.corrispondenza
	{
	   display: none;
	}

	.article-wrapper
	{
	   margin: 0;
	}

	.article-title-container
	{
	   margin: 0;
	   padding: 10px;
	   min-height: 80px;
	}

	.article-title-container h1
	{
	   margin: 0;
	   font-size: 21px;
	   line-height: 25px;
	}

	.article-title-container p
	{
	   margin: 0;
	   margin-top: 10px;
	   position: initial;
	   font-size: 15px;
	   text-align: right;
	}

	.article_score
	{
	   display: none;
	}

	.article_time
	{
	   display: none;
	}

	.article_time_mobile
	{
	   display: block;
	}

	#article-mobile-arrows
	{
	   width: 100%;
	   height: 40px;
	   display: block !important;
	   background-color: #bdbdbd;
	}

	.article-mobile-arrow
	{
	   width: 50%;
	   height: 40px;
	   float: left; 
	   background-color: #bdbdbd;
	   text-align: center;
	}

	.mobile-arrow-right
	{
	   float: right;
	   width: calc(50% - 1px);
	   border-left: 1px solid #8A8A8A;
	}

	.mobile-arrow-left
	{
	   float: left;
	}

	.article-mobile-arrow:hover
	{
	   background-color: #8A8A8A;
	}

	.article-mobile-arrow img
	{
	   height: 24px;
	   margin-top: 8px;
	}

	.article-arrow
	{
	   display: none;
	}

	/*Search header*/

	.search-header
	{
	   height: initial;
	   margin-bottom: 50px;
	}

	.cortana-logo-searchpage
	{
	   margin-top: 0px;
	}

	.cortana-query
	{
	   margin-bottom: 10px;
	}

	/*Condivisione social*/

	h1 + div.sharedaddy, h2 + div.sharedaddy, h3 + div.sharedaddy, h4 + div.sharedaddy {
	  margin-top: 25px;
	}

}