/* ==========================================================================
   Core Dynexiz - Content Styles
   ========================================================================== */

.page-content{
    max-width:100%;
    color:#334155;
    font-size:18px;
    line-height:1.8;
    word-wrap:break-word;
}

/* Headings */

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6{
    color:#0f172a;
    font-weight:700;
    line-height:1.2;
    margin-top:2rem;
    margin-bottom:1rem;
}

.page-content h1{
    font-size:3rem;
}

.page-content h2{
    font-size:2.25rem;
}

.page-content h3{
    font-size:1.875rem;
}

.page-content h4{
    font-size:1.5rem;
}

.page-content h5{
    font-size:1.25rem;
}

.page-content h6{
    font-size:1.125rem;
}

/* Paragraph */

.page-content p{
    margin-bottom:1.5rem;
}

/* Links */

.page-content a{
    color:#10b981;
    text-decoration:none;
    transition:.3s;
}

.page-content a:hover{
    color:#059669;
    text-decoration:underline;
}

/* Lists */

.page-content ul,
.page-content ol{
    margin:1.5rem 0;
    padding-left:2rem;
}

.page-content ul{
    list-style:disc;
}

.page-content ol{
    list-style:decimal;
}

.page-content li{
    margin:.5rem 0;
}

/* Nested List */

.page-content ul ul,
.page-content ol ol,
.page-content ul ol,
.page-content ol ul{
    margin:.5rem 0;
}

/* Blockquote */

.page-content blockquote{
    border-left:5px solid #10b981;
    background:#f8fafc;
    padding:1.5rem;
    margin:2rem 0;
    border-radius:.75rem;
    font-style:italic;
    color:#475569;
}

/* Images */

.page-content img{
    max-width:100%;
    height:auto;
    border-radius:1rem;
    margin:2rem auto;
    display:block;
}

/* Figure */

.page-content figure{
    margin:2rem 0;
}

.page-content figcaption{
    text-align:center;
    font-size:.875rem;
    color:#64748b;
    margin-top:.5rem;
}

/* Tables */

.page-content table{
    width:100%;
    border-collapse:collapse;
    margin:2rem 0;
}

.page-content table th{
    background:#0f172a;
    color:#fff;
    padding:1rem;
    text-align:left;
}

.page-content table td{
    border:1px solid #e2e8f0;
    padding:1rem;
}

.page-content table tr:nth-child(even){
    background:#f8fafc;
}

/* Code */

.page-content code{
    background:#f1f5f9;
    padding:.15rem .4rem;
    border-radius:.375rem;
    font-size:.9rem;
    color:#be123c;
}

.page-content pre{
    background:#0f172a;
    color:#fff;
    padding:1.5rem;
    border-radius:1rem;
    overflow:auto;
    margin:2rem 0;
}

.page-content pre code{
    background:none;
    color:inherit;
    padding:0;
}

/* Horizontal Rule */

.page-content hr{
    border:none;
    border-top:1px solid #e2e8f0;
    margin:3rem 0;
}

/* Buttons */

.page-content .button,
.page-content .btn{
    display:inline-block;
    background:#10b981;
    color:#fff;
    padding:.85rem 1.5rem;
    border-radius:.75rem;
    text-decoration:none;
    transition:.3s;
}

.page-content .button:hover,
.page-content .btn:hover{
    background:#059669;
}

/* Forms */

.page-content input,
.page-content textarea,
.page-content select{
    width:100%;
    border:1px solid #cbd5e1;
    border-radius:.75rem;
    padding:.85rem 1rem;
    margin-bottom:1rem;
    font-size:1rem;
}

.page-content input:focus,
.page-content textarea:focus,
.page-content select:focus{
    outline:none;
    border-color:#10b981;
    box-shadow:0 0 0 3px rgba(16,185,129,.2);
}

/* iframe */

.page-content iframe{
    width:100%;
    min-height:450px;
    border:none;
    border-radius:1rem;
    margin:2rem 0;
}

/* Video */

.page-content video{
    width:100%;
    border-radius:1rem;
}

/* Strong */

.page-content strong{
    color:#0f172a;
}

/* Mark */

.page-content mark{
    background:#fde68a;
}

/* Selection */

.page-content ::selection{
    background:#10b981;
    color:#fff;
}

/* Responsive */

@media(max-width:768px){

    .page-content{
        font-size:16px;
    }

    .page-content h1{
        font-size:2.25rem;
    }

    .page-content h2{
        font-size:1.875rem;
    }

    .page-content h3{
        font-size:1.5rem;
    }

    .page-content h4{
        font-size:1.25rem;
    }

}