/*
Theme Name: Pena Mechanical
Author URI: https://www.codechameleon.com/
Description: Theme developed for Pena Mechanical
Version: 1.0
Text Domain: pena
*/

.ui-datepicker-month,.ui-datepicker-year{
    color:black;
}

.wp-content img.alignnone{
    clear: both;
    display: block;
    margin-bottom:1rem;
}
.wp-content figure.alignleft{
    margin: 1rem 1rem 1rem 0;
}
.wp-content figure.alignright{
    margin: 1rem 0 1rem 1rem;
}
.wp-content figure.alignnone{
    margin: 1rem 0;
}
.wp-content figure.aligncenter img, .wp-content figure.aligncenter, .wp-content img.aligncenter{
    display: block;
    margin: 0 auto;
    padding: 1rem 0;
}
.wp-content figure.aligncenter figcaption{
    text-align:center;
}
@media (min-width: 52rem) {
    .wp-content figure.alignleft, .wp-content img.alignleft{
        padding-bottom: 1rem;
        padding-right: 1rem;
        float: left;
        max-width:50%;
    }
    .wp-content figure.alignright, .wp-content img.alignright{
        padding-bottom: 1rem;
        padding-left: 1rem;
        float: right;
        max-width:50%;
    }
    .wp-content figure.alignnone, .wp-content img.aligncenter, .wp-content figure.alignright img, .wp-content figure.alignleft img, .wp-content figure.alignnone img{
        padding-bottom: 1rem;
    }
}
@media (max-width: 52rem) {
    .wp-content figure.alignleft, .wp-content img.alignleft{
        max-width:40%;
        padding-bottom: 1rem;
        padding-right: 1rem;
        float: left;
    }
    .wp-content figure.alignright, .wp-content img.alignright{
        max-width:40%;
        padding-bottom: 1rem;
        padding-left: 1rem;
        float: right;
    }
    .wp-content figure.alignnone, .wp-content img.aligncenter, .wp-content figure.alignright img, .wp-content figure.alignleft img, .wp-content figure.alignnone img{
        padding-bottom: 1rem;
    }
}
@media (max-width: 40rem) {
    .wp-content figure.alignleft, .wp-content img.alignleft{
        display:block;
        max-width:100%;
        margin-bottom:1rem;
        padding:0;
    }
    .wp-content figure.alignright, .wp-content img.alignright{
        display:block;
        max-width:100%;
        margin-bottom:1rem;
        padding:0;
    }
    .wp-content figure.aligncenter, .wp-content img.aligncenter{
        display: block;
        max-width:100%;
        margin-bottom:1rem;
    }
    .wp-content figure, .wp-content img{
        display: block;
        max-width:100%;
    }
}

.transcript-container {
    max-height: 300px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px;
    background-color: #f9f9f9;
}

.wp-content p{
    margin: 1rem 0;
    font-size: 1.2rem;
}

.wp-content ul {
    font-size: 1.2rem;
}

.wp-content li {
    list-style: disc;
    margin-left: 2rem;
}

iframe {
    max-width: 100%;
}