/* Custom CSS file */

/* Bootstrap breakpoints */
/* Extra small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { ... } /* sm */

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { ... } /* md */

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { ... } /* lg */

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

.topBannerStyle {
    background-image: url("../images/treadHeader3.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.specBgndColor {
    background-color: #B62025;
}

.ftmBackground {
    background-color: #e7e7e8;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

.navbar .dropdown-menu {
    background-color: #f2f2f2;
}

.navbar-nav .nav-link {
        margin-right: 20px; /* Adjust the spacing between menu items */
        font-weight: bold; /* Make the font bold */
    }

/* Table styles */
#specs.table-bordered {
    border: #000 2px solid !important;
    text-align: center;
}

#specs.table-bordered > thead {
    background-color: #9fa7ad !important;
}

/* Custom text styles */

/* Custom links */
a.navCustom:link {
    color: #ffffff;
    text-decoration: none;
}

a.navCustom:visited {
    color: #ffffff;
    text-decoration: none;
}

a.navCustom:hover {
    color: #a1a0a0;
    text-decoration: none;
}

a.constNav:link,
a.constNav:visited {
    color: #bd2a2a;
    text-decoration: none;
}

a.constNav:hover {
    color: #ffffff;
    text-decoration: none;
}

a.constRTSNav:link,
a.constRTSNav:visited {
    color: #bd2a2a;
    text-decoration: none;
}

a.constRTSNav:hover {
    color: #868383;
    text-decoration: none;
}

a.agPageLinks:link,
a.agPageLinks:visited {
    color: #000000;
    text-decoration: underline;
}

a.agPageLinks:hover {
    color: #6d6b6b;
}

/* Autocomplete styles */
.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Custom toggler icon */
.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(189,42,42, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    border-color: #bd2a2a;
}

/* Media queries */
@media only screen and (min-width: 576px) {
    .resize1 {
        width: 40%;
    }
}

@media only screen and (min-width: 768px) {
    .resize,
    .resize1 {
        width: 40%;
    }
}

@media only screen and (min-width: 992px) {
    .resize,
    .resize1 {
        width: 40%;
    }
    .wideR {
        width: 50%;
    }
}

@media only screen and (min-width: 1200px) {
    .resize,
    .resize1 {
        width: 30%;
    }
}