/* Custom styling here */
body {
color: #3C512D;
font-family: "Ubuntu",sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #525B4C!important;
}

a {
    color: #4C9F12;
    font-weight: 400;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    color: #316A09!important;
    text-decoration: none;
    cursor: pointer
}
.header a  {
  color: #fff5e2!important;
  font-weight: 300;
  text-decoration: none;
}
.header a:hover, a:focus, a:active {
    color: #FFFAF2!important;
	font-weight:400;
    text-decoration: none;
    cursor: pointer
}
.bg-white {
  background-color:#FFF;
}
.bg-dark {
  background-color: #96a1f0!important;
}
.bg-greengrad
{
	/* 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-lightgraygreen {
  background-color: #ced3cb;
}
.text-srgreen {
	color: #3C512D;
}
.text-srcream {
  color: #fff5e2!important;
}

.bg-darkcream {
    background-color: #e9e8e7;
}
.bg-lightcream {
    background-color: #F2F2F2;
}

footer a {
    color: #fff5e2!important;
    font-weight: 300
}
footer a:hover, a:focus {
  color: #FFF!important;
  font-weight:400;
  text-decoration: none;
  cursor: pointer
}

.btn:hover {
  text-decoration: none
  color: #FFF!important;  
}
.btn:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled):active:focus {
	color: #FFF!important;
    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;
	color: #fff5e2!important;
}
.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: #fff5e2!important;
}

.copyright {
  font-size: .75rem;
  line-height: 3rem;
}

.header .navbar-nav .dropdown-menu .nav-link {
  color: #FFF;
  font-size: 14px!important;
  line-height: 17px!important;
  text-decoration: none;
}

.header .navbar-nav .nav-link ul {
 list-style-type: none;
}
.header .navbar-nav .dropdown-menu .nav-link li {
  color: #fff5e2;
  font-size: 14px!important;
  line-height: 17px!important;
  text-decoration: none;
}

div:active {
  }

.masthead.bg-dark {
background-color: #525B4C!important;
}

.masthead .navbar-light .navbar-nav .nav-item .nav-link:not(.btn) {
  color: #fff5e2;
  font-size: 14px!important;
  line-height: 17px!important;
  text-decoration: none;
}
@media screen and (min-width: 992px) {
  .masthead .navbar-light .navbar-nav .nav-item .nav-link:not(.btn) {
    color: #fff5e2!important;
  }
}
.masthead .navbar-light .navbar-nav .nav-item .nav-link:not(.btn):hover, .masthead .navbar-light .navbar-nav .nav-item .nav-link:not(.btn):focus {
  color: #fff!important;
  background: none;
}
@media screen and (min-width: 992px) {
  .masthead .navbar-light .navbar-nav .nav-item .nav-link:not(.btn):hover, .masthead .navbar-light .navbar-nav .nav-item .nav-link:not(.btn):focus {
   color: #fff!important;
   background: none;
  }
}
.masthead .navbar-light .navbar-nav .nav-item .nav-link.dropdown-toggle i, .masthead .navbar-light .navbar-nav .nav-item .nav-link.dropdown-toggle svg, li {
  color: #fff5e2!important;
}
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: 20px 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: 50px 0
  }

hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(0deg,rgba(249,249,249,1.00) 0%,rgba(82,91,76,1.00) 50%,rgba(249,249,249,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(249,249,249,1.00) 0%,rgba(82,91,76,1.00) 50%,rgba(249,249,249,1.00) 100%);
    background-image: -ms-linear-gradient(0deg,rgba(249,249,249,1.00) 0%,rgba(82,91,76,1.00) 50%,rgba(249,249,249,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(249,249,249,1.00) 0%,rgba(82,91,76,1.00) 50%,rgba(249,249,249,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(249,249,249,1.00) 0%,rgba(82,91,76,1.00) 50%,rgba(249,249,249,1.00) 100%);
}  
blockquote {
  font-size: 14px/22px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}
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;}
}
.blog.blog-10 .model_pagination ul li a.inactive {
  border-color: #525B4C;
  color: #525B4C
}
.blog.blog-10 .model_pagination ul li a:hover, .blog.blog-10 .model_pagination ul li a:focus {
  border-color: #525B4C;
  color: #525B4C;
  text-decoration: none	
}
.calendar.calendar-01 .fc-button-primary {
  background-color: #525B4C;   
  border-color: #525B4C;
}
.calendar.calendar-01 .fc-button-primary:hover, .calendar.calendar-01 .fc-button-primary:focus, .calendar.calendar-01 .fc-button-primary:not(:disabled).fc-button-active, .calendar.calendar-01 .fc-button-primary:not(:disabled):active {
  background-color: #525B4C;
  opacity: .65
}
.calendar.calendar-01 .fc-unthemed td.fc-today, .calendar.calendar-01 .fc-unthemed .fc-content-skeleton td.fc-today {
  background-color: #525B4C;   
  border-color: transparent;
  color: #fff
}
.calendar.calendar-01 .fc-event {
  background-color: #525B4C;
  border-color: #525B4C
}
.ecommerce.ecommerce-list-01 .sidebar .card-body a {
  color: #4f4f4f;
  font-size: 14px;
  line-height: 24px
}
.ecommerce.ecommerce-list-01 .sidebar .card-body a:hover, .ecommerce.ecommerce-list-01 .sidebar .card-body a:focus {
  color: #525B4C;
  text-decoration: none
}
.footer.footer-10.bg-dark {
  background-color: #525B4C!important;
}

@media only screen and (max-width: 300px)
{
.footer.footer-10.bg-dark {
background-color: #525B4C !important;
}
}
/*Accordion Styles*/


.accordion .bg-graygreen {
	background-color: #525B4C;
}
.accordion .text-srgreen {
	color: #3C512D;
}

.accordion .bg-cream  {
	background-color:#fff5e2;
}

@media screen and (min-width: 992px) {

.accordion h2 {
  margin-bottom: 0px
}
.accordion .card {
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  margin-bottom: 0px
}
.accordion .card .card-header {
  border-bottom: 0 none;
  border-radius: 0;
  padding: 0;
}
.accordion .card .card-header button {
  appearance: none;
  -webkit-appearance: none;
  background: #525B4C;
  border: 0 none;
  color: #fff5e2;
  display: block;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: -1px;
  padding: 20px 64px 20px 20px;
  position: relative;
  text-align: left;
  width: 100%
}
.accordion .card .card-header button:focus {
  outline: 0;
  text-decoration: none
}
.accordion .card .card-header button i, .accordion .card .card-header button svg {
  align-items: center;
  background: #525B4C;
  border: 2px solid #525B4C;
  border-radius: 100%;
  display: flex;
  font-size: 24px;
  height: 24px;
  justify-content: center;
  margin-left: 20px;
  position: absolute;
  right: 20px;
  transition: transform .5s linear;
  top:10px;
  width: 24px
}
.accordion .card .card-header button.collapsed i, .accordion .card .card-header button.collapsed svg {
  transform: rotate(-180deg)
}
.accordion .card .card-body {
  padding: 30px 20px;
  font-weight: 300;
  background-color: #fff5e2
}
.accordion h3 {
  font-size: 1rem
}
.accordion h4 {
  border-bottom: 1px dashed #dee2e6;
  font-size: 1rem;
  line-height: 22px
}
.accordion .nav-link {
  border: 1px solid #dee2e6;
  color: #525B4C
}
.accordion .nav-link.active, .nav-link:hover, .nav-link:focus {
  border-color: #fff5e2;
  color: #fff5e2
}
.accordion .nav-link img {
  max-width: 30px
}
ul {
  list-style: disc inside;
}
li {
	color: #3C512D!important;
	font-size:1.1em
}

.rcorners1 {
  border-radius: 45px;
}