/* 
Theme Name: Skema Theme
Theme URI: http://www.ideazioneventi.com
Description: Theme for Skema
Version: 1.0
Author: Ideazione
Author URI: http://www.ideazioneventi.com
*/
body{
  overflow-x:hidden;
  color: #004C98;
  font-family: 'futuramedium';
}
h1,h2,h3,h4{
  font-family: 'aachen_btroman';
}
a,a:hover,a:focus,a:active{
  color: #004C98;
  text-decoration: underline;
  font-family: 'futurabold';
}
strong{
  font-family: 'futurabold';
}

#header{
	position: relative;
	height: 80px;
	z-index: 100;
}
#header .logo-container{
	padding-top: 10px
}
#header img{
	max-height: 60px;
}

/*
* #.# Intro
*
*/
#slanted-container{
	position: relative;
}

/*
* #.# Santed divs
*
*/
.slanted-left{
  width: 100%;
}
.mobile-content-grey, 
.mobile-content-grey a{
 color: #545454;
}
.mobile-content-grey h3{
  font-size: 1.6em;
}
.mobile-content-grey{
  background:#eee;
}
@media(max-width: 767px){
  .slanted-left > .title{
    height: auto;
    background-color: #004C98;
    color:#fff;
  }
  .mobile-slides-container{
    height: 200px;
  }
  .mobile-slide{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
  }

}
@media(min-width: 768px){
  .slanted-left > .title{
    height: 200px;
    background-color: #004C98;
    color:#fff;
  }
  .main-site-title{
    width:40%;
  }
  .slanted-left > .title h1{
    font-size:1.8em;
  }
  .slanted-right{
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    /*mask:url('img/mask-right.svg#c1');*/
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
    overflow-x:hidden;
  }

  .slanted-right > .full-image{
    height: 200px;
    margin-left: -73px;
    width: calc(100% + 73px);
    background-position: center left;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);
  }
  .skewed-contacts {
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);
    -webkit-transform-origin: left top 0px;
    -moz-transform-origin: left top 0px;
    -ms-transform-origin: left top 0px;
    -o-transform-origin: left top 0px;
    transform-origin: left top 0px;
    overflow: hidden;
  }
  .skewed-contacts .fullpage{
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    -o-transform: skew(20deg);
    transform: skew(20deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
  }
}
@media(min-width: 992px){
  .slanted-left > .title{
      height: 400px;
  }
  .slanted-left > .title h1{
    font-size:2.8em;
  }
  .slanted-right > .full-image{
   height: 400px;
  }
  .slanted-content{
    padding:30px;
    background:#eee;
    max-height: 480px;
  }
  .slanted-content > div:first-child{
    max-height: 480px;
  }
  .slanted-content > div{
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);
  }

  .slanted-left .content{
    width: 30%;
  }

  .slanted-content-container{
    position: relative;
    width: 100%;
  }
  .slanted-content-left{
    width: 100%;
  }
  .slanted-content-right{
    position: absolute;
    top: 0;  
    /*mask:url('img/mask-right.svg#c1');*/
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);  
    overflow-x:hidden;
    color: #545454;
  }
  .slanted-content-right a{
    color: #545454;
  }
  .slanted-content-right h3{
    font-size: 1.6em;
  }
  .slanted-content-container:nth-child(odd) > .slanted-content-right{
    right: 0;
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
  }
  .slanted-content-container:nth-child(even) > .slanted-content-right{
    left: 0;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  .slanted-content-container:nth-child(odd) > .slanted-content-left .fullpage{
    /*right:-90px;*/
    width: 40%;

  }
  .slanted-content-container:nth-child(even) > .slanted-content-left .fullpage{
    float: right;
    width: 40%;
  }
  .slanted-content-container:nth-child(even) > .slanted-content-left{
    float: right
  }

  .skewed-contacts{    
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    padding-left:40px;
    background-color: #004C98;
  }
  .skewed-contacts::after{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 131px;
    content: "";
    background-color: #004C98;
  }
}
/*
*#.# Home
*
*/

.home-column{
  padding: 20px 0;
}
.home-footer h3{
  font-size: 1.8em;
}
.slanted-slide:not(.first){
  display: none;
}
/*
* #.# Forms and login
*
*/
.login-button{
  background: transparent;
  border: none;
  box-shadow: none;
  color: #004C98;
  text-decoration: underline;
  font-size: 1.4em;
}

.custom-field{
    border-bottom: solid 1px #545454;    
    color: #545454;
}
.custom-field:focus {
    border-bottom: solid 1px #545454;
}
.custom-field::-webkit-input-placeholder{ 
  color:#545454;
  opacity: 1;
}
.custom-field:-moz-placeholder{ 
  color:#545454;
  opacity: 1;
}
.custom-field::-moz-placeholder{ 
  color:#545454;
  opacity: 1;
}
.custom-field:-ms-input-placeholder{ 
  color:#545454;
  opacity: 1;
}

.blueform .custom-field{
    border-bottom: solid 1px #004C98;    
    color: #004C98;
}
.blueform .custom-field:focus {
    border-bottom: solid 1px #004C98;
}
.blueform .custom-field::-webkit-input-placeholder{ 
  color:#004C98;
  opacity: 1;
}
.blueform .custom-field:-moz-placeholder{ 
  color:#004C98;
  opacity: 1;
}
.blueform .custom-field::-moz-placeholder{ 
  color:#004C98;
  opacity: 1;
}
.blueform .custom-field:-ms-input-placeholder{ 
  color:#004C98;
  opacity: 1;
}
div.wpcf7 img.ajax-loader{
  margin-left: 0;
  margin-right: -16px;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    display: inline;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 1em;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
  background-color: transparent;
}
.file-field{
  width: 50%;
  display: inline-block;
  height: 24px;
}
.last-row-form{
  height: 50px;
}
.last-row-form > div{
  height: 100%;
}
.last-row-form p{
  margin: 0;
}
/*
* #.# Nero button 
*
*/
.nero-button{
  background-color: transparent;
  border:solid 1px #545454;
  color: #545454
}
.nero-button:hover{
  background-color: #545454;
  border:solid 1px #545454;
  color: #fff;
}
/*
* #.# Page
*
*/
.section-link{
  padding:10px 0;
  border-bottom:solid 1px #efefef;
  cursor: pointer;
  -webkit-transition: border-color .2s linear;
  -o-transition: border-color .2s linear;
  transition: border-color .2s linear;
}
.section-link:hover{
  border-color:#004C98;
}

.sections-content > .section-content:not(:first-child){
  display: none;
}
.project-content-row:not(:first-child){
  margin-top: 10px;
}
.section-list{
  width: 20em;
}

.second-contents{
  color: #545454;
}
#slanted-section-content,
#second-section-content{
  text-align: justify;
}

.target-height> h4{
  margin-top:50px;font-size:1.6em;
}

.project-image-cnt{
  padding:20px 0;
}
/*
* #.# Footer
*
*/

#footer{
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  height: 80px;
  color: #515151;
}

#footer .img-responsive{
  height: 50px;
  margin-top: 15px;
}

#footer-end{
  height:30px;
}

.footer-text{
  font-size: 0.75em;
}

@media(max-width: 991px){  
  .home-footer-container .fullpage{
    height:250px
  }
  .home-footer-container .to-content-right{
    padding-left: 15px;
  }  
}
@media(min-width: 768px) and (max-width: 991px){
  .home-footer-container{
    font-size: 0.9em;
  }
  .home-footer-container h3{
    font-size: 1.5em;
  }
  .home-footer-container .form-control{
    font-size: 1em;
  }
}
@media(max-width: 767px){
  .project-container{
    height: auto!important;
  }
  .project-container .slanted-content-left,
  .project-container .slanted-content-right{
    width: 100%!important;
  }
  .project-container > .slanted-content-right{
    padding: 30px 15px 0;
  }
  .project-container .to-container{
    padding: 0!important;
  }
  .slanted-content-right.project > .slanted-content{
    height: auto!important;
  }
}
@media(min-width: 992px){  
  .home-footer-container{
    height:250px
  }
  .home-footer-pad{
    padding-left: 40px;
  }
}
@media(min-width:1600px){
  #header{
    height: 100px;
  }
  #header .logo-container{
    padding-top: 10px
  }
  #header img {
    height: 80px;
    max-height: 80px;
  }
  
  .section-list{
    width: 16em;
  }

  .slanted-content{
    max-height: 540px;
  }
  .slanted-content > div:first-child{
    max-height: 520px;
  }
  .project-image-cnt{
    padding:10px 0;
  }
}