/*Custom code*/
html {
  /*scroll-behavior: smooth;*/
}
p{color: #000}
.search-form-listing{background: #fff; border-radius: 40px}

.serch-show-form{display: none;}
  #btn-seach-empty, #btn-seach-isset, #btn-close-form-search{display: none;}

.col-results-and-filter{
position: relative; display: inline-block;width: 49%; vertical-align: middle;
}
.avatar{position: relative; width: 100%; max-width: 50px; border-radius: 50%}
.listing-icons{position: relative; display: inline-block;width: 20px; height: 20px}
body{font-family: 'Quicksand', sans-serif;}
.main-content{padding-top: 40px}
.main-article{width: 100%; max-width: 800px; margin: 0 auto}

.block-text{position: relative;display:block;}
.block-text span{vertical-align: middle; display: inline-block; position: relative;}
.block-text-badge{vertical-align: middle; display: inline-block;border-radius: 20px; font-size: 14px;  position: relative;background: #27b4fc; color: #fff;
  padding: 2px 8px; }

.sticky-top {
      position: -webkit-sticky;
      position: sticky;
      top: 15%;
      z-index: 1020;
      background-color: white; 
}

.badge-featured{position: absolute;left: 5%; top:5%; font-size: 12px; padding: 5px; border-radius: 20px; font-weight: bold; width: auto;z-index: 2; background: #27b4fc; color: #fff}

.modal-booking{display: block;}

.bold{font-weight: bold}

.notify-success{
  white-space: normal;
  padding: 10px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 15px;
  color: #27b4fc;
  border: 1px solid #27b4fc;
  font-weight: bold;  
  text-align: center;
  font-size: 14px
}
.notify-danger{
  white-space: normal;
  padding: 10px;
  line-height: 24px;
  border-radius: 4px;
  margin-bottom: 15px;
  color: #c31b1b;
  border: 1px solid  #c31b1b;
   font-weight: bold;  
  text-align: center;
  font-size: 14px
}
.btn-link{outline: none; text-decoration: none;}

.input-qtn {
            width: auto;
            text-align: center;
            
        }
.btn-qtn{padding: 5px; background: #27b4fc; color: #fff; border-radius: 50%;}
.btn-qtn:hover{background: #1a2e46; color: #fff; border-radius: 50%;}

/* bg Header Home */
.bg_image_header_home {
  position: relative;
  text-align: center;
 }
.bg_image_header_home::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.9;
  background: #fff;
  background-image: url(https://7thplaces.com/images/banner.jpg);
  background-size: cover;
  background-position: center;
  border-bottom-left-radius: 120px

}
.content_image_header_home {
  display: grid;
  place-content: center;
  text-align: center;
  min-height: 600px;
}
/* bg Header article */
.bg_image_header {
  position: relative;
  text-align: center;
 }
.bg_image_header::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.9;
  background: #fff;
  background-image: url(https://7thplaces.com/images/christian-hospitality.jpg);
  background-size: cover;
  background-position: center;
}
.content_image_header {
  display: grid;
  place-content: center;
  text-align: center;
  min-height: 350px;
  
}

.alert-info {
  background-color: #E3F0F6;
  border-color: #E3F0F6;
  color: #4f5962;
  font-weight: 600
}

.facilities_card{position: relative;display: inline-block;width: 18%;padding:0px; margin: 5px;text-align: center;}
.facilities_card img{position: relative; width: 70%;border-radius: 50%;opacity: 0.8}
#precoMin, #precoMax {
            position: relative;
            width: 50%;
            display: inline-block;
        }
.input-icon ion-icon {
    vertical-align: middle;
}

.card-listing{position: relative; width: 100% }
.card-listing img{ border-radius: 16px;height: 300px;}


.page-footer a{color: #122133; font-weight: 500; outline: none; text-decoration: none}
.logo{width: 100%; max-width: 160px;}
.logo-page{width: 100%; max-width: 160px;}
.logo-registration{width: 100%; max-width: 60px;}
footer{background: #27b4fc; color: #fff}
.navbar-light .navbar-nav .active>.nav-link.scrolled {
    color: red;
}
select::after{background: red}
.color-primary{color: #1a2e46} 
.color-danger{background: #dc5252}
.btn-primary-custom {
    display: inline-block;
    font-weight: 600;
    background: #1a2e46;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px #1a2e46;
    padding: 0.75rem 1.75rem;
        font-size: 1rem;
    line-height: 1.5;
    border-radius: 2rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-danger-custom {
    display: inline-block;
    font-weight: 600;
    background: #dc5252;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px #dc5252;
    padding: 0.75rem 1.75rem;
        font-size: 1rem;
    line-height: 1.5;
    border-radius: 2rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-danger-custom:hover {
    display: inline-block;
    font-weight: 600;
    background: #c94545;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px #c94545;
    padding: 0.75rem 1.75rem;
        font-size: 1rem;
    line-height: 1.5;
    border-radius: 2rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary-custom-outline {
    display: inline-block;
    font-weight: 600;
    background: #fff;
    color: #1a2e46;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #1a2e46;
    padding: 0.75rem 1.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-primary-custom-outline:hover {
    display: inline-block;
    font-weight: 600;
    background: #1a2e46;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #1a2e46;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.price{width: 100%; display: flex; font-size: 22px; font-weight: bold;}
.color-primary{color: #1a2e46}
.color-secondary{color: #27b4fc}

.btn-primary-custom:hover, .btn-primary-custom:active, .btn-primary-custom:visited, .btn-primary-custom:focus, .btn-primary-custom:active:focus {
    background-color: #27b4fc;
    border: #27b4fc
}
.btn-outline-custom {
    display: inline-block;
    font-weight: 600;
    background: #fff;
    color: #1a2e46;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
     border: 1px solid #ddd;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.08);
    padding: 0.75rem 1.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-outline-filter {
    display: inline-block;
    font-weight: 600;
    margin: 2px;
    background: #fff;
    color: #1a2e46;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    user-select: none;
     border: 1px solid #ddd;
   /* box-shadow: 0 3px 12px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.08);*/
    padding: 0.55rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.5;
    border-radius: 2rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-outline-filter:hover{
  border: 1px solid #27b4fc;

}
.highlight {
  background: #27b4fc;
  color: #fff;
  border: 1px solid #27b4fc;
}

.close{box-shadow: 0 3px 12px 0 rgba(0,0,0,0.3), 0 1px 2px 0 rgba(0,0,0,0.5);background: #ddd; left: 2%; border-radius: 50%; height: 35px; width: 35px; border:1px solid #000 ;}
.modal-header .close {
    padding: 0.6rem 0.6rem;
    margin: 0.05rem 0.05rem 0.05rem auto;
}

.search-border{border: 1px solid #ddd;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.08);}

.color-secondary{color: #27b4fc}

.btn-secondary-custom {
    display: inline-block;
    font-weight: 600;
    background: #27b4fc;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px #1a2e46;
    padding: 0.9rem 1.75rem;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 600;
    border-radius: 1.8rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-secondary-custom:hover, .btn-secondary-custom:active, .btn-secondary-custom:visited, .btn-secondary-custom:focus, .btn-secondary-custom:active:focus {
    background-color: #1a2e46;
    border: #1a2e46
}

.favorite-icon{position: relative; width: 100%}

.text-left-mobile{text-align:left; }

/* Input with icon */
 .input-icon {
      display: flex;
      align-items: center;
    font-weight: 600;
    background: #fff;
    color: #1a2e46;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #ddd;
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.08);
    padding: 0.75rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .input-icon ion-icon {
      margin-right: 5px;
      margin-left: 5px;
      color: #333;
    }
    .custom-input-icon {
      border: none;
      outline: none;
      width: 200px;
      font-size: 16px;
      padding-left: 8px
    }
/* Input with icon */

.modal-content{border-radius: 16px}
.card{border-radius: 14px}
.card-header{border: 0}
.card-body{padding-top: 0}
.footer-copyright{text-align: left;}
.terms{text-align: right;}
.card-title {font-weight: 600; }
.mobile-content{position: relative; display: none;}

#modal-menu{
	position: fixed; 
	display: none;
	width: 100%;
	height: 100%;
	left: 0;right: 0;
	top: 0;
	bottom: 0; 
	background: #fff; 
	padding: 15px;
	text-align: center;
	z-index: 9999
}
.link-apps{position: relative; display: inline-block; width: 100%; max-width: 160px}

/*about session*/
.about-session{background: #ebf7ff; border-top-left-radius: 100px}
.about-session img{background: #ebf7ff; border-top-left-radius: 80px; border-bottom-right-radius: 100px;width: 100%;}
.session-text{padding: 120px; margin: 0;background: #ebf7ff;border-bottom-right-radius: 100px;}

/*host-banner*/
.host-banner{border-radius: 60px}
.host-banner .container{padding:60px; border-radius: 20px;}
.host-banner-text{padding: 30px; background: #fff; border-radius: 40px;}

.card-border{text-align: center; padding: 5px 40px;}
.text-left-session{text-align: left;}
.text-right-session{text-align: right;}


/* Qnt guest*/

.counter {
    width: auto;
  
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.counter input {
    width: 50px;
    border: 0;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
   
    color: #1a2e46;
    appearance: none;
    outline: 0;
}
.counter span {
    display: block;
    font-size: 22px;
    width: 30px;
    text-align: center;
    height: 30px;
    border-radius: 50%;
    padding: 0px;
    cursor: pointer;

    color: #27b4fc;
}
.down:hover, .up:hover{background: #ddd}
/* Qnt guest*/


/*Boostrap changed*/
ul li{list-style: none}
a:link { 
  text-decoration: none; 
} 
a:visited { 
  text-decoration: none; 
} 
a:hover { 
  text-decoration: none; 
} 
a:active { 
  text-decoration: none; 
}


.badge{background: #1a2e46; color: #fff; font-weight: bold; padding: 4px; width: 20px; height: 20px; border-radius: 50%}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    margin-top: 0.9rem;
}
#accordion{cursor: pointer;}

.navbar-nav > li{
  margin-left:5px;
  margin-right:5px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1300px;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 2rem;
    line-height: 1;
    background-color: transparent;
    border: 0;
}
.full_modal-dialog {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  padding: 0 !important;
}
.full_modal-content {
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
}
.jumbotron {
    padding: 0;
    margin-bottom: 1rem;
    background: transparent;
}
.card-header{background: transparent;}


.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #27b4fc;
    background-color: #27b4fc;
}

.modal-content {
  height: 90vh; /* 90% da altura da tela */
}

.modal-body {
  overflow-y: auto; /* Adiciona barra de rolagem no conteúdo se necessário */
}
.modal-dialog{max-width: 700px}

.footer-booking {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      display: none;
      width: 100%;
      background-color: #f8f9fa; /* cor de fundo opcional */
      text-align: center;
      z-index: 999
    }
.area-report-listing-mobile, .area-share-listing-mobile{display: none;}
.header-booking-mobile{display: none;}
@media(max-width: 920px){
  .main-content{padding-top: 30px}
  h1{font-size: 1.8rem; font-weight: bold;}
  .jumbotron{text-align: center;}
	.navbar-collapse{background: #fff; border-radius: 12px; padding:15px;}
	.nav-link{color: #000}
	.mobile-content{display: block;}
	.terms{text-align: center;}
	.footer-copyright{text-align: center;}

  /*about-session */
  .about-session{border-top-left-radius: 100px;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;}
  .about-session img{border-top-left-radius: 80px; border-bottom-right-radius: 0px}
  .session-text{padding: 30px}
  .session-text p{text-align: justify;}

  /*host-banner*/
  .host-banner{border-radius: 60px}
  .host-banner .container{padding:30px; border-radius: 20px;}
  .host-banner-text{padding: 30px; background: #fff; border-radius: 40px;}

  .text-left-session, .text-right-session{text-align: center}

  .search-form-listing{display: none; border-radius:20px; padding: 20px 5px; border:1px solid #ddd;}
  .btn-search{width: 100%}


  #btn-seach-empty, #btn-seach-isset, #btn-close-form-search{display: block;}

  .facilities_card{width: 30%}
.facilities_card img{width: 90%}
.modal-booking{position: fixed;display: none; width: 100%;height: 100%;left: 0;right: 0;bottom: 0;z-index: 9999;top: 0;padding: 5%}
.text-left-mobile{text-align: center;}

.footer-booking {display: flex; }
.area-report-listing, .area-share-listing{display: none;}
.area-report-listing-mobile, .area-share-listing-mobile{display: block;}
.header-booking-mobile{display: block;}




}