/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

.idi-app-ltr{
    width: 30px;
    margin-left: 0.1em !important;
    margin-right: 0.1em !important;
}

.hdn {display:none;}

a {
    text-decoration: none;
}
#wrapper-navbar .navbar {
  transition: all .5s ease-out;
  /* box-shadow: 0 3px 15px 0px #5c5c5c; 
  box-shadow: 0 1px 8px 0px #4d4d4d;
  border-bottom: thin solid #aeaeae;
  background: #e9e6ed !important;*/
  border-bottom: thin solid #c7c7c7;
background: #f6f6f6 !important;
}

/* Force open top menu on hover */
@media (min-width: 992px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  .dropdown > a {
    pointer-events: none; /* Disable click open */
  }
  .dropdown:hover > a {
    pointer-events: auto; /* Allow hover */
  }
}
  
/* Phone screens */
@media (max-width: 420px) {
  /* top title smaller on phones */
  #magic > span {font-size: 3em !important;} 
  .motto {font-size: 2.2em !important;}
}

 .show-fade-in:hover {
    display: block !important;
    background: #0000008c;
    color: #fff;
  }
 .show-fade-in {
    display: none;
  }



  .card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.card:hover .card-overlay {
    opacity: 1;
}

.card {
    position: relative;
}

.card.card-portfolio {
    max-height: 280px;
    overflow: hidden;
  }


  a.navbar-brand {
    padding-top: 10px;
  }


  /* Move Google reCAPTCHA badge to bottom-left */
.grecaptcha-badge{
  right: auto !important;
  left: 14px !important;
  bottom: 14px !important;
}

/* Hide Google reCAPTCHA badge (v3) */
.grecaptcha-badge{ visibility: hidden !important; opacity: 0 !important; }