/*
 Theme Name: [mychildtheme]
 Description: The custom theme [seventeen-child] using the parent theme Twenty Seventeen.
 Author: [Giulia Mentasti]
 Author URI: [Your URL]
 Template: twentyseventeen
 Version: 1
 */
 
 #link-hero{height:100px;
 width:100px;
 position:absolute;
 top:0;
 left:50%;
 right:50%;
 margin-left: -50px;
 z-index:300000;}
 #link-hero a{height:100px;
 width:100px;
 display:block;}
 


.tech-info {color: #2c6d8a;
}
.entry-content a.tech-info{box-shadow: inset 0 -1px 0 rgba(44,109,138,1);
	-webkit-box-shadow: inset 0 -1px 0 rgba(44,109,138,1);
}
.entry-footer{display:none;}

.portfolio img{float:left;
width:500px;
}

.carosello{width:100%;
background-color:#63C;
overflow:auto;}
.carosello img{width:400px;}

.navigation-top{top:10px;
height:80px;
z-index:112;
background-color:transparent;
border-bottom:0px;
max-width:1800px;
border-top:0px;}


.site-navigation-fixed{width:100%;
background-color:rgba(255,255,255, 0.6);}
.navigation-top .wrap{margin-left:20px;
margin-right:20px;}
.custom-header{
				z-index:112;
				height:80px;
			}
	

@media screen and (min-width: 48em){
	
.main-navigation ul ul{border:0px;}

.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: none;
	}
.main-navigation ul ul {background:none;
}

		.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #CCC;
	} 
}


@media screen and (min-width: 48em){
.main-navigation ul ul {
	background-color:rgba(255,255,255, 0.6);
height:0px;
padding-left:30000px;
padding-right:30000px;
margin-left:-30000px;

}

.site-navigation-fixed .wrap:hover .main-navigation ul ul{height:150px;
transition: height 0.5s ease;
margin-top:27px;
}
.site-navigation-fixed .wrap{height:80px;
max-width:600px;
}

}


.main-navigation ul li.menu-item-has-children.focus:before, 
.main-navigation ul li.menu-item-has-children:hover:before, 
.main-navigation ul li.menu-item-has-children.focus:after, 
.main-navigation ul li.menu-item-has-children:hover:after, 
.main-navigation ul li.page_item_has_children.focus:before, 
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after, 
.main-navigation ul li.page_item_has_children:hover:after {
     display: none;
 }


body, #page{width:100%;}
#content{padding-top:0;}
.site-header{background-color:transparent;}
.site-branding .wrap{margin:0 auto;
z-index:112;
}
.site-branding{z-index:112;
margin:0 auto;
text-align:center;
padding:0;
padding-top:20px;}
.social-box{
	position:absolute;
	top:0;
	right:0;
	float:right;
	padding:20px;
	padding-right:60px;
	z-index:300;
	display:inline-block;
	
	}
@media screen and (min-width: 48em)
{.social-navigation {width:100%;}}

.social-navigation a{background-color:#FFF;
color:#2c6d8a;
border-radius:0;
border: solid 2px #2c6d8a;
margin-left:0;
						margin-right:-6px;}

.social-navigation a:hover{background-color:#FFF;}
.social-navigation a:link{background-color:#FFF;}
.social-navigation ul { list-style: square; }

.project{border-top: solid 1px #244655;
padding-top:50px;}
.project p{text-align:justify;}
#info{padding-top:30px;
		padding-bottom:60px;}

.numerazione {
	float:right;
	vertical-align:central;
	padding-top:14px;}
	.numero{	
	  color: black;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #2c6d8a;
  margin-bottom:0px;
  }

  .project .numero {text-align:right;}
	.entry-title {clear:none;}
.entry-content{clear:both;
margin-top:30px;}

.dark .social-navigation a{color:#FFF;
border: #FFF;}

.dark .social-navigation a{background-color:transparent;
border-radius:0;
border: solid 2px #FFF;}

.fullwidth{
	width:100%;
	height:100%;
	max-width:100%;
	max-height:100%;}
	
.header-full #masthead{position:fixed;
z-index:1000000;
width:100%;}

.site-footer .dark{color:#FFF;}
.site-footer .wrap, .site-footer .widget-area, .widget{padding-bottom:0;
padding-top:0;
}
#text-7{float:left;
padding-right:10px;}
#text-8{float:left;
padding-right:10px;}
#colophon .wrap{margin: 0 auto;}
@media screen and (min-width: 48em){
#colophon .wrap {margin-left:20px;
				margin-right:20px;}
	
				}
				
.site-footer{border-top:0px;}			
.email-field{background-color:#669;
color:#FFF;}
.contact-form{background-color:#669;}
.submit{background-color:#0F9;}
.wpforms-field-label{color:#FFF;}
#wpforms-440-field_1-container{border-top:1px solid #FFF;
								border-bottom:1px solid #FFF;
								padding-top:20px;}
#wpforms-440-field_2-container{	
								border-bottom:1px solid #FFF;
								padding-top:20px;
								margin-bottom:10px;}	
		
#wpforms-440-field_1{background:none;
border:none;
color:#FFF;}
#wpforms-440-field_1::placeholder{color:#FFF;}
#wpforms-440-field_2{background:none;
border:none;
color:#FFF;}
#wpforms-440-field_2::placeholder{color:#FFF;}
#wpforms-submit-440 {background:none;
border: 0px;}
#wpforms-submit-440{padding:0;}
		.navigation-top a{color:#244655;
	font-family: 'Nunito Sans';
	font-weight:300;
	text-transform:uppercase !important;
	font-size:12px;}		
	.dark .navigation-top a{color:#FFF;
	font-family: 'Nunito Sans';
	font-weight:300;
	text-transform:uppercase !important;
	font-size:12px;}

@media screen and (max-width: 750px)
{#colophon, .social-box {display:none;}
.dark .navigation-top a{ color:#244655;}
.entry-title{font-size:35px;}
.numero{font-size:35px !important;}
 #link-hero{display:none;}
} 

@media screen and (max-width: 1024px) and (min-width: 751px) {
.site-branding{text-align:left;}
.navigation-top .wrap{margin-left:70px;
}
.site-footer .widget-column.footer-widget-1{width:40%;}
 #link-hero{left:0;
 margin-left:0;}
}

@media screen and (max-width: 750px) and (orientation: landscape){
	.site-branding{text-align:left;}
	.dark .navigation-top{top:20;
	    position: absolute;
  width:100%;
  text-align:center;
.custom-header{height:62px}
	}

@media screen and (max-width: 1024px) and (min-width: 751px) and (orientation: landscape){
	.navigation-top .wrap{margin-left:100px;}} 

	 .custom-logo-link{position:relative;
		 z-index:300000000;
		 top:10px;}}