
.categories-news{
    border-top: 1px solid #e0e0e8;
    margin: auto 15px;

    .categories-title{
        font-size: 18px;
            line-height: 1.2;
            font-family: Merriweather, serif;
            color: #15c1c6;
            font-weight: 700;
            margin-bottom: 18px;
            
    }
    .categories-ul{
        font-family: Merriweather, serif;
        font-style: italic;
        font-weight: 400;
        list-style: none;
        padding: 0;
        font-size: 16px;
        line-height: 1.4375;
        letter-spacing: 0px;
        text-align: left;
    }
    .categories-li{
        margin-top: 12.8px;
        a{
            text-decoration: none;
            color: #15c1c6;
        }
        a:hover{
            color: #333333;
            transition: 0.3s;
        }
    }

    // Recent com

    .recent-com-ul{
        list-style: none;
        padding: 0;
        .recent-com-li{
            display: flex;
            flex-direction: column;
            margin-top: 35.2px;
            .admin-on{
                color: #777777;
                font-family: Merriweather, serif;
                font-style: italic;
                font-weight: 400;
                text-transform: lowercase;
                font-size: 16px;
                line-height: 1.4375;
                letter-spacing: 0px;
            }
            a{
                text-decoration: none;
                color: #333333;
                font-size: 1.125rem;
                line-height: 1.333;
                font-style: normal;
                font-weight: 500;
                font-family: Merriweather, serif;
            }
            a:hover{
                color: #15c1c6;
                transition: 0.3s;
            }
        }
    }

    // Tags
    .tag-container{
        display: block;
        a{
            margin:0 18px 12px 0;
            text-decoration: none;
            font-size: 16px;
            line-height: 1.4375;
            font-family: Merriweather, serif;
            font-style: italic;
            font-weight: 400;
            letter-spacing: 0px;
            text-align: left;
            color: #777777;
        }
        a:hover{
            color: #15c1c6;
            transition: 0.3s;
        }
    }

    //Archives

    .archives-container{



        #archives-select{
            background-color: #f6f6f6;
            font-family: Merriweather, serif;
            font-style: italic;
            font-weight: 400;
            border: 0px;
            color: #777777;
            width: 100%;
            padding: 17px 56px 16px 20px;
            cursor: pointer;
        }
        #archives-select:hover{
            background-color: rgb(237, 237, 237);
            transition: 0.3s;
        }
    }

    // Calendar

    .calendar{
        text-align: center;
        border-left: 1px solid #e0e0e8;
        border-right: 1px solid #e0e0e8;
        border-bottom: 1px solid #e0e0e8;
        padding-left: 19px;
        padding-right: 19px;

        .caption{
            text-align: center;
            color: #ffffff;
            background-color: #15c1c6;
            margin-bottom: .9em;
            margin-left: -20px;
            margin-right: -20px;
            padding: .7em .5em;
            text-transform: uppercase;
            letter-spacing: .05em;
            font-size: 1rem;
            font-style: normal;
            font-weight: 700;
            font-family: Merriweather, serif;
        }

        thead{
            text-align: center;
            th{
                color: #233457;
                font-size: .75rem;
                width: 14.22%;
                padding: 7px 2px;
                text-align: center;
                font-weight: 500;
                font-family: Merriweather, serif;
            }
        }
        tfoot{
            border-top: 1px solid #e0e0e8;
            #month-name-table{
                font-size: .8125rem;
                text-transform: uppercase;
                font-family: Merriweather, serif;
                cursor: pointer;
                font-weight: 700;
                color: #777777;
            padding: 10px 0 15px 0;

            }
            #month-name-table:hover {    
                transition: 0.3s;
                color: black;
            }
        }


        tr{
            padding-left: 19px;
            padding-right: 19px;
        }
        .last-row{
            padding-bottom: 20px;
        }

        td{
            font-size: .80rem;
            padding: 7px 2px;
            width: 14.22%;
            font-family: MerriweatherSans, sans-serif;
        }

    }
}

@media only screen and (min-width:768px) {
    .categories-news{
        margin-right: 60px;
        margin-left: 60px;

    }
}

@media only screen and (min-width:992px) {
    .categories-news{
        .categories-title {
            font-size: 25px;
        }
    }
}
