//$color:#b2d234;
//$color-hover:#c9df71;
//$bord-color:#88a320;
//$bord-color-hover:#acbe63;

//$color:#99b33d;
//$color-hover:#c9df71;
//$bord-color:#7a8c49;
//$bord-color-hover:#acbe63;

$color:#b3d236;
$color-hover:#c9df71;
$bord-color:#7a8c49;
$bord-color-hover:#acbe63;

$footer-bg-color:#555555;

@mixin transition($time){
  transition: $time;
  -webkit-transition: $time;
  -moz-transition: $time;
  -ms-transition: $time;
  -o-transition: $time;
}
@mixin scale($size){
  transform: scale($size);
  -webkit-transform: scale($size);
  -moz-transform: scale($size);
  -ms-transition: scale($size);
  -o-transform: scale($size);
}
@mixin Opacity($opacity) {
  $IEValue: $opacity*100;
  opacity: $opacity;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+$IEValue+")";
  filter: alpha(opacity=$IEValue);
}
.navbar ul.dropdown-menu li a:hover {
  color: $bord-color;
}
.fa-superpowers:before {
  content: "\f2dd";
}
.navbar-brand img{
  @include transition(0.2s);
}
.navbar-brand img:hover{
  @include scale(0.95);
}
.bg-color-custom, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background-color: $color;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  @extend .bg-color-custom
}
.navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a {
  border-top: solid 5px $bord-color;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  background-color: $color-hover;
}
.navbar ul.nav > li > a:hover {
  border-top: solid 5px $bord-color-hover;
}
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5 {
  border-bottom: solid 5px $bord-color;
}
a, .accent {
  color: $color;
}
#footer {
  background: $footer-bg-color;
}
.custom-color-title-blocks {
  @extend a;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
  line-height: normal;
  margin-top: 21px;
  margin-bottom: 8px;
  display: block;
  @include transition(0.2s);
  min-height: 44px;
}
a:hover, a:focus {
  color: $bord-color;
}
.box-image-text:hover .custom-color-title-blocks{
  @extend a:hover;
  margin-top: 15px;
}
.box-image-text .image {overflow: hidden;}
.box-image-text .image img {
  @include transition(0.2s)
}
.box-image-text:hover .image img {
  @include transition(0.7s);
  @include scale(1.05);
  @include Opacity(0.4);
}

.box-simple .icon {
  color: $color;
  border-color: $color;
}
.jumbotron .dark-mask {
  background: $color;
}
.box-image .bg, .box-image-text .top .bg {
  background: $color;
}
#get-it {
  background: $color;
}
.btn-template-main {
  color: $color;
  border-color: $color;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: $color;
}
.btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active {
  color: $color;
}
.btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active {
  background: $color;
  border-color: $color;
}
.form-control:focus {
  @extend .outline-none;
  border-color: $color;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(178, 210, 52, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(178, 210, 52, 0.6);
}
.jumbotron {
  background: url(../img/photogrid-new.jpg) center center repeat;
}
.box-image-text h4 {
  margin: 0;
  line-height: normal !important;
}

.box-image-text .top .bg {
  @include transition(0.2s)
}
.owl-carousel .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-carousel .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: $color;
}
.artweb-link {
  position: relative;
  padding-right: 35px;
}
.artweb-link:before {
  top: 50%;
  margin-top: -12px;
  right: 0;
  width: 24px;
  height: 23px;
  background: url(../img/aw-logo.png) 50% 50% no-repeat;
  position: absolute;
  content: '';
}
#copyright {
  padding: 23px 0;
}
.outline-none {outline: none !important;}
button, .close, .btn.focus, .btn:focus, .btn:hover {
  @extend .outline-none
}
textarea {
  max-width: 100%;
  resize: none !important;
}
.box-simple:hover .icon {
  @include scale(1.3)
}
.btn-footer-custom, .btn-footer-custom:focus {
  color: #fff;
  border: 1px solid $color;
  background-color: $color;
}
.btn-footer-custom:hover {
  color: $color;
  border: 1px solid $color;
  background-color: $footer-bg-color;
}
.btn-footer-custom:active {
  color: $bord-color;
  border: 1px solid $bord-color;
}
@media (max-width: 992px) {
.fix_directions br {display: none;}
}
@media (max-width: 767px) {
  .box-image-text img{
    display: inline;
  }
 .box-image-text .top .bg{
    display: none !important;
  }
  .custom-color-title-blocks {margin-top: 21px !important;}
}
@media (max-width: 470px) {
  .first-screen .jumbotron {padding: 0}
  .first-screen h1{font-size: 30px;}
  .first-screen h2{font-size: 26px;}
}

@media (max-width: 360px) {
  .first-screen div, .first-screen p, .first-screen h1, .first-screen h2, .first-screen h3, .first-screen h4 {line-height: normal;}
  .first-screen h1{font-size: 26px;}
  .first-screen h2{font-size: 20px;}
  .first-screen .mb-small {
    margin-bottom: 0 !important;
  }
}