/************ LA CASARANA LANDING ************/


/***** TYPOGRAPHY ******/
@charset 'UTF-8';

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

body {
    background: url(../img/seamless_paper_texture.png);
    font-family: 'Open Sans', sans-serif;
    font-size:0.8rem;
}

p,ul,li {
    font-size:0.9rem;
}


/* Default header styles */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #C78700;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    line-height: 1.4; }

h1 {
    font-size: 1.8rem; }

h2 {
    font-size: 1.4rem; }

h3 {
    font-size: 1.3rem; }

header{text-align:center;}

strong, b {
    font-weight: 600;
}

/****** SECTION ******/

section#top p{
    font-weight:600;
    margin:15px 0;
}

section{
    margin-bottom:30px;
}

section img{
    padding-bottom:15px;
}

.container{
    background:#FFFFFF; 
    margin-top:15px; 
}

.content{
    border-right: 1px solid #EAEAEA;
}

.content, aside{
    margin:15px 0 0;
}

section ul.list li{
    list-style-type:none;
    position: relative;
    line-height:1.5rem;
    padding:5px 5px 15px 30px;
}

section ul.list i {
    color:#C78700;
    font-size:1.5rem;
    position: absolute;
    left: 0px;
}

/*section ul.list li:before {
    content: "\2713";
    color:#C78700;
    font-size:1.5rem;
    position: absolute;
    left: 0px;
}*/

.title-box{
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}


.title-box:before {
    content: '';
    height: 1px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #C78700;
    position: absolute;
    top: 50%;
    z-index: 0;
}
.title-box h2{
    display: inline-block;
    margin: 0 auto;
    padding: 0 20px;
    background: white;
    position: relative;
    z-index: 1;
    text-transform:uppercase;
}



/****** SECTION STRUTTURA-BREVE *****/

section#promo, section#promo-2{
    background-color:#F2F2F2;
    margin-bottom:30px;
}

section#struttura-breve .title-box, section#promo .title-box, section#promo-2 .title-box {
    margin-top:30px;
}

section#promo .title-box h2, section#promo-2 .title-box h2{
    background-color:#F2F2F2;
}

.bg-grigio{
    background-color:#F2F2F2;
}
/****** SECTION CONTACT *****/

section#contact{
    background-color:#C78700;
    color:#fff;
    margin-bottom:0;
}


section#contact label {
    color: #FFFFFF;
}

input#campo {
    display:none;
}

section#contact .title-box:before {
    border-bottom: 1px solid #fff;

}
section#contact .title-box h2{
    background: #C78700;
    color: white;
}
section#contact .title-box {
    margin-top:30px;
}

.button {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    background-color: #581f00;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
}

.button:hover {
    background-color: #6F2902;
}

/****** SIDEBAR *****/
aside, aside p{
    font-size:0.8rem;
}
header p{
    padding: 15px 0;
}
.rosso{
    color:#581f00;
}

aside h2 {
    text-transform:uppercase;
    font-size: 0.9rem;
    font-weight:600;
}

/****** SECTION BREVE *****/

p.small, section#breve ul li{
    font-size: 0.8rem;
}

section#breve, section#promo-breve{
    background-color:#E7E7E7;
    padding:15px;
}

section#promo-breve{
text-align: center;
}
section#promo-breve .button {
  background-color: #C78700;
}
section#breve ul li{
    list-style-type:none;
    padding-bottom:5px;
}

section#foto ul, section#breve ul,  section#card {
    margin:0;
    padding:0 0 30px 0;
}

/****** SECTION FOTO *****/

section#foto ul li{
    list-style-type:none;
    display:inline-block;
    width:50%;
    float:left;
}

section#foto img{
    padding:0 5px 5px 0;
}

/***** MEDIA QUERY *****/

@media only screen and (max-width: 40em) { 

    section#breve{
        text-align:center;
    }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media (max-width: 770px) {
.call-center_mob {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #C78700;
  text-align: center;
  padding: 13px 0;
  z-index: 3;
  font-size: 19px;
  color: #fff;
}
.call-center_icon {
  position: fixed;
  bottom: -9px;
  left: 0;
  z-index: 3;
}
.banner-desktop {display:none;}
.banner-alto-mobile {
  position: fixed;
  top: 0;
  width: 100%;
  background: #4FB3CF;
  text-align: center;
  padding: 8px 0;
  z-index: 3;
  font-size: 19px;
  color: #fff;
}
.content {
    margin: 35px 0 0;
}
section#contact .title-box {
    margin-top: 55px;
}
}

.banner-mobile a , .banner-mobile a:hover, .banner-alto-mobile a , .banner-alto-mobile a:hover {color:#fff;}
.banner-mobile {
  font-size: 35px; }

@media (min-width: 771px) {
.banner-mobile {display:none;}
.banner-alto-mobile {display:none;}
.banner-desktop {
	position: fixed;
    bottom: 0;
    right: 5%;
    background: #C78700;
    z-index: 3;
    padding: 15px 30px;
    color: #fff;
    font-size: 16px;
    border-top-right-radius: 10px;
	border-top-left-radius: 10px;	
}
}