@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,700;0,800;1,200;1,300;1,400;1,700;1,800&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
:root {
    --grey: #ecf0f5;
    --grey-dark: #b8babd;
    --rich-black: #1c1000;
    --light-blue: #a9d1fc;
    --dark-blue: #3075e2;
    --red: #E91C24;
    --glass: rgba(230,230,230,.7);
}


*,
*::before,
*::after {
    box-sizing: border-box;
    font-family: 'Karla', sans-serif;
    font-weight: 300;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Karla', sans-serif;
    font-weight: 300;
}

h1 {
    color:var(--dark-blue);
    font-weight:700;
}

.img-basic {
    border-radius:2px;
    box-shadow:0px 0px 30px rgba(0,0,0,.2);
    height:100%;
}

/* Header */
.site-icon {
    height:50px;
    }

.home-header {
        justify-content: center;
    }

    .page-header {
        padding-left:2rem;
        padding-right:2rem;
    }
    .border {
        border-bottom:solid 1px rgba(0,0,0,.08);
        padding-bottom:1.5rem;
    }

.unbranded {
font-weight:800;
color:var(--rich-black);
text-decoration: none;
text-transform: uppercase;
transition: .2s
}

.unbranded:hover {
    color:var(--grey-dark);
}


header {
    background-color: white;
        display:flex;
        align-items: center;
        justify-content: space-between;
        padding-top:.7rem;
        padding-bottom:.7rem;
    }

.phone-bar {
        background-color:var(--red);
        padding-top:.4rem;
        padding-bottom:.6rem;
        color:white;
        text-align: center;
    }
.phone-bar a {
    color:white;
    text-decoration: none;
}

.call-text {
    font-weight:700;
    color:var(--red);
    font-size:.7rem;
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom:.3rem;
    text-decoration:none;
 }

 .call-link {
     text-decoration: none;
    text-transform: uppercase;
    font-weight:700;
    font-size:.6rem;
    letter-spacing: 1px;
    padding:.7rem;
    padding-top:.5rem;
    padding-bottom:.4rem;
    border-radius: 2px;
    color:white;
    background-color:var(--rich-black);
    display:flex;
    align-items: center;
    justify-content: center;
    transition: .2s;
 }
.call-link:hover {
    background-color:var(--red);
    color:white;
}

/* Main */
main {
    min-height:100vh;
}



.bg-img {
    background-image: url(../img/AMAPhoto-297-bg65.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-two {
    background-image: url(../img/splash-image-2-80.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-img-three {
    background-image: url(../img/splash-image-3-80.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.container {
height:100%;
max-width:1200px;
padding-top:2rem;
padding-bottom:2rem;
}

.container h1 {
    font-weight:700;
}

/* Forms */
.featured {
    display:flex;
    align-items: center;
    gap:1rem;
    border-radius:2px;
    box-shadow:0px 0px 40px rgba(0,0,0,.08);
    padding:2rem;
    background-color:var(--glass);
}

.featured-subhead {
    color:var(--red);
    font-size:1.3rem;
    font-weight:400;
}


.form-container {
    margin-left:2rem;
    width:90%;
    text-align: left;
    min-width:320px;
}

.form-title {
display:flex;
justify-content: center;
min-width:320px;
}

.form-title img {
   height:100%;
   width:100%;

}

.form-title h5 {
    color:var(--la-dark-blue);
    text-transform: uppercase;
    font-weight:600;
}

.confirm {
    color:var(--dark-blue);
    font-weight:600;
    padding:.5rem 3rem;
    box-shadow:0px 0px 30px rgba(0,0,0,.2);
    background-color:white;
    border-radius:2px;
    margin-top:2rem;
}

.confirm em {
    font-weight: 600;
 color:var(--rich-black); 
}

.hidden {
    display: none;
}

/* Cards */

.glass {
    box-shadow:0px 0px 30px rgba(0,0,0,.2);
    background-color:var(--glass);
    border-radius:2px;
margin-top:2rem;
text-align: center;
}

.glass h2 {
    color:var(--dark-blue);
    font-weight:700;
    padding-top:1rem;
}
.info-cards {
    padding:2rem;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:3rem;
    border-radius:2px;
    text-align: center;
    color:var(--dark-blue);
     }

.info-card {
    flex: 1 1 160px;
}

.info-card img {
 width:100%;
 border-radius:2px;
 box-shadow:0px 0px 30px rgba(0,0,0,.2);
 margin-bottom:1rem;
}
    .info-card h3 {
font-size:1.4rem;
font-weight:700;
    }
    .info-card p {
        color:var(--red);
        font-size:.7rem;
    }

    .info-card-link  {
        font-weight:600;
        font-size:1rem;
        letter-spacing: 1px;
        width:95%;
        margin: .5rem auto;
        padding: 12px 8px 8px 8px;
        background-color:var(--red);
        border-radius:2px;
        display:flex;
        align-items: center;
        justify-content: center;
        color: white;
        text-decoration: none;
        border:none;
        transition: .2s;
    }


    .info-card-link:hover {
       background-color:var(--rich-black);
       color:white;
    }

    /* Contact */

    .contact {
    padding:2rem;
    margin:0 2rem;
       max-width:75ch;
    }


.flexed {
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}

/* Legal */

.centered {
    text-align: center;
}

.centered h1 {
    margin:0;
    padding:0;
}

.centered h6 {
    padding:0;
    margin:0;
}

.legal {
    width:70%;
    margin:0 auto;
    text-align: left;
}


/* Footer */

footer {
    background-color: var(--dark-blue);
    padding:3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
 }

.footer-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:.85rem;
}

.footer-nav ul {
        display: flex;
        justify-content: center;
        align-items: center;
        list-style: none;
        margin-left: 0;
        padding-left: 0;
}

.footer-nav li {
    padding:0rem .5rem;
}

footer a {
    text-decoration: none;
    color: var(--light-blue);
    font-weight: 400;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    transition: .4s;
}

footer a:hover {
    color: white;
    border-bottom: 1px solid white;
}

.active {
    color:white;
    border-bottom: 1px solid white;
}

.credits {
    text-transform: uppercase;
    color:var(--light-blue);
    font-size:.6rem;
}


.disclaimer {
    padding-top:2rem;
    color:var(--light-blue);
    font-size:.8rem;
    line-height: auto;
    max-width:80%;
    margin:0 auto;
}

/* Cookie Consent */

.cookie-consent{
    position: fixed;
      bottom: 8px;
      left: 20px;
      width: 260px;
      padding-top: 7px;
      height: 83px;
      color: #fff;

      line-height: 20px;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 14px;
      background: #292929;
      z-index: 120;
      cursor: pointer;
      border-radius: 3px;
      }

      .allow-button{
            height: 20px;
          width: 104px;
          color: #fff;
          font-size: 12px;
          line-height: 10px;
          border-radius: 3px;
          border: 1px solid green;
          background-color: green;
      }


/* Media Queries */

@media screen and (max-width:1024px) {
    .bg-img {
        background-image: url(../img/AMAPhoto-297-bg65.png);
    }
 .featured {
     flex-direction: column;
     text-align: center;
 }
}