/*

Brand color: #00ABBD = 51418D
Gradient colors: #12d5e9 and #00ABBD = 51418D
Brand dark purple: #0099a9 = 3e326d
Brand light purple: #6551af
Brand orange: #e9a78e


*/

/* Highlight Color */
::selection { color: #ffffff; background: #51418D; }
::-moz-selection { color: #fff; background: #51418D; }
.bg-brand, .bg-grad::selection { color: #51418D; background: #fff; }
.bg-brand, .bg-grad::-moz-selection { color: #51418D; background: #fff; }

/* Color */
a, .navbar-top a:hover, .dropdown-item:active, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .btn-link, .portfolio-card .portfolio-card-body .portfolio-card-footer .info-title a:hover, .post .post-info a:hover, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active, .icon-primary i:before, .footer-dark .widget a:hover, .portfolio .nav .nav-tabs .nav-filter.active, .team-item .team-position, .list-group-item-action:hover, .list-group-item-action:focus, .hamburger-menu label a:hover, .breadcrumb .breadcrumb-item a:hover i, .post-item .post-item-desc .post-meta a:hover, .post-item .post-item-desc h4 a:hover, .post-item .item-link:hover, .post-item .post-quote > blockquote:before, .page-link:hover, .sidebar .widget .widget-post .details a:hover, .sidebar .widget a:hover, .list-group-borderless a.list-group-item:hover, .tags a:hover, .post-navigation .post-prev:hover:before, .post-navigation .post-prev:hover h6, .post-navigation .post-prev:hover p, .post-navigation .post-next:hover:before, .post-navigation .post-next:hover h6, .post-navigation .post-next:hover p, .post-navigation .all-post:hover, .blockquote:before, .btn-outline-grad { color: #51418D; }

/* Checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
    color: #51418D;
    border-color: #51418D;
    background-color: #51418D;
}

/* Navbar Dark link colors */
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: #51418D; }
.list-group-icon-primary-bg i { background-color: #f4f4f4; color: #51418D; }

.btn-link:hover, a:hover { color: #000000; }
.post .post-tag a:hover, .portfolio-style-2 .portfolio-card .portfolio-card-footer .info-title a:hover, .portfolio .nav .nav-tabs-style-3 .nav-filter.active, .portfolio .nav .nav-tabs-style-2 .nav-filter.active, .portfolio .nav .nav-tabs-style-4 .nav-filter.active { color: #ffffff; }
a.text-primary:hover, a.text-primary:focus, .primary-hover li:hover {
    color: #3e326d !important;
}

.nav-link {
	font-weight:500  !important;
	font-size:17px !important;
}

.nav-tabs.tab-line .nav-link.active {
    color: #51418D;
    border-bottom: 2px solid #51418D;
}

/* Color important */
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .primary-hover a:hover, .text-primary, a.primary-hover:hover { color: #000 !important; }


.border-purple {
    border-style: solid;
  border-color: #5f53a4;
}

.text-grey {
    color: #d0cece !important;
}

.text-black {
    color: #000 !important;
}

.text-orange {
    color: #e9a78e;
}
.text-orange-dark {
    color: #ed7b61;
}

.text-teal {
    color: #53c0cd;
}

.text-16 {
	font-weight:700;
	font-size:17px;
}
.text-18 {
	font-size:18px;
}

.font-robo {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.890rem;
	font-weight: 400;
}

.signature1 {
	font-family: 'Yellowtail', cursive;
	font-size:25px;
	font-weight: 400;
}
.italic-font {
	font-family: "Times New Roman", Times, serif;
	font-size:24px;
	font-style:italic;
	font-weight: 400;
}
.line-height100 {
	line-height: 190px !important; 
}

.line-height30 {
    line-height: 30px !important; 
}

.middot {
	font-size: 1rem;
	font-weight: 400;
}

.indent-bullet {
	font-size: 1.079rem !important;
	letter-spacing: -0.01em;
    padding: 0px 0 10px 20px;
    text-indent: -1em;
	-webkit-text-indent: -1.325em;
}
/************************************** AACO CUSTOM LINKS ******************************/

a.main1 {
	color: #333 !important;
	text-decoration: none;
	font-size:16px;
}
a.main1:hover {
	text-decoration: none;
	color: #51418D !important;
}
a.main2 {
	color: #51418D !important;
	text-decoration: none;
	font-size:16px;
}
a.main2:hover {
	text-decoration: none;
	color: #777 !important;
}
a.main3 {
	color: #FFF;
	text-decoration: none;
	font-size:15px;
}
a.main3:hover {
	text-decoration: none;
	color: #333;
}
a.main4 {
	color: #999;
	text-decoration: none;
	font-size:15px;
}
a.main4:hover {
	text-decoration: none;
	color: #FFF;
}
a.main5 {
	color: #FFF;
	text-decoration: none;
	font-size:14px;
}
a.main5:hover {
	text-decoration: none;
	color: #51418D;
}
a.main6 {
	color: #FFF;
	text-decoration: underline;
	font-size:18px;
}
a.main6:hover {
	text-decoration: none;
	color: #FFF;
}

a.mainTEL {
	color: #51418D !important;
	text-decoration: none;
	font-size:18px;
}
a.mainTEL:hover {
	text-decoration: none;
	color: #777 !important;
}

a.mainEMAIL {
	color: #51418D !important;
	text-decoration: none;
	font-size:14px;
}
a.mainEMAIL:hover {
	text-decoration: none;
	color: #777 !important;
}

/* Primary Button */
.btn-primary { background: #51418D; border-color: #51418D; }
.btn-primary:hover { background: #3e326d; border-color: #3e326d; }

.btn-outline-primary { color: #51418D; border-color: #51418D; }
.btn-outline-primary:hover { color: #ffffff; background-color: #51418D; border-color: #51418D; }

.btn-outline-light { color: #fff; border-color: #d0cece; }
.btn-outline-light:hover { color: #000; background-color: #d0cece; border-color: #d0cece; }

.btn-outline-light { color: #fff; border-color: #d0cece; }
.btn-outline-light:hover { color: #000; background-color: #d0cece; border-color: #d0cece; }

.bg-primary { background: #0099a9 !important; }
.bg-brand { background: #4e4488 !important; }
.bg-black { background: #121313 !important; }
.bg-grey { background: #e9e9ea !important; }
.bg-teal { background: #53c0cd; }
.bg-brand2 { background: #f49673 !important; }

.alert-brand { background: #f9c3af !important; }

/* Background */
.navbar-primary.navbar-sticky-on { background-color: #3e326d; }
.owl-carousel.dots-primary .owl-dots .owl-dot span {
    box-shadow: inset 0 0 0 2px #51418D;
}
.owl-carousel.dots-primary .owl-dots .owl-dot span:after, .cd-headline.big-clip .cd-words-wrapper::after { background-color: #51418D; }
.accordion.toggle-icon-round .accordion-title a:after { background: #51418D; }
.accordion-primary .accordion-title, .cd-headline.clip .cd-words-wrapper::after, .cd-headline.loading-bar .cd-words-wrapper::after { background: #51418D; }

.skill-item .progress-bar, .nav-tabs .nav-link.active, .nav-tabs.tab-bordered .nav-link.active { background-color: #51418D; }

/* Border Color */
.form-control:focus, .feature-box.f-style-3:hover { border-color: #51418D; }
.btn-link:after { border-bottom: solid 2px #51418D; }
.primary-border-left-dotted {border-left: dashed 1px #51418D; }

.testimonials.testimonials-border .testimonials-wrap:hover .testi-text p { border: 3px solid #51418D; }
.testimonials.testimonials-border .testimonials-wrap:hover .testi-text p:before {
    border-color: #51418D transparent transparent;
}
.tags a:hover {
    border: 1px solid #51418D;
}
.portfolio .nav .nav-tabs-style-1 .nav-filter.active { border-color: #51418D; }
.blockquote.primary-line {
    border-left: 5px solid #51418D;
}

/* Gradient Background */
.bg-grad, .skill.skill-grad .progress-bar, .nav-tabs.tab-grad .nav-link.active, .portfolio-style-2 .portfolio-card .portfolio-card-header:before, .portfolio-style-2 .portfolio-card:hover .portfolio-card-header:before, .team.team-overlay .team-item .team-avatar:before, .team.team-overlay .team-item:hover .team-avatar:before, .pricing .ribbon span, .portfolio .nav .nav-tabs-style-3 .nav-filter.active, .portfolio .nav .nav-tabs-style-2 .nav-filter.active, .portfolio .nav .nav-tabs-style-4 .nav-filter.active {
    background: -moz-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00ABBD), color-stop(100%, #12d5e9));
    background: -webkit-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: -o-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: -ms-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
}
.btn-grad, .btn-outline-grad:before {
    background: -moz-linear-gradient(150deg, #3e326d 0%, #6551af 50%, #3e326d 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3e326d), color-stop(50%, #6551af), color-stop(100%, #3e326d));
    background: -webkit-linear-gradient(150deg, #3e326d 0%, #6551af 50%, #3e326d 100%);
    background: -o-linear-gradient(150deg, #3e326d 0%, #6551af 50%, #3e326d 100%);
    background: -ms-linear-gradient(150deg, #3e326d 0%, #6551af 50%, #3e326d 100%);
    background: linear-gradient(150deg, #3e326d 0%, #6551af 50%, #3e326d 100%);
    background-size: 260% 100%;
    background-position: right bottom;
}
.icon-grad i:before {
    background: -moz-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00ABBD), color-stop(100%, #12d5e9));
    background: -webkit-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: -o-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: -ms-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -o-text-fill-color: transparent;
    text-fill-color: transparent;
}

.accordion-grad .accordion-title a, .blockquote.grad-line:after, .feature-box.f-style-1:before {
    background: -moz-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00ABBD), color-stop(100%, #12d5e9));
    background: -webkit-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: -o-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: -ms-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
    background: linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
}

.divider-grad:before {
  background: -moz-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #00ABBD), color-stop(100%, #12d5e9));
  background: -webkit-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
  background: -o-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
  background: -ms-linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
  background: linear-gradient(150deg, #00ABBD 0%, #12d5e9 100%);
}

.divider-grad:after {
  background: -moz-linear-gradient(150deg, #12d5e9 0%, #00ABBD 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e21e31), color-stop(100%, #00ABBD));
  background: -webkit-linear-gradient(150deg, #12d5e9 0%, #00ABBD 100%);
  background: -o-linear-gradient(150deg, #12d5e9 0%, #00ABBD 100%);
  background: -ms-linear-gradient(150deg, #12d5e9 0%, #00ABBD 100%);
  background: linear-gradient(150deg, #12d5e9 0%, #00ABBD 100%);
}

@media only screen and (min-width:992px) {
  .navbar-nav .dropdown-menu:before {
  background: -moz-linear-gradient(150deg, #faaa8a 0%, #f79278 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #faaa8a), color-stop(100%, #f79278));
  background: -webkit-linear-gradient(150deg, #faaa8a 0%, #f79278 100%);
  background: -o-linear-gradient(150deg, #faaa8a 0%, #f79278 100%);
  background: -ms-linear-gradient(150deg, #faaa8a 0%, #f79278 100%);
  background: linear-gradient(150deg, #faaa8a 0%, #f79278 100%);
}
}

/*SVG fill color*/
.fill-grad-start { stop-color: #51418D; }
.fill-grad-end { stop-color: #6551af; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .icon-grad i::before{ background: none; color: #51418D !important; }
  .text-grad{  background: none; color: #51418D !important; }
}