/* Pathway Page Styles */
/* Pathway Flow Visualization */
.pathway-section {
    margin-top: 30px;
}

.pathway-section:last-child {
    border-bottom: none;
}

.pathway-flow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 30px;
}

.pathway-box {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 20px;
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    max-width: 45%;
}

.pathway-box.college {
    /* Base styling, colors defined by specific pathway classes */
}

/* Colors based on institutions */
/* Canadian College - always the left box */
.pathway-box.college {
    background-color: #e6f2ff; /* Light blue for Canadian College */
}

/* Capilano University */
.pathway-box.capcollege {
    background-color: #025ca926; /* Light green for Capilano */
}

/* University Canada West (UCW) */
.pathway-box.ucw {
    background-color: #ce122e14; /* Light orange for UCW */
}

/* Acsenda School of Management */
.pathway-box.acsenda {
    background-color: #007dc529; /* Light purple for Acsenda */
}

.pathway-box.university {
    /* Base styling, colors defined by specific pathway classes */
}



.pathway-box-content {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.pathway-box-logo {
    height: 70px;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pathway-box-logo img {
    max-height: 70px;
    max-width: 100px;
    object-fit: contain;
}

.pathway-box-title {
    font-family: "Oswald", sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    margin-bottom: 6px;
    color: #333;
    text-align: left;
}

.pathway-box-subtitle {
    font-family: "Open Sans", serif;
    font-size: 1em;
    line-height: 1.4;
    text-align: left;
}

.pathway-box-details a {
    font-family: "Open Sans", serif;
    font-size: .8em;
    line-height: 1.4;
    text-align: left;
    padding: 3px 6px;
    background-color: #fff;
    display: inline-block;
    margin-top: 8px;
    border-radius: 5px;
    color: #404040;
    font-weight: 700;
}

.pathway-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    color: #0e67cf;
    font-size: 2.5em;
}

.pathway-credits {
    position: absolute;
    top: -10px;
    right: 10px;
    background-color: #0e67cf;
    color: white;
    padding: 5px 10px;
    border-radius: 15px;
    font-family: "Open Sans", serif;
    font-size: 0.8em;
    font-weight: bold;
}

/* Pathway Details Styling */
.pathway-details {
    margin-top: 20px;
}

.pathway-details h3 {
    color: #0e67cf;
    font-family: "Oswald", sans-serif;
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 15px;
}

.pathway-details h4 {
    font-family: "Oswald", sans-serif;
    font-size: 1.5em;
    color: #373e45;
    margin-top: 20px;
    margin-bottom: 10px;
}

.pathway-details ul {
    font-size: 1.2em;
    margin-bottom: 20px;
    padding-left: 20px;
}

.pathway-details li {
    font-family: "Open Sans", serif;
    margin-bottom: 8px;
    line-height: 1.5;
}

/* Media Queries */
@media (max-width: 768px) {
    .pathway-flow {
        flex-direction: column;
    }
    
    .pathway-box {
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    .pathway-arrow {
        transform: rotate(90deg);
        margin: 10px 0;
    }
    
    .pathway-details h3 {
        font-size: 1.3em;
    }
    
    .pathway-details h4 {
        font-size: 1.1em;
    }
}
