/*FONTS*/
@font-face {
    font-family: 'oswaldmedium';
    src: url("fonts/oswald-medium-webfont.eot");
    src: url("fonts/oswald-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/oswald-medium-webfont.woff2") format("woff2"), url("fonts/oswald-medium-webfont.woff") format("woff"), url("fonts/oswald-medium-webfont.ttf") format("truetype"), url("fonts/oswald-medium-webfont.svg#oswaldmedium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'innocentregular';
    src: url("fonts/innocent-webfont.eot");
    src: url("fonts/innocent-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/innocent-webfont.woff2") format("woff2"), url("fonts/innocent-webfont.woff") format("woff"), url("../fonts/innocent-webfont.ttf") format("truetype"), url("fonts/innocent-webfont.svg#innocentregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

html {
    font-size: 24px;
}

body {

    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background-color: #e1ece7;
    background-image: url(img/pattern.png);
    color: #3d3d3d;
    font-size: 80%;
    padding: 1.25rem 0.625rem;

}

a {
    text-decoration: none;
}



nav {
    font-family: 'innocentregular';
}


h2 {
    font-size: 1.01rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
    font-family: 'oswaldmedium';
}

strong {
    font-weight: 700;
}


/*.container{*/
/*    margin: 80px auto;*/
/*    width:800px;*/
/*    background: white;*/
/*}*/


/*LAYOUT*/
.container {
    background-color: #FFF;
    border: 1px solid #d2dccf;
    border-radius: 0.41667rem;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

.container > h1 {
    position: relative;
    font-family: 'Oswald';
    font-weight: 400;
    background-color: #799571;
    color: #FFF;
    font-size: 0.95833rem;
    margin-bottom: 1.66667rem;
    padding: 0.4rem 1.25rem;
    text-transform: uppercase;
}

@media only screen and (min-width: 991px) {
    .container {
        width: 32rem;
    }
}

@media only screen and (min-width: 1199px) {
    .container {
        width: 41.33333rem;
    }
}

@media only screen and (min-width: 1366px) {
    .container {
        width: 41.33333rem;
    }
}

.inner {
    padding: 0 1.8rem;
    width: 100%;
    text-align: justify;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}


.row {
    margin: 0 -0.625rem;
    overflow: hidden;
}

.column {
    float: left;
    margin-bottom: 1.25rem;
    padding: 0 0.625rem;
    width: 100%;
}

@media only screen and (min-width: 991px) {
    .column.col-left {
        border-right: 1px solid #f1f1f1;
        padding-right: 1.66667rem;
        width: 50%;
    }

    .column.col-right {
        padding-left: 1.66667rem;
        width: 50%;
    }
}

.clearfix {
    clear: both;
}

.text-center {
    text-align: center;
}


/*HEADER*/
header {
    overflow: hidden;
    padding: 1.04167rem 0;
    position: relative;
    text-align: center
}

header .logo {
    display: block;
}

header .logo img {
    display: inline-block;
    height: auto;
    width: 4.58333rem;
}

header nav {
    clear: both;
    display: none;
    font-size: 0.5rem;
    text-align: center;
}

header nav ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 15px;
     width: 46%;
     margin-bottom: 16px;
}
header nav ul li a {
    color:inherit;
}
header nav ul li img {
    display: inline-block;
    width: 82px;
}

header nav ul li span {
    display: block;
}


header .pull {
    cursor: pointer;
    float: right;
    padding: 0.41667rem 0 0.5rem 0px;
    position: absolute;
    right: 0.625rem;
    top: 1.04167rem;
    width: 1rem;
    z-index: 11;
}

header .pull span, header .pull span::before, header .pull span::after {
    background: #799571;
    content: '';
    cursor: pointer;
    display: block;
    height: 0.08333rem;
    left: 0;
    position: absolute;
    -webkit-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    width: 1rem;
}

header .pull span::before {
    top: -0.33333rem;
}

header .pull span::after {
    bottom: -0.33333rem;
}

header .pull.active span {
    background: transparent;
}

header .pull.active span::before, header .pull.active span::after {
    background-color: #799571;
    top: 0;
}

header .pull.active span::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

header .pull.active span::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

header .pull.active + nav{
    display: block;
}


@media only screen and (min-width: 479px) {
    header .logo img {

    }

    header nav ul li {
        width: 30%;
    }
}

@media only screen and (min-width: 767px) {
    header nav ul.menu li {

    }
     header nav ul li {
        width: 115px;
    }
}

@media only screen and (min-width: 991px) {
    header {
        padding: 0.83333rem 0;
    }

header #pulldown-menu{
    display: none;
}
    header nav {

        display: block;

        margin: 0 -0.41667rem;
    }

    header nav ul li {
        margin-left:12px;
        line-height: 2.0em;
        width: 12%;

    }

    header nav ul li a {

    }
}

@media only screen and (min-width: 1199px) {
    header {
        padding: 2.08333rem 0;
    }

    header .logo {
        display: inline-block;
        text-align: left;
    }
    header nav {
        display: inline-block;
        width:75%;
        vertical-align: top;
    }
}


/* catch image */
.catch-image {
    text-align: center;
    overflow: hidden;
    margin-bottom: -10px;
}
.catch-image img{
    width: 100%;
    margin-top:-18px;

}


@media screen and (min-width: 479px) {
    .catch-image {
        margin-bottom: -20px;        
    }

    .catch-image img{
        margin-top:-45px;

    }
}

@media screen and (min-width: 767px) {
 .catch-image{  margin-bottom: -30px;  }
}

@media screen and (min-width: 991px) {
 .catch-image{ height: 550px;  margin-bottom: -40px;  }
}

@media screen and (min-width: 1199px) {
 .catch-image{ height: 690px; }
}



.content {
    padding: 0 1.8rem 1.875rem;
}

.content p {
    line-height: 1.28rem;
    margin-bottom: 1.5rem;
    font-size: 17px;
    font-weight: 400;
}


/*Liste*/
.content ul.lista li {
    background-image: url(img/list.png);
    background-position: left top 0px;
    background-repeat: no-repeat;
    padding-left: 1.4rem;
    font-size: 17px;
    line-height: 1rem;
    font-weight: 400;
    padding-bottom: 0.6em;
}

.content ul li {
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 0.6em;
    margin-left: 1.5em;
    line-height: 1.28rem;
    margin-bottom: 0.5rem;
}


/*Contatti*/
.contatti { font-size: 0.66667rem; }
.contatti .address { margin-bottom: 0.83333rem; line-height: 1.5em;}
.contatti .email { line-height: 1.5em; }
.contatti .email a { color: #5db056; }


.summary {
    padding: 0 1.8rem 1.875rem;
}

.summary article {
    border-top: 1px solid #799571;
    
}

.summary article h1 a{
    color:#799571;    
}


.summary article time {
    padding: 18px 0 20px;
    font-size: 18px;
    color: #799571;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
}
.summary article time .month {
    display: inline-block;
}
.summary article time .day {
    display: inline-block;
    font-weight: bold;
}


.summary article time .year {
    display: inline-block;
    font-weight: 300;

}
.summary article  h1 {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
}


}
.summary article  h1 a {
    color:#799571;
}
.summary article  p {
    padding-top:10px;
    line-height: 1.28rem;
    font-size: 17px;
    font-weight: 400;
}


.summary article  .read-more {
    display: inline-block;
    padding:10px 30px;
    margin-top: 0.5rem;
    font-size: 14px;
    background: #799571;
    color:white;
}

@media screen and (min-width: 600px) {
    .summary article{
        padding-top: 20px;
      padding-bottom: 50px;
        position: relative;
        padding-left:100px;
    }

    .summary article  time{
        position: absolute;
        padding: 0;
        width: 70px;
        border-top: 2px solid #799571;
        background-color: #E7F6F3;
        left:0;

    }
    .summary article time .month{
        display: block;
        padding-top:20px;
        text-align: center;
    }
    .summary article time .day {
        display: block;
        padding-top: 10px;
        padding-bottom:20px;
        font-size:30px;

        text-align: center;
    }
    .summary article time .year {
        display: block;
        padding: 14px 0 18px;
        font-weight: 700;
        font-size: 14px;
        text-align: center;
        color:white;
        background: #799571;
    }

    .summary article h1{
        font-size: 35px;
    }

}



article.single h1{
    position: relative;
     line-height: 1.5em;
    font-family: 'Oswald', sans-serif; font-weight: 500;
    background-color: #799571; color: #FFF; font-size: 0.95833rem; margin-bottom: 1.66667rem; padding: 0.2rem 1.25rem; text-transform: uppercase;
}


article.single .content {
    white-space: pre-line;
    line-height: 1.28rem;
    margin-bottom: 1rem;
    margin-top: -2.8em;
    font-size: 17px;
    font-weight: 400;
}

article.single .content .disk:before {
    position: absolute;
    content: "";
    display: block;
    width:8px;
    height: 8px;
    margin-top: 11px;
    border-radius: 50%;
    background: #3d3d3d;
    margin-left:-16px;
}

article.single .content .indent{
    margin-left:38px;
    margin-top:-1.2em;
    margin-bottom:-1.2em;
}
article.single .content b{
    font-weight: 700;
}
article.single .content em{
    font-style: italic;
    font-family: "Georgia","Times new roman",serif; 
}

article.single .content ul li{
    margin-bottom: 0;
    padding-bottom: 0;
}


@media only screen and (min-width: 479px) {
    header .logo img { width: 8.95833rem;
    }



/*FOOTER*/
footer {
    padding: 0 1.8rem;
    font-size: 0.58333rem;
}

footer a {
    color: #b7b7b7;
}

footer .copy, footer .link {
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 6px;

}

@media only screen and (min-width: 991px) {
    footer .copy {

        text-align: left;
    }

    footer .link {
        display: block;


        text-align: right;
    }
}

/*Print*/
@media print {
    header, footer {
        display: none;
    }
}