/*
Theme Base on: Twenty Fifteen
Description: Used to style blocks.
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General Block Styles
2.0 Blocks - Common Blocks
3.0 Ul - Styles
--------------------------------------------------------------*/


/*--------------------------------------------------------------
Prevent adjustments of font size after orientation changes in iOS.
--------------------------------------------------------------*/

body {
    -webkit-text-size-adjust: 100%;
}


/* Make sure embeds and iframes fit their containers. */

img,
embed,
iframe,
object,
video {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}


/* code -------------------------- */

code {
    font-size: 80%;
    color: inherit;
    padding: 4px 10px;
    word-break: break-word;
}

pre {
    padding: 24px;
    margin-bottom: 24px;
    display: block;
    overflow: auto;
    word-wrap: normal;
    overflow-wrap: normal;
}

code,
pre {
    background: var(--bg-light);
}

/* Table -------------------------- */

table {
    max-width: 100%;
    background-color: transparent;
}

th,
td {
    background: transparent;
    padding: 6px 12px;
    border: .0625rem solid var(--border-light);
    text-align: initial;
}

th {
    background: rgba(var(--bg-light), 0.05);
}

table caption {
    padding: 0 0 8px 0;
    width: auto;
}

/*--------------------------------------------------------------
1.0 General Block Styles
--------------------------------------------------------------*/


/* Captions */

[class^="wp-block-"] figcaption {
    font-size: 80%;
    text-align: center;
    margin: .25rem 0 1.5rem;
}


/* Alignments */

.aligncenter,
.aligncenter img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/* Left and right */

.alignleft,
.alignright {
    max-width: 50%;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

[class^="wp-block-"].alignleft,
[class^="wp-block-"] .alignleft {
    margin-right: 1rem;
    margin-top: 0;
}

[class^="wp-block-"].alignright,
[class^="wp-block-"] .alignright {
    margin-left: 1rem;
}

[class^="wp-block-"] .aligncenter figcaption,
[class^="wp-block-"].aligncenter figcaption {
    text-align: center;
}


/* Block Typography Classes ------------------ */

.has-text-align-left {
    /*rtl:ignore*/
    text-align: left;
}

.has-text-align-center {
    text-align: center;
}

.has-text-align-right {
    text-align: right;
}


/* Paragraph */

.has-drop-cap:not(:focus)::first-letter {
    font-size: 5.1em;
    font-weight: 800;
    margin: 0.05em 0.1em 0 0;
}

.has-drop-cap:not(:focus)::first-letter::after {
    content: "";
    display: table;
    clear: both;
}

.has-drop-cap:not(:focus)::after {
    padding: 0;
}


/*--------------------------------------------------------------
2.0 Blocks - Formatting
--------------------------------------------------------------*/

.wp-block-gallery,
.wp-block-buttons,
.wp-block-cover,
.wp-block-cover-image {
    margin-bottom: 1.5rem;
}


/* Gallery */

.wp-block-gallery {
    margin-bottom: 1.5rem;
}

.wp-block-gallery .blocks-gallery-grid {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: rgba(0, 0, 0, 0.2);
    padding: 5px;
}


/* Audio */

.wp-block-audio audio {
    display: block;
    width: 100%;
}


/* image */

.wp-block-image {
    max-width: 100%;
}

.wp-block-image .wp-caption {
    max-width: 100%;
}


/* Coprede */

.wp-block-verse {
    margin: 1.5rem 0;
    border-radius: var(--radius-xs, 0);
}


/* Quote */

.wp-block-quote {
    position: relative;
    font-size: inherit;
    padding: 1.25rem 1.5rem;
    margin: 1.5rem 0;
    border-radius: var(--radius-xs, 0);
    border: none;
    background-color: var(--bg-light, #f6f6f7);
}

@media (max-width: 767.98px) {
    .wp-block-quote {
        padding: 1rem 1.25rem;
        margin: 1.25rem 0;
    }
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    padding: 2.25rem;
    margin: 3rem 0;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
    text-align: center;
}

.wp-block-quote cite,
.wp-block-quote__citation {
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
}

.wp-block-quote em,
.wp-block-quote i {
    font-style: normal;
}

.wp-block-quote:before {
    content: "\201D";
    display: inline-block;
    font-size: 4em;
    font-weight: bold;
    line-height: 0;
    vertical-align: top;
    font-family: Georgia, Arial, sans-serif;
    position: absolute;
    right: 1rem;
    bottom: .5rem;
    opacity: .1;
}


/* Pullquote */

.wp-block-pullquote {
    border-top: 4px solid;
    border-bottom: 4px solid;
    margin-bottom: 1.5rem;
    padding: 2rem 0;
}

.wp-block-pullquote blockquote {
    position: relative;
    font-size: inherit;
    font-weight: 500;
    text-align: center;
    border: none;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
}

.wp-block-pullquote blockquote:not(.has-text-color) {
    color: inherit;
}

.wp-block-pullquote blockquote:before {
    content: "\201D";
    display: inline-block;
    font-size: 4.5em;
    font-weight: bold;
    line-height: 1;
    vertical-align: top;
    font-family: Georgia, Arial, sans-serif;
}

.wp-block-pullquote p {
    font-size: inherit;
}

.wp-block-pullquote.is-style-solid-color blockquote p {
    font-size: inherit;
}

.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
    font-size: .8125em;
    font-style: normal;
    font-weight: 400;
}

.wp-block-pullquote.has-background {
    padding: 3rem 2rem;
}

.wp-block-pullquote.is-style-solid-color {
    border: none;
}

.wp-block-pullquote.is-style-solid-color blockquote {
    max-width: none;
    text-align: center;
}


/* Button */

.wp-block-button__link {
    line-height: 1.2;
    background-color: var(--bg-dark, #1a1a1a);
}


/* Media & Text */

.wp-block-media-text *:last-child {
    margin-bottom: 0;
}


/* table */

.wp-block-table {
    margin: 0;
}

.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
    display: table;
    width: auto;
}

.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
    word-break: break-word;
}

.wp-block-table.is-style-stripes {
    border-spacing: 0;
    border-collapse: inherit;
    background-color: transparent;
    border-bottom: 1px solid var(--border-light, #eff3fa);
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--bg-light, #f6f6f7);
}

.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
    border-color: transparent;
}

.wp-block-table table[style*=border-style]>*,
.wp-block-table table[style*=border-style] td,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] tr {
    border-style: inherit;
}

.wp-block-table table[style*=border-width]>*,
.wp-block-table table[style*=border-width] td,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] tr {
    border-width: inherit;
}


/* Archives, Categories & Latest Posts */

.wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
    list-style-position: inside;
    text-align: center;
}


/* Latest Comments */

ol.wp-block-latest-comments {
    list-style: none !important;
    margin: 0 !important;
    padding: 1.5rem !important;
    border: 1px solid var(--border-light, #eff3fa);
    border-radius: var(--radius-sm, 0);
}

.wp-block-latest-comments__comment-excerpt p:last-child {
    margin-bottom: 0;
}

.wp-block-latest-comments__comment-date {
    margin-bottom: 1rem;
}

.wp-block-latest-comments .wp-block-latest-comments__comment {
    border-top: 1px solid var(--border-light, #eff3fa);
    margin: 1.5rem 0 0;
    padding: 1.5rem 0 0;
}

.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
    border-width: 0;
    margin: 0;
    padding: 0;
}


/* Block search */

.wp-block-search .wp-block-search__input {
    border: 2px solid var(--border-dark, #2b2a2a);
    max-width: inherit;
    padding: .5rem 1rem;
    margin-right: calc(-1 * 2px);
}

.wp-block-search .wp-block-search__input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

.wp-block-search button.wp-block-search__button {
    margin-left: 0;
    line-height: 1;
    color: #fff;
    background-color: var(--bg-dark, #2b2a2a);
    border-color: var(--bg-dark, #2b2a2a);
    padding: 0.375rem 1.5rem;
}

.wp-block-search__button {
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* Block tags */

.is-style-outline.wp-block-tag-cloud a {
    line-height: 1.2;
    padding: .375rem 1rem;
    border-radius: var(--radius-xs, 0);
}

.is-style-outline.wp-block-tag-cloud a,
.is-style-outline.wp-block-tag-cloud a:hover,
.is-style-outline.wp-block-tag-cloud a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* Block page list */

.wp-block-page-list li .wp-block-pages-list__item__link,
.wp-block-page-list li .wp-block-pages-list__item__link:focus,
.wp-block-page-list li .wp-block-pages-list__item__link:hover,
.wp-block-latest-posts__list .wp-block-latest-posts__post-title,
.wp-block-latest-posts__list .wp-block-latest-posts__post-title:hover,
.wp-block-latest-posts__list .wp-block-latest-posts__post-title:focus,
.wp-block-categories.wp-block-categories-list li a,
.wp-block-categories.wp-block-categories-list li a:hover,
.wp-block-categories.wp-block-categories-list li a:focus,
.wp-block-archives-list.wp-block-archives li a,
.wp-block-archives-list.wp-block-archives li a:hover,
.wp-block-archives-list.wp-block-archives li a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*--------------------------------------------------------------
3.0 Ul - style 
--------------------------------------------------------------*/

.post-content ul,
.post-content ol {
    padding: 0 0 0 1.25rem;
    margin-bottom: 1.5rem;
}

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

.post-content ul ul {
    list-style: circle;
    margin: .75rem 0;
}

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

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

.post-content ol ol {
    list-style: lower-alpha;
}

.post-content ol ol ol {
    list-style: lower-roman;
}

.post-content li {
    line-height: 1.5;
    margin: 0 0 1rem;
}

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


/*--------------------------------------------------------------
>>> DARK MODE
----------------------------------------------------------------

/* File */

.nice-dark-mode .wp-block-file a.wp-block-file__button {
    background-color: var(--night-btn-light, #414147);
}

.nice-dark-mode .wp-block-file a.wp-block-file__button:hover,
.nice-dark-mode .wp-block-file a.wp-block-file__button:focus {
    background-color: var(--night-btn-dark, #1e1e21);
}


/* Table */

.nice-dark-mode th,
.nice-dark-mode td {
    border-color: var(--night-border-light, #3f4041);
}

.nice-dark-mode .wp-block-table.is-style-stripes {
    border-color: var(--night-border-light, #3f4041);
}

.nice-dark-mode .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--night-bg-light, #26252b);
}


/* Coprede */

.nice-dark-mode .wp-block-verse {
    background-color: var(--night-bg-light, #26252b);
}


/* Preformatted */

.nice-dark-mode .wp-block-preformatted {
    border-color: var(--night-border-muted, #37373c);
}


/* Quote */

.nice-dark-mode .wp-block-quote {
    background-color: var(--night-bg-light, #26252b);
}


/* Button */

.nice-dark-mode .wp-block-button .wp-block-button__link:hover,
.nice-dark-mode .wp-block-button .wp-block-button__link:focus {
    background: var(--night-bg-dark, #141417);
}

.nice-dark-mode .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.nice-dark-mode .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.nice-dark-mode .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
    color: var(--night-color-light, #eeeeee);
    border-color: var(--night-border-light, #3f4041);
}

.nice-dark-mode .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
    color: #fff;
    border-color: var(--night-border-dark, #141417);
}


/* Comments */

.nice-dark-mode ol.wp-block-latest-comments {
    border-color: var(--night-border-light, #3f4041);
}

.nice-dark-mode .wp-block-latest-comments .wp-block-latest-comments__comment {
    border-color: var(--night-border-light, #3f4041);
}


/* Block search */

.nice-dark-mode .wp-block-search .wp-block-search__input {
    color: #fff;
    background-color: var(--night-bg-secondary, #2f3035);
    border-color: var(--night-border-dark, #141417);
}

.nice-dark-mode .wp-block-search button.wp-block-search__button {
    background-color: var(--night-bg-dark, #141417);
    border-color: var(--night-bg-dark, #141417);
}