/*
    Created on : 24 giu 2022, 16:41:40
    Author     : Matteo
*/

:root {
  --coloretema: #ED008C;
  --coloretemabarre: #ED008C;
  --colorviaggi: #feecf5;
  --colorviaggi2: #ededfc;
}

main > .container, main > .container-fluid {
    padding: 60px 15px 0;
}
body {
    background-color: #e1e1e1;
}

/* dettagli.php */
.f-nav-top{
    position: fixed;
    top: 0;
    width: 100%;
}

.f-nav-bottom {
    position: absolute;
    bottom: 412px;
}

.nav-container{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight:bold;
    float:left;
    width:100%;
    padding:10px;
    background:#fff;
    padding-top:25px;
}

.tabledati thead tr th {
    background: black;
    color: white;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.tabledati tbody tr td {
    background: #F8F8F8;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* dettagli.php */

/* Overwrite bootstrap */
.btn-primary, .btn-primary:hover, .btn-primary:visited, .btn-primary:active, .btn-primary:focus {
    background-color: var(--coloretema);
    border-color: var(--coloretema);
}
/* Overwrite bootstrap */

/* Titoli bianco su nero */
.blacktitle {
    padding:10px !important;
    background:black !important;
    color:#fff !important;
    font-family: 'Open Sans' !important;
    font-size:28px !important;
    font-weight:bold !important;
    text-align: center;
}

.blacktitlesmall {
    padding:8px !important;
    background:black !important;
    color:#fff !important;
    font-family: 'Open Sans' !important;
    font-size:18px !important;
    font-weight:bold !important;
    text-align: left;
}

.margintophomepage {
    margin-top: 0px;
}

.viaggiimg {
    width: 80%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.table-viaggi-home {
  background:#fff;
  margin-bottom: 30px;
  box-shadow: 0 20px 20px rgba(0,0,0,.08);
  transition: all 250ms cubic-bezier(.02, .01, .47, 1);
}

.table-viaggi-home:hover {
  box-shadow: 0 40px 40px
  rgba(0,0,0,.16);
  transition-delay: 0s !important;
}

@media screen and (max-width: 768px) {
    .bronmd {
        display: block;
    }

    .margintophomepage {
        margin-top: 10px;
    }

    .viaggiimg {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 10px;
    }

}