/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
*/

/* Izamal color palette
  #FCBD29; #9CAD48; #948E7B;
  #F8F1F8; #F29FC5; #8DAAD1;
*/
body {
  padding-top: 56px;
}

header.masthead {
  position: relative;
  background: url("../image/fond.jpg") no-repeat center center;
  background-size: cover;
  height: 8rem;
  padding-top: 1rem;
  padding-bottom: 8rem;
  z-index:1001;
}

header.masthead h1 {
  font-size: 3rem;
  color: #FCBD29;
}

header.masthead h2 {
  font-size: 2rem;
  color: #FCBD29;
}


/* nav bar */
.navbar{
  background-color: #948E7B;
}

.nav-link{
  color: #FCBD29;
}
.nav-link:hover,
.nav-link:focus {
  color: #8DAAD1;
}

.navbar-brand {
  font-size: 2rem;
  color: #8DAAD1;
}
.navbar-brand:hover,
.navbar-brand:focus {
  color: #F29FC5;
}

.navbar-nav li a{
  color: #FCBD29;
}
.navbar-nav li a:hover{
  color: #8DAAD1;
}
.navbar-nav li a:active{
  color: #8DAAD1;
}

.navbar .dropdown { 
  background-color: #948E7B;
  border-color: #948E7B;
  padding-top: 0;
  padding-bottom: 0;
}

.dropdown-menu .dropdown-item {
  background-color:#948E7B;
  color: #FCBD29;
  }

/* buttons */ 
.btn-primary {
    background: #9CAD48;
    border-color: #9CAD48;
    color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background:  #F29FC5;
    border-color: #F29FC5;   
}
.btn-primary:active, .btn-primary.active {
    background: #F29FC5;
    border-color: #F29FC5;
    box-shadow: none;
}


/* scroll to top button */
#scrollToTopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #9CAD48; /* Set a background color */
  color: #F29FC5; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}
#scrollToTopBtn:hover {
  background-color: #948E7B;
  color: #8DAAD1;
}