/* primary colour 1 = #69BF4A */
/* darker version of primary colour = #498e30 */
/* secondary colour = #00833E */
/* darker version of secondary colour = #004b24 */

/* CONVEYANCER REFERRAL NEW WHITELABEL CSS */

.quote-tabs {
  background-color: #69BF4A !important; /* using primary color */
}
.quote-tabs-cell {
  border-bottom: 3px solid #69BF4A !important; /* using primary color */
}
.quote-tabs-cell.active {
  border-bottom: 3px solid #00833E !important; /* using secondary color */
}

/* for mobile navbar */
header{
  background-color: #ffffff; /* secondary colour */
}


/* logo */
.navbar-brand{
    background: url("\a
      ../../images/agents/navbar/francisstuart.jpg")no-repeat center center;     /* Logo, can be image file or SVG data as per hunters.css*/
    background-size: 15rem; /* 11.25rem */
    width: 17.3rem; /* 11.25rem */
    height: 5rem; /* not usually overridden as it makes the navbar quite deep*/
    vertical-align: middle;
    vertical-align: middle;
}

@media (max-width: 376px) {
  .navbar-brand {
    background-size: 11rem !important;
    width: 11rem !important;
    height: 4rem;
  }
}

/* Header colours */
header::after{              /* RGB versions of primary colour 1 and a slightly lighter version */
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='373.5' height='166.5' viewBox='54.5 114.5 373.5 166.5'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='30%25' y1='20%25' y2='40%25'%3E%3Cstop offset='0%25' style='stop-color:\a
    rgb(255,255,255); stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:\a
    rgb(255,255,255); stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M241.865 281c121.898 0 220.718-17.059 220.718-38.102 0-12.264 19.105-125.56-33.033-132.528-37.321-4.989-149.683 5.252-200.537 5.252-80.299 0-177.075 12.706-213.859 40.444-19.057 14.369 5.994 79.65 5.994 86.832C21.147 263.941 119.966 281 241.865 281z'/%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='-409.952' y1='499.538' x2='-409.331' y2='499.16' gradientTransform='matrix(274 0 0 -274 112448 136979.75)'%3E%3Cstop offset='0' style='stop-color:\a
    rgb(255,255,255); stop-opacity:1' /%3E%3Cstop offset='1' style='stop-color:\a
    rgb(255,255,255); stop-opacity:1' /%3E%3C/linearGradient%3E%3Ccircle cx='171' cy='137' r='137' fill='url(%23b)'/%3E%3C/svg%3E")no-repeat center center;
  /*82,92,45 */
  background-color: #ffffff; /*to give it a straight edge */
  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: #00833E !important;                 /* secondary colour */
  color: #fff !important; }
  .btn-success:hover {
    background-color: #004b24; }                        /* 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: #004b24; }                        /* darker version of secondary colour */
  .btn-success.dropdown-toggle {
    background-color: #00833E !important; }             /* Secondary colour */
    .btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus {
      background-color: #004b24 !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: #00833E !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, .userSignUp  {
  background-color: #69BF4A !important;          /* Primary colour 1 */
  color: #fff !important; }
  .btn-info:hover {
    background-color: #004b24; }                /* 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: #004b24; }                /* darker version of primary colour */
  .btn-info.dropdown-toggle {
    background-color: #69BF4A !important; }       /* Primary colour 1 */
    .btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus {
      background-color: #004b24 !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: #69BF4A !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: #69BF4A;       /* 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: #00833E !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: #00833E !important; }   /* Primary colour 1 */

.dropdown-hipla-color-1 .search-wrap input:focus {
  border-bottom: 1px solid #00833E;         /* Primary colour 1 */
  -webkit-box-shadow: 0 1px 0 0 #00833E;    /* Primary colour 1 */
  box-shadow: 0 1px 0 0 #00833E; }          /* 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: #00833E;    /* Primary colour 1 */
    border: 3px solid #004b24;    /* darker version of primary colour */
}

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

}

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

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

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

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

.btn-outline-white {
  border: 1px solid #69BF4A !important;
  background-color: transparent !important;
  color: #69BF4A !important; }
  .btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active {
    border-color: #69BF4A !important;
    background-color: transparent !important;
    color: #69BF4A !important; }
  .btn-outline-white:not([disabled]):not(.disabled):active, .btn-outline-white:not([disabled]):not(.disabled).active,
  .show > .btn-outline-white.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: transparent !important;
    border-color: #69BF4A !important; }
  .btn-outline-white:not([disabled]):not(.disabled):active:focus, .btn-outline-white:not([disabled]):not(.disabled).active:focus,
  .show > .btn-outline-white.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); }

.navbar.navbar-dark .navbar-toggler {
  color: #69BF4A;
}

.animated-icon1 span {
    background: #69BF4A;
}