/*-------------------------------------------------------*/
/* nn? Change navbar defaults section
/*-------------------------------------------------------*/

.navbar-default {
	background-color: #331c17;
	border-color: #593e1e;
}
.navbar-default .navbar-brand {
	color: #ffa419;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #f8ce00;
}
.navbar-default .navbar-text {
	color: #ffa419;
}
.navbar-default .navbar-nav > li > a {
	color: #ffa419;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #f8ce00;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #f8ce00;
	background-color: #593e1e;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #f8ce00;
	background-color: #593e1e;
}
.navbar-default .navbar-toggle {
	border-color: #593e1e;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #593e1e;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffa419;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #ffa419;
}
.navbar-default .navbar-link {
	color: #ffa419;
}
.navbar-default .navbar-link:hover {
	color: #f8ce00;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #ffa419;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #f8ce00;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #f8ce00;
		background-color: #593e1e;
	}
}


/*-------------------------------------------------------*/
/* nn? Change dropdown menu defaults > colors
/*-------------------------------------------------------*/


.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #331C17; /* default #fff */
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc; /* default #ccc */
  border: 1px solid rgba(244, 197, 14, .15); /* default rgba(0, 0, 0, .15) */
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #f8ce00;  /* default: #e5e5e5 */
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #ffa419; /* default: #333 */
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626; /* default: #262626 */
  text-decoration: none;
  background-color: #f8ce00; /* default: #f5f5f5 */
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #f8ce00; /* default: #fff */
  text-decoration: none;
  background-color: #337ab7; /* default: #337ab7 */
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777; /* default: #777 */
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}



/*-------------------------------------------------------*/
/* nn? Body section
/*-------------------------------------------------------*/

html, body {
	height: 100%;
}

body {
	/*height: 100%;*/
	width: 100%;
	position: absolute;
	padding-top: 70px;
}


/*-------------------------------------------------------*/
/* nn? Header section
/*-------------------------------------------------------*/

.page-header {
	height: 100%;
	border-bottom: 0;
}


.main-image {
	margin-top: -70px;
	height: 100%;
	width: 100%;
	position: relative;
	background: url(../img/backgrounds/arranjo.jpg) no-repeat center center;
	/*background: url(../img/backgrounds/svalentim-hero.jpg) no-repeat center center; /* s. valentin */
	background-size: cover;
}

.alert {
  	line-height: 30px;
  	font-size: 20px;
}


/*-------------------------------------------------------*/
/* nn? Navbar section
/*-------------------------------------------------------*/


.nav-bar {
	margin-bottom: 0 !important;
	border: 0;
}

/*.nav {
	height: 65px;
}*/

/*.navbar-brand {
	padding-top: 8px;
}*/


.navbar-logo {
	padding: 0 5px 5px 5px;
	background-color: #331C17;
	border-radius: 5px;
}


/*-------------------------------------------------------*/
/* nn? Home page
/*-------------------------------------------------------*/


.torta-description {
	margin-top: 3.5rem;
	margin-left: 17px;
	margin-right: 17px;
	background-color: #F28532; /*331C17*/
	opacity: 0.9;
	filter: alpha(opacity=60);
	border-radius: 10px;
}

.torta-description p {
	/*font-size: 30px;*/
	/*background-color: #331C17;*/
	/*opacity: 0.6;*/
	color: #331C17; /* #F28532 */
	line-height: 3.5rem;
	/*font-weight: 300;*/
	/*opacity: 1.0;*/
	padding-left: 12px;
	padding-top: 12px;
}

.horario {
	margin-top: 3.5rem;
	margin-left: 17px;
	margin-right: 17px;
	background-color: #F28532; /*331C17*/
	opacity: 0.9;
	filter: alpha(opacity=60);
	border-radius: 10px;
}

.horario p {
	line-height: 2.5rem;
	padding-left: 12px;
	padding-top: 12px;
	font-size: 21px;
}

/*-------------------------------------------------------*/
/* nn? Covid
/*-------------------------------------------------------*/

.covid {
	background-color: #07ab33;
	border-radius: 10px;
	margin-top: 3.5rem;
	margin-bottom: 3.5rem;
	margin-left: 17px;
	margin-right: 17px;
}

.covid h1, a {
	color: white;
	line-height: 4.0rem;
	padding-left: 12px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
}


/*-------------------------------------------------------*/
/* nn? Special info
/*-------------------------------------------------------*/
.special-info {
	/* background-color: #a0ab07; */
	background-color: #f2bf32; /*331C17*/
	border-radius: 10px;
	margin-top: 3.5rem;
	margin-bottom: 3.5rem;
	margin-left: 17px;
	margin-right: 17px;
}

.special-info h2, a {
	/* color: white; */
	color: #331C17;
	line-height: 4.0rem;
	padding-left: 12px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
}


/*-------------------------------------------------------*/
/* nn? Google Maps section
/*-------------------------------------------------------*/

.google-maps {
	/*height: 50%;*/
	position: relative;
	padding-bottom: 70%;
	height: 0;
	overflow: hidden;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 90% !important;
	height: 100% !important;
}



/*-------------------------------------------------------*/
/* nn? Footer section
/*-------------------------------------------------------*/

footer {
	/*height: 200px;*/
	/*background-color: #3B100A;*/
	background-color: #311C17;
  padding: 100px 0 100px 0;
}

.main-footer {
	padding: 100px 0 100px 0;
}

.copyright {
	margin-top: 20px;
	opacity: .8;
	font-size: .9em;
	color: #fff;
  /*margin: 20px auto 20px auto;*/
}

.footer-logo {
  /*margin: auto;*/
}


/*-------------------------------------------------------*/
/* nn? Thumbnail
/*-------------------------------------------------------*/


.cake-thumbnail {
	/*position: right;*/
	float: left;
	width: 100%;
	height: 90%;
	/*background-position: 50% 50%;*/
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	overflow: auto;
}

/*.thumbnail img {
	height: auto;
}*/

/*-------------------------------------------------------*/
/* nn? Cake Design
/*-------------------------------------------------------*/

#cake-design {
	/*margin-top: 100px;*/
}

#cake-design .img-responsive:hover {
	border: 1px solid #331C17;
	/*border-color: #331C17;*/
}

#cake-design h2 {
	color: #F28532;
}


/*-------------------------------------------------------*/
/* nn? Cakes Gallery
/*-------------------------------------------------------*/

.cakes-gallery h1 {
	margin-top: 100px;
	color: #F28532;
}

.last-chevron {
	padding-bottom: 20px;
	color: #F28532
}

/*-------------------------------------------------------*/
/* nn? Photos Galleries
/*-------------------------------------------------------*/

.gallery h1 {
	color: #F28532;
}




/*-------------------------------------------------------*/
/* nn? Valetine button
/*-------------------------------------------------------*/

.btn-valentine {
	margin-top: 3.5rem;
}

.btn-valentine .btn {
	font-family: "Fiolex Girls";
	font-size: 60px;
}

.btn-danger {
	background-color: #C08A9A;
	/*background-color: #FFF7FE;*/
    /*background-color: #cd1227;*/
	/*background-color: #c9302c;*/
	border-color: #C08A9A;
}

.btn-danger:hover {
	/*background-color: #cd1227;*/
	background-color: #A67786;
	border-color: #A67786;
}

/*-------------------------------------------------------*/
/* nn? Media Queries
/*-------------------------------------------------------*/

/* Desktop */

@media (max-width: 767px) {
    
    .btn-valentine .btn {
        font-size: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    
    .btn-valentine .btn {
        font-size: 50px;
    }
}

/*@media (max-width: 1400px) and (min-width: 992px) {
    
    .btn-valentine .btn {
        font-size: 40px;
    }
}*/

@media screen and (min-width:600px) {

	.google-maps {
		padding-bottom: 40%;
	}
}