/*
Theme Name:     Gesuati
Description:    Tema per sito Web WordPress di Santa Maria del Rosario detta i Gesuati
Author:         Stefano Barina
Author URI: http://gesuati.it/
Template:       wp-bootstrap-starter
Version:        1.0.0
*/

@charset "utf-8";
/* CSS Document */


body,html {height: 100%; padding:0; background-color:#dbdbee; padding-top: 3rem; padding-bottom: 30rem; margin-bottom: 30rem;}
body, input, select, textarea { font-family: Lato, sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.65; }

/* .container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100em;  }

.footer, .push { height: 100em;  } */

a {color: #1e4097; text-decoration: none; background-color: transparent;}
a:hover { color: #0056b3; text-decoration: underline;}
.pic {font-size: 0.7rem; line-height: 1rem; text-transform:uppercase; }

nav{font-size: 0.8rem;   text-transform:uppercase; }
nav a {color: #213446; text-decoration: none; }
nav a:hover {font-weight: 600;  color:#1e4097; text-decoration: none; }

strong, b { font-weight: 600; }
em, i { font-style: italic; }


#language{ display: block; height: 4.8rem; background: url(../../img/head1.png) top repeat-x #e6f6f6; background-size:cover; background-size:100% 100%; position:relative;
font-family: Lato, sans-serif;  font-weight: 600; font-size:0.8rem; color:#ffffff; text-transform:uppercase; visibility: visible;  margin-top: 0;   margin-bottom:2rem;}

#logo {text-align:center; margin: 0 auto 2rem auto;}
.navbar-collapse  {margin-left: 1rem;  padding-left: 2rem;}
#navi {display: block; height: 4.8rem; background-color:#213446; font-family: Lato, sans-serif;  font-size:0.8rem; color:#ffffff; visibility: visible;  margin-bottom:2rem; padding-left: 1rem;}
.nav-link { color:#ffffff; }
.dropdown-item {font-family:Lato, sans-serif;  color:#ffffff; font-size:0.8rem;  background: url(../../img/head.png) top repeat-x #e6f6f6; background-color:#213446;  padding:1rem;}
.langu {font-size:0.8rem; }

.bred {width: 100%; border-top: double 0.3rem #1e4097;}

section { display: -webkit-box; display: -moz-box; display: -ms-flexbox;  display: -webkit-flex; display: flex; justify-content: center;  -webkit-flex-wrap: wrap; /* Safari 6.1+ */  flex-wrap: wrap; }
.art { width: 90%;  margin right:1rem; }

main { width: 100%; min-height: calc(100vh - 21rem); }

#main_content { width: 95%;  padding-bottom: 10rem; margin: 1rem auto;  }
#main_contenta { width: 100%;}
.btm { width:100%; margin-bottom: 3rem; }

.side {width:100%; margin-top: 8rem; margin-left: 3rem; font-size:0.8rem; }
.banner {margin:0; }
.banner img { width:100%; display: block;  max-width: 800px; margin: 0 auto; }

#news  { padding: 2rem; margin-bottom: 2rem;  }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel { margin-top: -3rem;  margin-bottom: 4rem; }
/* Since positioning the image, we need to help out the caption */
.carousel-caption { bottom: 3rem; z-index: 10; }

/* Declare heights because of positioning of img element */
.carousel-item { height: 32rem; background-color: #dbdbee; background-size: cover;}
.carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%;}

.col img { width:100%; min-width: 300px; margin: 0 auto; }

footer {display: block; height: 20rem; background-color:#213446; background-size:100% 100%; font-family: Lato,
sans-serif; font-size:0.8rem; color:#fff;  text-align: left; padding-top:2rem; margin-top:10rem;clear: both;}
footer a {color: #e6f6f6;}
footer a:hover {background-color: #e6f6f6;color:#213446; }


@media screen and (max-width: 736px) {
.navbar-collapse  {margin-left: 1rem;  background-color:#213446; padding-left: 2rem;}
col img { width:100%; min-width:220px; margin: 1rem auto; }
#main_content { width: 90%; }
.carousel-item { height: 10rem; background-color: #dbdbee; background-size: cover;}
}