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

h1, h2, h3, h4, h5, h6 {
  font-family: "DM Serif Display", serif !important;
}

.table>thead>tr>th {
  font-size: 14px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 10px;
}

.card-body, .panel .panel-body {
  padding: 1rem;
}

.card-header {
  padding: .75rem !important;
  font-size: 1rem;
  font-weight: 500;
}

.section-title h3 {
  margin-bottom: 1.2rem;
}

/* Domains */
.card-steps strong {
  font-size: 18px;
}

#check-domain-availability > .card-header {
  background: #0D6EFD !important;
  color: white !important;
}

form[action="/order/config/preconfig/new"] input[name="domain"] {
  height: auto;
  padding: .9rem 1rem;
  font-size: 1.2rem;
}

.search a[href="/order/main/index/new/?skip=true"] {
  margin-left: 2rem !important;
}

.search a[href="/order/main/index/new/?skip=true"]::after {
  content: 'I already have an existing domain';
  display: block;
  font-weight: 500;
  font-style: italic;
}

#configure_domain button[type="submit"] {
  padding: 1rem 1.5rem;
  background-color: #ED096F !important;
  color: white !important;
  font-size: 1rem;
  font-weight: 500;
}

#configure_domain button[type="submit"]:hover {
  background-color: #d40663 !important;
}

/* Packages */
#hosting-packages > .card-header {
  background: #0D6EFD !important;
  color: white !important;
}

#hosting-packages .card-body > strong {
  display: block;
  margin-bottom: 1rem;
  font-family: "DM Serif Display", serif;
  font-size: 1.5rem;
}

#hosting-packages .pkg-description {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

#hosting-packages .pkg-description p {
  margin-bottom: .5rem;
}

#summary_section .card-body {
  padding: 10px;
}

.package .package-name h4 {
  font-size: 1.3rem !important;
}

.package .price-box {
  padding: .25rem 1rem !important;
}

.package .price-box p {
  margin-bottom: -5px !important;
  border-bottom: none !important;
}

.package .price-box h4 {
  font-size: 1.5rem !important;
  border-bottom: none !important;
}

.package .price-box + p {
  display: none;
  padding: 1rem !important;
  color: #777;
  font-style: italic;
}

.package.card ul {
  list-style: none;
  margin: 0 !important;
  padding: .5rem !important;
  color: #777;
  font-size: .9rem;
  text-align: center;
  line-height: 1.75;
}

.package.card ul li {
  padding: .25rem;
  border-bottom: 1px dotted #eee;
}

.package.card ul li:last-child {
  border-bottom: none;
}

#payment-method label {
  font-size: 14px !important;
}

/* Cart */
#review-order > .card-header {
  background: #0D6EFD !important;
  color: white !important;
}

#summary-details .table>tbody>tr>td,
#summary-details .table>tbody>tr>th {
  padding: 10px 5px;
}

#summary-details .table>tfoot>tr>td,
#summary-details .table>tfoot>tr>th,
#summary-details .table>thead>tr>td,
#summary-details .table>thead>tr>th {
  padding: 5px;
}

/* Knowledge Base */
.categories a {
  font-size: 1rem !important;
}

/* Responsive */
@media (min-width: 768px) {
  .navbar-nav {
    gap: 1.5rem;
  }

  .nav-content .navbar-nav>li>a.nav-link {
    padding: 16px 10px;
  }
}