/*
Theme Name: Oston Code Cypher
Theme URI: https://ostoncodecypher.space
Author: Kasiita Timothy
Description: Custom Materialize WordPress Theme created by Kasiita Timothy
Version: 1.1
*/

body {
    background: #f5f5f5;
}

/* Example: reduce card title font size */
.card .card-title {
    font-size: 18px; /* adjust this value as needed */
    font-weight: 600;
}

.card .card-title:hover {
    text-decoration: underline;
    color:teal;
     cursor: pointer;
     
}

/* Flex alignment for icon + text */
.post-info .info-item {
    display: flex;
    align-items: center;       /* Vertically center icon and text */
    gap: 8px;                  /* Space between icon and text */
    margin: 5px 0;             /* Optional spacing between rows */
}

.post-info .info-item i.material-icons {
    /* font-size: 20px;           Adjust icon size */
    /* color: #555;               Optional icon color */
}


/* Recent Posts underline effect */
#recentPost ul li a {
    text-decoration: none;
    position: relative;
}

#recentPost ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: currentColor;
    transition: width 0.3s ease;
}

#recentPost ul li a:hover::after {
    width: 100%;
}

.main-content {
    margin-left: 200px; /* sidenav width */
    padding: 20px;
}

/* Pagination */

/* Center pagination container */
.pagination li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* Default pagination numbers */
.pagination li a,
.pagination li span {
    font-weight: 600;
     padding: 0 12px;
}

/* Active page style */
.pagination li.active {
    background-color: #26a69a; /* Materialize teal */
}

.pagination li.active a,
.pagination li.active span {
    color: #ffffff !important;
    font-weight: bold;
    display: block;
    text-align: center;
}


/* end of pagination */

@media(max-width: 992px){
    .main-content {
        margin-left: 0;
    }
}


/* Default desktop */
.homelogo {
    font-size: 2rem;
    white-space: nowrap;
}

/* Tablet */
@media (max-width: 992px) {
    .homelogo {
        font-size: 1.6rem;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .homelogo {
        position: static !important;   /* remove absolute centering */
        transform: none !important;    /* reset materialize transform */
        display: block;
        text-align: center;
        font-size: 1.2rem;
        padding: 0 50px;               /* prevent touching hamburger */
    }
}