/*
* hawkautoperu.com
* design by mmrobinson
* Copyright 2025 Zoom Advertising (zoomdigital.com)
*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap");
/* global utility */
.full-width {
  width: 100%;
}

.img-responsive {
  width: 100%;
  height: auto;
}

/* main styles */
body {
  width: 100%;
  background-color: #fff;
  background: url("../img/tweed.png") 0 0 repeat;
}

header {
  top: 0;
  padding: 18px 0 0 0;
  background: linear-gradient(to bottom, rgb(0, 34, 68), rgb(0, 51, 102));
  box-shadow: 0 0 10px #000;
}

.main-logo {
  height: 80px;
  width: 100%;
  color: transparent;
  font-size: 1em;
  background: transparent url("../img/svg/hawkautoperu.svg") 0 0 no-repeat;
  background-size: 100% auto;
}

footer {
  background: linear-gradient(to bottom, rgb(0, 34, 68), rgb(0, 51, 102));
  padding: 1rem 0;
  margin: 2rem 0 0 0;
  color: #fff;
  font-size: 0.875em;
  box-shadow: 0 0 10px #000;
}

footer a,
footer a:link,
footer a:visited {
  color: #fff;
  transition: all 0.5s;
}

footer a:hover,
footer a:focus {
  color: #ccc;
  text-decoration: none;
}

@media (min-width: 1400px) {
  .main-logo {
    height: 120px;
  }
}
/* dealerships section */
.dealerships {
  padding: 0 0 36px 0;
}

.dealer-card {
  border-radius: 12px;
  padding: 1.25rem;
  margin-top: 36px;
  text-align: center;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  background: linear-gradient(to bottom, #eee, #ccc);
}

.mfgLogo {
  width: 40%;
  height: auto;
}

.dealerLogo {
  width: 75%;
  height: auto;
  margin: 0 0 1.5rem 15%;
}

#hawk-mercedes .dealerLogo {
  margin: 0 0 1.5rem 0;
}

.icon-button {
  display: inline-block;
  height: 2rem;
  width: 2rem;
  padding: 0;
  margin: 1rem;
  background-color: transparent;
}

.dealer-buttons {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 12px 0;
}

.dealer-buttons li {
  width: 100%;
  padding: 0 0 12px 0;
}

.dealer-info {
  font-size: 1.25rem;
}

.dealer-buttons a,
.dealer-buttons a:link,
.dealer-buttons a:visited {
  display: inline-block;
  padding: 6px 0;
  width: 100%;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  background-color: #000;
  transition: all 0.5s;
}

.dealer-info a,
.dealer-info a:link,
.dealer-info a:visited {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

#hawk-chevy .dealer-info,
#hawk-chevy .dealer-info a,
#hawk-chevy .dealer-info a:link,
#hawk-chevy .dealer-info a:visited {
  color: #036;
}

#hawk-chevy .dealer-buttons a,
#hawk-chevy .dealer-buttons a:link,
#hawk-chevy .dealer-buttons a:visited {
  background-color: #036;
}

@media (min-width: 768px) {
  .dealer-buttons li {
    padding: 12px 2% 0 0;
  }
  .dealer-buttons a {
    padding: 12px 0;
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .dealer-buttons li {
    float: left;
    width: 33%;
    padding: 0 1%;
  }
  .dealer-buttons a {
    padding: 9px 0;
    transition: background-color 0.5s;
  }
  .dealer-buttons a:hover,
  .dealer-buttons a:focus {
    background-color: #333;
    color: #eee;
    text-decoration: none;
  }
  #hawk-chevy .dealer-buttons a:focus,
  #hawk-chevy .dealer-buttons a:hover {
    background-color: #024;
  }
  .dealer-info a:focus,
  .dealer-info a:hover {
    color: #333;
  }
  #hawk-chevy .dealer-info a:focus,
  #hawk-chevy .dealer-info a:hover {
    color: #024;
  }
}