/*---------------------------------------------
--------------------LAYOUT-------------------*/
body {
  font-family: "century-gothic", sans-serif;
    Font-size 76%;
    font-weight: 400;
    font-style: normal;
}
.hero {
  background: url("../img/Sourcing Africa Trip Cape Town 2023 v2_JJ-81.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    padding-top: 35vh;
}
.sa-hero {
  background: url("../img/Cape-Town-South-Africa.jpeg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    padding-top: 15vh;
}

.mo-hero {
  background: url("../img/morocco-design.jpeg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    padding-top: 15vh;
}

.egypt-hero {
  background: url("../img/Nile-River-History-Egypt-Tours-Portal-529116969.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 70vh;
    padding-top: 15vh;
}

.nav-item {
  padding: 0 10px;
}

.section-heading {
  /* border-top: 3px solid #b46b32; */
  border-bottom: 3px solid #b46b32;
}

.capetown-heading {
  background: url("../img/capetown beaches.png") no-repeat center center;
    background-size: cover;
}

.article {
  padding-left: 8%;
  padding-right: 8%;
}

.overlap-front {
  position: absolute;
  top: 12%;
  left: 0;
  z-index: 999999;
  width: 35rem;
  padding: 50px;
  clear: none;
}

.overlap-back {
  float: right !important;
  z-index: 9999;
}

.card {
  border-radius: 0 !important;
}

.border-primary {
  border: 3px solid #b46b32 !important;
}

.footer {
  height: 15vh;
  background: #b46b32;
}

.full-image {
  width: 100%;
}

.sa-form {
  width: 80%;
  margin: 0 auto;
}
input[type=text], input[type=email] {
  border-radius: 0 !important;
  border: 1px solid #b46b32 !important;
}
.custom-select {
  border-radius: 0 !important;
  border: 1px solid #b46b32 !important;
}
.form-check-input {
  width: 12px;
  height: 12px;
  border-radius: 0!important;
  border: 1px solid #b46b32 !important;
}
.sa-button {
  padding: 10px 45px;
  background: #b46b32;
  color: #000000;
  border: none;
  border-radius: 0;
}
.sa-button:hover {
  background: #c57d46;
  transition: ease all .4s;
  cursor: pointer;
}

.testimonials {
  background: rgba(180,107,50,.30);
}

/*---------------------------------------------
----------------TYPOGRAPHY-------------------*/
.nav a {
  font-size: 16pt;
  color: #111111;
}
.nav a:hover, a:active {
  color: #b46b32;
}

h1 blockquote{
  font-size: 32pt;
  color: #ffffff;
  font-weight: 700;
}

h1 {
  font-size: 72pt;
  color: #ffffff;
  font-weight: 800;
  text-shadow: 2px 3px 12px rgba(0,0,0,0.5);
}

h2 {
  font-size: 46pt;
}
h3 {
  font-size: 36pt;
}
h4 {
  font-size: 24pt;
}
h5 {
  font-size: 18pt;
}
p {
  font-size: 16pt;
}

a {
  color: #b46b32;
  text-decoration: none;
}
a:hover {
  color: #b46b32;
  text-decoration: underline;
}

blockquote {
  font-size: 18pt;
  font-style: italic;
  font-weight: 500;
}

.light-heading {
  color: #ffffff;
  text-shadow: 2px 3px 12px rgba(0,0,0,0.5);
}

/* Mobile adjustments */
@media (max-width: 768px) {
  /* Form layout to single column */
  .sa-form .form-row {
    display: block;
  }
  .sa-form .form-row .col {
    width: 100%;
    margin-bottom: 1rem;
  }

  /* Reduce H1 blockquote font size */
  h1 blockquote {
    font-size: 24px;
  }
  h1 {
    font-size: 64px;
  }

  h2 {
    font-size: 36px;
  }

  h4 {
    font-size: 24px;
  }
  p {
    font-size: 18px;
  }
  .sa-button {
    width: 100%;
  }
  .overlap-front {
    position: relative;
    width: 100% !important;
    padding: 0px !important;
    clear: none;
  }

  .overlap-back {
    float: none !important;
    width: 100%;
  }

  .nav-item {
    padding: 0 0 0 60px !important;
  }
}