/*
Theme Name: 	Rubagotti Giardini
Description: 	Responsive WordPress Theme based on Boostrap and Font Awesome Woocommerce ready.
Version:     	1.0
Author:     	Andrea Webmaster
Author URI:   	http://www.baroniosrl.com
Site:         	http://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 */
/* ------------------------------------------------------------------------- */

/* Typography */
body{
  font-size: 15px;
  line-height: 22px;
  font-family: 'Red Hat Display', sans-serif;
  -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;
  background: #c9c9c9 url('img/sfondo-body.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;

}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 1340px;
  background:#fff;
  padding-left: 25px;
  padding-right: 25px;
}

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

h1 {font-size: 32px; font-weight: bold; margin-bottom: 25px;}
h2 {font-size: 28px; }
h3, h4 {font-size: 20px; }

/* Link color */
a{ color: #419864;  text-decoration: none;}
a:focus, a:hover { color: #32754d; }


/*header,*/
/*main,*/
/*article,*/
aside,
section,
footer{ margin-bottom: 20px;padding: 20px}


main {padding: 20px}
main.container {padding-left: 50px; padding-right: 50px;}

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

/* 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-area{ background: #fff; }

.header{ position: relative; min-height: 140px; }
.header.bg-light{ background-color: transparent !important; }


.logo_area { padding-bottom: 2px; padding-left: 10px; }
.logo_area .navbar-brand{margin: 0;padding: 0;}

.header img.logo-az { z-index: 1; }

/* fb icon */
.slogan {
  font-size: 27px;
  letter-spacing: 2px;
  position: absolute;
  right: 20px;
  top: 40px;
  font-weight: bold;
}

.slogan .fab {color: #4b6fa9; }


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Navbar */
/* --------------------------------------------------------------------------------------------------------------------------- */

.navbar { padding: 0; }
.nav-link { display: block; padding: .1rem 1rem; }
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.1rem; padding-left: 1.1rem; }


/* Menu */
.main-menu{ }

.main-menu ul{
	position: absolute;
	top: 92px;
	right: 0;
}

.main-menu ul li a{ font-family: 'Red Hat Display', sans-serif; }

.navbar-light .navbar-nav .nav-link { color: #4b4b4b; }
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link{ color: #787878; }

.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	background-color: #4fb97b;
}


/* ------------------------------------------------------------------------- *
/* ! 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 */
/* ------------------------------------------------------------------------- */
section.slide{
  margin-bottom: 0;
  padding: 0;
}

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

/* immagine evidenza home page*/
.img-home {
  border-radius: 3px;
  max-width: 280px;
  float: right;
  margin-left: 30px;
}


/* Servizi home */
.servi_home {padding: 50px 0; clear: both;}

.servi_home .serv {
  border: 1px solid #dedede;
  border-radius: 4px;
  border-top-right-radius: 3px;
  margin-bottom: 30px;


}
.servi_home .serv img{ border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 1px solid #dedede; }

.servi_home .serv .serv-body { padding: 10px;}
.servi_home .serv .serv-body h5 a {color: #222; font-size: 16px;}





/* ------------------------------------------------------------------------- *
/* ! Single */
/* ------------------------------------------------------------------------- */

.img-dx {
	float: right;
	margin: 0 0 25px 25px;
	max-width: 430px;
	border-radius: 5px;
}



/* ------------------------------------------------------------------------- *
/* ! Sidebar */
/* ------------------------------------------------------------------------- */
.menu {padding: 20px 0 20px 20px;}

.menu h4 {margin-top: 13px;}

.menu ul {padding: 0 0 0 15px; margin: 0;}
.menu ul li a{}

.menu ul li.active a{color: #222;}
.menu ul li.active a:hover{color: #222; text-decoration: none;}



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

.footer {
	padding: 20px;
	color: #fff;
	background: #4fb97b;
}

.footer a{color: #fff;}

.footer__logo{background: #fff; width:100px; height: auto;}
.footer__menu {list-style-type: none;padding: 10px;}
.footer__menu li{display: inline-block;}
.footer__menu li a{padding: 10px;}

/* 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) {

}


@media (min-width:992px) {

  .col-lg-3 {
  	-ms-flex: 0 0 18%;
  	flex: 0 0 18%;
  	max-width: 18%;
  }

  .col-lg-9 {
  	-ms-flex: 0 0 82%;
  	flex: 0 0 82%;
  	max-width: 82%;
  }

}




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

@media (max-width: 998px) {

  .img-dx {
  	float: none;
  	margin: 0 0 25px 0;
  	max-width: 100%;
  	border-radius: 5px;
  }

}

@media (max-width: 990px) {

  .main-menu ul { position: static; }
  .logo_area {width: 100%; margin-top:25px;}

  .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;

  }

  .navbar-light .navbar-nav .nav-link { color: #666; }

  /* TASTO APRI MENU RESPONSIVE */
  .navbar-light .navbar-toggler { border-color: rgba(255, 255, 255, 0.5); }
  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }


  .header img.logo-az{
    position: static;
  }

  .navbar-brand {
    margin-right: 0;
    margin: 0 auto 10px auto;
  }

  .slogan {

  }





  /* TASTO APRI MENU RESPONSIVE */
  .navbar-toggler { position: absolute; right: 20px;	top: 83px; }
  .navbar-light .navbar-toggler { border-color: rgba(0,0,0,.1); }
  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }

  /*MARGINE UL ESPLOSO RESPONSIVE*/
  .mt-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    text-align: center;
  }

  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link { background: #4fb97b; }


}

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

@media (max-width: 767px) {

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

}


@media (max-width: 530px) {

  .navbar-toggler { position: static; margin: 15px auto;}

  .slogan {
    position: inherit;
    right: 0;
    top: 0;
    width: 100%;
    text-align: center;
  }


}

@media (max-width: 381px) {

  .header-area{ background: #fff; }

}


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

/* img inserite responsive */
.img-res img{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; }