/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Feb 28, 2023, 10:48:55 AM
    Author     : pbohac
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Playfair+Display&display=swap');


body {
    font-family: 'Open Sans';
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: 200;
    /*
    background-image: url("../pictures/bohyfoto_logo_pozadi.png"); background-position: left top; background-size: auto; background-repeat: repeat; background-attachment: fixed;
    */
}

a {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans";
    font-weight: 300;
    margin: 10px 0;
}

.d-font-openSans {
    font-family: 'Playfair Display';
    letter-spacing: 1px;
}

.d-min-vh-70 {
    min-height: 70vh;
}

.slider-title {
    font-family: 'Playfair Display';
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    color: inherit !important;    
}

.table{
  position:relative;
  margin:5px;
  width:100%;
  text-align:center;
  vertical-align: middle;
}

#topButton {
    color: black;
    background-color: lightgray ; /* Set a background color */
    position: fixed!important; /* Fixed/sticky position */
    bottom: 20px!important; /* Place the button at the bottom of the page */
    right: 30px!important; /* Place the button 30px from the right */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    cursor: pointer; /* Add a mouse pointer on hover */
    display: none;

}

#topButton:hover {
  background-color: grey ; /* Add a dark-grey background on hover */
  color: white;
}

.d-color {
    /*color: #ca9b52!important;*/
    color: black;
    font-weight: 600;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1);
}

.d-bg-dark {
    background-color: #333333;
}

.d-bolder {
    font-weight: 600;
}

.top_image {
    background-image: url(../pictures/carousel_bohy_prechod.png);
    background-size: cover;
    background-position: right;
    /*background-attachment: fixed;*/
    background-repeat: no-repeat;
}

[data-moje], [onclick], [href], [myhref] {
    cursor: pointer;
}

.d-button {
    display: inline-block;
    padding: 0 25px;
    border: 1px solid white;
    font-size: 13px;
    line-height: 40px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 30px;
    cursor: pointer;    
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.d-siteTitleFixed {
    display: none;
}

/*
Modifications of bootstrap5 class(es)
*/

.navbar-brand {
    display: none;
}

/* Toast (snackbar)*/

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  display: none;
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: yellow; /* Black background color */
  color: black; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#snackbarstatic {
  min-width: 250px; /* Set a default minimum width */
  background-color: yellow; /* Black background color */
  border-radius: 4px; /* Rounded borders */
  padding: 16px; /* Padding */
  left: 50%; /* Center the snackbar */
  box-shadow: 1px 0px 3px 1px gray;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}


/*   
Vlastni Upravy boostrap css
*/

#navi,
#infoi {
 right: 5%;
    text-align: center;
    max-width: 300px;
    left: auto;
    padding:5px;
    z-index: 10;
}