/* Brown Color - #A98364
=================================================== */
.flex-control-paging li a.flex-active, .flex2-control-paging li a.flex2-active {
  background: #A98364;
  border: 1px solid #8A613F;
}

.flex-control-paging li a:hover, .flex2-control-paging li a:hover {
  border: 1px solid #8A613F;
  background: #795a41;
}

.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
  background: #A98364;
}

.camera_wrap .camera_pag .camera_pag_ul li {
  background: #A98364;
}

#main-nav ul li > a:hover, #main-nav ul li:hover > a, #main-nav ul li ul, .social-icons, .camera_caption > div h2, .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont, .features-2 .columns img, .widget-slide-direction-nav a.widget-slide-prev:hover, a.widget-slide-next:hover, .percentage span.perc-overlay {
  background-color: #A98364;
}

.header-alt2 #main-nav li > a.active, .header-alt2 #main-nav li > a:hover, .header-alt2 #main-nav ul ul li:hover > a, .header-alt #main-nav.nav2 ul ul li:hover > a, .header-alt2 #main-nav.nav2 li.sfHover > a, .da-slide h2 {
  color: #A98364;
}

.header-alt2 .nav2, .header-alt2 #main-nav ul li:hover ul, .header-alt2 #main-nav ul li ul {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 2px #A98364;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 2px #A98364;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 2px #A98364;
}

.container a {
  color: #A98364;
}

.widget a:hover, .accordion-head:hover, .accordion-head.ui-accordion-header-active, .breadcrumbs a,
.portfolio-title a, .pagination a, .works-title a, .blog-content a, .post-title a, a.post-more, .blog-content a,
.post-wrapper a {
  color: #A98364;
}

.breadcrumbs a:hover, .portfolio-title a:hover, .pagination a:hover, .works-title a:hover,
.blog-content a:hover, .post-title a:hover, .post-meta a:hover, a.post-more:hover, .post-wrapper a:hover, .container a:hover {
  color: #2a2a2a;
}

.widget-tags a:hover {
  border: 1px solid #8A613F;
  background: #A98364 url(../img/arrows2.png) no-repeat left center;
}

.works-direction-nav a.works-prev:hover, a.works-next:hover, .blog-direction-nav a.blog-prev:hover, a.blog-next:hover,
.works-direction-nav a.works2-prev:hover, a.works2-next:hover, .blog2-direction-nav a.blog2-prev:hover, a.blog2-next:hover,
.works-direction-nav a.works3-prev:hover, a.works3-next:hover, .logo-direction-nav a.logo-prev:hover, .logo-direction-nav a.logo-next:hover {
  background-color: #A98364;
}

.blog-item:hover .blog-content {
  border-bottom: 1px solid #A98364;
}

.cta-box {
  background-color: #A98364;
}

.ui-accordion-header-active .ui-accordion-header-icon {
  background-color: #A98364;
}

.tabs-head li.ui-tabs-active {
  border-top: 2px solid #A98364;
}

.tabs-head li.ui-tabs-active a, .tabs-head li a:hover {
  color: #A98364;
}

.testimonial-direction-nav a.testimonial-prev:hover, a.testimonial-next:hover {
  background-color: #A98364;
}

.testimonial .testimonial-quote {
  border-top: 2px solid #A98364;
}

.testimonial .testimonial-author .photo {
  border: 3px solid #A98364;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  background-color: #A98364;
  border: 1px solid #8A613F;
}

.button:hover, .button.solid:hover,
button:hover, button.solid :hover,
input[type="submit"]:hover, input[type="submit"].solid:hover,
input[type="reset"]:hover, input[type="reset"].solid:hover,
input[type="button"]:hover, .button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.button.solid:active,
button.solid:active,
input[type="submit"].solid:active,
input[type="reset"].solid:active,
input[type="button"].solid:active {
  background: #8A613F;
  border: 1px solid #795a41;
}

.button.solid,
button.solid,
input[type="submit"].solid,
input[type="reset"].solid,
input[type="button"].solid {
  background: #A98364;
}

.dropcap1.color {
  color: #A98364;
}

.dropcap2.color, .dropcap3.color {
  background-color: #A98364;
}

.highlight {
  background: #A98364;
}

.section-title h1 span {
  color: #A98364;
}

pre span.color, code span.color {
  color: #A98364;
}

.columns:hover .post-wrapper {
  border-bottom: 1px solid #A98364;
}

.post-date {
  background: #A98364;
}

.skill-html {
  background: #A98364;
}

.skill-css {
  background: #A98364;
}

.skill-jquery {
  background: #A98364;
}

.skill-php-mysql {
  background: #A98364;
}

.portfolio-items .columns:hover .portfolio-title {
  border-bottom: 1px solid #A98364;
}

.project-slider-direction-nav li a:hover, .post-slider-direction-nav li a:hover {
  background-color: #A98364;
}

.percentage span.overlay, .overlay, .works-icon {
  background-color: #A98364;
}

.flex-caption, .flex-active.slide .flex-caption, .works-overlay, .portfolio-overlay, .blog-overlay {
  background: #A98364;
  background: rgba(178, 141, 110, 0.75);
}

.header-wrapper.header-alt2.blue-grad, .features-slider .columns:hover .features-description {
  border-bottom: 2px solid #A98364;
}

.header-wrapper.header-alt2.blue-grad #header, .header-wrapper.blue-grad #header {
  background: #A98364;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCDB4A0', endColorstr='#FFA98364');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cdb4a0), color-stop(100%, #A98364));
  background-image: -webkit-linear-gradient(top, #cdb4a0 0%, #A98364 100%);
  background-image: -moz-linear-gradient(top, #cdb4a0 0%, #A98364 100%);
  background-image: -o-linear-gradient(top, #cdb4a0 0%, #A98364 100%);
  background-image: linear-gradient(top, #cdb4a0 0%, #A98364 100%);
  z-index: auto;
}

.slide-content {
  border-left: 2px solid #8A613F;
}

.slide-content.content-right {
  border-right: 2px solid #8A613F;
}

.footer-widgets a {
  color: #ffffff;
}

.footer-widgets a:hover {
  color: #A98364;
  border-bottom: 1px dotted #A98364;
}
