/*
Theme Name: 	Volotari della Carità Calvisano
Description: 	Responsive WordPress Theme based on Boostrap and Font Awesome 4.7 Woocommerce ready.
Version:     	1.0
Author:     	Andrea Webmaster
Author URI:   	http://www.sotech.srl
Site:         	http://www.sotech.srl
Text Domain: 	nakedpress
Domain Path: 	/languages
Tags:        	grid-layout, blog, custom-menu, featured-images, right-sidebar
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


body, html { margin: 0; padding: 0; height: 100%;}
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000;}


/* ------------------------------------------------------------------------- *
/* ! Base */
/* ------------------------------------------------------------------------- */

/* Typography */
body{display: flex; height: 100vh; flex-direction: column; font-size: 15px; line-height: 22px; font-family: 'Montserrat'; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

/* Title color */
h1, h2, h3, h4, h5, h6 {color: #222; }

.title{font-size: 30px; font-weight: bold;}

@media (max-width: 540px) {
	.title{font-size: 25px;}
}


/* Link color */
a{ color: #222;  text-decoration: underline;}
a:focus, a:hover { color: #0020c8; }


/*PDF link*/
.pdf{ position: relative; padding: 6px 0 10px 0;}
.pdf a{color: #f42c33; text-decoration: none; padding-left: 35px;}
.pdf a:hover{text-decoration: underline;}

.pdf a::before{
	content: ' ';
	width: 28px;
	height: 30px;
	background: url(img/ico-pdf.png);
	position: absolute;
	top: 0;
	left: 0;
}


.bg-warning {	background-color: #fffcd6 !important; }


aside{ margin-bottom: 20px;padding: 20px}


/* Colors to show structure */



aside{border: 1px solid red;}


.main-content {
	flex: 1;
}

/* Two columns index.php layout */
/*
@media (min-width: 900px) {
  .container { display: flex; flex-wrap: wrap; }
  .container main{ flex: 2.5; }
  .container aside { flex: 1; }
}
*/


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Header */
/* --------------------------------------------------------------------------------------------------------------------------- */

header{background: #fffcd6;}

.loghi-area{background: url('img/sf-header.gif'); padding: 10px 35px 0 35px; }

.main-menu{position: relative;}
.main-menu a {text-decoration: none; }
.main-menu ul li{text-align: center;}


.social i{font-size: 20px; color: #3467a8;}

@media (max-width: 768px) {
	.social { display: block; width: 100%; text-align: center; padding-top: 10px;	}
}

@media (max-width: 414px) {
	.logo-ordine-comm {margin: 20px auto;}
}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Slider Home */
/* --------------------------------------------------------------------------------------------------------------------------- */

.carousel,
.carousel-inner,
.carousel-item { height: 500px; padding: 0;}

.carousel-caption h3{font-size: 40px; font-weight: bold; color: #fff;}

@media (max-width: 540px) {
	.carousel-caption h3{font-size: 30px;}
}


/* ------------------------------------------------------------------------- *
/* ! Modules */
/* ------------------------------------------------------------------------- */

.cover{padding: 50px 20px; text-align: center;position: relative;}
.cover:before { content : ''; position : absolute; top : 0; left : 0; bottom : 0; right : 0; background-color : #000000; opacity : 0.5; z-index : 0; }
.cover h1,
.cover h2{color:#fff;z-index: 1;position: relative;}



/* ------------------------------------------------------------------------- *
/* ! Index */
/* ------------------------------------------------------------------------- */

/* Home Title */
.home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}


/* ------------------------------------------------------------------------- *
/* ! Contatti */
/* ------------------------------------------------------------------------- */
.contatti iframe{width: 100%;height: 400px;}

@media (max-width: 540px) {
	.contatti iframe{height: 300px;}
}


.immagine-evidenza{text-align: center; margin-top: 30px;}

/* ------------------------------------------------------------------------- *
/* ! Sidebar */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- *
/* ! Footer */
/* ------------------------------------------------------------------------- */
.footer{background: #482811; color:#fff; font-size: 14px;}
.footer a{color: #fff; text-decoration: none;}
.footer a:hover{text-decoration: underline;}

/* Privacy Banner (footer) */

#cookieChoiceInfo{bottom:0px!important;top:auto!important; padding: 15px!important; text-align: left!important;background-color: #222!important; color:#fff; font-size: 16px;}
#cookieChoiceInfo a{background: #333; text-decoration: none; font-weight: bold;color:#fff; padding: 4px 8px; border-radius: 3px; margin: 5px!important }
#cookieChoiceInfo #cookieChoiceDismiss{background: #444;}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Responsive */
/* --------------------------------------------------------------------------------------------------------------------------- */


/* ----------------------------- */
/* ! -- Desktop */
/* ----------------------------- */
@media (min-width: 1023px) {

}


/* ----------------------------- */
/* ! -- Tablet */
/* ----------------------------- */

@media (max-width: 998px) {

}

/* ----------------------------- */
/* ! -- Smarthphone */
/* ----------------------------- */

@media (max-width: 767px) {

  body.admin-bar .navbar-fixed-top { top: 42px;}

}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* WordPress Default Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Pagination */
.pagination { margin: 40px 0 40px 0; padding: 0; width: 100%; }
.pagination span,
.pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #ddd; }

/* Gallery */
.gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%;margin:10px 0 0 0;}

/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }

/* img responsive */
.img-res{width: 100%;height: auto;}

/* video responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Table */
table {border-collapse: collapse;margin: 40px 0; width:100%;}
table, th, td {border: 1px solid #ddd;padding:10px; font-size: 18px;text-transform: capitalize;}
table  tr:first-child td {font-weight: 900; text-transform: uppercase; background: #eee; padding:12px 8px;}

/* Image Caption */
.wp-caption { margin-top: 1.5rem;margin-bottom: 0px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

/* Stiky */
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #ddd; }

/* Search */
.search-form {background: #eee;}
.search-form input[type=text]{ width: 80%; color: #333; }
.search-form button{float:right;padding:10px 15px 0 0;border: none; background: none;padding: 11px;}

/* Contact Form 7 */
.wpcf7 label{width:100%}

/* Comments */
.comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }

ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { /* background: #f9f9f9; */  }
ol.commentlist li.parent { border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}

input[type=text],
input[type=email] { width: 98%;margin-right: 10px; padding: 10px; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;font-size: 14px;}
textarea { padding: 10px; width: 98%; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;font-size: 14px;}
input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #333; border:none; font-size: 14px;}
#comments { width: 100%; }

/* Calendar Widget */
#wp-calendar { width: 100%; }
#wp-calendar a { padding: 0; border: none; }
#wp-calendar caption,
.screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; }
#wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; }
