/*
CTC Separate Stylesheet
Updated: 2024-05-10 02:35:44
*/
.nbSignup{text-align: center !important;}
.nbSignup h2{font-family: garamond-premier-pro, serif !important; font-size: 60px !important; text-transform: unset;}
.nbSignup select{width: 75%; padding: 20px 30px; background-color: #FFF; color: #000; font-size: 26px;}
.nbSmallText{font-size: 18px; font-family: garamond-premier-pro, serif !important; padding: 20px 0 0 0;}
.nbSmallText a{text-decoration: underline !important;}
.nbBigText{font-size: 32px; font-weight: 900;}
#viewSchedule{padding: 10px 30px; font-size: 32px; font-family: garamond-premier-pro, serif !important; margin-top: 30px; border-radius: 10px;}


.faq-accordion {
            width: 100%;
            max-width: 14000px;
            margin: auto;
        }
        .faq-item {
            border-bottom: 2px solid #ddd;
        }
        .faq-question {
            width: 100%;
            text-align: left;
            padding: 20px;
            font-size: 20px !important;
            font-weight: 800 !important;
            color: #FFF;
            background: #647260;
            border: none;
            cursor: pointer;
            transition: background 0.3s ease;
        }
        .faq-question:hover {
            background: #e0e0e0;
            color: #000;
        }
        .faq-answer {
            display: none;
            padding: 20px;
            background: #ccc;
            border-top: 2px solid #ddd;
            color: #000!important;
            font-weight: 800 !important;
        }
        
        .faq-item:first-child .faq-question {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.faq-item:last-child {
    border-bottom: 0;
}



.faq-arrow {
    transition: transform 0.3s ease;
}

.arlo-timezone select{
    padding: 10px 30px !important;
    background-color: #333 !important;
    color: #FFF !important;
    letter-spacing: 0 !important;
    font-weight: 800 !important;
}
.arlo-timezone select option{
    color: #FFF !important;
}

.backtotop{
    display: block !important;
    text-align: center !important;
    margin: 20px 0 !important;
}
.backtotop a{
    display: block !important;
    text-align: center !important;
    padding: 20px 0 !important;
    border: 1px solid #ccc !important;
    color: #647260 !important;
}


nav#coursepicker ul {
    list-style: none !important;
    padding: 0 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

nav#coursepicker ul li {
    display: inline-grid !important;
    margin: 7px 15px !important;
}

nav#coursepicker ul li a {
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #333 !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
    transition: background-color 0.3s ease !important;
    border: 1px solid #ccc !important;
}

nav#coursepicker ul li a:hover {
    background-color: #647260 !important;
    color: #FFF !important;
}

::selection {
    background-color: #ffcc00 !important; /* Change this to your desired highlight color */
    color: #000000 !important; /* Change this to the color of the selected text */
}