@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

.highlight-shadow {
    box-shadow:  1px 2px 2px hsl(220, 2%, 29%, 0.2),
    2px 4px 4px hsla(220, 2%, 29%, 0.2),
    4px 8px 8px hsl(220, 2%, 29%, 0.2),
    8px 16px 16px hsl(220, 2%, 29%, 0.2),
    16px 32px 32px hsl(220, 2%, 29%, 0.2) !important;
}

.shadow-xl {
    box-shadow:  1px 2px 2px hsl(220, 2%, 29%, 0.2),
    2px 4px 4px hsl(220, 2%, 29%, 0.2),
    4px 8px 8px hsl(220, 2%, 29%, 0.2),
    8px 16px 16px hsl(220, 2%, 29%, 0.2),
    16px 32px 32px hsl(220, 2%, 29%, 0.2) !important;
}

/* .icon-shadow {
    filter: drop-shadow(2px 2px 2px rgba(242, 183, 38, .8));
} */

.backdrop {
    background-color: rgba(6, 6, 6, 0.287)
}

body {
    font-family: 'Montserrat', sans-serif !important;
    background: whitesmoke !important;
}

.table {
    border-radius: 0 !important;
}

.table-container {
    border-radius: 0 !important;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.pswp__bullets-indicator {
    display: flex;
    flex-direction: row;
    align-items: center;
  
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .pswp__bullet {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #479997;
    margin: 0 5px;
    cursor: pointer;
  }
  .pswp__bullet--active { 
    background: #f2b726
  }

  #pswp__icn-arrow {
    fill: #479997 !important;
    stroke: #479997 !important;
  }

  #pswp__icn-close {
    fill: #ff9494 !important;
    stroke: #ff9494 !important;
  }

  #pswp__icn-zoom {
    fill: #f2b726 !important;
    stroke: #f2b726;
  }

  .pswp__counter {
    display: none !important;
  }

  .pswp__bg {
    --pswp-bg: white !important;
  }

  .pswp {
    --pswp-placeholder-bg: rgba(0,0,0,0) !important

  }

.opblock.opblock-post  {
    border-color: #49cc90 !important;
}

.banner {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
}

.moving-container {
    display: flex;
    animation: moveLogos 90s linear infinite;
}

.moving-container > div {
    padding: 0 10px;
}

.moving-container img {
    width: 100%;
}

@keyframes moveLogos {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}