@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css");
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,800&display=swap');

body {
padding-top: 64px;

}

.hero-image {
    background-image: url("<?php bloginfo('template_directory'); ?>/assets/img/eheaderimg.jpg"); /* The image used */
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 400px; /* You must set a specified height */
    background-position: top center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
  }

.tinted-image {
    background:  
      /* linear-gradient(
        rgba(13, 18, 47, 0.9), 
        rgba(31, 18, 47, 0.9)
      ), */
      url(../assets/img/tblbg.jpg);
    
      background-position: top center; /* Center the image */
      background-repeat: no-repeat; /* Do not repeat the image */
      background-size: cover; /* Resize the background image to cover the entire container */
}

.footer {
    background-color: #0e142e;
}

.footerlinks
{
  text-decoration: none; color: white;
}
.footerlinks:hover
{
  text-decoration: none; color: white;
}

.webtlinks
{
  text-decoration: none; color: black;
}
.webtlinks:hover
{
  text-decoration: underline; color: black;
}

.ygbutton
{
  background-color: yellow;
  color: #1b2141;
}
.ygbutton:hover{
background-color: #fedb05;
}

.loginnavbtn {
  color: #666666; font-size: 0.8em; font-weight: bold; border-color: #666666; padding-top: 0.9em; padding-bottom: 0.9em;
}

.loginnavbtn:hover {
  background-color: thistle;
  color: #666666; font-size: 0.8em; font-weight: bold; border-color: #666666; padding-top: 0.9em; padding-bottom: 0.9em;
}
body {
  font-family: 'Open Sans', sans-serif;
}

.mapa td a
{
  text-decoration: none;
  font-size: 16px;
  line-height: 2.5em;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  color: black;
}

.mnavfstyle{
  color:#1d242a;  
  font-weight: bold;
}

.galgtxt {
  font-size: calc(12px + (28 - 12) * ((100vw - 300px) / (1600 - 300)));
}

.regstyle {
  vertical-align: 0.2rem; 
  font-size: calc(10px + (24 - 10) * ((100vw - 300px) / (1600 - 300)));
}


.lheadimg {
  margin-top: 100px; 
  margin-left: 20px;
}

.aucspot {
  color: #244c79; 
  text-decoration: underline;
}

.lgbutton
{
  background-color: green;
  color: #1b2141;
}
.lgbutton:hover{
background-color: darkgreen;
}

@media (max-width: 767px) {
  .carousel-inner .carousel-item > div {
      display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  
  .carousel-inner .carousel-item-start.active, 
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
transform: translateX(0);
}

.carousel-control-prev-icon{
  position: absolute;
  left: -25px;
}
.carousel-control-next-icon{
  position: absolute;
  right: -25px;
}

tbody td{
text-align: center;
}