/* primary colour 1 = #1d2b86 */  /*primary colour of button*/
/* darker version of primary colour = #172371 */
/* secondary colour = #0c639c */
/* darker version of secondary colour = #1068a3 */

/*****************************************************************************************/
/* ADDITIONAL OVERRIDE NEEDED AS WHITE BUTTON WASN'T DISCERNABLE ON THEIR COLOUR NAV BAR */
.btn-outline-white{
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}
/*****************************************************************************************/

/* CONVEYANCER REFERRAL NEW WHITELABEL CSS */

.quote-tabs {
background-color: #0c639c !important;
}
.quote-tabs-cell {
border-bottom: 3px solid #0c639c !important;
}
.quote-tabs-cell.active {
border-bottom: 3px solid #1d2b86 !important; 
}


/*****************************************************************************************/
/* SPECIAL OVERRIDES*/

header{
background-color: #0e70b1; /* secondary colour */
}

/* END OF SPECIAL OVERRIDES*/
/*****************************************************************************************/


/* ALSO NEED TO UPDATE ALL FOR MISSING GHOST BUTTON WHITELABEL */

.btn-outline-info{
border: 2px solid #1d2b86 !important; /* Primary colour */
background-color: transparent!important;
color: #1d2b86 !important; /* Primary colour */
}


/* logo */
.navbar-brand{
background: url("../../images/agents/navbar/mdproperties.jpg") no-repeat center center;
background-size: 9rem; /* 11.25rem */
width: 9rem; /* 11.25rem */
height: 13rem; /* not usually overridden as it makes the navbar quite deep*/
vertical-align: middle;
}

@media (max-width: 376px) {
  .navbar-brand {
    background-size: 6rem !important;
    width: 6rem !important;
    height: 8rem;
  }
}
/* Header colours */
header::after{              /* RGB versions of primary colour 1 and a slightly lighter version */
background: #0e70b1; /*to give it a straight edge */
/*border-bottom: solid 5px #e3e3e3;*/ /* to put line under nav bar if their site has one */
content: "";
position: absolute;
background-size: cover;
overflow: visible;
margin-top: -175px;
width: 100%;
height: 175px;
z-index: 90;
display: inline-block;
}

.btn-dark-blue {
background-color: #0c639c !important;                 /* secondary colour */
color: #fff !important; }
.btn-success:hover {
  background-color: #1068a3; }                        /* darker version of secondary colour */
.btn-success:focus, .btn-success.focus {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-success:focus, .btn-success:active, .btn-success.active {
  background-color: #1068a3; }                        /* darker version of secondary colour */
.btn-success.dropdown-toggle {
  background-color: #0c639c !important; }             /* Secondary colour */
  .btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus {
    background-color: #1068a3 !important; }            /* darker version of secondary colour */
.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #0c639c !important; }
.btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-info, .btn-dark-blue.userSignUp {
background-color: #1d2b86 !important;          /* Primary colour 1 */
color: #fff !important; }
.btn-info:hover {
  background-color: #172371; }                /* darker version of primary colour */
.btn-info:focus, .btn-info.focus {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.btn-info:focus, .btn-info:active, .btn-info.active {
  background-color: #172371; }                /* darker version of primary colour */
.btn-info.dropdown-toggle {
  background-color: #1d2b86 !important; }       /* Primary colour 1 */
  .btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus {
    background-color: #172371 !important; }     /* darker version of primary colour */
.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #1d2b86 !important; }         /* Primary colour 1 */
.btn-info:not([disabled]):not(.disabled):active:focus, .btn-info:not([disabled]):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.hipla-color-1-text{
color: #1d2b86;       /* Primary colour 1 */
}

.dropdown .dropdown-menu.dropdown-hipla-color-1 .dropdown-item:hover, .dropdown .dropdown-menu.dropdown-hipla-color-1 .dropdown-item:active,
.dropup .dropdown-menu.dropdown-hipla-color-1 .dropdown-item:hover,
.dropup .dropdown-menu.dropdown-hipla-color-1 .dropdown-item:active,
.dropleft .dropdown-menu.dropdown-hipla-color-1 .dropdown-item:hover,
.dropleft .dropdown-menu.dropdown-hipla-color-1 .dropdown-item:active,
.dropright .dropdown-menu.dropdown-hipla-color-1 .dropdown-item:hover,
.dropright .dropdown-menu.dropdown-hipla-color-1 .dropdown-item:active {
  background-color: #1d2b86 !important; }   /* Primary colour 1 */

.dropdown-hipla-color-1 .dropdown-content li.active, .dropdown-hipla-color-1 .dropdown-content li a, .dropdown-hipla-color-1 .dropdown-content li span:hover {
background-color: #1d2b86 !important; }   /* Primary colour 1 */

.dropdown-hipla-color-1 .search-wrap input:focus {
border-bottom: 1px solid #1d2b86;         /* Primary colour 1 */
-webkit-box-shadow: 0 1px 0 0 #1d2b86;    /* Primary colour 1 */
box-shadow: 0 1px 0 0 #1d2b86; }          /* Primary colour 1 */


.how-it-works-icon-container.create-icon, .how-it-works-icon-container.share-icon, .how-it-works-icon-container.buy-icon, .how-it-works-icon-container.mail-icon, .how-it-works-icon-container.phone-icon {
  color: #ffffff;
  background-color: #0c639c;    /* Primary colour 1 */
  border: 3px solid #1068a3;    /* darker version of primary colour */
}

.progress-line, .progress-line-legal-pack {
  background-color: #1068a3;  /* darker version of primary colour */

}

.testimonial-card-icon-container.information-icon, .testimonial-card-icon-container.house-icon {
  color: #ffffff;
  background-color: #1d2b86;  /* Primary colour 1 */
}

.modal-dialog.modal-notify.modal-colour-2 .badge, .modal-dialog.modal-notify.modal-colour-2 .modal-header {
background-color: #0c639c;  /* Primary colour 1 */
}

.card-header-colour-1{
background-color: #0c639c;  /* Primary colour 1 */
}

.breadcrumb.md > li > a {
color: #1d2b86;             /* Primary colour 1 */
}

/*burger*/
.animated-icon1 span {
  background: #FFFFFF;
}