body
{
  background-image: url(/images/logos/atl-wave-02.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: fixed;
}
.navbar { flex-wrap: unset; }
.navbar
{
  --navbar-toggler-border-color: transparent;
  --navbar-toggler-focus-width: 0;
}
.container-header .navbar-toggler
{
    border: 0;
}
.container-header .container-nav
{
  width: unset;
  margin-right: unset;
}
/*a.brand-logo>img { content:url(/images/logos/atl-03.svg); }*/
.container-header
{
  background-image: url(/images/logos/atl-wave-10.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  background-position-y: 10%;
  background-color: #ffffffe0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-bottom: /*1em*/0;
}
@media (width <= 991.98px)
{
    .container-header { position: sticky !important; }
}
.container-top-a>*,
.container-top-b>*
{
  margin: 0;
}
.container-top-a .card,
.container-top-b .card
{
  background-color: unset;
  border: unset;
  --card-spacer-y: unset;
  --card-spacer-x: unset;
  --card-title-spacer-y: unset;
  --card-cap-padding-y: unset;
  --card-cap-padding-x: unset;
}

/* COLORS */

:root
{
  /* 0098d9ff primary */
  --cassiopeia-color-primary: #0098d9ff;
  /* 66c5eeff secondary */
  --cassiopeia-color-hover: #66c5eeff;
  /* fed47aff yellow */
  /* 008e6fff green */
}

/*.container-header .mod-menu,
.container-header .navbar-toggler
{
  color: black;
}*/

.blog-item .item-image {
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}
.blog-item {
  background-color: #ffffff6b !important;
  border-radius: 0.25em;
  border: 1px solid #dcdcdc;
}
.item-content {
  padding: .5em;  
}
.com-content-article {
  background-color: #ffffff6b !important;
  border-radius: 0.25em;
  /*padding-bottom: .5em;
  padding-left: .5em;
  padding-right: .5em;*/
  padding: .5em;
}

/* KCAL */

#kCal_Modal {
    z-index: 1050 !important;
}

.kCal_Scroll
{
  margin-top: 1em;
  border: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  background-color: #ffffff6b !important;
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
}
.kCal_HeaderScroll
{
  background-color: var(--cassiopeia-color-primary) !important;
  background-image: url(/images/logos/atl-wave-07.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: .15em !important;
  padding: .1em !important;
}
.kcal-form
{
  margin-bottom: 1em;
}
.kCal_FlexHeaderRight
{
    background-color: var(--cassiopeia-color-primary) !important;
}
.kCal_FlexItem, a.kCal_FlexItem
{
    border: 2px solid var(--cassiopeia-color-primary) !important;
  height: 200px !important;
  width: 160px !important;
}
@media (width >= 992px)
{
  /*.container-header { background-position-y: 40%; }*/
  .kCal_FlexItem, a.kCal_FlexItem
  {
    height: 250px !important;
    width: 250px !important;
  }
}

/* SMALL DEVICES */

@media only screen and (max-width: 400px)
{
  .site-grid { grid-gap: .2em; }
  #kCal_ModalContent { width: 95% !important; }
  #kCal_ModalClose { font-size: unset !important; }
}

/* DARK MODE */

/*
@media (prefers-color-scheme: dark)
{
  input { color: white; color-scheme: dark; }
  ::placeholder, .form-control:focus { color: white; }
  .form-control { color: white; background-color: #22262a; }
  :root
  {
    --body-bg: black;
  }
  .kCal_Scroll
  {
    background-color: #0000006b !important;
  }
}
*/

.container-banner img {
  margin-top: .5em;
  width: 100%;
    /*height: 300px;
  min-height: 300px;
  max-height: 300px;*/
    object-fit: contain;
}

@media (max-width: 400px)
{
.container-banner img {
    /*height: 150px;
  min-height: 150px;
  max-height: 150px;*/
}
}

@media (max-width: 500px)
{
.container-banner img {
    /*height: 200px;
  min-height: 200px;
  max-height: 200px;*/
}
}

/*@media (min-width: 1500px) {
.container-banner img {
    height: 500px;
  min-height: 500px;
  max-height: 500px;
}
}*/



h1, h2, h3, h4, h5 { font-weight: normal; }

.container-topbar {
    text-align: right;
}

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

#event-footer {
  text-align: center;
    padding: .5em;
    border-radius: .25em;
  background-color: #ffffff6b;
}
#event-footer p {
  margin-bottom: unset;
}
#event-header a,
#event-header a:visited { color:white; }

.blog-item .item-image {
    margin-top: 0;
}

.footer {
      padding: .5em;
  background-color: #ffffff6b;
  color: black;
  background-image: none;
}

.footer .grid-child {
  align-items: unset;
    padding: 0;
}

.footer a:hover { color: black !important; }

.gtranslate_wrapper {
  margin: auto;
  padding-top: .5em;
  padding-bottom: .5em;
  text-align:right;
}

.container-banner {
    margin:0;
}

#cookieMonsterSays {
  text-align: center !important;
}

.container-header .site-description {
    font-style: italic;
    padding-left: .5em;
}

.container-header .navbar-brand {
    margin-inline-end: unset !important;
}

.brand-text {
  color: white;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: .5em;
}

.brand-text h3, .brand-text p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1em;
}

.form-check-input:checked {
    background-color: #0098d9ff;
    border-color: #0098d9ff;
}

@media (width <= 415px) {
.form-check-label { font-size: .8em; }
 legend { font-size: 1em; } 
}

.accordion {
--accordion-bg: #ffffff6b;
}

.tags .list-inline-item {
    margin: unset;
}

.category-name, .tag-name { font-weight: 700; }

.bg-warning { float: right; }

.page-header a {
  text-decoration: unset;
  color: unset;
}

.item-page .item-image img {
  border-radius: .25em;
  border: 1px solid #dcdcdc;
  max-height: 320px;
  width: auto;
}

#mod-custom114,
#mod-custom115,
#mod-custom116
{
  text-align:center;
}
.footer {
border:0;
  background-color:transparent;
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8);
}
#mod-custom116 ul {
  list-style: none;
  padding:0;
}