/* ==========================================
Gutenberg Gallery
========================================== */

.mns-single-article .wp-block-gallery{
    margin:40px 0;
    gap:16px;
}

.mns-single-article .wp-block-gallery.is-layout-flex{
	display:flex;
}

.mns-single-article .wp-block-gallery.has-nested-images{
    gap:16px;
}

.mns-single-article .wp-block-gallery .wp-block-image{
    margin:0;
}

.mns-single-article .wp-block-gallery.is-layout-flex > figure.wp-block-image{
	align-self:flex-start;
}

.mns-single-article .wp-block-gallery img{
	display:block;
	width:100%;
	height:auto;
	object-fit:initial;
	border-radius:16px;
	transition:
    	transform .25s,
    	box-shadow .25s;
}

.mns-single-article .wp-block-gallery img:hover{
    transform:scale(1.02);

    box-shadow:0 12px 28px rgba(15,23,42,.12);

    cursor:zoom-in;
}

.mns-single-article .wp-block-gallery figcaption{
    padding:12px;

    font-size:14px;
    line-height:1.6;

    color:var(--mns-text-light);

    background:rgba(255,255,255,.9);
}

/* ==========================================
Gutenberg Image
========================================== */

.mns-single-article .wp-block-image img{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    border-radius:16px;
    box-shadow:0 10px 28px rgba(15,23,42,.08);
}

.mns-single-article .wp-block-image figcaption{
    margin-top:12px;
    text-align:center;
    font-size:14px;
    line-height:1.6;
    color:var(--mns-text-light);
}

@media (max-width:767px){
    .mns-single-article figure.wp-block-image.size-large img{
        width:100%;
        max-width:100%;
    }
}

.mns-single-article figure.wp-block-image.size-thumbnail,
.mns-single-article figure.wp-block-image.size-medium{
    width:min-content;
}

.mns-single-article figure.wp-block-image.size-large{
    width:100%;
}


/* ==========================================
Gutenberg Columns
========================================== */

.mns-single-article .wp-block-columns{
    margin:40px 0;
    gap:32px;
}

.mns-single-article .wp-block-column > *:first-child{
    margin-top:0;
}

.mns-single-article .wp-block-column > *:last-child{
    margin-bottom:0;
}

.mns-single-article .wp-block-column img{
    width:100%;
    height:auto;
    border-radius:16px;
}

@media (max-width:781px){

    .mns-single-article .wp-block-columns{
        gap:24px;
    }

    .mns-single-article .wp-block-column{
        margin-bottom:0;
    }

}

/* ==========================================
Gutenberg Buttons
========================================== */

.mns-single-article .wp-block-buttons{
    margin:40px 0;
    gap:16px;
}

.mns-single-article .wp-block-button__link{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:52px;
    padding:14px 28px;

    border-radius:999px;

    background:var(--mns-primary);
    color:#fff;

    font-size:15px;
    font-weight:600;
    text-decoration:none;

    transition:
        background .25s,
        transform .25s,
        box-shadow .25s;
}

.mns-single-article .wp-block-button__link:hover{
    transform:translateY(-2px);

    box-shadow:0 10px 24px rgba(15,23,42,.12);

    text-decoration:none;
}

.mns-single-article
.is-style-outline
.wp-block-button__link{

    background:transparent;
    color:var(--mns-primary);

    border:2px solid var(--mns-primary);
}

.mns-single-article
.is-style-outline
.wp-block-button__link:hover{

    background:var(--mns-primary);
    color:#fff;
}

@media (max-width:767px){

    .mns-single-article .wp-block-buttons{
        flex-direction:column;
    }

    .mns-single-article .wp-block-button{
        width:100%;
    }

    .mns-single-article .wp-block-button__link{
        width:100%;
    }

}

/* ==========================
   Gutenberg - Separator
========================== */

.mns-single-article .wp-block-separator{
    margin:48px auto;
    border:none;
    border-top:2px solid #dbe4ee;
    opacity:1;
    max-width:120px;
}

.mns-single-article .wp-block-separator.is-style-wide{
    max-width:100%;
}

.mns-single-article .wp-block-separator:not(.is-style-dots){
    border-top:2px solid #dbe4ee;
}

.mns-single-article .wp-block-separator.is-style-dots{
    margin-top:24px;
    margin-bottom:24px;
}

.mns-single-article .wp-block-separator.is-style-dots::before{
    letter-spacing:6px;
}

/* ==========================================
Gutenberg - File
========================================== */

.mns-single-article .wp-block-file{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
}

@media (max-width:767px){

    .mns-single-article .wp-block-file{
        display:block;
    }

    .mns-single-article .wp-block-file > a:not(.wp-block-file__button){
        display:block;
        margin-bottom:8px;
    }

    .mns-single-article .wp-block-file > a.wp-block-file__button{
        display:inline-flex;
        margin:0;
    }
}

/* ==========================================
Gutenberg Quote
========================================== */

.mns-single-article .wp-block-quote{
    margin:40px 0;
    padding:28px 32px;

    border-left:5px solid var(--mns-primary);
    border-radius:16px;

    background:#f8fafc;
}

.mns-single-article .wp-block-quote p{
    margin-bottom:16px;

    font-size:20px;
    line-height:1.8;

    font-style:italic;
}

.mns-single-article .wp-block-quote cite{
    display:block;

    font-size:15px;
    font-style:normal;
    font-weight:600;

    color:var(--mns-text-light);
}

.mns-single-article .wp-block-quote.is-style-large{
    padding:40px;
}

.mns-single-article .wp-block-quote.is-style-large p{
    font-size:28px;
    line-height:1.6;
}

/* ==========================================
Gutenberg Pullquote
========================================== */

.mns-single-article .wp-block-pullquote{
    margin:48px 0;
    padding:40px 32px;

    border-top:4px solid var(--mns-primary);
    border-bottom:4px solid var(--mns-primary);

    background:#fff;

    text-align:center;
}

.mns-single-article .wp-block-pullquote blockquote{
    margin:0;
    padding:0;
    border:none;
    background:none;
}

.mns-single-article .wp-block-pullquote p{
    margin:0;

    font-size:30px;
    font-weight:700;
    line-height:1.5;
}

.mns-single-article .wp-block-pullquote cite{
    display:block;

    margin-top:20px;

    font-size:15px;
    font-style:normal;

    color:var(--mns-text-light);
}

@media (max-width:767px){

    .mns-single-article .wp-block-quote{
        padding:24px;
    }

    .mns-single-article .wp-block-quote p{
        font-size:18px;
    }

    .mns-single-article .wp-block-pullquote{
        padding:32px 24px;
    }

    .mns-single-article .wp-block-pullquote p{
        font-size:24px;
    }

}

/* ==========================================
Gutenberg Embed
========================================== */

.mns-single-article .wp-block-embed{
    margin:40px 0;
}

.mns-single-article .wp-block-embed iframe{
    display:block;
    width:100%;

    border:none;
    border-radius:16px;

    box-shadow:0 10px 28px rgba(15,23,42,.08);
}

.mns-single-article .wp-block-embed__wrapper{
    overflow:hidden;
    border-radius:16px;
}

.mns-single-article .wp-block-embed figcaption{
    margin-top:12px;

    text-align:center;

    font-size:14px;
    line-height:1.6;

    color:var(--mns-text-light);
}

/* ==========================
   Gutenberg - Table
========================== */

.mns-single-article .wp-block-table {
    margin: 40px 0;
    border-radius: 16px;
  	overflow: visible;
}

.mns-single-article .wp-block-table .mns-table-scroll{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
}

.mns-single-article .wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
  	table-layout:auto;
}

.mns-single-article .wp-block-table th,
.mns-single-article .wp-block-table td{
    padding:18px 22px;
    border:1px solid #e6eaf0;
    text-align:center;

    word-break:normal;
    overflow-wrap:break-word;
}

.mns-single-article .wp-block-table th{
    font-weight:700;
}

.mns-single-article .wp-block-table figcaption{
    margin-top:16px;
    text-align:center;
    font-style:italic;
    color:var(--mns-text-light);
}

@media (max-width:767px){

    .mns-single-article .wp-block-table th,
    .mns-single-article .wp-block-table td{
        padding:10px 8px;
        font-size:14px;
    }

}

/* ==========================
   Gutenberg - Lists
========================== */

.mns-single-article .wp-block-list{
    margin: 32px 0;
    padding-left: 28px;
}

.mns-single-article ul.wp-block-list{
    list-style-type: disc;
    list-style-position: outside;
}

.mns-single-article ol.wp-block-list{
    list-style-type: decimal;
    list-style-position: outside;
}

.mns-single-article .wp-block-list li{
    margin-bottom: 12px;
    line-height: 1.8;
}

.mns-single-article .wp-block-list li:last-child{
    margin-bottom: 0;
}

.mns-single-article .wp-block-list .wp-block-list{
    margin-top: 12px;
    margin-bottom: 0;
    padding-left: 24px;
}

.mns-single-article ul.wp-block-list ul.wp-block-list{
    list-style-type: circle;
}

.mns-single-article ul.wp-block-list ul.wp-block-list ul.wp-block-list{
    list-style-type: square;
}

@media (max-width:767px){

    .mns-single-article .wp-block-list{
        margin: 24px 0;
        padding-left: 22px;
    }

    .mns-single-article .wp-block-list li{
        margin-bottom: 10px;
        line-height: 1.7;
    }

}

/* ==========================
   Gutenberg - Code
========================== */

.mns-single-article .wp-block-code{
    margin:40px 0;
    padding:24px;
    background:#1f2937;
    color:#f8fafc;
    border-radius:16px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

.mns-single-article .wp-block-code code{
    font-family:Consolas, Monaco, monospace;
    font-size:15px;
    line-height:1.7;
    white-space:pre;
}

/* ==========================
   Gutenberg - Preformatted
========================== */

.mns-single-article pre.wp-block-preformatted{
    margin:40px 0;
    padding:24px;
    background:#f8fafc;
    color:var(--mns-text-color);
    border:1px solid #e5e7eb;
    border-radius:16px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;

    white-space:pre-wrap;
    word-break:break-word;

    font-family:ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        "Liberation Mono",
        monospace;
    font-size:15px;
    line-height:1.7;
}

/* ==========================
Gutenberg - Highlight
========================== */

.mns-single-article mark{
    background:#fff3bf;
    color:inherit;

    padding:2px 6px;
    border-radius:4px;
}

/* ==========================
Gutenberg - Drop Cap
========================== */

@media (max-width:767px){

.mns-single-article .has-drop-cap:not(:focus)::first-letter{
    font-size:4.2em;
    margin:.05em .12em 0 0;
}
  
/* ==========================================
Gutenberg - Cover
========================================== */

@media (max-width:767px){

    .mns-single-article .wp-block-cover
    .wp-block-cover__inner-container
    h1.has-large-font-size{
        font-size:26px !important;
        line-height:1.2 !important;
    }

    .mns-single-article .wp-block-cover
    .wp-block-cover__inner-container
    h2.wp-block-heading{
        font-size:23px !important;
        line-height:1.25 !important;
    }

}
  
@media (max-width:767px){

    .mns-single-article .wp-block-cover__inner-container{
        width:100%;
        padding:24px 20px;
        box-sizing:border-box;
    }

    .mns-single-article .wp-block-cover
    .wp-block-cover__inner-container p{
        font-size:17px !important;
        line-height:1.55 !important;
    }

}

/* ==========================================
Responsive
========================================== */

@media (max-width:767px){

    .mns-single-article .wp-block-image.is-resized img{
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
    }

}