/*
Theme Name:   Sweet Baby Photography
Theme URI:    https://www.maurosiniscalchi.it
Description:  Tema personalizzato
Author:       Mauro Siniscalchi
Author URI:   https://www.maurosiniscalchi.it
Template:     kale
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html

/* == Add your own styles below this line ==
--------------------------------------------*/

body {
  font-family: 'Montserrat', sans-serif;
  color: #545454;
  font-size: 13px;
}

hr{
  border-top-color:#E4E4E4;
  margin:35px 0
}

h1.entry-title{
  font-size: 20px;
  text-align: center;
}

h2.subtitle{
  font-size: 13px;
  text-transform: none;
}

p {
  font-family: 'Montserrat';
  font-size: 15px;
  line-height: 1.6;
}

/* --- Nav --- */
.navbar-nav{float:none}
.navbar-nav > li{display:inline-block;float:none}
.navbar-nav > li > a{font-size:11px;padding:23px 23px;letter-spacing:2px}
.navbar-nav > li.search.open > a:focus,
.navbar-nav > li.search.open > a:hover,
.navbar-nav > li.search.open > a{background-color:#fff}

.dropdown-menu{border:1px solid #000;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.dropdown-menu>li>a{font-size:11px;letter-spacing:2px;padding:6px 20px}

.main_search{padding:0;border:0;background-color:transparent;left:80%;top:0;width:153px;min-width: inherit}
.main_search .form-control{border:0;height:66px;background-color:#fff;padding:12px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.navbar-default{margin:0;border:0;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;	border-left:0px;border-right:0px;background:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.navbar-default .navbar-collapse{text-align:center;}
.navbar-default .navbar-nav{display:inline-block}
.navbar-default .navbar-nav > li > a{color:#AAB4BF}

.navbar-default .navbar-nav > .current_page_item > a, .navbar-default .navbar-nav > .current_page_item > a:focus, .navbar-default .navbar-nav > .current_page_item > a:hover,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background-color:#f3f3f3;}

.navbar-header{text-align:center}
.navbar-toggle{float:none;margin-left:auto;margin-right:auto}

.navbar-default .navbar-toggle .icon-bar { background-color: #000; }
.navbar-default .navbar-toggle { border-color: #fff; color: black; }

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #f3f3f3; color:#000}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #B6EEFF;
}

/*.navbar-nav > li > a {
padding-left: 10px;
padding-right: 10px;
font-size: 10px;
letter-spacing: 1px;
}*/

.navbar-nav > li > a {
  color: #AAB4BF;	
}

.fa.fa-heart{
  color: #B6EEFF;
}

.fa.fa-heart.red{
  color: #FF9191;
}

.frontpage-slider .owl-nav div:before {
  color: #AAB4BF;
}

.frontpage-slider .owl-prev:before {
  content: "\f104";
}

.frontpage-slider .owl-next:before {
  content: "\f105";
}

.entry {
  margin-bottom: 35px;
  margin-left: 40px;
  margin-right: 40px;
}

.footer-text {
  text-align: center;
  margin-bottom: 10px;
}

.footer-disclaimer {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}

/* MEDIA QUERIES
------------------------------------------------------------------------*/

@media (min-width: 768px) {
  body.custom-background .main-wrapper{width:820px}
}
@media (min-width: 992px) {
  body.custom-background .main-wrapper{width:1040px}
}
@media (min-width: 1360px) {
  body.custom-background .main-wrapper{width:1290px}
}
@media (min-width: 1500px) {
  body.custom-background .main-wrapper{width:1350px}
}
@media (min-width:1200px) and (max-width:1360px){
  body.custom-background .main-wrapper{width:1170px}
}
@media (min-width:991px) and (max-width:1080px){
  body.custom-background .main-wrapper{width:970px}
}
@media (min-width:768px) and (max-width:880px){
  body.custom-background .main-wrapper{width:750px}
}
@media (max-width:767px){
  body.custom-background .main-wrapper{width:auto;margin-left:15px;margin-right:15px}
  .logo .header-logo-text{line-height:30px;font-size:30px;}
}
@media (min-width: 1500px) {
  .container {width: 1230px;}
  .main_search{width:183px}
}
@media (min-width:1200px) and (max-width:1360px){
  .frontpage-slider .owl-prev{left:25px}
  .frontpage-slider .owl-next{right:25px}
}
@media (max-width:1259px){
}
@media (max-width:1199px){
}
@media (min-width:992px) and (max-width:1199px){
  .navbar-nav > li > a{padding-left:15px;padding-right:15px;font-size:10px;letter-spacing:1px}
  .navbar-nav .dropdown-menu > li > a{font-size:10px;letter-spacing:1px}
  .main_search{width:130px}
}
@media (min-width:991px) and (max-width:1080px){
  .frontpage-slider .owl-prev{left:25px}
  .frontpage-slider .owl-next{right:25px}
}
@media (max-width:991px){
  .frontpage-slider .caption .date{font-size:14px}
  .frontpage-banner .caption h2,
  .frontpage-slider .caption h2{font-size:30px;padding-bottom:15px;margin-bottom:20px}
  .footer-widgets .widget-title{margin-bottom:20px}
}
@media (min-width:768px) and (max-width:991px){
  .navbar-nav > li > a{padding-left:10px;padding-right:10px;font-size:10px;letter-spacing:1px;}
  .main_search{width:96px}
  .navbar-nav .dropdown-menu > li > a{font-size:10px;letter-spacing:1px}
}
@media (max-width:880px){
  .frontpage-slider .owl-nav div{bottom:-20px;top:auto;margin:0}
  .frontpage-slider .owl-prev{left:auto;right:25px}
  .frontpage-slider .owl-next{right:0}
}
@media (max-width:767px){
  .header{padding-top:0}
  .header-row-1{max-height:0;margin:0;overflow:hidden;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
  .header-row-1.open{max-height:300px}
  .header-row-1 .widget {margin-bottom:0px}

  .header-row-1-left .menu-social-container {text-align:center;padding:15px 0;border-bottom:1px solid #545454;margin-bottom:10px}

  .header-row-1-right .widget_nav_menu .menu{float:none;padding-bottom:15px}
  .header-row-1-right .widget_nav_menu .menu > li{display:block;padding:5px 0;text-align:center}

  .header-row-2{margin-bottom:20px}
  .header-row-3{margin-bottom:25px}
  .header-row-1-toggle{display:block}

  .navbar-default .navbar-collapse{border-color:#000;text-align:left}
  .navbar-default .navbar-nav{display:block}
  .navbar-nav > li{display:block}
  .navbar-nav > li>a{padding:10px 15px}
  .navbar-nav > li.search{border-top:1px solid #000;padding-top:7.5px}
  .navbar-nav > li.search > a{color:#545454;position:absolute;right:0;top:7.5px}
  .main_search{display: block;float: none;left: 0;position: static;width: auto;}
  .main_search .form-control{height:40px;padding-left:15px;padding-right:15px}

  .frontpage-slider .caption .date{font-size:12px}
  .frontpage-banner .caption h2,
  .frontpage-slider .caption h2{font-size:22px;padding-bottom:10px;margin-bottom:15px}

  .frontpage-large-post .entry-summary { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }

}
@media (max-width:480px){
  .frontpage-banner .caption,
  .frontpage-slider .caption {font-size:10px}
  .frontpage-slider .caption .date{font-size:10px;margin-bottom:5px;display:none}
  .frontpage-banner .caption h2,
  .frontpage-slider .caption h2{font-size:16px;padding-bottom:10px;margin-bottom:10px}
  .pagination-post a,
  .pagination-blog-feed a{font-size:10px}
  .block-title{font-size:14px}

  .widget-title,
  h4.form-label,
  .entry-title{font-size:12px}
  .comment-body > .comment-meta{float:none;width:auto}
  .comment-body > .reply,.comment-body > .comment-content{margin-left:0;padding-left:0;}
  .comment-list .children{margin-left:0}
}

/* round images */

.s_container {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #b6eeff;
  border-radius: 50%;
}

.s_container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}