/*
Theme name: East Ridge Media Theme
Version: 1.0
(c) 2026 East Ridge Media LLC. All rights reserved.
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --bs-font-sans-serif: 
        Roboto, "Segoe UI", "Helvetica Neue", system-ui, -apple-system,  
        "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", 
        "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    
    --erm-color-dark: #1D252D;
    --erm-color-accent: #FF6A14;
    --erm-color-green: #83BD74;
    --erm-color-red: #CB7553;
    --erm-color-blue: #739AC3;
    --erm-color-purple: #B9729C;
    --erm-color-orange: #FF6A13;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  /* filter: invert(1) grayscale(100); */
  margin-bottom: 0;
  padding-bottom: 0;
  width: 1.6rem;
  height: 1.6rem;
}

.carousel-control-prev-icon {
    margin-left: -20px;
}

.carousel-control-next-icon {
    margin-right: -20px;
}

h2 {
    font-family: Inter, Roboto;
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: uppercase;
}

h3 {
    font-size: 1.4rem;
    font-weight: 300;
}

h4 {
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #848484;
}

.fill-viewport-height {
    min-height: 85vh;
}

.content-top-offset {
    margin-top: 74px;
}

.erm-bg-dark {
    background-color: var(--erm-color-dark);
}

.title {
    font-family: Inter, Roboto;
    font-size: 3rem;
    line-height: 3.2rem;
    font-weight: 400;
    text-align: left;
}

.subtitle {
    font-size: 1.6rem;
}

.hero-note {
    font-size: 1.2rem;
    font-style: italic;
    color: #e1e1e1;
}

span.higlight {
    color: #FF6A13;
}

.nav-link {
    font-size: 0.95rem;
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
}

.btn-primary {
    background-color: #274a65;
    border-color: #1f3445;  
}

.btn-primary:hover {
    background-color: #1f3445;
}

.btn-primary:focus {
    background-color: #1f3445;
    border-color: #1f3445;  
}

.btn-primary:active:focus {
    background-color: #274a65;
    box-shadow: none;
}

.bg-gray {
    background-color: #F3F3F3;
}

.bg-light-blue {
    background-color: #EFFBFF;
}

.hero-bg {
    background-image: url("imgs/hero_bkg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 25px;
}

.info-card-title {
    font-size: 1.2rem;
    font-weight: 600;
}

.info-card-title i {
    font-size: 21px;
    padding-right: 8px;
    vertical-align: middle;
}

.info-card {
    font-size: 1rem;
    padding-left: 32px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.info-card-hl {
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, rgba(214, 214, 214, 1) 70%, rgba(214, 214, 214, 0));
    margin-top: 20px;
}

.info-card-arrow {
    background-image: url("imgs/vertical_arrow.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-position-x: 4px;
}

.info-card-arrow:last-child {
    background-image: none;
}

.c-ic-green {
    color: var(--erm-color-green);
}

.c-ic-red {
    color: var(--erm-color-red);
}

.c-ic-blue {
    color: var(--erm-color-blue);
}

.c-ic-purple {
    color: var(--erm-color-purple);
}

.c-ic-orange{
    color: var(--erm-color-orange);
}

.text-gray300 {
    color: var(--bs-gray-300);
}

.text-gray400 {
    color: var(--bs-gray-400);
}

.text-gray500 {
    color: var(--bs-gray-500);
}

.text-gray600 {
    color: var(--bs-gray-600);
}

.text-gray700 {
    color: var(--bs-gray-700);
}

.contact-card {
    height: 130px;
    background-color: #ffffff;  
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    padding: 0.6rem 1rem;
    margin-right: 10px;
    text-align: center;
}

.sample_cards_info {
    font-style: italic;
    text-align: center;
    padding-top: 5px;
}

@media (max-width: 991.98px) {
    .contact-card {
        width: 225px;
    }
}

@media (min-width: 992px) {
    .contact-card {
        width: 285px;
    }
}

.contact-card-icon i {
    font-size: 21px;   
}

.contact-card-icon {
    width: 36px;
    height: 36px;
    background-color: #EEEEEE;
    border-radius: 50%;
    -moz-border-radius:50%;
    -webkit-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-bottom: 5px;
}

.validation-error {
    background-color: #FFF7F7;
    border-color: var(--erm-color-red);
}

.social-media-icon {
    font-size: 1.4rem;
}

.footer {
    font-size: 0.9rem;
    color: #D9D9D9;
    background: #1D252D;
    background: linear-gradient(0deg,rgba(29, 37, 45, 1) 29%, rgba(44, 55, 67, 1) 100%);
    padding-top: 80px;
    padding-bottom: 30px;
}

.footer span {
    margin: 0 15px;
}

.footer a {
    color: #D9D9D9;
}

.fb {
    display: none;
    background-color: #CB7553;
}

.debug {
    background-color: #CB7553;
}