:root {
  --cassiopeia-color-primary: #a01c4b;
  --cassiopeia-color-hover: #a01c4b;
  --cassiopeia-color-link: #224faa;
  
  --cassiopeia-font-family-headings: "Noto sans";
  --body-font-size: 0.85em;
}

body {
  --cassiopeia-font-family-headings: "Noto sans";
}

h1, .h1 {
  font-size: calc(1rem + 1.5vw);
  color: var(--cassiopeia-color-primary);
  padding: 1em 0em 0.5em 0.2em;
  font-weight: 300;
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2rem;
  }
}

h2, .h2 {
  font-size: calc(1rem + 0.9vw);
  padding: 1em 0em 0.5em 0.2em;
  font-weight: 300;
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.5rem;
  }
}

h3, .h3 {
  font-size: calc(1rem + 0.6vw);
  font-weight: 300;
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.25rem;
  }
}

h4, .h4 {
  margin-top: 2em;
  font-size: calc(1rem + 0.3vw);
  font-weight: 300;
}
@media (min-width: 1200px) {
  h4, .h4 {
	margin-top: 2em;
    font-size: 1rem;
  }
}

p {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

a {
  text-decoration: none;
  font-weight: 650;
}
a:not([class]) {
  text-decoration: none;
}

figure {
    margin-inline-start: 0;
	margin-inline-end: 0;
	
    margin-block-start: 0;
	margin-block-end: 10px;
}

time {
  
}

.container-header {
  background-color: white;
  background-image: none;
}
.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: center;
  background-color: var(--cassiopeia-color-primary);
}
@media (max-width: 767.98px) {
  .container-header .container-nav {
    justify-content: flex-start;
  }
}

.container-header .navbar-toggler {
  color: white;
  cursor: pointer;
  border: 1px solid var(--cassiopeia-color-primary);
}

.container-header .navbar-toggler::after {
	content: 'Menu';
  	font-size: 1rem;
    font-weight: 400;
}

@media (max-width: 767.98px) {
  .container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 0.1em;
  }
}

.container-header .navbar-brand {
  position: relative;
  display: inline-block;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  font-size: 2rem;
  margin:auto;
  text-align: center;
  color: white;
  font-weight: 100;
}

.navbar-brand {
  padding: 0;
}

.navbar-brand img {
  max-width: 80%;
}

.container-header .mod-menu {
  display: flex;
  flex: 1 1 0%;
  flex-direction: row;
  padding: 0;
  margin: 0;
  color: white;
  list-style: none;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width: 767.98px) {
  .container-header .mod-menu {
    flex-direction: column;
  }
}

.container-header nav {
  margin: 0;
}

.container-header .grid-child {
  padding: 0;
}

.grid-child {
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: inherit;
  justify-content: center;
  padding: 0;
}
.grid-child .container-nav {
  height: 50px;
  margin-left: auto;
  margin-right: auto;
}

.metismenu.mod-menu .metismenu-item {
  padding: 0.5em 0.7em 0.5em 0.7em;
  font-size: inherit;
}

.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
  font-weight: 300;
}

.metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button, .metismenu.mod-menu .metismenu-item>span {
  font-weight: 400;
}

.site-grid {
  max-width: 1000px;
  margin-top: 1rem;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.item-page .item-image img {
  max-height: 400px;	
  object-fit: cover;
}
@media (max-width: 500px) {
.item-page .item-image img {
  max-height: 200px;	
  object-fit: cover;
}
}

.item-page .item-image {
  text-align: center;
  margin-bottom: 2em;
}

.btn-info {
  color: white;
  background-color: #a2cc11;
  border-color: #a2cc11;
}

.blog {
  margin-top: 1em;
}

.blog-item {
  display: flex;
  flex-direction: row;
  padding: 0 0.5em 1em;
  overflow: hidden;
  border-bottom: 1px solid #edf0f4;
}
.blog-item .item-image {
  border-radius: 5px;
  margin-right: 25px;
  overflow: hidden;
  height: 100%;
}

.blog-item h2 {
  padding: 0.2em 0 0 0.1em;
}
.blog-item h2 a {
  font-weight: 400;
}

@media (max-width: 500px) {
	.blog-items .blog-item .item-content p {
    display: none;
  }
}

.mod-list .nav-item {
	height: 50px;
}

.mod-list li {
  text-align: center;
  vertical-align: middle;
  padding-top: 8px;
  margin-left: 1em;
  margin-right: 0;
}

.container-header .metismenu>li+li {
    margin-left: 1em;
}

.left.item-image {
  float: left;
  max-height: 130px;
  max-width: 150px;
  flex: 0 0 auto;
}
@media (max-width: 500px) {
	.left.item-image {
	  float: left;
	  max-height: 65px;
	  max-width: 75px;
	  flex: 0 0 auto;
	}	
}

.tag {
  display: inline-block;
  padding: 0.2rem 0;
}

.tags .list-inline-item {
  margin-bottom: 0.5rem;
}
.tags a.btn {
  font-size: 12px;
  font-weight: 700;
}

.container-component>*+*, .container-component>:first-child, .container-sidebar-left>*+*, .container-sidebar-left>:first-child, .container-sidebar-right>*+*, .container-sidebar-right>:first-child {
  margin-top: 0;
}

.breadcrumb {
  background-color: inherit;
}

.mod-breadcrumbs__wrapper {
  margin: 0;
  padding: 0;
}

.mod-breadcrumbs__wrapper ol {
  margin-block-start: 0px;
  padding-inline-start: 0px;
  list-style-position: outside;
}

.px-3 {
  margin: 0;
  padding: 0;
}

.mod-breadcrumbs__wrapper .py-2 {
  margin: 0;
  padding-top: 0
  padding-bottom: 2rem !important;
}

.welcome .slideshow-homepage {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.welcome .slideshow-homepage ul {
  list-style-type: square;
}

.welcome .slide-desc-text-default .slide-title {
    font-size: 1.2em;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 600;
}
@media (max-width: 500px) {
	.welcome .slide-desc-text-default .slide-title {
	  font-size: 1em;
	}	
  
  	.welcome .slide-text {
    display:none;
  }
  
  .welcome .readmore {
    display:none;
  }
}

.join-association {
	position: relative;
	
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
  
    margin: 20px;
}

.join-association p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.join-association a {
    color: white;
    padding: 8px 20px 8px 20px;
    margin: 10px 15px 0px 15px;
	background-color: #a2cc11;
    font-weight: 600;
}

.card {
  border-radius: 8px;
}

.card-header {
   background-color: var(--cassiopeia-color-primary);
   color: white;
}

.card-body {
  background-color: rgba(0,0,0,.03);
}

/*
#welcome-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

#welcome-container ul {
	list-style: none;
	padding: 0;
}

#welcome-container h4 {
	color: #202b44;
	margin-top: 1em;
	/*text-transform: uppercase;*/
}

#welcome-container img {
	border-radius: 5px;
	margin: 10px;
}

#welcome-container > .welcome-item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	/*margin-top: 20px;*/
	flex: 1 400px;
}

@media (max-width: 500px) {
	#welcome-container {
		/* display:none; */
	}
	
	.blog-item .item-image {
		margin-right: 15px;
		overflow: hidden;
	}
}
*/

.welcome-container {
  flex: 0 0 100%;
  max-width: 100%;
}

.welcome-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  align-items: center;
  margin-bottom: 1em;
}

.welcome-card img {
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: 100%;
}

.welcome-card-item {
  flex: 1 1;
  padding: 1em 1em 0 1em
}

.welcome-card-body {
  padding: 1em;
}

.welcome-card-body h3 {
  text-align: center;
}

.welcome-card-body p {
  text-align: center;
}

.welcome-card-title {
  font-size: 2.2em;
  font-weight: 300;
}

@media (min-width: 736px) {
  .welcome-card img {
    width: 450px;
  	border-radius: 8px;
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
  .zigzag {
    flex-direction: row;
  }

  .zigzag-reverse {
    flex-direction: row-reverse;
  }
}

.icon-location:before {
	content: none;
}

.blog-item .item-content dl {
	float: left;
	padding-top: 3px;
	margin-right: 15px;
	margin-bottom: 0;
}
@media (max-width: 500px) {
  .blog-item .item-content dl {
	float: inherit;
	padding: 0;
	margin: 0;
  }
}

.article-info dd {
  margin-top: 0.45em;
}

.blog-item .item-content ul {
	margin-bottom: 0;
}

.com-users-login.login {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.com-users-login.login fieldset {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2em;
}

.control-group.com-users-login__input {
    width: 100%;
}

.com-users-login.login .list-group {
 align-items: center; 
}

.com-users-login.login .list-group-item {
  border: none;
}

.ba-form-submit-wrapper .ba-form-submit-recaptcha-wrapper, .ba-form-submit-wrapper .ba-form-submit-btn-wrapper {
  justify-content: center !important;  
}

.com-content-category-blog__navigation .counter {
	display: none;
}

.com-content-category-blog__pagination {
	display: flex;
	justify-content: center;
}

.module-adherent {
    width: 300px; 
    background-color: white;
    border: solid 1px var(--cassiopeia-color-primary);
    margin: 1em auto 1em 2em;
}

.module-adherent h3 {
    background-color: var(--cassiopeia-color-primary);
    color: white;
    padding: 10px;
    font-size: 11pt;
}

.module-adherent .nav {
    display: block;
    padding-left: 15px;
}

.module-adherent .mod-list .nav-item {
    height: auto;
    text-align: left;
}

.footer {
  margin-top: 1em;
  color: white;
  padding-top: 30px;
  background: radial-gradient(110% 30% at top, transparent 50%, var(--cassiopeia-color-primary) 51%);
}
@media (max-width: 500px) {
	.footer {
		background: radial-gradient(120% 30% at top, transparent 50%, var(--cassiopeia-color-primary) 51%);
	}
}

.footer .grid-child {
  display: block;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem 0.5em;
}

#system-message-container {
  margin-top: 1em;
  margin-bottom: 2em;
}

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

.mod-banners {
  display:flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.mod-banners .banneritem {
  padding: 2em;
}
.mod-banners img {
  max-height: 10em;
}