/* CSS file: admissions.css */

/* General page styles */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    text-align: center;
}
.container {
    max-width: 1200px; /* Adjust the max width as needed */
    margin: 0 auto; /* Center the container */
    padding: 0 20px; /* Optional: Add padding to the sides */
}
a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #fdda3e;
}
header, footer {
    background-color: #f4f4f4;
    padding: 20px 0;
}


header .logo h1 {
    display: inline;
    vertical-align: middle;
    margin-left: 10px;
}
/* Other existing styles */

/* Styles for social links */
.cws_social_links {
    display: inline-block; /* Ensure it behaves like a block and aligns horizontally */
}

.cws_social_link {
    display: inline-block; /* Ensure each social link is displayed inline */
    margin-right: 10px; /* Adjust spacing between social icons as needed */
}

.cws_social_link:last-child {
    margin-right: 0; /* Remove margin from the last social link to avoid extra spacing */
}

/* Example styles for social icons (Font Awesome) */
.share-icon {
    font-size: 18px; /* Adjust icon size as needed */
    color: #555; /* Adjust icon color */
}

/* Sticky menu styles */
.sticky-wrapper {
    position: sticky;
    top: 0;
    z-index: 1000;
}
.logo {
    display: inline-block; /* Ensures it behaves like a block element with inline properties */
    vertical-align: left; /* Aligns vertically in the middle */
}

.logo img {
    display: block; /* Ensures the image is a block element */
    float: middle; /* Floats the logo to the left */
    margin-right: 0px; /* Adds a small margin to separate it from the school name */
}

.logo h1 {
    display: inline-block; /* Makes the school name behave like an inline-block */
    vertical-align: middle; /* Aligns vertically in the middle */
    color: #fff; /* Sets text color to white */
    font-size: 20px; /* Adjusts font size as needed */
    font-weight: bold; /* Optionally makes the text bold */
}




.sticky-menu {
    background-color: #333;
    color: #fff;
}

.sticky-menu .main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.sticky-menu .main-nav ul li {
    margin-right: 20px;
}

.sticky-menu .main-nav ul li a {
    color: #fff;
    padding: 10px 15px;
    display: block;
}

.sticky-menu .main-nav ul li a:hover,
.sticky-menu .main-nav ul li a.active {
    background-color: #fdda3e;
}

/* Page title styles */
.page-title {
    background-color: #fdda3e;
    color: #fff;
    padding: 20px 0;
    text-align: center; /* Center the title */
}

.page-title h1 {
    margin: 0;
    font-size: 2.5em;
}

/* Main content styles */
.page-content {
    padding: 20px;
}

.content-box {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.content-box h2, .content-box h3 {
    color: #333;
}

.content-box p, .content-box ul, .content-box ol {
    margin-bottom: 20px;
}

.content-box ul {
    list-style: disc inside;
}

.content-box ol {
    list-style: decimal inside;
}

.content-box form {
    max-width: 600px;
    margin: 0 auto;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
}

.form-group input,
.form-group select,
.form-group button {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.submit-button {
    background-color: #fdda3e;
    color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    transition: background-color 0.3s;
}

.submit-button:hover {
    background-color: #fdda3e;
}

/* Footer styles */
footer .grid-col-row {
    display: flex;
    justify-content: space-between;
}

footer .grid-col {
    flex: 1;
    padding: 20px;
}

footer .footer-about,
footer .footer-latest,
footer .footer-links {
    margin-bottom: 20px;
}

footer .footer-bottom {
    background-color: #333;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}

footer .footer-social {
    margin: 10px 0;
}

footer .footer-social a {
    color: #fff;
    margin: 0 5px;
    font-size: 20px;
    transition: color 0.3s;
}

footer .footer-social a:hover {
    color: #007bff;
}

footer .maintainedby {
    margin-top: 10px;
}