/* Site.css 

#1a3a6c nav blue
#1565c0 deep blue 
#1e88e5 Lenos blue
#42a5f5 sky blue
#f4a623 ignite amber 
#e3f0ff frost 
#1a1a2e ink

*/

.textblockblue {
    border-top: solid thick #1E88E5;
}

.textblockorange {
    border-top: solid thick #F4A623;
}

/* only apply this on big enough screens otherwise it overflows */
@media (min-width: 1400px) {
    .display-card1 {
        margin-right: 20px;
    }

    .display-card2 {
        margin-left: 20px;
    }
}

.ignite-border1 {
    border-left: solid thick #BF6900;
}

.ignite-border2 {
    border-left: solid thick #42a5f5;
}

.ignite-border3 {
    border-left: solid thick #1e88e5;
}

.ignite-border4 {
    border-left: solid thick #1565c0;
}

/* hero*/


.hero-row {
    min-height: 760px;
}

.hero-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 1550px) {
    .hero-col .responsive-font-48 {
        font-size: 48px !important;
    }

    .hero-row {
        min-height: 560px;
    }
}
@media (max-width: 575.98px) {
    .hero-col .responsive-font-48 {
        font-size: 36px !important;
    }
}


/* disable buttons that are being used as labels */

.fakeButton {
    pointer-events: none;
}

/* navigation help */

nav.master-header1 {
    padding: 20px clamp(5px, 1vw, 80px) !important;
}

/* Logo Ticker */
.ticker-container {
    overflow: hidden;
}

.ticker-track {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 20px;
    animation: scroll 30s linear infinite, fadein 1s ease forwards;
    opacity: 0;
}

.ticker-track .ticker-image {
    height: 30px;
}

.ticker-track img.ticker-image[src*="allstate"] {
  height: 20px;
}

.ticker-track img.ticker-image[src*="paccar"] {
  height: 20px;    
}

.ticker-track img.ticker-image[src*="sf-logo"] {
  height: 35px;  
}

.ticker-track img.ticker-image[src*="ncr-logo"] {
  height: 20px;  
}

.ticker-track img.ticker-image[src*="amazon-logo"] {
  height: 20px;  
}

.ticker-track img.ticker-image[src*="ford-logo"] {
  height: 20px;  
}

.ticker-track img.ticker-image[src*="gip-logo"] {
  height: 20px;  
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-50% - 10px))
    }
}