:root {
    --cassiopeia-color-primary: #6100a5;
/*   --cassiopeia-color-link: #224faa;
    --link-color: #224faa;
    --link-color-rgb: 34, 79, 170;
    --cassiopeia-color-hover: #424077;
    --link-hover-color: #424077;
    --link-hover-color-rgb: 66, 64, 119;*/
}

/* padding for logo */
.logo-main {
    padding-top: 14px;
}

/* make hdr image full width*/
.hdr1 {
    width: 100%;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.p {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* accordion */
.accordion {
     --accordion-active-color: #fff;
    --accordion-active-bg: #913fcb;
}

/* bottom-a content front page */
.prod {
   background-color: #f1ddf2;
  padding: 30px 0px 10px 0px; 
   }

.prod2 {
   width: 100%; 
   max-width: 1100px;
   margin: 0 auto;
   }

/* make bottom-a full width */
.wrapper-home2 {
  width: 99.55vw; 
  position: relative; 
  margin-left: -50vw; 
  height: auto; 
  left: 50%;
  background:#f1ddf2;
  padding-bottom:15px;
  font-size:1.1em;
 /* margin-bottom:45px;*/
  }
  
div.contain
{max-width:1320px;margin:0 auto;padding:0 30px;}

div.contain div.inner
{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 2fr));grid-gap: 30px;}

/* text styling */
.myob {
  color: #6100a5;
}

/* panel colour bottom-as front page */
#panel1 { 
   background-color: #eecff5;
        }

/* get rid of grid-child class in footer */
.footer .grid-child {
  display: flow;
}

.bdr1 {
    border-style: solid;
    border-width: 5px;
    border-color: #6747a9;
}

.shad {
  -webkit-box-shadow: 5px 5px 5px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    5px 5px 5px 0px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         5px 5px 5px 0px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

/* logos need padding in strap2 */
#strap2a {
     padding: 15px;
}

.xero {
    color: #18b4eb;
}

.tag-container {    
    display: flex;
    align-items: center;
    justify-content: center;    
}

.xero-tag {
    background-color: #18b4eb;
    color: #fff;
    padding: 6px 6px;
    border-radius: 6px;
    max-width: 55%;  
    font-weight: 500;  
    margin: auto;
    width: 50%;
}

.myob-tag {
    background-color: #6100a5;
    color: #fff;
    padding: 6px 6px;
    border-radius: 6px;
    max-width: 55%;  
    font-weight: 500;  
    margin: auto;
    width: 50%;
}    

hr.copy {
    border-top: 2px solid #6100a5;
    max-width: 30%;
    margin: auto;
    width: 50%;
}

ul.no-bullets {
  list-style-type: none; 
  padding: 0; 
  margin: 0; 
}

/* pricing animation Training pages */
.scale-up-center {
    -webkit-animation: scale-up-center 0.8s ease-in 0.5s both;
    animation: scale-up-center 0.8s ease-in 0.5s both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);	
    }
}