/**
 * Default styles for Page-content part.
 * Compatible to both : WYSIWYG and Gutenberg
 */

.page-content{
    font-size: var(--fntsize-pgcontent);
}

.page-content>:first-child {
    margin-top: 0;
}
.page-content>:last-child {
    margin-bottom: 0;
}
.page-content:after{
    content:'';
    display: table;
    clear: both;
}

.page-content a {
    color:var(--color-link);
}
.page-content a:hover {
    color:var(--color-link-hover);
}

.alignnone,
.aligncenter{
    display: block;
}
.alignleft{
    float:left;
}
.alignright{
    float:right;
}
.aligncenter {
    margin-left:auto;
    margin-right:auto;
}

@media screen and (min-width: 576px){
    .alignleft,
    .alignright{
        max-width: 50%;
        margin-top: 0;
        margin-bottom: 1em;
    }
    .alignleft{
        margin-right:1em;
    }
    .alignright{
        margin-left:1em;
    }
}
@media screen and (max-width: 575px){
    .alignleft,
    .alignright{
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

/*
 * Contests:
 ** <p>
 ** <h1>-<h6>
 ** <blockquote>
 ** <img>
 ** <iframe>
 ** <ul>-<ol>
 ** <table>
*/

/** <p> */
.page-content p{
    margin-top: 0;
    margin-bottom: 1em;
}

/* <h1>-<h6> */

.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
    font-family: var(--fntfamily-title);
    font-weight:var(--fntweight-title);
    color:var(--color-title);
    line-height:1.1;
    margin-top:1.5em;
    margin-bottom: .83em;
}
.page-content h1{
    font-size: 2.25em;
}
.page-content h2{
    font-size: 1.875em;
}
.page-content h3{
    font-size: 1.5em;
}
.page-content h4{
    font-size: 1.25em;
}
.page-content h5,
.page-content h6{
    font-size:1.125em;
}

/* <blockquote> */

.page-content blockquote{
    padding: 1.875rem;
    margin-top:var(--margin-gtnblock);
    margin-bottom:var(--margin-gtnblock);
    background:var(--color-emphasize);
    border-width: 0 0 0 3px;
    border-style: solid;
    border-color: inherit;
    border-radius:3px;
    display:block;
}
.page-content blockquote>:last-child{
    margin-bottom: 0;
}
@media screen and (max-width: 768px){
    .page-content blockquote{
        padding: .5em 1em;
    }
}

/* <img> */

.wp-caption{
    max-width: 100%;
}
.wp-caption img{
    display: block;
    width:100%;
}
p.wp-caption-text{
    font-size: .875em;
    color: var(--color-underemphasize);
    text-align: center;
    margin-top: .5em;
    margin-bottom: 0;
}

/* <iframe> */

.page-content iframe{
    margin-top: var(--margin-gtnblock);
    margin-bottom: var(--margin-gtnblock);
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 992px){
    .page-content iframe{
        width: 100%;
        height: 450px;
    }
}

/* <ul>-<ol> */
.page-content ul{
    list-style-type: disc;
}
.page-content ul ul{
    list-style-type: circle;
}
.page-content ul,
.page-content ol{
    margin-top: var(--margin-gtnblock);
    margin-bottom: var(--margin-gtnblock);
    padding-left: 22px;
}
.page-content ul ul,
.page-content ol ol{
    margin-top:.5em;
    margin-bottom:.5em;
}
.page-content ul li,
.page-content ol li{
    margin-bottom: .3em;
    padding: 0;
}

/* <table> */

.page-content table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-top:var(--margin-gtnblock);
    margin-bottom:var(--margin-gtnblock);
    border: 1px solid var(--color-separator);
}
.page-content th,
.page-content td{
    border: 1px solid var(--color-separator);
}
.page-content th{
    border-bottom-width: 2px;
    padding: 0.5em;
}
.page-content th{
    text-align: center;
}
.page-content td{
    padding: 0.4em;
    text-align: left;
}
.page-content tfoot td{
    text-align: center;
    border-top-width: 2px;
}