/* grid and flex behaviour */
.grid-child {display:grid;}


/* VARIOUS */

.imgHolder {
    position: relative; /* Necessary for absolute positioning of the overlay if needed */
    display: inline-block; /* Allows for easier positioning of the image */
}

.imgHolder img {
    opacity: 1; /* Initial opacity (1 = fully visible) */
    transition: opacity 0.5s ease; /* Add a transition for a smoother fade effect */
}

.imgHolder:hover img {
    opacity: 0.4; /* Reduced opacity on hover */
}

.imgHolder:hover {
    color:green;
}






:root {
  --cassiopeia-color-primary: #475cba;
  --cassiopeia-color-hover: green;
  --cassiopeia-color-link: blue;
}


.container-header {background-color: #475cba;background-image:none;}

.container-header .container-nav {padding-bottom:0.5em;}

header {
    border-style: solid;
    border-bottom-width: 12px;
    border-bottom-color: #ffd700;
}

.footer {
    color: #fff;
    background-color: var(--cassiopeia-color-primary);
    background-image: none;
    margin-top: 1em;
}

.g-btn {
border-radius: 1.5rem;
background: #ffd700;
  color:#000000;
  }


#contact-form textarea{
   width:300px;
   height:50px;
}

.com-contact__container > h2 {display:none;}

.callOutPanel {background-color:#383838;color:#ffd700;}
.callOutPanel a {color:#ffd700;}



/*.container-footer.grid-child {display:grid;grid-template-columns: repeat(3,1fr);}



/* MEDIA QUERIES */

@media (width >= 200px) {
 }

@media (width >= 576px) { 
 }

@media (width >= 768px) {
  .grid-child {display:flex;}
}

@media (width >= 992px) {
}
 
@media (width >= 1200px) { 
}

@media (width >= 1400px) {
}