body, html { margin: 0; font-family: "Open Sans", sans-serif; font-size: .95em; }

/* Region: Information boxes - warning and information */
.msgboxInformation { display: none; background: url(../images/message-boxes/message_info.jpg) no-repeat top right; color: white; background-color: #9EC933; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; }
.msgboxInformation #msgInformationToUserText { background: url(data:image/png;base64,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) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 25px; line-height: 25px; font-size: .9em; font-weight: bold; }
.msgboxWarning { display: none; background: url(../images/message-boxes/message_warning.jpg) no-repeat top right; background-color: #FFB00B; color: white; font-weight: bold; margin: 2px 0 2px 1px; padding: 5px; }
.msgboxWarning #msgWarningToUserText { background: url(data:image/png;base64,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) no-repeat top left; margin: 5px 0 5px 7px; padding: 0 10px 5px 40px; min-height: 28px; line-height: 28px; font-size: .9em; font-weight: bold; }


header, header * { box-sizing: border-box; }
header { width: 100%; background-color: #fff; }
header .info { padding: 14px 9px 9px 9px; height: 105px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; gap: 10px; }
header .info .left { display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: space-between; gap: 7px; }
header .info .left .enterCrufts { display: flex; flex-direction: column; color: #1c2d46; font-weight: 700; font-size: 10px; text-align: center; text-transform: uppercase; text-decoration: none; }
header .info .left .enterCrufts .desktop { display: none; }
header .info .left .enterCrufts img { padding-bottom: 3px; width: 90px; height: 24px; }
header .info .left .call .mobile { display: flex; }
header .info .left .call .desktop { display: none; }
header .info .left .call { display: flex; flex-direction: column; align-items: center; color: #1c2d46; font-weight: 700; font-size: 8px; text-align: center; text-transform: uppercase; text-decoration: none; }
header .info .left .call img { padding-bottom: 5px; width: 18px; height: 18px; }
header .info .middle { display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: center; gap: 0; max-width: 105px !important; }
header .info .middle .logo img { max-width: 121px; height: 44px; }
header .info .middle .strapline { display: flex; align-items: flex-end; justify-content: center; color: #1c2d46; font-weight: 600; font-size: 9px; text-align: center; text-decoration: none; text-transform: uppercase; }
header .info .right { display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: space-between; gap: 11px; }
header .info .enterShow { border-radius: 5px; border: 1px solid #fff; padding: 10px 6px; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: 700; font-size: 10px; background: #57b2b8; transition: background 0.2s linear; min-width: 88px; }
header .info .enterShow:hover { background: #1c2d46; transition: background 0.2s linear; }
header .info .right .myAccount { display: flex; flex-direction: column; align-items: center; color: #1c2d46; text-align: center; font-weight: 700; font-size: 10px; text-transform: uppercase; text-decoration: none; }
header .info .right .myAccount img { padding-bottom: 5px; width: 15px; height: 18px; }

header nav { width: 100%; height: 50px; background: #1c2d46; border-top: 3px solid #57b2b8; }
nav.mobile { display: flex; flex-direction: column; color: #fff; position: relative; }
nav.mobile .menuDropdownButton { display: flex; align-items: center; justify-content: center; padding: 13px; cursor: pointer; }
nav.mobile .menuDropdownButton img { width: 30px; height: 20px; user-select: none; }
nav.mobile .menuDropdown { display: none; }
nav.mobile .menuDropdown.open { position: absolute; top: 46px; left: 0; width: 100%; display: flex; }
  nav.mobile .menuDropdown.open ul { z-index: 2; flex-direction: column; width: 100%; list-style: none; padding: 0; margin: 0; background: #1c2d46; }
nav.mobile .menuDropdown.open ul li { width: 100%; }
nav.mobile .menuDropdown.open ul li:first-of-type { border-top: 1px solid #57b2b8; }
nav.mobile .menuDropdown.open ul li a { padding: 15px 30px; display: block; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: 600; font-size: 16px; background: #1c2d46; transition: background 0.2s linear; }
nav.mobile .menuDropdown.open ul li a:hover { background: #57b2b8; transition: background 0.2s linear; }
nav.desktop { display: none; align-items: center; justify-content: center; }
nav.desktop .menuList ul { max-width: 1200px; display: flex; flex-direction: row; color: #fff; width: 100%; height: 100%; align-items: center; justify-content: space-evenly; list-style: none; padding: 0; margin: 0; }
nav.desktop .menuList ul li a { padding: 14px 28px; display: block; color: #fff; height: 100%; text-transform: uppercase; text-decoration: none; font-weight: 600; font-size: 14px; background: #1c2d46; transition: background 0.2s linear; }
nav.desktop .menuList ul li a:hover { background: #57b2b8; transition: background 0.2s linear; }


/* 500px --------------------------------------------------------------------------- */
@media (min-width: 500px) {
  header .info .left .call .mobile { font-size: 12px; }
  header .info .middle { max-width: 170px !important; }
  header .info .middle .strapline { font-size: 12px; }
  header .info .right .myAccount { font-size: 12px; }
}

/* 600px --------------------------------------------------------------------------- */
@media (min-width: 600px) {
  header .info { padding: 15px 10px 20px 10px; height: 140px; }
  header .info .left { justify-content: center; align-items: flex-start; gap: 25px; width: 155px; }
  header .info .left .enterCrufts { gap: 5px; font-size: 16px; }
  header .info .left .enterCrufts img { justify-content: space-evenly; width: 97px; height: 27px; }
  header .info .left .call { font-size: 16px; flex-direction: row; align-items: center; justify-content: center; gap: 10px; }
  header .info .left .call img { padding: 0; }
  header .info .left .call .desktop { display: flex; }
  header .info .left .call .mobile { display: none; }
  header .info .middle { flex: 1; max-width: unset !important; justify-content: space-between; }
  header .info .middle .logo img { max-width: 183px; height: 66px; }
  header .info .middle .strapline { font-size: 14px; }
  header .info .right { justify-content: center; align-items: flex-end; gap: 25px; width: 155px; }
  header .info .right .myAccount { font-size: 16px; flex-direction: row; align-items: center; justify-content: center; gap: 10px; }
  header .info .right .myAccount img { padding: 0; }
  header .info .enterShow { font-size: 15px; padding: 10px 20px; }
}

/* 700px --------------------------------------------------------------------------- */
@media (min-width: 700px) {
  header .info { gap: 35px; }
}

/* 800px --------------------------------------------------------------------------- */
@media (min-width: 800px) {
  header .info .middle .strapline { font-size: 16px; }
}

/* 850px --------------------------------------------------------------------------- */
@media (min-width: 850px) {
  header .info .bottom .call { flex-direction: row; gap: 10px; align-items: center; justify-content: center; }
  header .info .bottom .call .mobile { display: none; }
  header .info .bottom .call .desktop { font-size: 16px; display: flex; }
  header .info .bottom .strapline { font-size: 16px; }
  header .info .bottom .call img { padding: 0; }
  header .info .bottom .myAccount img { padding: 0; }
  header .info .bottom .myAccount { font-size: 16px; flex-direction: row; gap: 10px; align-items: center; justify-content: center; }
}

/* 885px --------------------------------------------------------------------------- */
@media (min-width: 885px) {
  nav.mobile { display: none; }
  nav.desktop { display: flex; flex-direction: row; }
}

/* 1000px --------------------------------------------------------------------------- */
@media (min-width: 1000px) {
  header .info .left { width: 275px; }
  header .info .right { width: 275px; }
  header .info .left .enterCrufts { flex-direction: row; gap: 20px; align-items: center; justify-content: center; height: 42px; }
  header .info .left .enterCrufts .desktop { display: unset; }
}



/*Field Trial Colours -------------------------------------------------------------- */
.fieldTrials header .info .left .enterCrufts { color: #4B6333; }
.fieldTrials header .info .left .call { color: #4B6333; }
.fieldTrials header .info .right .enterShow { background: #F78D2B; }
.fieldTrials header .info .right .enterShow:hover { background: #4B6333; }
.fieldTrials header .info .right .myAccount { color: #4B6333; }
.fieldTrials header nav { background: #4B6333; border-top: 3px solid #F78D2B; }
.fieldTrials nav.mobile .menuDropdown ul li:first-of-type { border-top: 1px solid #F78D2B; }
.fieldTrials nav.mobile .menuDropdown ul li a { background: #4B6333; }
.fieldTrials nav.mobile .menuDropdown ul li a:hover { background: #F78D2B; }
.fieldTrials nav.desktop .menuList li a { background: #4B6333; }
.fieldTrials nav.desktop .menuList li a:hover { background: #F78D2B; }
.fieldTrials header .info .middle .strapline { color: #4B6333; }