.carousel-caption
    {
    margin              : 0;
    padding             : 0;
    }

.carousel-caption-contents-head > *:last-child,
.carousel-caption-contents-body > *:last-child
    {
    margin-bottom       : 0;
    }

.carousel-caption-contents  
    {
    border-radius       : 10px;
    }

.carousel-img
    {
    width               : 100%;
    height              : 25vw;
    min-height          : 150px;
    max-height          : 350px;
    background-size     : cover;
    background-repeat   : no-repeat;
    }


.carousel-control-prev-icon,
.carousel-control-next-icon
    {
    position    : relative;
    top         : 50%; /* Half height of carousel-img */
    }

    
@media (max-width: 768px)
    {
    .carousel ol, 
    .carousel ul,
    .carousel dl
        {
        margin-bottom: 0rem !important;
        }


    .carousel-caption .opacity-100,
    .carousel-caption .opacity-75,
    .carousel-caption .opacity-50,
    .carousel-caption .opacity-25
        {
        opacity         : 100% !important;
        }

    .carousel-img
        {
        min-height      : 150px;
        }

    .carousel-caption
        {        
        font-size       : 1.5rem !important;    
        height          : 125px !important;
        overflow        : hidden;        
        padding         : 0;
        position        : static;
        }

    .carousel-caption-contents  
        {        
        opacity         : 100% !important;
        border-radius   : 0 !important;
        padding         : 10px !important;
        height          : 100% !important;
        }

    .carousel-control-prev-icon,
    .carousel-control-next-icon
        {
        position    : relative;
        top         : 75px; /* Half height of carousel-img */
        }
    }
#cookies-popup-overlay
    {
    z-index: 1030 !important;
    }
/* Custom style... */

body {
  overflow-y: scroll;
}


a {
  text-decoration: none !important;
}


@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}


@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}


.menu-topper {
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, rgba(0, 174, 239, 1) 0%, rgba(0, 174, 239, 1) 25%, rgba(236, 0, 140, 1) 25%, rgba(236, 0, 140, 1) 50%, rgba(255, 242, 0, 1) 50%, rgba(255, 242, 0, 1) 75%, rgba(35, 31, 32, 1) 75%, rgba(35, 31, 32, 1) 100%);
}


.remove-last-margin> :last-child {
  margin-bottom: 0 !important;
}


.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}


.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.font-sans {
  font-family: Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


.bg-indigo {
  background-color: #6574cd !important;
}


.h-5 {
  height: 1.25rem !important;
}


.w-5 {
  height: 1.25rem !important;
}


.flex-1 {
  flex: 1 1 0%;
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .container {
    max-width: 1250px;
  }
}


/* Extra-extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
  .container {
    max-width: 1440px;
  }
}


@media (min-width: 992px) {
  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-none {
    display: none !important;
  }
}


.bg-light {
  background: #f3f4f6 !important;
}

.card {
  border-radius: 0.475rem;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f9fafb;
  border-top: 0;
}

.card-footer:last-child {
  border-radius: 0 0 0.475rem 0.475rem;
}

.dropdown-menu {
  width: 220px;
}

.small {
  font-size: .875rem !important;
}

.bg-black {
  background-color: #000;
}


.btn-no-focus:focus {
  box-shadow: none;
}
.nav-wrapper,
.megamenu-content
    {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
    }


.navbar-toggler
    {
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    }


.navbar-upper
    {
    padding-bottom: 0;
    }

.navbar-lower
    {
    padding-top:0;
    padding-bottom: 0;
    }

.navbar-upper .navbar-nav
    {
    flex-direction: row;
    }


.megamenu
    {
    position: static;
    }

.megamenu .dropdown-menu
    {
    background: none;
    border: none;
    }



.megamenu-item
    {
    margin-bottom:1rem;
    }


/*
 * Dropdown Menu Animation for Bootstrap Navbar
 * https://startbootstrap.com/snippets/animated-navbar-dropdown
 */

/* Change this breakpoint if you change the breakpoint of the navbar */
@media (min-width: 992px)
    {
    .animate    
        {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
        }
    }
  


/** Large screen styles **/
@media (min-width: 992px)
    {
    .navbar-lower .nav-item.show,
    .navbar-lower .nav-item.show .nav-link,
    .megamenu-content,
    .megamenu-content .nav-link
        {
        background-color    : #ECECEC !important;
        color               : #212529 !important;
        }
    }
.toast
    {
    background-color    : rgba(255, 255, 255, 1) !important;
    }



.toast-container
    {
    z-index     : 9999;
    padding     : 1rem !important;
    }


.toast-header
    {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    }


.toast-header:last-child
    {
    border-bottom-left-radius: calc(0.25rem - 1px) !important;
    border-bottom-right-radius: calc(0.25rem - 1px) !important;
    }


.toast-body
    {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    }    


@media (min-width: 992px)
    {
    .toast-container
        {
        width       : auto;
        min-width   : 350px;
        max-width   : 500px;
        }    
        

    .toast
        {
        width       : auto;
        max-width   : 100%;
        }        
    }

@media (max-width: 992px)
    {
    .toast-container
        {
        width       : 100%;

        transform   : translateX(-50%);
        top         : 0;
        left        : 50%;
        }  
        
    .toast
        {
        width       : 100%;
        max-width   : 100%;
        }                
    }    



.toast-header
    {
    border-bottom: 0 !important;
    }
@media (max-width: 768px)
    {
    .touch-link    {
                    min-height  : 48px;
                    min-width   : 48px;
                    font-size   : 1.1rem;
                    }
    }