:root {
  --cassiopeia-color-primary: #c79a06;
  --cassiopeia-color-hover: #646e0e;
  --cassiopeia-color-link: #646e0e;
  --link-color: #646e0e;

  --dark-color: #1B2739;
  --light-color:#FCFDFF;
  --main-background: #F3F7F2;
  --secondary-background: #00AFB9;
  --secondary-textColor: #FCFDFF;
  /* --accent-background: #AAB87A; */
  --accent-background: #646e0e;
  --accent-textColor: #FFFFFF;
}

/* Main background color*/
body {
  background: var(--main-background); 		/* background of your website */
}

main {
  padding-top: 50px;
}

/* Dropdown menues color */
.metismenu.mod-menu .mm-collapse {
  background-color: #F3F7F2;
  border-radius: 0px 0px 5px 5px;
}

/* Read more button */
span.icon-chevron-right {
  display:none;    
}

.mod-articlesnews-horizontal li .btn.btn-secondary, .no-card .newsflash-horiz li .btn.btn-secondary {
  background-color: var(--accent-background); /* background of your primary buttons */
  border-color: var(--accent-background); /* border color of your primary buttons */
  /* color: var(--dark-color); text color of your primary buttons */
}

.btn.btn-secondary {
  background-color: var(--secondary-background); /* background of your secondary buttons */
  border-color: var(--secondary-background); /* border color of your secondary buttons */
  color: var(--secondary-textColor); /* text color of your secondary buttons */
}

/* Newsfalsh padding */
.home-newsflash {
  padding-top: 0px;
}

.home-newsflash>h3 {
  padding-bottom: 25px;
}

/* Newsflash grid */
.home-newsflash .mod-articlesnews-horizontal {
  grid-template-columns: repeat(auto-fit,minmax(300px,400px));
  background-color: var(--primary-background);
}

/* NewsFlash card style */
.home-newsflash .mod-articlesnews-horizontal>li{
  border-radius: 5px 5px 5px 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
	
.home-newsflash .newsflash-image>img {
  border-radius: 5px 5px 0px 0px;
  object-fit: cover;
  height: 300px;
}

/* Footer */
.container-footer .grid-child {
	justify-content: center;
}
.container-footer .grid-child a:hover {
  color: #A3AE70;
}
