/*
Theme Name: 	Sergio Lana Società Cooperativa Sociale ONLUS
Description: 	Responsive WordPress Theme based on Boostrap and Font Awesome Woocommerce ready.
Version:     	1.0
Author:     	Webmaster
Author URI:   https://www.baroniosrl.com
Site:         https://www.baroniosrl.com
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 */
/* ------------------------------------------------------------------------- */



.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1240px;
  background: #fff;
}

.bg-success { background-color: #0c6235 !important; }


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


  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background: #ededed;


}

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

h1{ font-size: 35px; font-weight: bold; }
h2{ font-size: 25px; }
h5{ font-size: 16px; font-weight: bold; color: #3d3d3d;}

/* Link color */
a{ color: #e00a14;  text-decoration: none;}
a:focus, a:hover { color: #E05039; }

/*attachments*/
.attachments {}
.attachments i {font-size: 20px;}


/*image page and single*/
.img-res-dx {
	max-width: 500px;
	height: auto;
	float: right;
	margin: 0 0 15px 15px;
  border-radius: 5px;
}

.img-res-dx--single{
  max-width: 350px;
}


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


/* Colors to show structure */
/*header{border: 1px solid red;}*/
/*main{border: 1px solid blue}*/
/*article{border: 1px solid blue;}*/
/*aside{border: 1px solid red;}*/
/*section{border: 1px solid blue;}*/
/*footer{border: 1px solid red;}*/

.main-content{ flex: 1;}


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

.header{ background: #fff; }


.header-top{ padding: 5px 15px; }
.header-top .logo-area{ position: relative; float: left; width: 390px; }
.header-top img.logo-az{}


.header-top .right-section{ float: right; padding-top: 45px; }
.header-top .right-section p {margin-bottom: 0;}
.header-top .right-section p a{color: #666666;}
.header-top .right-section p a:hover{color: #838383; text-decoration: none;}
.header-top .right-section p.fb{ text-align: right; margin-bottom: 10px; }
.fb i{font-size: 25px; color: #3c5a99;}


.navbar-area button{ margin: 0 0 0 auto;}

/* ------------------------------------------------------------------------- *
/* ! 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;}






/* ------------------------------------------------------------------------- *
/* ! Front page */
/* ------------------------------------------------------------------------- */

/* Banner */
.carousel,
.carousel-inner,
.carousel-item { min-height: 415px; padding: 0;}


/* Page article */
.main-content article{
  margin-bottom: 0;
}




/* ------------------------------------------------------------------------- *
/* ! Sidebar */
/* ------------------------------------------------------------------------- */
.products-list ul {padding-left: 15px;}
.products-list ul li a {color: #3d3d3d;}
.products-list ul li.active a {color: #e00a14;}


/* ------------------------------------------------------------------------- *
/* ! Footer */
/* ------------------------------------------------------------------------- */

.footer{
  background-color: #6f6f6f;
  padding: 20px;
  color: #fff;
}

.footer a{ color: #fff; 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) {

  /*menu responsive*/
  .navbar-area ul li:first-child{ margin-top: 10px; }
  .navbar-area ul li{text-align: right; padding-right: 15px;}
  .navbar-area ul li:hover{background: rgba(255, 255, 255, 0.2);}

  /*image page and single*/
  .img-res-dx {
  	max-width: none;
  	width: 100%;
  	margin: 0 0 20px 0;
  }



}

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

@media (max-width: 767px) {

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

  /* Header */
  .header-top .logo-area{
    float: none;
    width: 100%;
    text-align: center;
  }

  .header-top .logo-area h5 {
    position: relative;
    right: 0;
    bottom: 0;
    text-align: center;
  }

  .header-top .right-section{
    float: none;
    padding-top: 0;
    width: 100%;
    text-align: center;

  }

  .header-top .right-section p.fb {
    text-align: center;
    margin-bottom: 10px;
  }

  .header-top .right-section p {
    text-align: center;
    margin-bottom: 10px;
  }

}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* 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; }