/*LAYOUT.CSS - AVIS COMUNALE CASAZZA*/
/*FONTATIC*/

@import "stylesheet.css";
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');

body {font-family: 'Ubuntu', sans-serif; color:#000; padding:0px; margin:0px; font-weight: 300;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {display:none;}
.clear {clear: both;}
.site {margin:0px;}
.site-content {padding:0px; margin:0px; word-wrap: normal!important;}
.site-inner {max-width:100%!important;}
.edit-link {display:none;}
strong {font-weight:700;}
input {font-family: 'Ubuntu', sans-serif;}
.site-main {margin-bottom:0px;}
a {color:currentColor;}
a:hover {color:currentColor;}
.col-1 {width:100%;}
.col-2 {width:50%; float:left;}
.col-3 {width:33.3%; float:left;}
.col-4 {width:25%; float:left;}
.col-66 {width:66%; float:left;}
h3 {font-size:50px; line-height:45px; text-transform:uppercase; font-weight:700; padding-bottom:30px;}
h5 {font-size:24px; font-weight:700; text-transform:uppercase;}
p {font-size:18px; line-height:22px; padding:0px; margin:0px;}
p span {color:#0f72b8; text-transform:uppercase;}
.btn {font-size:20px; margin-top:60px;}
.btn span {padding:15px;}
.btn-white {background-color:#fff; color:#0f72b8; font-weight:500;}
.btn-red {background-color:#e7242c; color:#fff; font-weight:500;}
.inputLeft {width:49%; float:left;}
.inputRight {width:49%; float:right;}
.content-main {padding:120px 10%;}

.content-main.grazie{padding: 0;}


/* HEADER */
.top-header {width:100%; background-color:#0f72b8; padding:10px 10%; text-align:right; color:#fff; font-size:12px;}
.icon-social {border:solid 1px #fff; border-radius:50%; padding:5px 8px;}
.header-main {width:100%; background-color:#fff; padding:25px 10%;}
.logo {float:left; width:20%;}
.logo img {width:100%; max-width:270px;}
.menu {max-width:80%; float:right; text-align:right;}
.main-navigation {font-size:16px; text-transform:uppercase; font-weight:500;}
.main-navigation a {color:#898989; padding: 22px 0.875em;}
.main-navigation .current-menu-item > a {color:#0f72b8;}
.main-navigation li:hover > a {color:#0f72b8;}
#trigger-overlay {display:none;}

/* HEADER INTERNE */
.content-header {width:100%; background-size: cover; background-position:center center; }
.content-title {float:right; width:55%; background:url("../images/bkg-blue-headerIN.png") no-repeat left center; padding:150px 10% 150px 15%; text-align:right; color:#fff;}
.content-title h2 {font-size:50px; line-height:45px; font-weight:700; text-transform:uppercase; margin:0px; padding:0px;}
.content-title h1 {font-size:26px; line-height:28px; font-weight:300; margin:0px; padding:0px;}

.grecaptcha-badge {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* FOOTER */
.footer-main {width:100%; padding:90px 10% 20px 10%; background: #0f72b8 url("../images/a-footer.png") no-repeat right bottom; color:#fff; font-size:20px; line-height:24px;}
.footer-info {width:80%;}
.credits {width:80%; padding-top:30px; margin-top:100px; border-top:solid 2px #fff; text-align:left; font-size:12px;}

/* PAGINA CONTATTI */
.set-recapiti {width:100%; padding:120px 10% 120px 10%; color:#656363;}
.set-recapiti input {border:none!important; color:#929293; background-color:#f2f2f2;}
.set-recapiti input:focus {border:none!important; color:#929293; background-color:#f2f2f2;}
.set-recapiti textarea {border:none!important; color:#929293; background-color:#f2f2f2; height:100px; font-family: 'Ubuntu', sans-serif; margin-bottom:10px;}
.set-recapiti textarea:focus {border:none!important; color:#929293; background-color:#f2f2f2;}
.set-recapiti input[type="text"], input[type="email"], textarea, input[type="tel"] {border-radius:0px!important; margin-bottom:10px;}
.mappa {height:400px;}

/* PAGINA CHI SIAMO */
.about-avis {width:100%; padding:120px 10%;}
.storia {text-align:center; margin-bottom:100px;}
.storia h3 {color:#e7242c; margin-bottom:120px;}
.carosello-storia {width:100%; background: url("../images/linea-storia.jpg") repeat-x center 130px;}
#owl-carousel-storia {padding:0px 10%;}
#owl-carousel-storia .anno {margin-bottom:30px; padding:0px 2%; text-align:center!important;}
#owl-carousel-storia .anno img {width:100%; max-width:250px!important; margin-left:-125px; left:50%; position:relative;}
#owl-carousel-storia .dida {font-size:16px; line-height:18px;}
#owl-carousel-storia .dida em {font-size:14px;}
#owl-carousel-storia .owl-nav {display:block;}
#owl-carousel-storia .owl-prev {width: 40px; height: 40px; background: url("../images/arr-left.png") no-repeat center center; position: absolute; left:5%; top:112px; color:transparent;}
#owl-carousel-storia .owl-next {width: 40px; height: 40px; background: url("../images/arr-right.png") no-repeat center center; position: absolute; right:5%; top:112px; color:transparent;}
.consiglio {width:100%; padding:0px 10%; position:relative; z-index:1;}
.organisociali {background-color:#0f72b8; color:#fff; padding:120px 5%;}
.tabconsigli table, tr, td {border:none;}
.row-dark {background-color:#f3f3f3;}

/* PAGINA DONAZIONE */
.introdonazione {padding:120px 10% 0px 10%;}
.chipuo h3 {color:#e7242c;}
.chipuo {width:100%; padding:120px 10%; text-align:center;}
.requisiti {padding-top:50px;}
.requisiti .icona {text-align:center!important;}
.requisiti .icona img {width:100%; max-width:200px;}
.requisiti p {font-size:16px; line-height:18px;}
.divieti {padding:0px 10%; position:relative;}
.icona-tempo {width:164px; height:164px; position:absolute; top:50%; left:50%; margin-left:-82px; margin-top:-82px; background: url("../images/icona-time.png") no-repeat center center / cover;}
.divieti .text {background-color:#e7242c; color:#fff; padding:100px;}
.divieti .elenco {background-color:#e5e5e5; padding:100px;}
.comedonare {width:100%; padding:120px 10%; text-align:center;}
.comedonare h3 {color:#e7242c;}
.step {text-align:left; margin:40px 0px;}
.icona-step {width:20%; float:left; padding-right:2%;}
.icona-step img {width:100%; max-width:190px;}
.descrizone-step {width:80%; float:left; font-size:14px; line-height:16px; padding:30px 0px;}
.tipologia {padding:0px 2%; margin-bottom:30px;}

/* EVENTI */
.comments-area {display:none;}
.luogo-evento-IN {font-size:20px; line-height:24px; color:#0f72b8; margin-bottom:30px;}
.data-evento-IN {font-size:20px; line-height:24px; color:#0f72b8; margin-bottom:10px;}
.blocco-evento {padding:0px 2%; margin-bottom:50px;}
.thumb-evento {width:100%; height:300px; margin-bottom:20px; position:relative;}
.titolo-evento {font-size:24px; line-height:26px; text-transform:uppercase; color:#e7242c; font-weight:700; }
.luogo-evento {text-transform:uppercase; font-size:16px; color:#898989; margin:5px 0px;}
.data-evento {color:#0f72b8; font-size:16px;}
.btn-scopri {color:#000; text-transform:uppercase; font-size:16px; margin-top:10px;}
.btn-scopri span {color:#e7242c;}
#content-flex {display:flex; justify-content: space-between; flex-wrap: wrap;}
/* .data-evento {position:absolute; top:0px; left:0pc; background-color:#0f72b8; padding:10px; color:#fff; font-weight:700; font-size:20px;} */

/* NEWS */
.post-navigation {display:none;}


@media (max-width: 1200px) {
    .col-3 {width:50%;}
    .col-4 {width:50%;}
    .col-66 {width:50%;}
    .info-foot {margin-bottom:35px;}
    .main-navigation {font-size:14px;}

}

@media (max-width: 909px) {
    .header-main {padding:25px 5%;}
    h3 {font-size:40px; line-height:35px; padding-bottom:20px;}
    h5 {font-size:20px; line-height:24px;}
    .col-2 {width:100%; float:none;}
    .col-3 {width:100%; float:none;}
    .col-4 {width:100%; float:none;}
    .col-66 {width:100%; float:none;}
    .btn {font-size:18px; margin-top:40px;}
    .inputLeft {width:100%; float:none;}
    .inputRight {width:100%; float:none;}
    .main-navigation li {border-top: none;}
    .main-navigation a {padding:20px 0px; color:#898989; line-height:34px;}
    .main-navigation .primary-menu {border-bottom: none;}
    .menu button {background-color:#0070bb!important; border-radius:0px!important;}


    /* HEADER */
    .top-header {padding:10px 5%; text-align:center;}
    .logo {float:left; width:50%;}
    .desk {display:none;}
    #trigger-overlay {display:block;}
    .content-header {height:auto; padding-top:15%;}
    .content-title {float:none; width:90%; background-image:none; background-color: rgba(15, 114, 184, 0.9); padding:30px 5%; text-align:center; margin:0px 5%; top:30%;}
    .content-title h2 {font-size:40px; line-height:35px;}
    .content-title h1 {font-size:16px; line-height:18px;}

    /* FOOTER */
    .footer-main {padding:50px 5% 20px 5%; background-size:70px 60px; text-align:center; font-size:16px; line-height:20px;}
    .footer-info {width:100%;}
    .credits {width:100%; margin-top:20px; text-align:center;}

    /* CONTATTI */
    .set-recapiti {text-align:center; padding:50px 5%;}
    .mappa {height:350px;}

    /* PAGINA CHI SIAMO */
    .about-avis {padding:50px 5%;}
    .storia {margin-bottom:50px;}
    .storia h3 {margin-bottom:0px;}
    .organisociali {padding:50px 5%;}
    .resp-tab-content {padding:20px!important;}
    .tabconsigli td {display:inline-table; width:100%; padding:0px 10px;}

    /* PAGINA DONAZIONE */
    .divieti {padding:0px 5%; text-align:center;}
    .icona-tempo {top:30px; width:100px; height:100px; margin-left:-50px;}
    .divieti .text {padding: 70px 5% 20px 5%;}
    .divieti .elenco {padding:5%;}
    .introdonazione {padding:50px 5% 0px 5%;}
    .comedonare {padding:50px 5%;}

    /* GALLERY */
    .content-main {padding:50px 5%;}

}


@media (max-width: 767px) {
    h3 {font-size:30px; line-height:25px; padding-bottom:20px;}
    p {font-size:16px; line-height:20px;}

    /* HEADER */
    .content-title h2 {font-size:30px; line-height:25px;}

    /* CONTATTI */
    .mappa {height:250px;}

    /* PAGINA DONAZIONE */
    .step {text-align:center; margin:20px 0px;}
    .icona-step {width:100%; float:none; padding-right:0%;}
    .descrizone-step {width:100%; float:none; font-size:12px; line-height:14px;}

    /* EVENTI */
    .thumb-evento {height:250px;}
}


@media (max-width: 480px) {

}