/**********************************************************************************/
/*                             Top Header section                                 */
/**********************************************************************************/
header #header-byline-1,
header #header-byline-2 {
  color: #777777;
}
header #header-byline-separator {
  color: #f68026;
}
header #header-social a {
  background-color: #f68026;
  color: #ffffff;
}
header #header-social a:hover {
  color: #777777;
}
header #header-logo a img {
  border: 0;
}
nav#navigation {
  background-color: #f68026;
}
nav#navigation.fixedsticky-on {
  background-color: #ffffff;
}
nav#navigation.fixedsticky-on ul li a {
  color: #003a62;
}
nav#navigation ul li a {
  color: #ffffff;
}
nav#navigation.fixedsticky-on ul li:hover a::after,
nav#navigation.fixedsticky-on ul li.active a::after {
  background-color: #f68026;
}
nav#navigation > ul > li.header-item.has-children::after {
  color: white;
}
nav#navigation.fixedsticky-on > ul > li.header-item.has-children::after {
  color: #003a62;
}
nav#navigation > ul > li ul {
  border: 1px solid #f68026;
}
nav#navigation > ul > li > ul > li.has-children::after {
  color: #f68026;
}
nav#navigation > ul > li > ul > li.has-children:hover::after {
  color: white;
}
nav#navigation > ul > li ul > li {
  border-bottom: 1px solid #f68026;
  background: white;
}
nav#navigation > ul > li ul > li:last-child {
  border-bottom: 0;
}
nav#navigation > ul > li ul > li > a {
  color: #f68026;
}
nav#navigation > ul > li ul > li:hover > a {
  background-color: #f68026;
  color: white;
}
.banner-carousel .highlight-buttons a:hover {
  background-color: #ffffff;
  color: #f68026;
}
@media screen and (min-width: 601px) {
  nav#navigation ul li.contact-button a:hover {
    color: #f68026;
  }
  nav#navigation ul li.contact-button a {
    border-color: #ffffff;
    color: #ffffff;
  }
  nav#navigation.fixedsticky-on ul li.contact-button a {
    border-color: #003a62;
    color: #003a62;
  }
  nav#navigation ul li.contact-button a:hover {
    background-color: #ffffff;
  }
  nav#navigation.fixedsticky-on ul li.contact-button a:hover {
    background-color: #003a62;
    color: #ffffff;
  }
}

@media screen and (max-width: 600px) {
  nav#navigation {
    background-color: #ffffff;
    border-bottom: 1px #f68026 solid;
  }
  nav#navigation > ul > li > a,
  nav#navigation > ul > li > ul > li > a,
  nav#navigation > ul > li > ul > li > ul > li > a,
  nav#navigation .mobile-menu-head a {
    color: #f68026;
  }
  nav#navigation li {
    border-top: 1px #f68026 solid;
  }
  nav#navigation > ul ul {
    background-color: #f68026;
  }
  nav#navigation > ul > li ul > li {
    border-bottom: 0;
  }
  nav#navigation > ul > li ul > li:hover > a {
    background-color: #fff;
    color: #003a62;
  }
  nav#navigation > ul > li > ul > li.has-children:hover::after,
  nav#navigation > ul > li > ul > li.has-children::after,
  nav#navigation li.has-children::after {
    color: #003a62 !important;
  }
  nav#navigation.fixedsticky-on ul li.active a {
    background-color: #f68026;
    color: #ffffff;
  }
}

.banner-carousel .controls a {
  border-color: #ffffff;
  color: #ffffff;
}
.banner-carousel .highlight-buttons a.highlight-button-2 {
  background-color: #f68026;
  border-color: #f68026;
}
.banner-carousel .highlight-buttons a.highlight-button-2:hover {
  background-color: transparent;
  color: #f68026;
}
.banner-carousel .highlight-buttons a {
  border-color: #ffffff;
  color: #ffffff;
}
.banner-carousel .highlight-buttons a:hover {
  background-color: #ffffff;
}
#banner-caption #banner-caption-inner div {
  color: #f6f6f6;
}
#banner-caption.portrait-banner #banner-caption-inner div {
	background: transparent!important;
    text-shadow: 2px 2px 2px #000000;
}

/**********************************************************************************/
/*                             About Us section                                   */
/**********************************************************************************/
#about-top-copy .title {
  color: #003a62;
}
#about-top-copy .subtitle {
  color: #003a62;
}
#about-top-copy .body {
  color: #777;
}
#about-bottom-copy {
  background-color: #003a62;
  color: #fff;
}

/**********************************************************************************/
/*                             Mortgages section                                  */
/**********************************************************************************/
#mortgages .heading {
  color: #003a62;
}
#mortgages .panes .pane .pane-icon {
  background-color: #f68026;
  color: #ffffff;
}
/*#mortgages .panes .pane .pane-icon:hover {
  background-color: #a7a7a7;
}*/
#mortgages .panes .pane .pane-heading {
  color: #2e2e2e;
}
#mortgages .panes .pane .pane-text {
  color: #777777;
}
#mortgages .application {
  background-color: #f68026;
}
#mortgages .application .apply-button a:hover {
  color: #f68026 !important;
}
#mortgages .application .app-heading {
  color: #ffffff;
}
#mortgages .application .blurb {
  color: #ffffff;
}
#mortgages .application .apply-button a {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
#mortgages .application .apply-button a:hover {
  background-color: #ffffff;
}
#mortgages .types-of-mortgages .types-heading {
  color: #003a62;
}
#mortgages .types-of-mortgages #types-accordion {
  border-color: #a7a7a7;
}
#mortgages .types-of-mortgages #types-accordion .panel {
  border-color: #ffffff;
}
#mortgages .types-of-mortgages #types-accordion .accordion-header {
  background-color: #003a62;
}
#mortgages .types-of-mortgages #types-accordion .accordion-header h3 a {
  color: #ffffff;
}
#mortgages .types-of-mortgages #types-accordion .panel-body p {
  color: #999999;
}

/**********************************************************************************/
/*                               Rates section                                    */
/**********************************************************************************/
#rates .rates-heading {
  color: #003a62;
}
#rates .rates-blurb {
  color: #777777;
}
#rates .rates-container {
  border-color: #e7e7e7;
}
#rates .rates-container #brokertools-RatesTable div {
  background-color: #dddbdc !important;
}
#rates .rates-container #brokertools-RatesTable div:nth-child(odd) {
  background-color: #f4f2f2 !important;
}
#rates .rates-container #brokertools-RatesTable div.brokertools-rates-table-header {
  background-color: #65666a !important;
  color: #ffffff;
}
#rates .rates-container #brokertools-RatesTable div.brokertools-rates-disclaimer {
  background-color: #ffffff !important;
  color: #777777;
}
#rates .rates-container .rates-disclaimer {
  color: #777777;
}
#rates .rates-container .spacing-placeholder {
  height: 600px;
}

/**********************************************************************************/
/*                            Calculators section                                 */
/**********************************************************************************/
#calculators .calculators-heading {
  color: #003a62;
}
#calculators .calculators-subheading {
  color: #003a62;
}
#calculators .calculators-container {
  border-color: #e7e7e7;
}
#calculators .calculators-container button {
  border: 2px #f68026 solid !important;
  color: #f68026 !important;
}
#calculators .calculators-container button:hover {
  background-color: #f68026 !important;
  color: #ffffff !important;
}
#calculators .calculators-container input[type=text],
#calculators .calculators-container input[type=number],
#calculators .calculators-container select {
  border-color: #777777;
  background-color: #ffffff;
}
#calculators .calculators-container button {
  background: #ffffff !important;
}
#testimonials #testimonials-carousel .testimonial-credit {
  color: #f68026;
}

/**********************************************************************************/
/*                            Testimonials section                                */
/**********************************************************************************/
#testimonials .testimonials-heading {
  color: #003a62;
}
#testimonials #testimonials-carousel .testimonial-body {
  color: #777777;
}
#testimonials #testimonials-carousel ol.carousel-indicators li {
  background-color: #a7a7a7;
  border-color: #a7a7a7;
}
#testimonials #testimonials-carousel ol.carousel-indicators li.active {
  background-color: #f68026;
  border-color: #f68026;
}

/**********************************************************************************/
/*                              Subscribe section                                 */
/**********************************************************************************/
#subscribe #subscribe-layered-background .inner1 {
  background-color: #003a62;
}
#subscribe #subscribe-layered-background .inner2 {
  background-image: url('/assets/images/contract.jpg');
}
#subscribe #subscribe-header {
  color: #ffffff;
}
#subscribe #subscribe-subheader {
  color: #ffffff;
}
#subscribe #subscribe-form input[type=email] {
  color: #ffffff;
  border-color: #ffffff;
}
#subscribe #subscribe-form input[type=submit] {
  background-color: #f68026;
  color: #ffffff;
}

/**********************************************************************************/
/*                                 Blog section                                   */
/**********************************************************************************/
#blog #blog-heading {
  color: #003a62;
}
#blog .blog-entry {
  background-color: #f6f6f6;
}
#blog .blog-entry .blog-byline {
  color: #777777;
}
#blog .blog-entry .blog-title {
  color: #003a62;
}
#blog .blog-entry .blog-excerpt {
  color: #777777;
}
#blog .blog-entry a.blog-read-more {
  background-color: #f68026;
  color: #ffffff;
}
#blog .blog-entry a.blog-read-more:hover {
  color: #003a62;
}
#blog a.blog-view-more {
  background-color: #f68026;
  color: #ffffff;
}
#blog a.blog-view-more:hover {
  color: #003a62;
}

#blog #blog-pagination li a {
  background-color: #ffffff;
  color: #f68026;
}
#blog #blog-pagination li.active a,
#blog #blog-pagination li a:hover {
  background-color: #f68026;
  color: #ffffff;
}

#blog #other-blog-posts .heading {
  color: #003a62;
}
#blog #other-blog-posts .blog-entry .blog-title a {
  color: #003a62;
}

#blog .share-heading {
  color: #003a62;
}
#blog #blog-share-links {
  border: 1px #cccccc solid;
}
#blog #blog-share-links li {
  border-left: 1px #cccccc solid;
}
#blog #blog-share-links li a {
  color: #003a62;
}
#blog #blog-share-links li a:hover {
  background-color: #003a62;
  color: #ffffff;
}


/**********************************************************************************/
/*                               Contact section                                  */
/**********************************************************************************/
#contact #contact-heading {
  color: #003a62;
}
#contact #contact-call-to-action {
  color: #003a62;
}
#contact #contact-call-to-action em {
  color: #f68026;
}
#contact #contact-form input[type=text],
#contact #contact-form input[type=email],
#contact #contact-form textarea {
  color: #777777;
  background-color: #f6f6f6;
  border-color: #e6e6e6;
}
#contact #contact-form input[type=submit] {
  background-color: #f68026;
  color: #ffffff;
}
#contact #contact-form input[type=submit]:hover {
  color: #003a62;
}

/**********************************************************************************/
/*                                Footer section                                  */
/**********************************************************************************/
#footer #footer-upper-banner {
  background-color: #003a62;
}
#footer #footer-upper-banner #footer-copy {
  color: #f6f6f6;
}
#footer #footer-upper-banner .heading {
  color: #ffffff;
}
#footer #footer-upper-banner .heading-underline {
  background-color: #777777;
}
#footer #footer-upper-banner #footer-quick-links .links-list li a {
  color: #a7a7a7;
}
#footer #footer-upper-banner #footer-quick-links .links-list li a:visited {
  color: #777777;
}
#footer #footer-upper-banner #footer-contact-info .contact-list li {
  color: #ffffff;
}
#footer #footer-upper-banner #footer-contact-info .contact-list li a {
  color: #ffffff;
}
#footer #footer-lower-banner {
  background-color: #f68026;
  border-top-color: #2e2e2e;
}
#footer #footer-lower-banner #footer-social a {
  color: #f6f6f6;
}
#footer #footer-lower-banner #footer-copyright {
  color: #e6e6e6;
}
#footer #footer-upper-banner #footer-logo .footer-img {
    min-width: 450px !important;
    background-image: url("../../../images/safebridge-logo w.png") !important;
}
#footer #footer-upper-banner #footer-copy {
    color: transparent; 
    position: relative;
    user-select: none;
}

#footer #footer-upper-banner #footer-copy::after {
    content: 'I’m proud to be part of SafeBridge Financial, a leading Canadian mortgage brokerage built on trust, expertise, and a client-first approach. Our experienced team of mortgage professionals provides personalized residential and commercial financing solutions, drawing on strong relationships with Canada’s top lenders to help clients secure the right mortgage for their unique goals. Since our founding, SafeBridge has been committed to delivering exceptional service and long-term guidance, empowering thousands of Canadians to make confident, informed financial decisions.';
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    user-select: all;
}

/**********************************************************************************/
/*                                 Admin section                                  */
/**********************************************************************************/
#component-list-nav ul.admin-nav-list li a i {
    color: #f68026;
}
.intro p {
  border-left: 5px solid #f68026;
}

/**********************************************************************************/
/*                              Application Wizzard                               */
/**********************************************************************************/
.wizard li.active span.round-tab, .previous span.round-tab {
    background: #f68026;
    color: #fff;
    border-color: #f68026;
}

.progress-0 {
}

.progress-25 {
    background: #f68026; /* Old browsers */
    background: -moz-linear-gradient(right, #f68026 24%, #e9e9e9 25%, #e9e9e9 25%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(right, #f68026 24%,#e9e9e9 25%,#e9e9e9 25%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f68026 24%,#e9e9e9 25%,#e9e9e9 25%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.progress-50 {
    background: #f68026; /* Old browsers */
    background: -moz-linear-gradient(right, #f68026 48%, #f68026 49%, #e9e9e9 50%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(right, #f68026 48%,#f68026 49%,#e9e9e9 50%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f68026 48%,#f68026 49%,#e9e9e9 50%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.progress-75 {
    background: #f68026; /* Old browsers */
    background: -moz-linear-gradient(right, #f68026 74%, #e9e9e9 75%, #e9e9e9 75%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(right, #f68026 74%,#e9e9e9 75%,#e9e9e9 75%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f68026 74%,#e9e9e9 75%,#e9e9e9 75%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.progress-100 {
    background: #f68026; /* Old browsers */
    background: -moz-linear-gradient(right, #f68026 99%, #e9e9e9 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(right, #f68026 99%,#e9e9e9 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f68026 99%,#e9e9e9 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}