/* Custom css - all devices - gratismediums.nl */
:root {
    --blue-medium: #7899cc; /* var(--blue-medium) */
    --text-medium: #7899cc; /* var(--blue-medium) */
    --background-medium: #4975ba;
  }
  
  /*Color settings*/
  .text-medium, .text-medium:hover, i, .btn-link, button:hover, a:hover, a:active { color: var(--text-medium); }
  
  .bg-medium { background-color: var(--text-medium);   color: #fff; }
  
  input.btn, a.btn {
  background: #7899cc!important;
  background-image: linear-gradient(to bottom, #7899cc, #001e3e)!important;
  color: #fff!important;
  border: none!important;
  }
  
  input.btn:hover, a.btn:hover {
  background-image: linear-gradient(to bottom, #001e3e, #7899cc)!important;
  color: #fff!important;
  cursor: pointer!important;
  }
  
  .border-color-medium {
  border-color: var(--text-medium) !important;
  }
  
  .text-gradient-medium {
  background: linear-gradient(135deg, #7899cc 0%, #001e3e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;  
  }
  
  /* Kleur logo - gratismedium.nl */
  .navbar-brand.kleurlogo {
  color: var(--blue-medium) !important;
  }
  
  .btn-fancy {
  border: 2px solid #7899cc;
  }
  
  a.kleurlogo span {
  color: #5a5a5a;
  }
  
  /*horoscoop*/
.bg-transparent-gradient-medium {
  background-image: linear-gradient(to right top, rgba(73, 117, 186, .8), rgba(73, 117, 186, .8), rgba(73, 117, 186, .8), rgba(108, 157, 200, .8), rgba(108, 157, 200, .8))
}

img.color-change {filter: invert(41%) sepia(77%) saturate(383%) hue-rotate(178deg) brightness(91%) contrast(94%) drop-shadow(0 0 0.25rem grey);}

.shadow-bottom {box-shadow: 0 -25px 10px -8px #7899cc inset;}

  /*Footer settings*/
  footer {
  background-color: #4975ba;
  }
  
  .footer-logo span {
  font-size: 24px;
  }
  
  .footer-logo span:nth-child(1) {
  color: #232323;
  }
  
  .footer-logo span:nth-child(2) {
  color: #fff;
  opacity: 1;
  }