/*
Theme Name:     Marimpex
Theme URI:      http://bonart.it
Description:    Tema per il sito Marimpex
Author:         Bonart srl
Author URI:     http://bonart.it
Template:       start
Version:        1.0.0
*/

body{
    font-family: 'Droid Sans', sans-serif;
    line-height: 1.5;
    font-size: 17px;
    
}

.entry-title{
    line-height: 1.3;
}

.site-header{
    background: url(img/marble-bg.jpg) no-repeat top center;
    background-size: cover;
    margin-bottom: 0;
    background-attachment: fixed;
    padding-top: 120px;
}

nav.main-navigation{
    background: #980330;
    box-shadow: 0px -10px 85px #999;     
    margin-top: 50px;
    border-top:1px solid #C1CDD5;
    border-radius: 0;
}

.main-navigation  li {
    margin:0;
    border-left:1px solid #fff;
}

#masthead .container, .navbar-collapse{
    padding:0;
}

.main-navigation.toggled li{
    width:100%;

}

.navbar-nav>li>a{
    color:#fff;
    padding:15px 50px 5px;
    background: #333333;
    border-bottom:10px solid #333;
    font-size: 16px;
}

.navbar-nav .menu-item-16 a{
    background: #EB3051;
    border-bottom:10px solid #EB3051;
    font-size: 20px;
    
}
.navbar-nav .menu-item-16 a:hover{
    background:#EE516C;
}

.navbar-nav>li>a:hover{
    border-bottom:10px solid #980330;
    background: #000;
}

/*SECTIONS*/

section.hentry{
    margin-bottom: 0;
}

.exclusive{
    background: #666666;
    color:#fff;
    border-bottom:10px solid #C1CDD5;
    margin-bottom: 0;
}

.exclusive .container{
    background: #444444;
}

.exclusive .col-md-5{
    padding-left: 0px;
}

.exclusive .entry-content{
    padding:40px;
    border-left: 60px solid #980330;
    margin-top:0px;
}

.exclusive header{
    line-height: 40px;
    white-space: nowrap;
    position: absolute;
    left: 0;
    transform-origin: top right 0;
    transform: rotate( 270deg );
    padding: 0px 0px;
    margin-left: -122px;
    top: 25%;
}

.exclusive header h2{
    position: relative;
    left: 0;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.exclusive-article-container{
    padding-top: 30px;
    position:relative;
}

.exclusive-article-title{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    text-align: center;
    top: 0;
    bottom: 0;
    display: table;
    font-size: 24px;
    color:#8A8A8A;
    text-decoration: none;
}

.exclusive-article-title:visited, .exclusive-article-title:hover {
    color:#8A8A8A;
    text-decoration: none;
}

.services{
    background: #fff;
    padding:75px 0;
}

.services .col-md-6:nth-child(2){
    padding-right: 0;
}

.projects{
    background: url('img/projects-bg.jpg') center no-repeat fixed;
    background-size: cover;
}

.projects .entry-content{
    padding:60px;
    border-right: 60px solid #EB3051;
    margin-top:0px;
    min-height: 344px;
}

.project-thumb{
    padding: 30px 30px 30px 0;
}

.project-thumb img{
   border:15px solid #bbb;
}

.projects  header{
  line-height: 60px;
  white-space: nowrap;
  position: absolute;
  right: 0%;
  transform-origin: bottom left 0;
  transform: rotate( 90deg );    
  padding:0px 0px;
  margin-right: -45px;
    color: #fff;
    top:23%;
}

.projects  header h2{
    margin: 0;
}

.site-footer{
    background-color: #444444;
    margin-top: 0;
    padding:55px;
    font-size: 0.6em;
}

.mastfoot{
    font-size: 0.8em;
}

@media screen and (max-width:991px){
    .site-header{
        padding: 0;
    }
    
   nav.main-navigation{
        box-shadow: none;
        margin-top: 0;
    }
    
    .exclusive header, .projects header{
        position: relative;
        line-height: 40px;
        white-space: nowrap;
        left: auto;
        transform-origin:center;
        transform: none;
        margin-left: 0; 
        margin:0 -15px;
        margin-top: 0;
        top: auto;
        background-color: #980330;
        text-align: center;
    }
    
    .exclusive header h2{
        margin-top: 0;
    }
    .exclusive .entry-content, .projects .entry-content {
        border: none;
        padding:15px 0;
        text-align: left;
        min-height: 100%;
    }
    .exclusive .col-md-5   {
        padding-left:15px;
    }
    
    
    
}

@media screen and (min-width: 600px) and (max-width:991px){
    .main-navigation ul {
        display: none;
    }
    .navbar-toggle {
        display: block;
    }    
    #masthead .container, .navbar-collapse{
        padding:0 15px;
    }
    
    .project-thumb{
        padding:0;
    }
    
}

@media screen and (max-width:1041px){
    .services .col-md-6:nth-child(2){
        padding-right:15px;
    }
    .exclusive .col-md-5   {
        padding-left:15px;
    }
        
}

@media screen and (max-width:480px){
    .mastfoot .text-right{
        text-align:center!important;
    }
}