/*

[Theme Color Stylesheet]

Project: HostWHMCS - Responsive Web Hosting and WHMCS WordPress Theme
Version: 1.6
Author : themelooks.com

*/

/* COLOR */
#headerNav .nav > li > a:hover,
#headerNav .nav > li.active > a,
#headerNav .nav > .dropdown.open > a,
.pricing--details a,
.panel-body a,
.header--logo span,
.banner--content h2,
.banner--content ul li:before,
.section--title h2 span,
.service--content h3 span,
.pricing--tag p strong,
.pricing--details h2 strong,
.feature--content h2 span,
.footer--about a:hover,
.footer--about a:focus,
.footer--links ul li a:hover,
.footer--links ul li a:focus,
.footer--contact-social .nav > li > a:hover,
.footer--contact-social .nav > li > a:focus,
.footer--copyright a,
.page-header--breadcrumb .breadcrumb li a:hover,
.page-header--breadcrumb .breadcrumb > .active,
.team--item:hover .team--name a,
.team--social-links ul li a:hover,
.team--social-links ul li a:focus,
.blog--post-title h2 a:hover,
.blog--post-title h2 a:focus,
.blog--post-meta a:hover,
.blog--post-meta a:focus,
.blog--recent-posts-widget ul li h4 a:hover,
.blog--recent-posts-widget ul li h4 a:focus,
.blog--links-widget ul li a:hover,
.blog--links-widget ul li a:focus,
.blog--tags-widget ul li a:hover,
.blog--tags-widget ul li a:focus,
.blog--post-footer a:hover,
.blog--post-footer a:focus,
.blog--post-comment-meta a:hover,
.blog--post-comment-meta a:focus,
.contact--address h2 span,
#headerNav .nav > li.current-menu-ancestor > a,
.blog--widget a:hover,
.comment-respond .title #cancel-comment-reply-link:hover,
.footer--widget ul li a:hover,
.footer--widget ul li a:focus,
body.page-template-template-whmcs .popover a,
body.page-template-template-whmcs .footer--copyright a,
#bridge #main-body a,
#bridge #main-body a:link,
#bridge #main-body a:visited,
#bridge #main-body a:hover,
#bridge #main-body a:active,
#bridge .navbar-main .navbar-nav > li > a:hover,
#bridge .navbar-main .navbar-nav > li > a:focus,
#bridge .navbar-main .navbar-nav > li.open > a {
    color: #ff4719;
}

/* BACKGROUND COLOR */
.btn--primary,
#headerNav .nav > .dropdown > .dropdown-menu > li > a:hover,
#headerNav .nav > .dropdown > .dropdown-menu > li > a:focus,
#headerNav .nav > .dropdown > .dropdown-menu > li.active > a,
#header .navbar-toggle .icon-bar,
#banner .bx-pager-link.active,
.domain-search--form .input--text input.valid + .highlight,
.domain-search--form .input--radio .radio-inline input:checked + span:before,
.subscribe--form .input--text input.valid + .highlight .highlight,
.footer--widget h2:before,
.faq--content .accordion .panel-heading a,
.domain-ext--content:before,
.domain-ext--name:before,
.faq--categories h3:before,
.faq--categories ul li a:hover,
.faq--categories ul li.active a,
.login--form .form-group input.valid + .highlight,
.pricing-2--header:before,
.f0f--search-bar input.valid + .highlight,
.blog--post-pagination .pagination > li > a:hover,
.blog--post-pagination .pagination > li > a:focus,
.blog--post-pagination .pagination > li.active > a,
.blog--post-pagination .pagination > li.active > span,
.blog--widget-title:before,
.blog--search-widget .input--text input.valid + .highlight,
.blog--twitter-widget .blog--widget-title,
.blog--post-comments-title h3:before,
.blog--post-comment-form .title h3:before,
.blog--post-comment-form-group input.valid + .highlight,
.blog--post-comment-form-group textarea.valid + .highlight,
.contact--address h2:before,
.contact--form input.valid + .highlight,
.contact--form textarea.valid + .highlight,
.blog--post-content .page-links a:hover,
.blog--post-content .page-links span + span,
.blog--post-content .post-password-form input[type="submit"],
.subscribe--form .input--text .highlight,
.contact--form .highlight,
.login-popover input.btn-primary,
.login-popover input.btn-primary:active,
#bridge #home-banner input.btn-warning,
#bridge #main-body  a.label-warning,
#bridge #main-body  a.label-warning[href]:focus,
#bridge #main-body  a.label-warning[href]:hover,
#bridge .navbar-main .nav > .dropdown > .dropdown-menu > li > a:hover,
#bridge .navbar-main .nav > .dropdown > .dropdown-menu > li > a:focus,
#bridge a.list-group-item.active,
#bridge a.list-group-item.active:focus,
#bridge a.list-group-item.active:hover,
#bridge a.list-group-item.active,
#bridge a.list-group-item.active:focus,
#bridge a.list-group-item.active:hover,
#bridge .main-content .btn-primary,
#bridge .main-content .btn-primary:hover,
#bridge .main-content .btn-primary:focus,
#bridge .main-content .btn-success,
#bridge .main-content .btn-success:hover,
#bridge .main-content .btn-success:focus,
#bridge .main-content .btn-info,
#bridge .main-content .btn-info:hover,
#bridge .main-content .btn-info:focus,
#bridge #openTicketSubmit,
#bridge #openTicketSubmit:focus,
#bridge #openTicketSubmit:hover,
#bridge #main-body .header-lined-order h1,
#bridge #order-boxes button[type="submit"],
#bridge #btnCheckAvailability,
#bridge #btnCheckAvailability:hover,
#bridge #btnCheckAvailability:focus,
#bridge .dataTables_wrapper .dataTables_info,
#bridge .status-customer-reply,
#bridge #main-body .pagination > .active > a,
#bridge .client-home-panels input[type="submit"].btn.btn-success,
.blog--post.sticky::before {
    background-color: #ff4719;
}

/* BORDER COLOR */
#banner .bx-pager-link,
.domain-search--form .input--radio .radio-inline input:checked + span:before,
.footer--links ul li a:hover,
.footer--links ul li a:focus,
.domain-ext--content,
.counter-2--num,
.pricing-2--header,
.blog--post-pagination .pagination > li > a:hover,
.blog--post-pagination .pagination > li > a:focus,
.blog--post-pagination .pagination > li.active > a,
.blog--post-pagination .pagination > li.active > span,
.blog--links-widget ul li a:hover,
.blog--links-widget ul li a:focus,
.blog--post-content .page-links a:hover,
.blog--post-content .page-links span + span,
.blog--post-content .post-password-form label input:focus,
.blog--widget select:focus,
.blog--widget ul li a:hover,
.comment-respond .title #cancel-comment-reply-link:hover,
.footer--widget ul li a:hover,
.footer--widget ul li a:focus,
.login-popover input.btn-primary,
.login-popover input.btn-primary:active,
#bridge a.list-group-item.active,
#bridge a.list-group-item.active:focus,
#bridge a.list-group-item.active:hover,
#bridge .main-content .btn-primary,
#bridge .main-content .btn-primary:hover,
#bridge .main-content .btn-primary:focus,
#bridge .main-content .btn-success,
#bridge .main-content .btn-success:hover,
#bridge .main-content .btn-success:focus,
#bridge .main-content .btn-info,
#bridge .main-content .btn-info:hover,
#bridge .main-content .btn-info:focus,
#bridge #openTicketSubmit,
#bridge #openTicketSubmit:focus,
#bridge #openTicketSubmit:hover,
#bridge #order-boxes button[type="submit"],
#bridge #btnCheckAvailability,
#bridge #btnCheckAvailability:hover,
#bridge #btnCheckAvailability:focus,
#bridge #main-body .pagination > .active > a,
#bridge .client-home-panels input[type="submit"].btn.btn-success,
.blog--post.sticky  {
    border-color: #ff4719;
}

#bridge #main-body .header-lined-order h1:after {
    border-top-color: #ff4719;
}
.preloader .slice {
    border-left-color: #ff4719;
}
#banner {
  background-color: #232c3b;
}
#domainSearch {
  background-color: #f8f8f8;
}
#feedback {
  background-color: #f8f8f8;
}
#features {
  background-color: #f8f8f8;
}
#domainExt {
  background-color: #f8f8f8;
}
#team {
  background-color: #f8f8f8;
}
#counter2 {
  background-color: #232c3b;
}
#footer {
  border-bottom-color: #151a23;
}
@media screen and (max-width: 991px) {
	.footer--copyright {
		background-color: #151a23;
	}
}
#domainSearch .section--title h2, 
.bg--midnight .domain-search--form,
.domain-search--form .input--text input{
    color: #fff;
}
.domain-search--form .input--radio .radio-inline span:before,
.domain-search--form .input--text input {
  border-color: #fff;
}
#feedback.bg--whitesmoke,
#team.bg--whitesmoke,
#domainSearch.bg--whitesmoke {
  border-color: transparent;
  border-style: solid;
  border-width: 1px 0;
}

/** header menu link color **/
#headerNav .nav > li > a{
    color: #ffffff;
}
#headerNav .nav > li > a:hover{
    color: #ff4719;
}
#headerNav .nav > li.active > a{
    color: #ff4719;
}
    
/**header sticky menu link color ***/

#header.sticky .nav > li > a{
    color: #232c3b;
}

#header.sticky .nav > li > a:hover{
    color: #ff4719;
}
#header.sticky .nav > li.active > a{
    color: #ff4719;
}
.bg--overlay:before {
    background-color: #232c3b;
    opacity: 0.8;
}

.bg--whitesmoke.no--border {
  border: medium none !important;
}
.header--navbar.transparent,
.header--navbar.dark.transparent {
    background: transparent none repeat scroll 0 0;
}