/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 27 2025 | 12:29:43 */
.header-on-top {


    z-index: 9999;

}
.visually-hidden {
    position: absolute; /* Take the element out of normal flow */
    width: 1px; /* Set a very small width */
    height: 1px; /* Set a very small height */
    padding: 0; /* Remove padding */
    margin: -1px; /* Pull it outside the viewport */
    overflow: hidden; /* Hide any overflowing content */
    clip: rect(0, 0, 0, 0); /* Clip the content */
    white-space: nowrap; /* Prevent line breaks */
    border: 0; /* Remove any borders */
}

.tag-titlea
{}
.trp-language-switcher div {
	background-color: transparent;
	border: none;
}

.card-mod{
	overflow: hidden;
}

.asite-header {
    position: fixed; /* Keeps the header at the top of the viewport */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Ensures it stays above other content */
    background-color: transparent; /* Transparent background by default */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
    box-shadow: none; /* No shadow initially */
    color: white; /* Default text color (white) */
}

.asite-header a, .asite-header span, .asite-header h1, .asite-header h2, .asite-header p, {
    color: white !important; /* Default text color for children */
    transition: color 0.3s ease; /* Smooth transition for text color */
}

.asite-header.scrolled {
    background-color: #ffffff; /* Changes background to white when scrolled */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow for emphasis */
}

.asite-header.scrolled a,
.asite-header.scrolled span,
.asite-header.scrolled h1,
.asite-header.scrolled h2,
.asite-header.scrolled p
.asite-header.scrolled ul li
.asite-header ul li
{
    color: rgb(2, 110, 159) !important;; /* Changes text color to your chosen color */
}


/* When a modal is open, set the header text color to rgb(2, 110, 159) */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open a,
.wp-block-navigation__responsive-container.is-menu-open span,
.wp-block-navigation__responsive-container.is-menu-open h1,
.wp-block-navigation__responsive-container.is-menu-open h2,
.wp-block-navigation__responsive-container-open  {
    color: rgb(2, 110, 159) !important;; /* Text color when modal is open */

}


.asite-header li a {
    color: white; /* Default link color */
    text-decoration: none; /* Remove default underline */
    position: relative; /* Needed for ::after positioning */
    transition: color 0.3s ease; /* Smooth color transition */
}

.asite-header li a:hover {
    color: rgb(166, 220, 244); /* Transition to this color on hover */
}

/* Add an underline animation using ::after */
.asite-header li a::after {
    content: ""; /* Empty content for pseudo-element */
    position: absolute;
    left: 50%; /* Start from the center */
    bottom: -3px; /* Position just below the text */
    width: 0; /* Start with no width */
    height: 2px; /* Thickness of the underline */
    background-color: rgb(166, 220, 244); /* Color of the underline */
    transition: width 0.3s ease, left 0.3s ease; /* Smooth expansion */
}

.asite-header li a:hover::after {
    width: 100%; /* Expand to the full width of the link */
    left: 0; /* Adjust position to start from the left */
}


.header-spacer {
    width: 100%;
    background-color:#013248;
    pointer-events: none;
}
#aboutc {text-align:left;
	border-spacing:15px 5px;
	border: none;
}

#aboutc td:nth-child(3n+1) 
{ 
  text-align:right;
 	padding-right: 10px;
}

#aboutc td { 
	vertical-align: top;
  border: none;
}