.btn, .shadow {
  box-shadow: #000000 5px 5px 10px 0px;
}

.form-control::placeholder { color: #999999 !important; }
.form-control::-webkit-input-placeholder { color: #999999 !important; }
.form-control:-moz-placeholder { color: #999999 !important; }
.form-control::-moz-placeholder { color: #999999 !important; }
.form-control:-ms-input-placeholder { color: #999999 !important; }
.form-control, input:-webkit-autofill {background-color: #000 !important; color: #fcc100 !important; }
.form-control:focus, input:-webkit-autofill:focus, input:-webkit-autofill:hover {background-color: #222222 !important; color: #ff6900 !important; border-color: #ff6900 !important;}

.form-floating > input + label:after {
  background: #000000 !important;
}
.form-floating > input + label {
  font-size: 1.2rem !important;
}

html {
  scrollbar-face-color: #ff7000;
  scrollbar-base-color: #000;
  scrollbar-3dlight-color: #646464;
  scrollbar-highlight-color: #646464;
  scrollbar-track-color: transparent;
  scrollbar-arrow-color: #000;
  scrollbar-shadow-color: #000;
}

::-webkit-scrollbar { width: 10px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #ff7000; }
::-webkit-scrollbar-track {  background-color: transparent;}
::-webkit-scrollbar-track-piece { background-color: transparent;}
::-webkit-scrollbar-thumb { height: 3px; background-color: #ff7000; border-radius: 10px;}
::-webkit-scrollbar-corner { background-color: transparent;}

.biggerMeme {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  height: 100vh;
  z-index: 100000;
  background-color: rgba(0,0,0, .8);
}

.memeImg {
  width: 100%;
  max-height: 80vh;
  object-fit: contain;
}

.rp-hidden {
  display: none;
}

.rp-full {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 100001;
  overflow-y: auto;
}

.upload-box {
  border: 5px dashed #ff7000;
  border-radius: 8px;
  transition: background-color 0.3s;
  background-color: #000000;
  width: 100%;
  max-height: 40vh;
  cursor: url('https://memes.realprogressives.org/assets/images/pointer.png') 16 16;
}

.upload-box:hover {
  background-color: rgba(255, 112, 0, .2);
}

.upload-box.dragover {
  background-color: rgba(255, 112, 0, .5);
}

.dropdown-item {
  color: #ffffff;
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color: #ff7000 !important;
  color: #632700 !important;
}

.dropdown-toggle:focus {
  background-color: #ff7000 !important;
  border: 1px solid #632700 !important;
}

.btn:hover {
  background-color: #ff7000 !important;
  border: 1px solid #632700 !important;
  color: #632700 !important;
  cursor: url('https://memes.realprogressives.org/assets/images/pointer.png') 16 16;
}

.navbar-brand, .add-interaction { 
  transition: all .2s ease-in-out;
}

.navbar-brand, .add-interaction {
  cursor: url('https://memes.realprogressives.org/assets/images/pointer.png') 16 16;
}

.nav-link { 
  transition: all .2s ease-in-out;
  color: #fcc02c !important;
}

.share-icon {
  transition: all .2s ease-in-out;
}

.nav-link:hover, .share-icon:hover {
  transform: scale(1.1) !important;
  color: #ff7000 !important;
  cursor: url('https://memes.realprogressives.org/assets/images/pointer.png') 16 16;
}

@media only screen and (max-width: 786px) {
  .sugTagSm {
    display: flex;
    width: 300px;
    margin: auto;
  }

  .sugTagLg {
    display: none;
  }

  .cpy {
    display: none;
  }
}

@media only screen and (min-width: 787px) {
  .sugTagSm {
    display: none;
  }

  .cellOnly {
    display: none;
  }

  .add-interaction:hover {
    cursor: pointer;
  }

  .navbar-brand:hover {
    transform: scale(1.1);
    cursor: pointer;
  }
}

#sugTagGenChild {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.magic-btn {
  font-size: 30px;
  padding: 12px;
  border-radius: 8px;
  color: black;
  background-color: #00ff00;
  border: 4pt outset #ffcd34;
  box-shadow: 0px 0px 40px 10px #0ff;
  text-decoration: none;
}

.email_noform {
  width: 100%;
  background-color: transparent;
  padding: 1rem;
  border: none;
  color: #fcc100;
}

.active-social {
  background-color: #00ff00;
  border: 4pt outset #ffcd34;
  box-shadow: 0px 0px 40px 10px #0ff;
}

.navSwitch {
  display: none;
}

.react-icon {
  width: 1.5rem;
}

@keyframes shrink {
  0% {transform: scale(2);}
  100% {transform: scale(1);}
}
.shrink {
  animation-name: shrink;
  animation-duration: .5s;
}