/*
Theme Name: STPL
Description: A modern WordPress theme for business and portfolio websites
Author: STPL Team
Version: 1.0.2.15
Text Domain: stpl
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, portfolio, business, responsive, custom-menu, featured-images
*/


.section-s2 { width: 100%; position: relative; }
@media (min-width: 992px) {
    .s2-col-img { flex: 0 0 40% !important; max-width: 40% !important; }
    .s2-col-text { flex: 0 0 60% !important; max-width: 60% !important; margin-left: -5% !important; }
}
@media (max-width: 991.98px) {
    .section-s2 .container-fluid { padding-left: 0 !important; padding-right: 0 !important; }
    .section-s2 .row.align-items-center { display: flex; flex-direction: column; align-items: center; }
    .section-s2 .s2-col-img, .section-s2 .s2-col-text { flex: 0 0 100% !important; max-width: 100% !important; margin-left: 0 !important; }
    .section-s2 .s2-col-img { margin-bottom: 1rem; }
    .section-s2 .s2-text { text-align: center; }
    .section-s2 .s2-text .d-flex { justify-content: center; }
    .section-s2 .s2-text .btn { margin-left: auto; margin-right: auto; display: inline-block; }
}
.section-s2 .s2-text { background-color: #fd7e14; color: #ffffff; position: relative; z-index: 2; }
.section-s2 .s2-col-img img { position: relative; z-index: 1; }
.section-s2 .s2-text .text-white-50 { color: rgba(255,255,255,0.9) !important; }
.section-s2 .s2-text .btn-outline-light { border-color: rgba(255,255,255,0.85); color: #ffffff; }

/* Slider description wrap fix */
.tp-wrap-desc { white-space: normal !important; word-break: break-word; overflow-wrap: break-word; }
@media (max-width: 991.98px) {
    .tp-wrap-desc { text-align: center !important; max-width: 320px !important; margin-left: auto !important; margin-right: auto !important; }
}

/* Fix for WordPress editor content - restore list styling */
.content-area ul {
    list-style: disc;
    padding-left: 40px;
    margin-bottom: 15px;
}

.content-area ol {
    list-style: decimal;
    padding-left: 40px;
    margin-bottom: 15px;
}

.content-area ul li,
.content-area ol li {
    margin-bottom: 8px;
    list-style: inherit;
}

.content-area ul ul {
    list-style: circle;
    margin-top: 8px;
}

.content-area ul ul ul {
    list-style: square;
}

/* Additional WordPress editor content formatting */
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.content-area p {
    margin-bottom: 15px;
}

.content-area blockquote {
    padding: 15px 20px;
    margin: 20px 0;
    border-left: 4px solid #fd7e14;
    background-color: rgba(0,0,0,.03);
}

.content-area img {
    max-width: 100%;
    height: auto;
}

.content-area table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.content-area table td,
.content-area table th {
    padding: 10px;
    border: 1px solid #e5e5e5;
}