/**
 * 
 * diamondmusic.it v1.0.0
 * Copyright (c) 2023 ilTuoBrand.it (https://iltuobrand.it/)
 *  
 * @author Valentino Pesce
*/

:root {
  --primary-color: #4e76fe;
  --bg-dark: #22272e;
}

body {
  font-family: 'Dosis', sans-serif;
  background-color: #e5e5e5;
}

html {
  scroll-behavior: smooth;
}

a {
  color: var(--primary-color)
}

a:hover {
  color: #0a58ca;
}

b {
  color: var(--primary-color)
}

.nounderline {
  text-decoration: none !important
}

::selection {
  background: rgba(249, 230, 5, 0.5);
  color: #496174;
}

.fadeIn {
  display: none;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
}

.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: #fff;
}

@media (max-width: 767px) {

  /* Stile per schermi di larghezza <= 767px */
  .jumbotron {
    padding-top: 5rem;
    /* Riduci il padding superiore per un aspetto più compatto */
  }
}

@media (min-width: 768px) {

  /* Stile per schermi di larghezza >= 768px */
  .jumbotron {
    height: 75vh;
    /* Imposta un'altezza fissa del 50% dell'altezza del viewport */
  }

  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}


.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

.jumbotron .display-4 {
  text-shadow: 2px 2px 0 rgb(10 10 10 / 90%);
}

.jumbotron .lead {
  text-shadow: 2px 2px 0 rgba(10 10 10 / 70%);
}

section {
  padding-top: 70px;
  padding-bottom: 70px
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.btn-outline-mediapro {
  color: #f5f5f5;
  border-color: #f5f5f5;
}

.btn-outline-mediapro:hover {
  color: #fff;
  background-color: #3b649a;
  border-color: #3b649a;
}

.btn-mediapro {
  color: #ffffff;
  background-color: #3b649a;
  border-color: #3b649a;
}

.btn-mediapro:hover,
.btn-mediapro:focus,
.btn-mediapro:active,
.btn-mediapro.active,
.open .dropdown-toggle.btn-mediapro {
  color: #ffffff;
  background-color: var(--primary-color);
  border-color: #ffffff;
}

.btn-mediapro:active,
.btn-mediapro.active,
.open .dropdown-toggle.btn-mediapro {
  background-image: none;
}

.btn-mediapro.disabled,
.btn-mediapro[disabled],
fieldset[disabled] .btn-mediapro,
.btn-mediapro.disabled:hover,
.btn-mediapro[disabled]:hover,
fieldset[disabled] .btn-mediapro:hover,
.btn-mediapro.disabled:focus,
.btn-mediapro[disabled]:focus,
fieldset[disabled] .btn-mediapro:focus,
.btn-mediapro.disabled:active,
.btn-mediapro[disabled]:active,
fieldset[disabled] .btn-mediapro:active,
.btn-mediapro.disabled.active,
.btn-mediapro[disabled].active,
fieldset[disabled] .btn-mediapro.active {
  background-color: #3b649a;
  border-color: #3b649a;
}

.btn-mediapro .badge {
  color: #3b649a;
  background-color: #ffffff;
}

.navbar {
  box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.05), 0 0 7px 1px rgba(0, 0, 0, 0.1);
}

.nav-link {
  display: block;
  padding: .5rem 1rem;
  font-weight: bold;
}

.nav-pills .nav-link {
  color: #fff
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #3b649a
}

.btn-group-sm>.btn, .btn-sm {
  padding: .20rem .5rem;
  font-size: .875rem;
  line-height: 1.7;
  border-radius: .2rem;
}

.bg-gradient {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(243, 243, 243, 1) 50%, rgba(237, 237, 237, 1) 51%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.bg-media-pro {
  background-color: rgba(0, 0, 0, .80);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.bg-dark {
  background-color: var(--bg-dark);
}

.bg-fans {
  background: url('../img/bg-stage.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.text-gradient {
  background: #4E76FE;
  background: -webkit-linear-gradient(to right, #4E76FE 30%, #CF11AF 100%);
  background: -moz-linear-gradient(to right, #4E76FE 30%, #CF11AF 100%);
  background: linear-gradient(to right, #4E76FE 30%, #CF11AF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#box {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  /* border: 5px solid #505050; */
}

.gradient-border {
  background: #1D1F20;
}

.mt-50 {
  margin-top: 50px;
}

.card-services .serv-box {
  border: 2px solid rgba(0, 0, 0, .125);
}

.card-services .serv-box:hover {
  border: 2px solid #3f4c6b;
}

.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
}

.img-container {
  position: relative;
  display: inline-block;
}

.img-container .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: .25rem;
  background: rgba(59, 100, 154, 0.97);
  opacity: 0.2;
  transition: opacity 500ms ease-in-out;
}

.img-container:hover .overlay {
  opacity: 1;
}

.overlay i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 50px;
}

.badge-mediapro {
  color: #fff;
  background-color: var(--primary-color);
  font-size: 90%;
  line-height: normal;
}

.audioplayer {
  width: 80%;
  height: 70px;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio (change to 75% for 4:3 aspect ratio) */
  height: 0;
  overflow: hidden;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bg-dark {
    background: linear-gradient(to right, #000f44 70%, #bb009b 100%) !important;
}