/* ------- DEFAULT THEME ------- */

/* -------------------------------------------------- TEXT FORMAT OF ALL SITE  -------------------------------------------------- */
body {
    font-family: 'Helvetica Neue', Arial, sans-serif; /* Clean, modern font */
    font-size: 12pt; /* 12pt font size */
    line-height: 1.6; /* Comfortable line spacing */
    color: #333; /* Dark gray text for readability */
    background-color: #fafafa; /* Light background for contrast */
    margin: 0;
    padding: 0;
    text-align: left; /* Aligns the text for a cleaner appearance */
}

p {
    margin-bottom: 20px; /* Spacing between paragraphs */
    text-align: left;
}

h1, h2, h3 {
    font-weight: bold;
    color: #003566; /* Consistent color for headers */
    margin-top: 20px;
}

a {
    color: #007BFF; /* Modern blue for links */
    text-decoration: none; /* Removes underline */
    font-family: 'Helvetica Neue', Arial, sans-serif; /* Clean, modern font */
    font-size: 12pt; /* 12pt font size */
    line-height: 1.6; /* Comfortable line spacing */
    text-align: left;
}

a:hover {
    text-decoration: underline; /* Underline on hover */
    font-family: 'Helvetica Neue', Arial, sans-serif; /* Clean, modern font */
    font-size: 12pt; /* 12pt font size */
    /* line-height: 1.6; Comfortable line spacing */
    text-align: left;
}

div, span, li {
    font-family: 'Helvetica Neue', Arial, sans-serif; /* Clean, modern font */
    font-size: 12pt; /* 12pt font size */
    line-height: 1.6; /* Comfortable line spacing */
    text-align: left;
}


/* -------------------------------------------------- HEADER -------------------------------------------------- */
/* MAKE LOGO BIGGER */
/* Target the logo image */
.pkp_site_name .is_img img {
    max-width: 100%; /* Make the logo responsive */
    height: auto; /* Maintain aspect ratio */
    max-height: 150px; /* Adjust this value as needed for a bigger logo */
    width: auto;
}

/* Ensure the header wrapper adjusts with the logo */
.has_site_logo .pkp_head_wrapper {
    width: 100%;
    padding-top: 8%; /* Remove excess padding to better fit the logo */
}

/* For smaller screen sizes */
@media (max-width: 768px) {
    .pkp_site_name .is_img img {
        max-height: 100px; /* Smaller height for mobile */
    }
    .has_site_logo .pkp_head_wrapper {
        width: 100%;
        padding-bottom: 15%; /* Remove excess padding to better fit the logo */
        background-color: rgba(255, 255, 255, 0.6);
    }
}


/* HEAD WRAPPER */
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_search_mobile,
.pkp_structure_content,
.pkp_structure_footer {
    width: 100%;
    padding: 0 50px; /* Combined padding for left and right */
}

/* PRIMARY MENU */
.pkp_navigation_primary_wrapper {
    margin-bottom: 0;
    /*font-size: 17px;*/
}

/* NAVIGATION USER */
.pkp_navigation_user_wrapper,
.pkp_navigation_user {
    width: 100%;
    /* padding: 5px 50px 0; Combined padding for top, right, and left */
    /*font-size: 16px;*/
    background-color: #003566;
    padding-top: 5px;
    padding-bottom: 5px;
    
}
.pkp_navigation_user_wrapper {
    padding-right: 50px;
}


/* MAIN CONTENT */
.pkp_structure_main:before,
.pkp_structure_main:after {
    width: 0;
}

.pkp_structure_content.has_sidebar {
    padding-top: 1%; /* Adjust the value as needed */
}

.pkp_page_index .additional_content {
    border-width: 0;
}

/* FOOTER CONTENT */
.pkp_footer_content {
    width: 100%;
    vertical-align: top;
    text-align: left;
}

/* FOOTER IMG */
.pkp_footer_content img {
    vertical-align: top;
    text-align: center;
    width: 50%;
}


/* -------------------------------------------------- SIDEBAR STYLING -------------------------------------------------- */

/* Sidebar Styling */
.pkp_structure_sidebar.left {
    background-color: rgba(194,194,99,0.5); /* Light background for better readability */
    padding: 20px; /* Adds padding for spacing */
    border-radius: 8px; /* Rounded corners for a modern look */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    margin-bottom: 20px; /* Consistent spacing with other sections */
    margin-top: 30px;
}

/* Sidebar Title */
.pkp_structure_sidebar.left h2 {
    font-size: 1.5em; /* Make the titles stand out */
    color: #003566; /* Use a strong color that matches the homepage's primary color */
    font-weight: 600; /* Make titles bold */
    margin-bottom: 15px; /* Space between title and content */
}

/* Sidebar Links */
.pkp_structure_sidebar.left a {
    color: #007bff; /* Primary color for links */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s ease; /* Smooth color transition on hover */
    font-size: 12pt; /* Smaller font size for the body text */
    line-height: 1.6; /* Increase line spacing for readability */
}

.pkp_structure_sidebar.left a:hover {
    color: #0056b3; /* Darken color on hover */
}


/* Make Sidebar Responsive */
@media (max-width: 768px) {
    .pkp_structure_sidebar.left {
        padding: 15px; /* Adjust padding for smaller screens */
        font-size: 90%; /* Slightly reduce font size */
    }
}

/* -------------------------------------------------- DEFAULT THEME HOME PAGE MAIN -------------------------------------------------- */

.pkp_page_index .additional_content body {
    padding: 20px;
    background-color: #f4f4f4;
    color: #333;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.pkp_page_index .additional_content p {
    margin-bottom: 15px;
    max-width: 800px; /* Limits the width for better readability */
    text-align: justify; /* Justifies text for a cleaner look */
    padding: 30px;
    background-color: rgb(0, 53, 102, 0.3); /* White background for contrast */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}


/* Responsive design */
@media (max-width: 600px) {
    .pkp_page_index .additional_content h2 {
        font-size: 2rem; /* Smaller font size on mobile */
    }
    .pkp_page_index .additional_content p {
        font-size: 0.9rem; /* Slightly smaller text on mobile */
    }
}

/* -------------------------------------------------- DEFAULT THEME CONTACT INFO -------------------------------------------------- */


.page.page_contact div, span{
    font-size: 12pt; /* Adjust the size to 12pt */
}

/* -------------------------------------------------- DEFAULT THEME GRID ON FOOTER -------------------------------------------------- */
.grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
    grid-gap: 20px; /* Space between grid items */
    padding: 20px;
    /* background-color: #f9f9f9;*/
}

/* Ensures responsiveness on smaller screens */
@media screen and (max-width: 1024px) {
    .grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for medium screens */
    }
}

@media screen and (max-width: 768px) {
    .grid-container {
        grid-template-columns: 1fr; /* 1 column for small screens */
    }
}

.grid-item {
    padding: 20px;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Additional styles for lists, paragraphs, and logos */
.grid-item ul {
    list-style-type: none;
    padding-left: 0;
}

.grid-item ul li {
    margin-bottom: 10px;
}

.grid-item ul li a {
    /*color: #00796b;*/
    text-decoration: none;
}

.grid-item ul li a:hover {
    text-decoration: underline;
}

.logos img {
    margin-right: 10px;
    align-self: center;
}
.pkp_footer_content img {
    width: auto; /* Increase size of logos */
    max-width: 100%; /* Ensure logos are responsive */
    height: 120px; /* Maintain aspect ratio */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .pkp_footer_content img {
        height: 60px; /* Slightly reduce size for smaller screens */
    }
}

.pkp_brand_footer img {
    max-width: 50%; /* Adjust this value as needed */
    height: auto; /* Maintain aspect ratio */
}