:root {
   --a-link-color: #2c6bac;
   --a-visited-color: #769ac5;
   --nav-a-link-color: #3a6fa2;
   --icon-grey-color: #595959;
   --nav-tabs-link-active-color: #f8f9fa;
   --text-shadow-color: 1px 1px 1px rgba(0,0,0,0.5);
   --cul-darkblue-color: #093552;
}
a:link:not(.btn) {
 color:var(--a-link-color);
}
a:visited:not(.btn) {
  color:var(--a-link-color);
}
#CULnavbar,#header {
  .navbar-brand .img-fluid {
    min-height: 1em;
  }
  a {
    text-decoration: none;
  }
}
#CULbrand {
	max-width:400px;
}
@media (min-width: 576px) {
  #global-menu {
    font-size: 80%;
  }
}
#site-name {
  display: block;
  padding: 1rem 0;
  margin-bottom: 0;
  img {
    width:100vw;
    height:auto;
  }
}
#main-menu a:link {
  color:var(--nav-a-link-color);
}
#main-menu a:visited {
  color:var(--nav-a-link-color);
}
.jumbotron {
  border-radius: 0;
}

/* full-width dropdown menu */
#main-menu .nav-item.show > a {
  color:var(--secondary);
}
.cul-cols {
  column-width: 18em;
  column-gap: 2em;
  column-rule: 1px solid #e3e3e3;
  a {
    break-inside: avoid;
    white-space: normal;
  }
}
/* /full-width dropdown menu */

/* #fat-footer */
#fat-footer {
  background-color:var(--cul-darkblue-color);
  font-size: .75rem;
}
.fatf-icon i {
  font-size: 1.5rem;
}
/* /#fat-footer */

/* misc */
.bg-CULDarkBlue {
  background-color: var(--cul-darkblue-color);
}
/* /misc */

.tt-menu { padding: 1em 0.5em; width:100%; background-color: var(--bs-primary-bg-subtle); word-wrap: break-word; border-bottom: 1px solid #ccc; border-radius: var(--bs-border-radius) !important; }
.best-bet-result { margin-bottom: 1em; }
.offcanvas .tt-menu { position: static !important; }
.twitter-typeahead { width: 100%; }
input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration {
	  -webkit-appearance:none;
  }

/* animations */
	.animate {
	  animation-duration: 0.75s;
	  animation-delay: 0.1s;
	  animation-name: animate-fade;
	  animation-timing-function: cubic-bezier(.26, .53, .74, 1.48);
	  animation-fill-mode: backwards;
	}
	/* Roll In */
	.animate.roll { animation-name: animate-roll; }

	@keyframes animate-roll {
	  0% {
		opacity: 0;
		transform: scale(0, 0) rotate(360deg);
	  }
	  100% {
		opacity: 1;
		transform: scale(1, 1) rotate(0deg);
	  }
	}

/* menu loading */
.cul-menu-loading {
  opacity: 0.6;
}
.cul-menu-loaded {
  opacity: 1;
}