/*

Brand color: #1b6aac - Blue
Gradient colors: #065393 and #1b6aac
Brand dark color: #004f91

*/

:root {
	--color-primary: #1b6aac;
	--color-secondary: #0361e5;
	--color-gradient-start: #065393;
	--color-gradient-end: #1b6aac;
	--color-primary-dark: #004f91;
}


/* Highlight Color */
::selection { color: #fff; background: var(--color-primary); }
::-moz-selection { color: #fff; background: var(--color-primary); }
.bg-brand, .bg-grad::selection { color: var(--color-primary); background: #fff; }
.bg-brand, .bg-grad::-moz-selection { color: var(--color-primary); 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: var(--color-primary); }

/* Checkbox */
.custom-control-input:checked ~ .custom-control-label::before {
	color: var(--color-primary);
	border-color: var(--color-primary);
	background-color: var(--color-primary);
}

/* 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: var(--color-primary); }
.list-group-icon-primary-bg i { background-color: #d4e6ff; color: var(--color-primary); }

.btn-link:hover, a:hover { color: var(--color-primary-dark); }
.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: var(--color-secondary); !important;
}

.nav-tabs.tab-line .nav-link.active {
	color: var(--color-primary);
	border-bottom: 2px solid var(--color-primary);
}

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

/* Primary Button */
.btn-outline-primary {
	color: var(--color-primary);
	border-color: var(--color-primary);
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

/* Background */
.navbar-primary.navbar-sticky-on { background-color: var(--color-gradient-start); }
.owl-carousel.dots-primary .owl-dots .owl-dot span {
	box-shadow: inset 0 0 0 2px var(--color-primary);
}
.owl-carousel.dots-primary .owl-dots .owl-dot span:after, .cd-headline.big-clip .cd-words-wrapper::after { background-color: var(--color-primary); }
.bg-primary { background: var(--color-primary) !important; }
.accordion.toggle-icon-round .accordion-title a:after { background: var(--color-primary); }
.accordion-primary .accordion-title, .cd-headline.clip .cd-words-wrapper::after, .cd-headline.loading-bar .cd-words-wrapper::after { background: var(--color-primary); }

.btn-primary { background: var(--color-primary); border-color: var(--color-primary); }
.btn-primary:hover { background: var(--color-gradient-start); border-color: var(--color-gradient-start); }
.skill-item .progress-bar, .nav-tabs .nav-link.active, .nav-tabs.tab-bordered .nav-link.active { background-color: var(--color-primary); }

/* Border Color */
.form-control:focus, .feature-box.f-style-3:hover { border-color: var(--color-primary); }
.btn-link:after { border-bottom: solid 2px var(--color-primary-dark); }
.primary-border-left-dotted {
	border-left: dashed 1px var(--color-primary);
}
.testimonials.testimonials-border .testimonials-wrap:hover .testi-text p { border: 3px solid var(--color-primary); }
.testimonials.testimonials-border .testimonials-wrap:hover .testi-text p:before {
	border-color: var(--color-primary) transparent transparent;
}
.tags a:hover {
	border: 1px solid var(--color-primary);
}
.portfolio .nav .nav-tabs-style-1 .nav-filter.active { border-color: var(--color-primary); }
.blockquote.primary-line {
	border-left: 5px solid var(--color-primary);
}

/* Gradient Text */
.text-grad, .counter-grad-text .counter-item-icon, .counter-grad-text .counter-item-digit {
	background: -moz-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--color-gradient-end)), color-stop(100%, var(--color-gradient-start)));
	background: -webkit-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -o-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -ms-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 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;
}

/* 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, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--color-gradient-end)), color-stop(100%, var(--color-gradient-start)));
	background: -webkit-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -o-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -ms-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
}
.btn-grad, .btn-outline-grad:before {
	background: -moz-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 50%, var(--color-gradient-start) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--color-gradient-end)), color-stop(50%, var(--color-gradient-start)), color-stop(100%, var(--color-gradient-end)));
	background: -webkit-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 50%, var(--color-gradient-start) 100%);
	background: -o-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 50%, var(--color-gradient-start) 100%);
	background: -ms-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 50%, var(--color-gradient-start) 100%);
	background: linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 50%, var(--color-gradient-start) 100%);
	background-size: 260% 100%;
	background-position: right bottom;
}
.icon-grad i:before {
	background: -moz-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--color-gradient-end)), color-stop(100%, var(--color-gradient-start)));
	background: -webkit-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -o-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -ms-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 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, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--color-gradient-end)), color-stop(100%, var(--color-gradient-start)));
	background: -webkit-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -o-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -ms-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
}

.divider-grad:before {
	background: -moz-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--color-gradient-end)), color-stop(100%, var(--color-gradient-start)));
	background: -webkit-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -o-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -ms-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
}

.divider-grad:after {
	background: -moz-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--color-gradient-end)), color-stop(100%, var(--color-gradient-start)));
	background: -webkit-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -o-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: -ms-linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
	background: linear-gradient(150deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
}

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

/*SVG fill color*/
.fill-grad-start {
	stop-color: var(--color-primary);
}
.fill-grad-end {
	stop-color: var(--color-gradient-start);
}

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

[data-theme="chiropractic"] {
	--color-primary: #245497;
	--color-secondary: #1c3f70;
	--color-gradient-start: #4a80cc;
	--color-gradient-end: #1c3f70;
	--color-primary-dark: #1b4278;
}

[data-theme="dermatology"] {
	--color-primary: #3e9165;
	--color-secondary: #337451;
	--color-gradient-start: #60b387;
	--color-gradient-end: #256342;
	--color-primary-dark: #1e442f;
}

[data-theme="familypractice"] {
	--color-primary: #4740a0;
	--color-secondary: #3B297E;
	--color-gradient-start: #646baa;
	--color-gradient-end: #2d2c6d;
	--color-primary-dark: #394266;
}

[data-theme="internalmedicine"] {
	--color-primary: #398fa2;
	--color-secondary: #1d5769;
	--color-gradient-start: #5094a3;
	--color-gradient-end: #2c5f6f;
	--color-primary-dark: #276471;
}

[data-theme="orthopedic"] {
	--color-primary: #744f83;
	--color-secondary: #4d2a57;
	--color-gradient-start: #83688e;
	--color-gradient-end: #513758;
	--color-primary-dark: #513667;
}

[data-theme="urgentcare"] {
	--color-primary: #d38e20;
	--color-secondary: #cf7000;
	--color-gradient-start: #eb9929;
	--color-gradient-end: #cd7600;
	--color-primary-dark: #b65c00;
}

[data-theme="cardiology"] {
	--color-primary: #B62637;
	--color-secondary: #911F2D;
	--color-gradient-start: #be6670;
	--color-gradient-end: #911F2D;
	--color-primary-dark: #912c38;
}