@import url("https://use.typekit.net/jzf5lhe.css");

:root {
  --falstaff-white-light: #FFFFFF;
  --falstaff-white:       #F0F0F0;
  --falstaff-black:       #000000;
  --falstaff-grey-dark:   #41413F;
  --falstaff-grey:        #7B8386;
  --falstaff-grey-light:  #B3BFC5;
  --falstaff-grey-light-2:  #f5f5f5;
  --falstaff-gold:        #CFB346;
  --falstaff-gold-dark:   #C6B457;
  --falstaff-blue:        #148CF2;
  --falstaff-purple:      #5E365C;
  --falstaff-purple-dark: #442B58;
  --falstaff-blue:        #00758A;
  --falstaff-magenta:     #DB518E;
  --falstaff-red:         #dd0935;
  --falstaff-beige:       #fffbf2;
  --falstaff-green:       #87B726;
  --falstaff-light-green: #ACCF79;
}

.btn-primary {
  color: #ffffff;
  background-color:var(--falstaff-gold) !important;
  border-color: var(--falstaff-gold) !important;
  background-image: none !important;}
  .btn-primary:hover {
    color: #ffffff;
    background-color: var(--falstaff-gold-dark) !important;
    border-color: var(--falstaff-gold-dark) !important; }
  .btn-primary:active, .btn-primary.active {
    color: #ffffff;
    background-color: var(--falstaff-gold-dark) !important;
    border-color: var(--falstaff-gold-dark) !important; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
      color: #ffffff;
      background-color:var(--falstaff-gold-dark) !important;
      border-color:var(--falstaff-gold-dark); }
  .btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: var(--falstaff-gold-dark) !important;
    border-color:var(--falstaff-gold-dark) !important; }

  
.btn-secondary {
  color: var(--falstaff-black) !important;
  background-color:var(--falstaff-white-light) !important;
  border-color: var(--falstaff-gold) !important;
  background-image: none !important;}
  .btn-secondary:hover {
    color: var(--falstaff-black) !important;
    background-color: var(--falstaff-white) !important;
    border-color: var(--falstaff-gold-dark) !important; }
  .btn-secondary:active, .btn-secondary.active {
    color: var(--falstaff-black) !important;
    background-color: var(--falstaff-white) !important;
    border-color: var(--falstaff-gold-dark) !important; }
    .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus {
      color: var(--falstaff-black) !important;
    background-color: var(--falstaff-grey-light) !important;
    border-color: var(--falstaff-gold-dark) !important; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: var(--falstaff-black) !important;
    background-color: var(--falstaff-white) !important;
    border-color: var(--falstaff-gold-dark) !important; }

.btn-falstaff-gold {
  background-color: var(--falstaff-gold) !important;
  border-color: var(--falstaff-gold) !important;
  color: var(--falstaff-white) !important;
}
.btn-falstaff-gold:hover, .btn-falstaff-gold:focus, .btn-falstaff-gold:active, .btn-falstaff-gold.active, .open>.dropdown-toggle.btn-falstaff-gold {
  background-color: var(--falstaff-gold) !important;
  border-color: var(--falstaff-grey) !important;
  color: var(--falstaff-grey) !important;
}

.btn-falstaff-grey {
  background-color: var(--falstaff-grey);
  border-color: var(--falstaff-grey);
  color: var(--falstaff-white);
}
.btn-falstaff-grey:hover, .btn-falstaff-grey:focus, .btn-falstaff-grey:active, .btn-falstaff-grey.active, .open>.dropdown-toggle.btn-falstaff-grey {
  background-color: var(--falstaff-white);
  border-color: var(--falstaff-grey);
  color: var(--falstaff-white);
}

.btn-falstaff-white {
  background-color: var(--falstaff-white);
  border-color: var(--falstaff-grey);
  color: var(--falstaff-grey);
}
.btn-falstaff-white:hover, .btn-falstaff-white:focus, .btn-falstaff-white:active, .btn-falstaff-white.active, .open>.dropdown-toggle.btn-falstaff-white {
  background-color: var(--falstaff-white);
  border-color: var(--falstaff-grey-dark);
  color: var(--falstaff-grey-dark);
}

.alert-warning .alert-block {
  color: var(--falstaff-white);
  background-color: var(--falstaff-white);
  border-color: var(--falstaff-white);
}


.text-falstaff-white {
  color: var(--falstaff-white);
}

* {
  font-family: Merriweather,dinosaur, sans-serif;
  font-style: normal;
  font-weight: 300;
}

h1, h1.section-landing-heading, h1.section-landing-heading *, h1 *, .section-landing .row > div .section-landing-heading {
    font-family: Barlow,linotype-didot-headline, serif;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Barlow,dinosaur, sans-serif !important;
    text-transform: uppercase;
}

span.drop_language {
    font-weight: bold;
}

img.sp_logo {
     width: 156px;height: 40px;
     margin-top: -20px; left: 0;
}

/* override form border style globally */
.crmEntityFormView {
  border: none !important;
}
.entitylist {
  border: none !important;
  margin-top: 24px;
}

.element {
  margin: 50px !important;
}

.faq {
  font-size: 18px;
}

.faq-heading {
  font-size: 24px;
}

.falstaff-entityform-container {
  margin-bottom: 50px;
}

.falstaff-entityform-cta {
  margin-top: -24px;
  margin-left: 24px;
}

.failed-validaton {
    border-color: var(--falstaff-red) !important;
    color: var(--falstaff-red) !important;
}

.successful-validaton {
    border-color: var(--falstaff-green) !important;
    color: var(--falstaff-green) !important;
}

.Disabled{
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.msos-current-selection-normal {
    display: -ms-flexbox !important;
    /* Internet Explorer 10 */
    display: -moz-box !important;
    /* FireFox */
    display: -webkit-box !important;
    /* Safari */
    display: -webkit-flex !important;
    /* -flex is the current specification for Safari */
    display: flex !important;
    /* W3C */
}

/* Increase height of multiselect input fields on Equipment Characteristics form */
#EntityFormControl_7e6a1f147599e911a969000d3aba6189 select[multiple]{
    height: 180px;
}

/* Spacing of radio Buttons and label of radio buttons */
input[type="radio"] {
    margin: 5px 5px 5px 0px !important;
}
input[type="radio"] + label{
    margin-right: 20px;
}

/* Colour of active, focused and hovered pagination elements of lists */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    background-color: var(--falstaff-grey-light-2) !important;
}