html {
    scroll-behavior: smooth;
}

.n-logo {
    width: auto;
    height: 8rem;
    margin-bottom: 10px;
}

.separator-dark {
    color: #343a40 !important;
}

#bookPages {
    text-align: center;
}

.bookMainPage {
    display: inline-block;
    width: 45%;
    height: auto;
}

.data-big {
    font-size: 26px;
    font-weight: bold;
}

.label-cover {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 128px;
    height: 128px;
}

.label-name {
    font-weight: bold;
}

.btn-primary {
    background-color: #E39A32;
    color: #FFFFFF;
}

.btn-outline-primary {
    border-color: #E39A32;
    color: #E39A32;
}

.dropdown-menu .small-item {
    padding-top: 0.2rem!important;
    padding-bottom: 0.2rem!important;
}

.nav-link > i {
    margin-right: 5px;
}

.table td, .table th {
    text-align: center;
}

.table-invisible td {
    border: none;
}

.td-info {
	text-align: left!important;
}

.td-title {
	width: 10%;
	text-align: right!important;
}

.section-no-padding {
    padding: 0;
}

.section-no-padding-bottom {
    padding-bottom: 0;
}

.btn-dark {
    background-color: #000000;
}

.btn-secondary {
    background-color: #343a40 !important;
}

.section-vinyl {
    margin-top: 20px;
    margin-bottom: 20px;
}

.btn-action {
    width: 10rem;
}

.list-unstyled, .list-inline {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.list-unstyled li:first-child {
    border-top: none;
}

.list-unstyled li {
    display: block;
    border-top: 1px solid #343a40;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 300;

}

.list-styled li a {
    color: #333333!important;
}

.post-content {
    border-left: 1px solid #eee;
    margin-left: 5px;
    padding: 10px;
}

.nav-item {
	font-size: 12px;
}

.page-header.page-header-small {
    height: 30vh;
    max-height: 220px;
}

.profile-page .page-header {
    min-height: 100px;
}

.vinyl-cover, .musician-cover {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    width: 200px;
    height: 200px;
    background-color: #E39A32;
    border: 2px solid black;
    padding: 10px;
}

.description {
	font-size: 14px;
}

.form-control {
	border-radius: 5px;
}

.btn-round {
	width: auto!important;
	height: auto!important;
}

.description, .card-description, .footer-big p {
    color: #2c2c2c;
	font-weight: 400;
	text-align: justify;
}

.card {
    box-shadow: 0px 5px 25px 0px #000000;
}

.actions-container {
	margin-top: 15px;
}

textarea.form-control {
    border: 1px solid #E3E3E3;
	padding: 10px 10px 10px 10px;
}

textarea.form-control:focus {
    border: 1px solid #f96332;
	padding: 10px 10px 10px 10px;
}

.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn, .input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child)>.btn, .input-group-btn:not(:last-child)>.btn-group>.btn, .input-group-btn:not(:last-child)>.dropdown-toggle {
    border-radius: 0;
}

.card-login {
    box-shadow: none;
}

.custom-control-label {
	font-size: 12px;
	vertical-align: middle;
}

.custom-switch {
    padding-left: 4em;
}

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

.list-title {
    font-size: 1.5vw;
}

h1, .h1 {
    font-size: 2.5em;
}

.h1-seo {
    margin-top: 30px;
}

.navbar .navbar-nav .nav-link:not(.btn) {
    padding-right: .5rem;
    padding-left: .5rem;
}

audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

.separator-full {
    width: 90%;
}