/*
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, #f6f6f7);
}

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

/* Captions */

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

/* 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%;
    margin-bottom: 1rem;
}

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

/* Coprede */

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

/* Quote */

.wp-block-quote {
    position: relative;
    font-size: inherit;
    padding: 1.25rem 1.5rem;
    margin: 1.5rem 0;
    border-radius: var(--border-radius-xs, 5px);
    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: 0.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: 0.5rem;
    opacity: 0.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: 0.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 */

table,
.wp-block-table {
    max-width: 100%;
    width: 100%;
    min-width: 240px;
    border-collapse: collapse;
}

table thead,
table tfoot,
.wp-block-table thead,
.wp-block-table tfoot {
    text-align: center;
}

table td,
table th,
.wp-block-table td,
.wp-block-table th {
    padding: 5px 10px;
    border: 1px solid var(--border-light, #eff3fa);
}

table figcaption,
.wp-block-table figcaption {
    color: var(--color-dark, #000000);
    margin-bottom: 0;
}

table.is-style-regular .has-background,
table.is-style-stripes .has-background,
table.is-style-stripes .has-background thead tr,
table.is-style-stripes .has-background tfoot tr,
table.is-style-stripes .has-background tbody tr,
.wp-block-table.is-style-regular .has-background,
.wp-block-table.is-style-stripes .has-background,
.wp-block-table.is-style-stripes .has-background thead tr,
.wp-block-table.is-style-stripes .has-background tfoot tr,
.wp-block-table.is-style-stripes .has-background tbody tr {
    color: var(--color-dark, #000000);
}

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

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

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

table.wp-calendar-table td,
table.wp-calendar-table th {
    background: transparent;
    border: 0;
    text-align: center;
    line-height: 2;
    vertical-align: middle;
    word-break: normal;
}

table.wp-calendar-table th {
    font-weight: bold;
}

table.wp-calendar-table thead,
table.wp-calendar-table tbody {
    color: var(--color-dark, #000000);
    border: 1px solid var(--border-light, #eff3fa);
}

table.wp-calendar-table caption {
    font-weight: bold;
    text-align: left;
    margin-bottom: .75rem;
    color: var(--color-muted, #555555);
}

/* block table */

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

.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-width: 0;
}

.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(--border-radius-sm, 7px);
}

.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: 0.5rem 1rem;
    margin-right: calc(-1 * 2px);
}

.wp-block-search .wp-block-search__input:focus {
    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 {
    box-shadow: none;
}

/* Block tags */

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

.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 {
    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 {
    box-shadow: none;
}

/* GALLERIES */

.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5rem -0.5rem 1rem -0.5rem;
    width: calc(100% + 1rem);
}

.gallery-item {
    margin: 0;
    padding: .5rem;
    width: 100%;
}

.gallery-item img {
    width: 100%;
}

.gallery-caption {
    display: block;
    margin-top: .5rem;
}

/* VANILLA GALLERIES */

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

/*--------------------------------------------------------------
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: 0.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 0.5rem;
}

/*--------------------------------------------------------------
>>> DARK MODE
----------------------------------------------------------------
*/
.nice-dark-mode table figcaption,
.nice-dark-mode .wp-block-table figcaption {
    color: var(--night-color-dark, #ffffff);
    margin-bottom: 0;
}

/* 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 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);
}

/* NICE Block */
.nice-vote-block {
    background-color: rgba(0, 0, 0, 0.03);
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
}

.nice-vote-block .vote-action {
    position: relative;
    cursor: pointer;
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.03);
}

.nice-vote-block .vote-action:last-child {
    margin-top: 1rem;
}

.nice-vote-block .vote-content {
    position: relative;
    text-align: center;
    z-index: 1;
}

.nice-vote-block .vote-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.04);
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

.nice-vote-block .vote-action.active .vote-progress {
    background-color: rgba(0, 0, 0, 0.06);
}

.nice-vote-block .vote-number {
    position: absolute;
    right: 3%;
    top: 50%;
    font-style: italic;
    font-size: 2rem;
    transform: translateY(-50%);
    opacity: 0.2;
    z-index: 1;
}

.nice-vote-block .vote-action .vote-progress,
.nice-vote-block .vote-action .vote-number {
    display: none;
}

.nice-vote-block.active .vote-action .vote-progress,
.nice-vote-block.active .vote-action .vote-number {
    display: block;
}

.nice-vote-block.active .vote-content {
    text-align: left;
}

/* dark mode NICE Block */

.nice-dark-mode .nice-vote-block {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 1rem 1.5rem;
    margin-bottom: 1.5rem;
}

.nice-dark-mode .nice-vote-block .vote-action {
    position: relative;
    cursor: pointer;
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.2);
}

.nice-dark-mode .nice-vote-block .vote-action:last-child {
    margin-top: 1rem;
}

.nice-dark-mode .nice-vote-block .vote-progress {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}

.nice-dark-mode .nice-vote-block .vote-action.active .vote-progress {
    background-color: rgba(0, 0, 0, 0.4);
}