/*! Place your custom styles here */
@keyframes slideUp
{
  from
  {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  to
  {
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
  }
}

:root
{
  --secondary: #eeeeee;
	--green: #238b53;
  --yellow-light: #ffffbb;
  --accent1: var( --green );
  --accent2: var( --yellow-light );
}
 
body {
  color: #333333;
}

.bar-1 .menu-horizontal > li > .dropdown__trigger,
.bar-1 .menu-horizontal > li > a {
  font-size: 1em;
}

.bg--secondary {
  background: var(--secondary);
}

.bg--accent1 {
  background: var(--accent1);
}

.bg--accent2 {
  background: var(--accent2);
}

.dropdown .dropdown__content {
    border-radius: 0;
}

.feature-2 i {
  text-align: center;
}

.feature-2 h3 {
  text-align: center;
}

.lead {
  color: #222;
}

.mtn-50 {
  margin-top: -50px;
}

.boxed {
    border-radius: 0px;
}

.btn--xlg {
  padding: .6rem 4rem;
  font-size: 1.5rem;  
}

.btn.btn--sm + .btn--sm {
  margin-left: 0.6em;
}

.imagebg.image--light .btn:not([class*='primary']) {
  border-color: #aaaaaa;
}

.animation--slide-up:hover
{
  animation-direction: 
  animation: slideUp 1s ease forwards 1;
  -webkit-animation: slideUp 1s ease forwards 1;
}

[data-overlay].bg--primary:before {
  background: var(--green);
}

.shadow-vertical
{
  -webkit-box-shadow: 0px 25px 15px -19px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 25px 15px -19px rgba(0,0,0,0.5);
  box-shadow: 0px 25px 15px -19px rgba(0,0,0,0.5);
}

.text-primary {
  color: var(--green) !important;
}

#container-home a.btn {
  display: block;
  margin-left: 0;
}

.masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters {
    border-radius: 0;
}

@media all and (min-width: 576px)
{
  
  .feature-2 i {
  	text-align: center;
  	/*font-size: 4em;*/
  }
  .feature-2 h3 {
  	/*font-size: 1.7em;*/
  	text-align: center;
  }
  
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%; }

  .p-xs-4 {
    padding: 1.5rem !important;
  }
  .p-xs-5 {
    padding: 3rem !important; 
  }
}

@media all and (min-width: 768px) 
{
  .bar__module:not(:only-child) {
    display: inline-block;
  }

  .cta--horizontal h4 {
    position: absolute;
    top: 25%;
  }

  .mtn-md-50 {
    margin-top: -50px !important;
  }

}

@media all and (min-width: 768px) and (max-width: 991px)
{
  .bar .menu-horizontal {
    margin-right: 8px;
  }
}

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

  .mtn-lg-50 {
    margin-top: -50px !important;
  }

	#container-home a.btn {
		display: inline-block;
	}

}