@font-face {
    font-family: 'knileblack';
    src: url('../fonts/knile-black-webfont.woff2') format('woff2'),
         url('../fonts/knile-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RN House Sans W03';
    src: url('../fonts/RNHouseSansRegular.woff2') format('woff2'),
         url('../fonts/RNHouseSansRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  
}
:root {
	--body-bg: #ffffff;
	--body-color: #5A287D;
	--cassiopeia-color-primary: #5A287D;
	--cassiopeia-color-link: #3C1053;
	--cassiopeia-color-hover: #5A287D;
}
/*1aliprovides a background image to the site*/
body.site {
 background-image: url('/images/site_elements/dot_background.gif.....');
}

.satsuma-highlight {
    background-image: url("https://myretailportal.co.uk/images/site_elements/stroke_satsuma.png");
    width: fit-content;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
}
.rhubarb-highlight {
    background-image: url("https://myretailportal.co.uk/images/site_elements/stroke_rhubarb.png");
    width: fit-content;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 25px;
    padding-right: 10px;
    color: white;
}
.pea-highlight {
    background-image: url("https://myretailportal.co.uk/images/site_elements/stroke_pea.png");
    width: fit-content;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
}
.grape-highlight {
    background-image: url("https://myretailportal.co.uk/images/site_elements/stroke_grape.png");
    width: fit-content;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
}
.custard-highlight {
    background-image: url("https://myretailportal.co.uk/images/site_elements/stroke_custard.png");
    width: fit-content;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 10px;
    padding-right: 10px;
    color: #000000;
}
.bubblegum-highlight {
    background-image: url("https://myretailportal.co.uk/images/site_elements/stroke_bubblegum.png");
    width: fit-content;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
}
.azure-highlight {
    background-image: url("https://myretailportal.co.uk/images/site_elements/stroke_azure.png");
    width: fit-content;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
}
.item-103, .item > a {
    color: #ffffff!important;
}
.item-158, .item > a {
    color: #ffffff !important;
}
.item-116, .item > a {
    color: #ffffff !important;
}
.item-147, .item > a {
    color: #ffffff !important;
}
.item-132, .item > a {
    color: #ffffff !important;
}
.item-128, .item > a {
    color: #ffffff !important;
}
.item-148, .item > a {
    color: #ffffff !important;
}

button, .btn {
background-color: #ffffff;
color: #5A287D;
}
button:hover, .btn:hover {
background-color: #8dcc33;
}
button, .btn {
background-color: #3C1053;
color: white;
}
button:hover, .btn:hover {
background-color: #cee2f5;
}
*alignes the logo to centre*/
.navbar-brand {
  text-align: center;
  width: 50%;}
.image-row {
  display: flex;
}
.image-row .image{
   min-width:150px;"
}
.image-row{
  display:flex;
  flex-wrap:wrap; <---Add this style in here
}
.image-row{
  background-color: #FFFFFF;
}
.image-row{
  text-align: center;
}
h1, .h1 {
  background-color: ?#f2eaf9;
color: #5a287d;
padding: 0px;
  letter-spacing: 1px;
  font-weight: 100;
     font-family: 'knileblack';
}
h2, .h2 {
  background-color: #;
color: #5a287d;
padding: 0px;
    letter-spacing: 1px;
  font-weight: 100;
  font-family: 'knileblack';
}
h3, .h3 {
  background-color: #;
color: #5a287d;
padding: 0px;
    letter-spacing: 1px;
  font-weight: 100;
  font-family: 'RN House Sans W03';
}
h4, .h4 {
  background-color: #;
color: #5a287d;
padding: 0px;
    letter-spacing: 1px;
  font-weight: 100;
  font-family: 'RN House Sans W03';
}
h5, .h5 {
  background-color: #;
color: #5a287d;
padding: 0px;
    letter-spacing: 1px;
  font-weight: 100;
  font-family: 'RN House Sans W03';
}
h6, .h6 {
  background-color: #;
color: #5a287d;
padding: 0px;
      font-family: 'RN House Sans W03';
}
p, .p {
  background-color: #;
  font-family: 'RN House Sans W03';
}
  a:link { /* Unvisited links */
          color: #5a287d;
          background-color: #;
        }
        a:visited { /* Visited links */
          color: #5a287d;
        }
        a:hover { /* hover links */
          color: #cee2f5;
        }
        a:active { /* Active links */
          color: ?#cb7428;
        }
.custom-button {
  display: inline-block;
  color: #5a287d !important;
  background-color: #ffffff !important;
  min-width: 170px;
  margin: 5px;
  padding: 1px 20px;
  text-decoration: none;
  border: 3px solid #5a287d;
  border-radius: 50px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.thought-box-rose {
  display: inline-block;
  color: #3c1053 !important;
  background-color: #f2f2f8 !important;
  max-width: 725px;
  padding: 8px 10px;
  text-decoration: none;
  line-height: 1.5;
  border-width: 8px;
  border-top-style: solid;
  border-color: #ffeae6;
  border-radius: 4px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.thought-box-sky {
  display: inline-block;
  color: #3c1053 !important;
  background-color: transparent !important;
  max-width: 725px;
  padding: 8px 10px;
  text-decoration: none;
  line-height: 1.5;
  border-width: 2px;
  border-style: dashed;
  border-color: #3c1053;
  border-radius: 16px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.thought-box-champion {
  display: inline-block;
  color: #3c1053 !important;
  background-color: #f2f2f8 !important;
  max-width: 725px;
  padding: 8px 10px;
  text-decoration: none;
  line-height: 1.5;
  border-width: 8px;
  border-top-style: solid;
  border-color: #5A287D;
  border-radius: 4px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}