/*
Theme Name: villa-neroli
Template: wp-bootstrap-starter
Author: Robert Suucher
Author URI: https://robertsucher.de
Description:  Wordpress Child Theme based on wp-bootstrap-starter customized for o3ds design group GmbH
Version: 0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vinero
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700&display=swap');

html, body, #page {
  position: relative;
  height: 100%;
  width: 100%;
}

body {
  font-size: 1.2rem;
  font-family: 'Open Sans', sans-serif;
  color: #686868;
}

a, a:hover {
  color: #AD371A;
}

/* Header */

.site-header {
  border-top: 10px solid #f28d00;
  border-bottom: 4px solid #ffbe00;
}

.site-header {
  background-color: #fda400 !important;
  color: #3a3a3a;
  box-shadow: 0 0 1.5rem rgba(109, 0, 0, .5) !important;
}

#page-sub-header {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.home .page #page-sub-header {
  max-height: 20rem !important;
}


.page .navbar-toggler {
  border: none;
}


#logo-container img {
  max-width: 75%;
}

.page #logo-container > img {
  max-height: 6rem !important;
}

#header-container {
  height: 82vh;
  max-height: 50rem;
  /*max-height: 100vh;*/
}

#content.site-content {
  margin-bottom: 5rem;
  min-height: 84.5vh;
}

#main-nav-container {
  position: absolute;
  bottom: 0;
  background-color: rgba(109, 0, 0, .3) !important;
  /*background-color: rgba(253, 164, 0, .5) !important;*/
}

#footer-widget {
  background-color: #fda400 !important;
}

.site-footer {
  position: relative !important;
  bottom: 0;
  background-color: #f28d00 !important;
  border-top: 4px solid #ffbe00;
}

#totop {
  font-size: 1rem !important;
}

.page-scroller {
  margin: 0 !important;
}

/*#page-sub-header {
  padding-top: 0px;
}*/

/* Top Menü */
#top-main-nav a,
#top-nav li a,
footer a {
  font-weight: 500 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
}

#top-main-nav li {
  padding-left: 0px !important;
}

#top-main-nav a {
  font-size: 1.4rem !important;
}

.navbar a {
  text-decoration: none !important;
}

/* Thumbnail */
.thumbnail-container {
  height: 300px;
  max-height: 300px;
  overflow: hidden;
  background-repeat: none;
  background-position: center center;
  background-size: cover;
}

/* Main Menü */ 

/*#main-nav li {
  padding: 1rem 1.5rem 0rem 0rem;
}*/

#main-nav a {
  font-size: 1.6rem;
  font-weight: 500 !important;
  color: #AD371A !important;
  padding: 0rem !important;
  transition: font-weight .1s ease-in-out;
  text-decoration: none !important;
}

#main-nav a:hover {
  font-weight: 600 !important;
}


/*#main-nav.nav-frontpage li {
  padding: 1.5rem;
}*/

#main-nav.nav-frontpage a {
  color: white !important;
  font-weight: 200 !important;
  /*font-size: 2rem !important;*/
}

#main-nav.nav-frontpage a:hover {
  font-weight: 200 !important;
 /* font-size: 2rem !important;*/
  color: #fda400 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #fda400 !important;
}

h1.entry-title {
  font-size: 2rem !important;
  font-weight: 300;
  border: none;
}

h1 a, h2 a {
  color: #fda400 !important;
  text-decoration: none !important; 
}


#top-nav a,
#top-main-nav a,
.navbar-brand a,
.navbar-toggler,
.site-footer {
  /*display: inline !important;*/
  color: #AD371A !important;
}

/*.frontpage-section {

  background-color: #fda400 !important;

}*/

#neroli-intro-header h1 {
  font-family: "Dancing Script";
  font-size: 4rem !important;
  font-weight: 400;
}

#neroli-intro-text p {
  font-size: 1.86rem;
  font-weight: 300;
}


/* Apartment Section */
#neroli-appartements h2 {
  font-weight: 300;
  display: inline;
}

.gallery {
  position: relative !important;
  display: inline-block !important;
  margin: 0rem 0rem .5rem 0rem !important;
  border: 1px solid white !important;
  border-width: 2px 0px 0px 2px !important;
  width: 100%;
}

.gallery .gallery-item a {
  color: white;
}

.gallery .gallery-item {
  margin: 0 !important;  
  width: 25% !important;
  float: left !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.gallery .gallery-item .gallery-icon {
  overflow: hidden !important;
  display: block;
  position: relative !important;
}


.home .gallery .gallery-item:nth-child(2),
.gallery .gallery-item:nth-child(1) {
  width: 50% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/*.gallery .gallery-item:nth-child(1) img {
  height: auto !important;
  box-sizing: border-box !important;
  border: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}*/

.home .gallery .gallery-item:nth-child(2) img,
.gallery .gallery-item:nth-child(1) img {
  border-width: 0px 2px 2px 0px !important;
}

.gallery .gallery-item img {
  border-width: 0px 2px 2px 0px !important;
  border-color: white !important;
  border-style: solid !important;
  box-sizing: border-box !important;
  width: 99.93% !important;
  position: relative !important;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  height: auto !important;
}

.gallery .check-status {
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.gallery .more-img {
  position: absolute;
  right: .75rem;
  bottom: 0.75rem;
}

.more-img a {
  color: white;
  line-height: 1rem;
  font-size: 2rem;
}

.more-img a:hover {
  color: #fda400 !important;
}

#neroli-appartements .entry-excerpt {
  font-weight: 600;
}


/* Google Maps  */
#neroli-google-directions {
  height: 30rem;
}


/* Responsive */
@media only screen and (max-width: 480px) {
  .navbar-brand a,
  #top-nav a {
    font-size: 1.2rem !important;
  }
}

.entry-content h3 {
  font-weight: 400;
  font-size: 1.3rem;
}

.page-template-appartements .entry-content h1,
.page-template-appartements .entry-content h2,
.page-template-appartements .entry-content h3,
.page-template-appartements .entry-content h4,
.page-template-appartements .entry-content h5,
.page-template-appartements .entry-content h6 {
  width: 48%;
  max-width: 48%;
  display: inline-block;
  margin-top: 2rem;
}

/*.page-template-appartements .entry-content p {
  width: 45%;
  max-width: 45%;
}*/


.page-template-appartements .entry-content h1 {
  margin-top: 2rem;
  font-weight: 300;
  font-size: 2rem;
  width: 48%;
  max-width: 48%;
  display: inline-block;
}

.page-template-appartements .entry-content h6 {
  margin-top: .8rem;
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #6c757d !important;
  max-width: 45%;
  display: inline-block;
}

.page-template-appartements .btn.check-status {
  display: none;
}

.entry-content ul {
  list-style-type: square;
}


#abc-form-wrapper {
  padding-left: 0rem !important;
  padding-top: 0rem !important;
  margin: 0rem 0px 0rem 0px !important;
}

#abc-form-content {
 margin: 0px !important;
}

#abc-form-content .abc-column,
#abc-form-content #abc-bookingresults {
  clear: both !important;
  width: 100% !important;
  padding: 1rem 0rem 1rem 0rem !important;
}

#abc-form-content label {
  font-size: 1rem !important;
}

/* Booking Calendar */
.portallinks {

  max-width: 50% !important;
  float: right;

}

a.btn.airbnb {
  color: rgba(255,90,96,1);
  border-color: rgba(255,90,96,1);
}

a.btn.airbnb:hover {
  color: white;
  background-color: rgba(255,90,96,1);
}

a.btn.bookingcom {
  color: rgba(0,53,128,1);
  border-color: rgba(0,53,128,1);
}

a.btn.bookingcom:hover {
  color: #47A1DE;
  background-color: rgba(0,53,128,1);
}


}
.abc-singlecalendar {
  font-size: 1rem !important;
  max-width: 50% !important;
  float: right;
  margin: 2rem 3px 0 auto !important;
  border: 1px rgba(225,225,225,1) solid;
  background-color: rgba(255,255,255,1) !important;
}

.abc-booking-selection {
  border-top: 1px solid rgb(221, 221, 221) !important;
  padding: 0px 0px 0px 0px !important;
  border-collapse: collapse !important;
}

.abc-column {
  min-width: 50% !important;
  width: 50% !important;
  padding: 1rem !important;
  float:left;
}

.abc-single-legend .abc-booking-selection .abc-column {
  display: inline-block !important; 
  padding: 0px !important;
  float: none !important;
}

.appartements .abc-column {
  padding: 5px 10px 0px 10px !important;
  width: 50% !important;
  margin: .5rem 0 1rem 0;
}


.abc-column form button {
  margin-bottom: 1rem;
}


.abc-form-row,
.abc-fullcolumn {
  padding-left: 0px !important;
}

.abc-submit {
  background: #fda400 !important;
  font-weight: 400;
  color: #212529;
  text-align: center;
  padding: .375rem .75rem !important;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out;
}

.abc-singlecalendar .abc-submit {
  float: right !important;
}

.abc-bookingform-book.abc-submit {
  margin-top: 2rem !important;
}

.abc-booking-form label {
  margin: 1rem 0px .2rem .1rem !important;
}

.abc-booking-form input[type=text],
.abc-booking-form input[type=email],
.abc-booking-form textarea {
  width: 100% !important;
  padding: .5rem !important;
}


.neroli-form-label {
  font-size: 1rem;
  font-weight: 600;
  color: #AD371A;
}

.neroli-submit {
  background-color: #fda400;
  border: 1px solid transparent;
}

.neroli-submit:hover,
.abc-submit:hover {
  background: #AD371A !important;
}

.post-edit-link {
  display: none !important;
}

#swipebox-overlay {
  border-top: 10px solid #f28d00;
  border-bottom: 4px solid #ffbe00;
  background-color: #111111 !important;
}

#swipebox-bottom-bar {
  background-color: #fda400;
}


@media (max-width: 767px) {
  
  .gallery .gallery-item {
    margin: 0 !important;  
    width: 50% !important;
    float: left !important;
  }

/*  .gallery .gallery-item:nth-child(n+7) {
    display: none !important;
  }*/

  .home .gallery .gallery-item:nth-child(2),
  .gallery .gallery-item:nth-child(1) {
    width: 100% !important;
  }

  .page-template-appartements .entry-content h1,
  .page-template-appartements .entry-content h2,
  .page-template-appartements .entry-content h3,
  .page-template-appartements .entry-content h4,
  .page-template-appartements .entry-content h5,
  .page-template-appartements .entry-content h6,
  .page-template-appartements .entry-content p {
    max-width: 100% !important;
    width: 100%;
  }

  .abc-singlecalendar {
    max-width: 100% !important;
    float: none !important;
  }
}


.modal-body {
  max-height: 86vh;
}

.modal-body iframe {
   height: 37vh;
}


.abc-singlecalendar .abc-single-price {
  display: none !important;
}