/* * {
    #e87f15;
} */

:root {
  --orange: #B4610E; 
  --darkorange:#A7590C;
  --darkblue:#213344;
  --grey: #666;
}


@font-face {
    font-family: Inter;
    src: url('../font/fonts/Inter/static/Inter-Regular.ttf');
}

@font-face {
    font-family: Outfit;
    src: url('../font/fonts/Outfit/static/Outfit-Regular.ttf');
}

h3,h4,h5 {
    font-family: Inter;
}

/* Standard */
i.bi {
    font-size: 26px;
    color: var(--orange);
}


.color-grey {
    color: var(--grey);
}


.color-orange {
    color: var(--orange);
}

.btn-orange {
    background-color: var(--orange);
    color: white; 
    font-family: Inter;
    font-size:18px;
    text-transform: capitalize;
}
.btn-orange:hover {
    border: 1px solid grey;
    color: var(--orange);
    border-color: var(--orange);
}

.a-post {  
    text-decoration: none;
    color: var(--darkorange); 
    font-size: 16px; font-family: Inter; 
    font-weight: 400; 
    position: relative;
    line-height: 25px;
    margin-left:20px;
}
.a-post::before{
    content: "\2022";
    position: absolute;
    left: -1.0em;  
}


.a-post:hover {
    text-decoration: underline;
}


/* Media queries for responsiveness */

/* Small screens (e.g., phones) */
@media only screen and (max-width: 600px) {
    .btn-orange {
        font-size:22px;
    }
}