/*
 * To access highlight_color hex color value you can write your
 * css like this:
 *
 * a {
 *   color: #3a737a;
 * }
 */


a,
a:hover,
a:focus,
.menu .nav > li > a:hover,
.menu .nav > li > a:focus,
.social-simple li a:not([data-iconcolor]):hover i {
    color: #3a737a;
}

.menu .nav > li > a:hover:before,
.menu .nav > li > a:focus:before,
.box-inner,
.divider-border-inner {
    background-color: #3a737a;
}
.text-light .divider-border-inner {
  background-color: #fff;
}
.blockquote-list .box {
    box-shadow: 0px 0px 0px 3px #3a737a;
}


.btn-primary,
button,
input[type="submit"] {
    background-color: #3a737a;
    border-bottom-color: rgba(0,0,0,0.25);
}

.pricing-col .pricing-body .btn-primary {
    background-color: #3a737a !important;
    border-bottom-color: rgba(0,0,0,0.25) !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus,
button:hover,
button:active,
button:focus,
button:active:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"]:active:focus {
    background-color: #3a737a;
    border-bottom-color: rgba(0,0,0,0.15);
}
.pricing-col .pricing-body .btn-primary:hover {
    background-color: #3a737a !important;
    border-bottom-color: rgba(0,0,0,0.15) !important;
}
.pricing-price {
    position: relative;
    background: #3a737a;
}
.pricing-price:after {
    content: "";
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.05);
    width: 100%;
    height: 100%;
    position: absolute;
}
.figure-overlay {
    background-color: #3a737a;
}
.figure-image:hover .figure-overlay,
.figure-active .figure-image .figure-overlay {
    opacity: 0.85;
}

.background-overlay-gray {
  background-color: #f0f0f0;
}
.background-overlay-primary {
  background-color: #3a737a;
}