/* Custom styling here */

h1, h2, h3, h4, h5, h6 {
  color: #525B4C!important;
}
.searose-bg   {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b08+0,627d4d+100&1+0,0.41+100 */
background: -moz-linear-gradient(left,  rgba(31,59,8,1) 0%, rgba(98,125,77,0.41) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(31,59,8,1) 0%,rgba(98,125,77,0.41) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(31,59,8,1) 0%,rgba(98,125,77,0.41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b08', endColorstr='#69627d4d',GradientType=1 ); /* IE6-9 */
}

.bg-graygreen {
	background-color: #525B4C;
}
.bg-cream  {
	background-color:#fff5e2;
}
.bg-ivory {
	background-color: #fcf9f4;
}
.bg-mdgraygreen {
  background-color: #b7c1b0;
}
.bg-lightgraygreen {
  background-color: #ced3cb;
}
.text-srgreen {
	color: #3C512D;
}
.text-srcream {
  color: #fff5e2!important;
}

a {
  color: #3C512D!important;
  font-weight: 300;
}
a:hover, a:focus, a:active {
  cursor: pointer;
  color: #ced3cb!important;
}
.footer a {
  color: #fff5e2;
  text-decoration: none;
}
.btn:hover {
  text-decoration: none
}
.btn:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: inset 0px 2px 4px rgba(82,91,76,0.40);
    text-decoration: none;
    -webkit-box-shadow: inset 0px 2px 4px rgba(82,91,76,0.40);
}
.btn:not(:first-child):last-child {
  margin-right: 0
}
.btn.btn-primary {
  background-color: #525B4C;
  border-color: #525B4C;
  color: #fff
}
.btn.btn-primary:hover {
    background-color: #9EB092;
    border-color: #9EB092
}
.btn.btn-primary:focus, .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled):active:focus {
  background-color: #9EB092;
  border-color: #9EB092;
  color: #fff
}
.copyright {
  font-size: .75rem;
  line-height: 3rem;
}
section.article, section.basic, section.blog, section.calendar, section.call-to-action, section.contact, section.content, section.ecommerce, section.faq, section.feature, section.form, section.hero, section.in-page-nav, section.map, section.photo, section.policy, section.portfolio, section.pricing, section.profile, section.team, section.testimonial, section.title {
  padding: 50px 0
}
@media screen and (min-width: 992px) {
  section.article, section.basic, section.blog, section.calendar, section.call-to-action, section.contact, section.content, section.ecommerce, section.faq, section.feature, section.form, section.hero, section.in-page-nav, section.map, section.photo, section.policy, section.portfolio, section.pricing, section.profile, section.team, section.testimonial, section.title {
    padding: 100px 0
form .form-check .ds-form-radio-input {
  align-items: center;
  border-radius: 100%;
  display: flex;
  justify-content: center
}
form .form-check .ds-form-radio-input:after {
  background-color: #525B4C;
  border-radius: 100%;
  content: "";
  height: 30px!important;
  opacity: 0;
  transition: all .25s linear;
  width: 30px!important;
}
form .form-check .form-check-input:focus + label .ds-form-check-input, form .form-check .form-check-input:focus + label .ds-form-radio-input {
  border-color: #9EB092!important;
  box-shadow: 0px 0px 4px rgba(158,176,146,.3)!important;
}
form .form-check .form-check-input:checked + label .ds-form-check-input:after, form .form-check .form-check-input:checked + label .ds-form-radio-input:after {
  opacity: 1
}
form .form-check .form-check-input:checked + label .ds-form-radio-input {
  border-color: #9EB092!important;
}
form .form-check .form-check-input:checked + label .ds-form-radio-input:after {
  background-color: #9EB092!important;
}
form .form-select {
  position: relative
}
form .form-select:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #9EB092!important;
  content: "";
  display: inline-block;
  height: 0;
  position: absolute;
  right: 15px;
  top: 20px;
  width: 0
}
.fade {
  position: relative;
  height: 7.2em; /* exactly three lines */
}
.fade:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 14.4em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
.shadow {
  text-shadow: 5px 5px 8px #666;}
}