/**change the order of the image ands the title

.com_content.view-featured .item-content {
	display: contents;
}
.com_content.view-featured .item-title {
	order: -1;
}

*/
.my-banner {
   min-width: 100%;
}

/*insrted 29/12/23
didn;t help

Its did once I cleared the expired cache! 12/2/26  */

@media (min-width: 768px) {
    .container-header .mod-menu {
        display: flex;
        flex-direction: row;
    }
}



:root {
  --cassiopeia-color-primary: hsl(210, 11%, 10%);
  --cassiopeia-color-hover: darkred;
  --cassiopeia-color-link: red;
  --cassiopeia-color-grad2: hsl(210, 11%, 50%);
  
}




 	
.pathway, 
.breadcrumb-item + .breadcrumb-item::before {
	color: white;
}
.breadcrumb-item.active {
	color: hsl(210, 11%, 80%);
}

/*
 .blog-items.columns-3 {
      grid-template-columns: 0.9fr 0.9fr 0.9fr;
    }

  .blog-items.columns-3 > div {
    width: 95%;
  }
*/

.container-header {
  position: relative;
  z-index: 10;
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-grad2) 100%);
  -webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
          box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
}
  
.container-footer {
  position: relative;
  z-index: 10;
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-grad2) 100%);
  -webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
          box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;  
}


.full-float-center.item-image {
  text-align: center;
  margin-top: 50px;
}