/* FONTS */
@font-face {
	font-family: "Oswald";
	src: url("../fonts/Oswald-VariableFont_wght.ttf") format("truetype-variations");
	font-weight: 1 999;
}

/* GLOBAL */
:root {
    /* --color-primary: #131515; */
    /* --color-primary: #0D1C39; */
    --color-primary: #f9fafa;
    --color-primary-light: #1b1e1e;
    --color-secondary: #40798C;
    --color-gold: #CE962E;
}
body {
    background-color: #fff;
    color: black;
}
img {
    max-height: 100%;
    max-width: 100%;
}
/* text & svg */
.svg-24-white {
    height: 24px;
    width: 24px;
    vertical-align: sub;
    fill: black;
}
.svg-28-white {
    height: 28px;
    width: 28px;
    vertical-align: sub;
    fill: black;
}
.svg-32-white {
    height: 32px;
    width: 32px;
    vertical-align: sub;
    fill: black;
}
.list-nostyle {
    list-style: none;
}
.color-gold {
    color: var(--color-gold);
}
.text-align-justify {
    text-align: justify;
}
/* helpers */
.fit-content {
    width: fit-content;
}
/* MEDIUM */
@media (min-width: 768px) {

    .w-md-75 {
        width: 75%;
    }

    .w-md-50 {
        width: 50%;
    }

    .w-md-25 {
        width: 25% !important;
    }

}

/* underline */
.underline-gold {
    text-decoration-line: underline;
    text-decoration-style: "solid";
    text-decoration-color: rgba(206,150,46,1);
    text-decoration-thickness: 9px;
}

/* links */
a.link-style-gold {
    color: inherit;
    text-decoration: none;
}
a.link-style-gold:hover, a.link-style-gold:focus, a.link-style-gold:active {
    color: var(--color-gold);
}
a.link-style-logo {
    color: var(--color-gold);
    text-decoration: none;
}
a.link-style-logo:hover, a.link-style-logo:focus, a.link-style-logo:active {
    color: var(--color-gold);
}
a.link-style-none {
    color: inherit;
    text-decoration: none;
}
a.link-style-none:hover, a.link-style-none:focus, a.link-style-none:active {
    color: inherit;
}

/* phone number */
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}



/* HEADER */
.header-top {
    color: black;
    margin-top: 4rem;
    margin-bottom: 6rem;
    font-family: Oswald;
}
.header-top > h1 {
    font-family: Oswald;
    font-weight: 900;
    font-size: 3.5rem;
    text-align: center;
}

/* CARDS */
.card-light-dark {
    border-radius: 10px;
    border: 3px solid #000;
    background-color: white;
    -webkit-box-shadow: 8px 8px 0px 3px #1e0d81; 
    box-shadow: 8px 8px 0px 3px #1e0d81;
}
.text-card {
    padding: 2rem;
}
.bg-card-1 {
    border-radius: 0px 5px 5px 0px;
    background-image: url("../img/gold2.jpg");
    background-size: cover;
}