// Global styling for this template body {

overflow-x: hidden;
@include body-font;

}

p {

line-height: 1.75;

}

a {

color: $primary;
&:hover {
  color: darken($primary, 10%);
}

}

.text-primary {

color: $primary !important;

}

h1, h2, h3, h4, h5, h6 {

font-weight: 700;
@include heading-font;

}

section {

padding: 100px 0;
h2.section-heading {
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 15px;
}
h3.section-subheading {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 75px;
  text-transform: none;
  @include serif-font;
}

} @media(min-width:768px) {

section {
  padding: 150px 0;
}

}

// Button Styles .btn {

@include heading-font;
font-weight: 700;

}

.btn-xl {

font-size: 18px;
padding: 20px 40px;

}

.btn-primary {

background-color: $primary;
border-color: $primary;
&:active,
&:focus,
&:hover {
  background-color: darken($primary, 7.5%) !important;
  border-color: darken($primary, 7.5%) !important;
  color: white;
}
&:active,
&:focus {
  box-shadow: 0 0 0 0.2rem rgba(254, 209, 55,.5) !important;
}

}

// Highlight color customization ::-moz-selection {

background: $primary;
text-shadow: none;

}

::selection {

background: $primary;
text-shadow: none;

}

img::selection {

background: transparent;

}

img::-moz-selection {

background: transparent;

}