/*
    HEADER GEN: https://patorjk.com/software/taag/#p=display&v=0&f=Big&t=WEATHER
*/


body,
html {
    margin: 0;
    padding: 0;
}

/*
  _____       _______ ______            _   _ _____    _______ _____ __  __ ______ 
 |  __ \   /\|__   __|  ____|     /\   | \ | |  __ \  |__   __|_   _|  \/  |  ____|
 | |  | | /  \  | |  | |__       /  \  |  \| | |  | |    | |    | | | \  / | |__   
 | |  | |/ /\ \ | |  |  __|     / /\ \ | . ` | |  | |    | |    | | | |\/| |  __|  
 | |__| / ____ \| |  | |____   / ____ \| |\  | |__| |    | |   _| |_| |  | | |____ 
 |_____/_/    \_\_|  |______| /_/    \_\_| \_|_____/     |_|  |_____|_|  |_|______|
*/


#currentTime {
    font-size: 17em;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 0;
}

#currentDateContainer {
    font-size: 4em;
    line-height: 1;
    margin-top: 0;
    padding-top: 0;
}

#currentDateWeeknumberContainer {
    opacity: 0.25;
}

#currentDateWeekDay {
    color: #336CA4;
}

.worldClocksContainer {
    margin-top: 15px;
    font-size: 0.8em;
}

/*
 __          ______  _____  _      _____       _____ _      ____   _____ _  __
 \ \        / / __ \|  __ \| |    |  __ \     / ____| |    / __ \ / ____| |/ /
  \ \  /\  / / |  | | |__) | |    | |  | |   | |    | |   | |  | | |    | ' / 
   \ \/  \/ /| |  | |  _  /| |    | |  | |   | |    | |   | |  | | |    |  <  
    \  /\  / | |__| | | \ \| |____| |__| |   | |____| |___| |__| | |____| . \ 
     \/  \/   \____/|_|  \_\______|_____/     \_____|______\____/ \_____|_|\_\                                                                                                                                                       
*/

.worldClock {
    margin-top: 10px;
    font-size: 2em;
}

.worldClockTitle {
    opacity: 0.3;
}

.worldClockCurrentTime {
    opacity: 0.5;
}

/*
  ______     _ _  _____      _                _            
 |  ____|   | | |/ ____|    | |              | |           
 | |__ _   _| | | |     __ _| | ___ _ __   __| | __ _ _ __ 
 |  __| | | | | | |    / _` | |/ _ \ '_ \ / _` |/ _` | '__|
 | |  | |_| | | | |___| (_| | |  __/ | | | (_| | (_| | |   
 |_|   \__,_|_|_|\_____\__,_|_|\___|_| |_|\__,_|\__,_|_|   
*/

#todayCalendar .fc .fc-event-main {
    font-weight: bold;
}

#todayCalendar .fc-col-header {
    display: none;
}

.fc-day-today,
.fc-timegrid-col-today {
    background-color: transparent !important;
}


.fc .fc-scrollgrid {
    border: none !important;
}

.fc-timegrid-divider {
    display: none;
}

table.fc {
    border: none !important;
    border-collapse: collapse;
}

table.fc-scrollgrid th {
    border: 1px solid #222529 !important;
}

table.fc-scrollgrid td {
    border: 1px solid #444 !important;
}

/* Custom style for past events */
.fc-event-past {
    opacity: 0.50;
    /* Set opacity to 50% */
}

    /* Ensure the font color for the event title and time is black */
    .fc-event-past .fc-event-title,
    /* For event title */
    .fc-event-past .fc-event-time,
    /* For event time */
    .fc-event-past {
        font-weight: normal;
    }

/* Style for Saturdays with black background at 10% opacity */
.fc-day-sat {
    background-color: rgba(0, 0, 0, 0.2); /* Black with 10% opacity */
}

/* Style for Sundays with black background at 10% opacity */
.fc-day-sun {
    background-color: rgba(0, 0, 0, 0.2); /* Black with 10% opacity */
}

.fc-timegrid-axis-cushion {
    display: none;
    /* Hide the "all-day" label */
}

.fc-timegrid-axis {
    
}
/* Style for the header cells (day and date) */
.fc .fc-col-header-cell {
    background-color: rgba(34, 37, 41, 0.9); /* Black with 10% opacity */
    color: white; /* Optional: Change the text color to white */
    text-align: left;
    padding: 2px;
}

    .fc .fc-col-header-cell a {
        color: white;
        font-weight: normal;
        text-decoration: none;
    }

.fc-widget-header {
    background-color: blue;
}

#nextFiveDaysCalendar {
    opacity: 100%;
}

    #nextFiveDaysCalendar .fc-col-header {
        background-color: rgba(0, 0, 0, 0.2); /* Black with 20% opacity */
    }

/* TimeGrid view: vertical line */
.fc-timegrid-now-indicator-arrow,
.fc-timegrid-now-indicator-line {
    border-color: yellow !important; /* ← your desired color */
}

/* Optional: make the line thicker */
.fc-timegrid-now-indicator-line {
    border-top-width: 4px !important;
}

/* Event location styling */
.fc-event-location {
    font-size: 0.85em;
    opacity: 0.8;
    margin-top: 2px;
    font-weight: normal;
}

/*
  _______        _____ _  __ _____ 
 |__   __|/\    / ____| |/ // ____|
    | |  /  \  | (___ | ' /| (___  
    | | / /\ \  \___ \|  <  \___ \ 
    | |/ ____ \ ____) | . \ ____) |
    |_/_/    \_\_____/|_|\_\_____/ 
*/

/* Task container styling */
.task-container {
    margin-bottom: 10px;
    /* Space between tasks */
    border-bottom: 1px solid #3f3f3f;
    padding-bottom: 10px;
    /* Adjust as necessary */
}


/* Flexbox layout for task row */
.task-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 2px 0;
}

/* Indicator column (left) */
.task-indicator {
    flex: 0 0 25px;
    /* Example width of the indicator */
}

/* Placeholder with same size as task-indicator */
.task-indicator-placeholder {
    flex: 0 0 25px;
    /* Same width as task-indicator for alignment */
}

/* Task content (middle column) */
.task-content {
    flex: 1;
    /* Take up remaining space */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Task project details (right column) */
.task-project {
    flex: 0 0 auto;
    /* Fixed width for project info */
    text-align: right;
}

/* Task details aligned with task content */
.task-details {
    flex: 1;
    /* Take up remaining space, aligns with task-content */
    padding-left: 0px;
    margin-top: -5px;
    /* Adjust spacing between content and details */
}

/* Optional placeholder for the project section, to maintain structure */
.task-project-placeholder {
    flex: 0 0 auto;
}


/*
 __          ________       _______ _    _ ______ _____  
 \ \        / /  ____|   /\|__   __| |  | |  ____|  __ \ 
  \ \  /\  / /| |__     /  \  | |  | |__| | |__  | |__) |
   \ \/  \/ / |  __|   / /\ \ | |  |  __  |  __| |  _  / 
    \  /\  /  | |____ / ____ \| |  | |  | | |____| | \ \ 
     \/  \/   |______/_/    \_\_|  |_|  |_|______|_|  \_\
*/

/*
.weather-widget {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 10px;
}

    .weather-widget i {
        font-size: 50px;
        color: #dddddd;
        margin-right: 10px;
    }

    .weather-widget p {
        margin: 0;
    }
*/