/* Namespaced Tailwind 2.2 CSS for NU ITS Local Footer */
/* Those pesky !importants are necessary because of Bootstrap :( */

.its-footer {
  background-color: #292929;
  color: #e5e5e5;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.its-footer h2::after,
.its-footer h3::after { display: none !important;}

.its-footer a { text-decoration: none; }
.its-footer a:hover { text-decoration: underline; }

.its-footer .font-bold { font-weight: bold !important; }

.its-footer .bg-gray-500 { background-color: #818181; }

.its-footer .text-gray-200 { color: #b7b7b7 !important; }
.its-footer .text-red-500 { color: var(--color-accent); }

.its-footer .font-bold { font-weight: 700; }
.its-footer .font-semibold { font-weight: 600; }

.its-footer .text-base { font-size: 0.925rem !important; }

.its-footer .mb-4 { margin-bottom: 1rem!important; }
.its-footer .mb-8 { margin-bottom: 2rem!important; }
.its-footer .mb-2 { margin-bottom: 0.5rem; }
.its-footer .mr-2 { margin-right: 0.5rem !important; }

.its-footer .mx-4 { margin-left: 1rem!important; margin-right: 1rem!important; }
.its-footer .px-6 { padding-left: 1.5rem!important; padding-right: 1.5rem!important; }
.its-footer .mx-auto { margin-left: auto; margin-right: auto; }
.its-footer .ml-8 { margin-left: 2rem!important; }
.its-footer a.pb-2 { padding-bottom: 0.5rem !important; }
.its-footer a.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.its-footer a.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

.its-footer .flex { display: flex; }
.its-footer .flex-1 { flex: 1 1 0%; }
.its-footer .flex-col { flex-direction: column; }

.its-footer .hidden { display: none; }
.its-footer .items-center { align-items: center; }
.its-footer .items-start { align-items: flex-start; }

.its-footer .space-x-1 > :not([hidden]) ~ :not([hidden]) { margin-left: 0.25rem; }

.its-footer .block { display: block; }

.its-footer .h-4 { height: 1rem; }
.its-footer .w-4 { width: 1rem; }
.its-footer .w-px { width: 1px; }
.its-footer .h-full { height: 100%; }
.its-footer .pl-4 { padding-left: 1rem !important; }

.its-footer a.hover\:text-red-500:hover { color: #ef4444; }
.its-footer a.hover\:text-gray-400:hover { color: #9ca3af; }

/* Responsive utilities */
@media (min-width: 640px) {
  .its-footer .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .its-footer .sm\:flex-row { flex-direction: row; }
  .its-footer .sm\:justify-between { justify-content: space-between; }
  .its-footer .sm\:mb-0 { margin-bottom: 0; }
  .its-footer .sm\:mt-1 { margin-top: 0.3rem; }
  .its-footer .sm\:w-1\/2 { width: 50%; }
  .its-footer .sm\:pr-4 { padding-right: 1rem; }
  .its-footer .sm\:pr-12 { padding-right: 3rem; }
}

@media (min-width: 768px) {
  .its-footer .md\:flex-row { flex-direction: row; }
  .its-footer .md\:items-start { align-items: flex-start; }
  .its-footer .md\:justify-between { justify-content: space-between; }
  .its-footer .md\:w-1\/4 { width: 25%; }
  .its-footer .md\:mb-0 { margin-bottom: 0; }
  .its-footer .md\:flex { display: flex !important; }
  .its-footer .md\:ml-8 { margin-left: 2rem; }
  .its-footer .container { padding-left:1rem; padding-right:1rem; }
}

@media (min-width: 1024px) {
  .its-footer .text-base { font-size: 0.825rem !important; }
  .its-footer .lg\:mt-1 { margin-top: 0.25rem; }
  .its-footer .lg\:flex-row { flex-direction: row; }
  .its-footer .lg\:items-start { align-items: flex-start; }
  .its-footer .lg\:justify-between { justify-content: space-between; }
  .its-footer .lg\:w-1\/4 { width: 25%; }
  .its-footer .lg\:mb-0 { margin-bottom: 0 !important; }
  .its-footer .lg\:pb-5 { padding-bottom: 1.25rem; }
  .its-footer .lg\:flex { display: flex !important; }
  .its-footer .lg\:ml-8 { margin-left: 2rem; }
  .its-footer .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .its-footer .lg\:pr-0 { padding-right: 0; }
  .its-footer .lg\:w-1\/5 { width: 20%; }
  .its-footer .lg\:w-2\/5 { width: 40%; }
  .its-footer .lg\:w-3\/5 { width: 60%; }
  .its-footer a.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .its-footer .container { max-width: none; padding-left:4rem; padding-right:4rem; }
  .its-footer .lg\:border-r { border-right-width: 1px; border-right-style: solid; }
  .its-footer .lg\:border-white { border-color: rgba(255, 255, 255, 0.3); }
  .its-footer a.lg\:py-1\/3 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; }
}

@media (min-width: 1200px) {
  .its-footer .xl\:w-auto { width: auto; }
  .its-footer .xl\:w-1\/3 { width: 33.3%; }
  .its-footer .xl\:w-1\/2 { width: 50%; }
  .its-footer .xl\:w-2\/5 { width: 40%; }
  .its-footer .xl\:w-3\/5 { width: 60%; }
  .its-footer .xl\:pr-0 { padding-right: 0; }
  .its-footer .container { max-width: none; padding-left:4rem; padding-right:4rem; }
}

@media (min-width: 1400px) {
  .its-footer .xx\:pr-0 { padding-right: 0; }
  .its-footer .xx\:pl-8 { padding-left: 2rem; }
}

/* Screen reader only */
.its-footer .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}