@charset "utf-8";
/* Cookie Control module re-styling to fit GDS/Bexley styles and have proper focus behaviour */
#ccc #cc-panel .ccc-notify-button.ccc-reject-button, #ccc-reject-settings {
  border: 1px solid #0b0c0c !important;
}
#ccc #ccc-content #cc-panel a {
  color: #005EA5 !important;
}

#ccc #ccc-content #cc-panel a:visited {
  color: #4C2C92 !important;
}

#ccc #ccc-content #cc-panel a:active,
#ccc #ccc-content #cc-panel a:hover {
  color: #2B8CC4 !important;
}

#ccc #ccc-content #cc-panel a:focus {
    outline: 3px solid transparent !important;
    color: #0b0c0c !important;
    background-color: #fd0 !important;
    -webkit-box-shadow: 0 -2px #fd0,0 4px #0b0c0c !important;
    box-shadow: 0 -2px #fd0,0 4px #0b0c0c !important;
    text-decoration: none !important
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-accept-button, 
#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-reject-button,
#ccc #ccc-content #cc-panel #ccc-dismiss-button {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    font-weight: 400 !important;
    line-height: 1.1875 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    position: relative !important;
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    padding: 8px 10px 7px !important;
    border: 2px solid transparent !important;
    border-radius: 0 !important;
    color: #fff !important;
    background-color: #00703c !important;
    -webkit-box-shadow: 0 2px 0 #002d18 !important;
    box-shadow: 0 2px 0 #002d18 !important;
    text-align: center !important;
    vertical-align: top !important;
    cursor: pointer !important;
    -webkit-appearance: none !important
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-accept-button span {
    background-color: #00703c !important;
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-accept-button::-moz-focus-inner,
#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-reject-button::-moz-focus-inner,
#ccc #ccc-content #cc-panel #ccc-dismiss-button::-moz-focus-inner
 {
    padding: 0 !important;
    border: 0 !important
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-accept-button:hover, 
#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-accept-button:hover span {
      background-color: #005a30 !important
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-accept-button:active,
#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-reject-button:active,
#ccc #ccc-content #cc-panel #ccc-dismiss-button:active {
    top: 2px !important
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-accept-button:focus,
#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-reject-button:focus,
#ccc #ccc-content #cc-panel #ccc-dismiss-button:focus {
    border-color: #fd0 !important;
    outline: 3px solid transparent !important;
    -webkit-box-shadow: inset 0 0 0 1px #fd0 !important;
    box-shadow: inset 0 0 0 1px #fd0 !important
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-accept-button:focus:not(:active):not(:hover),
#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-reject-button:focus:not(:active):not(:hover),
#ccc #ccc-content #cc-panel #ccc-dismiss-button:focus:not(:active):not(:hover) {
    border-color: #fd0 !important;
    color: #0b0c0c !important;
    background-color: #fd0 !important;
    -webkit-box-shadow: 0 2px 0 #0b0c0c !important;
    box-shadow: 0 2px 0 #0b0c0c !important
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-accept-button:focus:not(:active):not(:hover) span,
#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-reject-button:focus:not(:active):not(:hover) span,
#ccc #ccc-content #cc-panel #ccc-dismiss-button:focus:not(:active):not(:hover) span {
    color: #0b0c0c !important;
    background-color: #fd0 !important;
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-accept-button:before,
#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-reject-button:before,
#ccc #ccc-content #cc-panel #ccc-dismiss-button:before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -2px !important;
    right: -2px !important;
    bottom: -4px !important;
    left: -2px !important;
    background: transparent !important
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-accept-button:active:before,
#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-reject-button:active:before,
#ccc #ccc-content #cc-panel #ccc-dismiss-button:active:before {
    top: -4px !important
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-reject-button,
#ccc #ccc-content #cc-panel #ccc-dismiss-button {
    background-color: #f3f2f1 !important;
    -webkit-box-shadow: 0 2px 0 #929191 !important;
    box-shadow: 0 2px 0 #929191 !important;
    color: #0b0c0c !important
}

#ccc #ccc-content #cc-panel #ccc-dismiss-button span {
  color: #0b0c0c !important;  
  font-weight: 400 !important;
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-reject-button span,
#ccc #ccc-content #cc-panel #ccc-dismiss-button span {
    background-color: #f3f2f1 !important;
}

#ccc #ccc-content #cc-panel .ccc-notify-button.ccc-reject-button:hover,
#ccc #ccc-content #cc-panel #ccc-dismiss-button {
    background-color: #dbdad9
}

#ccc #ccc-title, #ccc .optional-cookie-header, #ccc #ccc-necessary-title {
  font-weight: 900 !important;
}

#ccc .checkbox-toggle--slider .checkbox-toggle-toggle {
  background-color: #777 !important;
  margin: 4% !important;
  height: 80% !important;
}
#ccc .checkbox-toggle--slider:hover .checkbox-toggle-toggle {
  background-color: #555 !important;
  transition-duration: 0 !important;
}

#ccc .checkbox-toggle--slider input:checked~.checkbox-toggle-toggle {
  background-color: #00703c !important;
  left: 42% !important;
}
#ccc .checkbox-toggle--slider:hover input:checked~.checkbox-toggle-toggle {
  background-color: #005a30 !important;
  transition-duration: 0 !important;
}

#ccc div.checkbox-toggle.checkbox-toggle--slider {
  background-color: #fff !important;
  border-color: #666 !important;
  border-width: 2px !important;
  padding: 2px !important;
}

#ccc div.checkbox-toggle .checkbox-toggle-on {
  color: #00703c !important;
  font-weight: 900 !important;
}

#ccc div.checkbox-toggle .checkbox-toggle-off {
  color: #666 !important;
  font-weight: 900 !important;
  opacity: 100 !important;
}

#ccc div.checkbox-toggle.checkbox-toggle--slider:focus-within:not(:active):not(:hover) {
    color: #0b0c0c !important;
    background-color: #fd0 !important;
    -webkit-box-shadow: 0   3px 0 #0b0c0c !important;
    box-shadow: 0 3px 0 #0b0c0c !important
}

button#ccc-icon {
    background: linear-gradient(45deg, #fff 0% 50%, rgba(255,255,255,0) 50% 100%) !important;
}

button#ccc-icon:hover {
  background: linear-gradient(45deg, #fd0 0% 50%, rgba(255,255,255,0) 50% 100%) !important;
}

button#ccc-icon:focus {
  background: linear-gradient(45deg, #fd0 0% 60%, rgba(255,255,255,0) 60% 100%) !important;
}