@font-face {
    font-family: 'Figtree';
    font-display: swap;
    font-style: normal;
    font-weight: 300 900;
    src: url("../fonts/figtree.woff2") format("woff2");
}

@font-face {
    font-family: 'Figtree';
    font-display: swap;
    font-style: italic;
    font-weight: 300 900;
    src: url("../fonts/figtree-italic.woff2") format("woff2");
}

:root {
    --font: 'Figtree', sans-serif;

    --bg: #fff;
    --bg-gray: #f5f8fc;
    --bg-dark: #040a1b;
    --text: #040a1b;
    --text-white: #fff;
    --text-gray: #3d4451;
    --text-gray-2: #6d737d;
    --border: #2e005d;
    --border-light: #eae6ef;
    --primary: #1a46c2;
    --primary-hover: #15389b;
    --primary-darker: #0a1c4e;
    --primary-darker-hover: #08163e;
    --secondary: #009bb0;
    --secondary-hover: #007c8d;
    --link: ;
    --link-hover: ;
    --danger: #ef1a1a;
    --danger-hover: #d71717;
    --success: #179443;
    --success-hover: #15853c;
    --warning: #d7c219;
    --warning-hover: ;

    --text-media-xl: .05rem;
    --text-media-l: .10rem;
    --text-media-m: .15rem;

    --text-heading-l: 2.5rem;
    --text-heading-m: 1.5rem;
    --text-heading-s: 1.2rem;

    --text-m: 1rem;
    --text-s: .9rem;
    --text-xs: .85rem;
    --text-xxs: .8rem;
    --text-xxxs: .75rem;
    --text-xxxxs: .7rem;

    --global-line-height: 1.5;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    :root {
        --text-m: calc(1rem - var(--text-media-xl));
        --text-s: calc(.9rem - var(--text-media-xl));
        --text-xs: calc(.85rem - var(--text-media-xl));
        --text-xxs: calc(.8rem - var(--text-media-xl));
        --text-xxxs: calc(.75rem - var(--text-media-xl));
        --text-xxxxs: calc(.7rem - var(--text-media-xl)); 
    }
}

@media screen and (min-width: 468px) and (max-width: 768px) {
    :root {
        --text-heading-l: 2.2rem;
        --text-heading-m: 1.3rem;
        --text-heading-s: 1.1rem;
        --text-m: calc(1rem - var(--text-media-l));
        --text-s: calc(.9rem - var(--text-media-l));
        --text-xs: calc(.85rem - var(--text-media-l));
        --text-xxs: calc(.8rem - var(--text-media-l));
        --text-xxxs: calc(.75rem - var(--text-media-l));
        --text-xxxxs: calc(.7rem - var(--text-media-l)); 
    }
}

@media screen and (min-width: 320px) and (max-width: 468px) {
    :root {
        --text-heading-l: 2rem;
        --text-heading-m: 1.1rem;
        --text-heading-s: 1rem;
        --text-m: calc(1rem - var(--text-media-m));
        --text-s: calc(.9rem - var(--text-media-m));
        --text-xs: calc(.85rem - var(--text-media-m));
        --text-xxs: calc(.8rem - var(--text-media-m));
        --text-xxxs: calc(.75rem - var(--text-media-m));
        --text-xxxxs: calc(.7rem - var(--text-media-m)); 
    }
}

*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--text);
    background: var(--bg);
    font-size: var(--text-m);
    font-family: var(--font);
    line-height: var(--global-line-height);
}

hr {
    margin: 1em 0;
    color: inherit;
    border: 0;
    border-top: 1px solid var(--border);
    opacity: .25;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}

h1 {
    line-height: 1.3;
    font-size: 2rem;
    margin-bottom: .5em;
}

h2 {
    line-height: 1.3;
    font-size: 1.5rem;
}

h3 {
    font-size: 1.17rem;
    line-height: 1.3;
}

h4 {
    font-size: 1rem;
}

h5 {
    font-size: .83rem;
}

h6 {
    font-size: .67rem;
}

p {
    margin-top: 0;
    margin-bottom: 1em;
    line-height: inherit;
    font-size: 1rem;
}

@media (max-width: 768px) {
    h1 {
        font-size: 1.5rem;
    }

    h2 {
        font-size: 1.25rem;
    }

    h3 {
        font-size: 1rem;
    }

    p {
        font-size: .925rem;
    }
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1em;
    font-style: normal;
    line-height: inherit;
}

ol, ul {
    padding-left: 2em;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1em;
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0;
}

dt {
    font-weight: 600;
}

dd {
    margin-left: 0;
    margin-bottom: .5em;
}

blockquote {
    margin: 0 0 1em;
}

b, strong {
    font-weight: bolder;
}

small {
    font-size: x-small;
}

mark {
    padding-left: .2em;
}

sub, sup {
    position: relative;
    font-size: xx-small;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: inherit;
    text-decoration: none;
}

pre, code, samp, kbd {
    font-family: monospace;
    font-size: 1rem;
}

pre {
    display: block;
    margin: 0 0 1em 0;
    overflow: auto;
    font-size: x-small;
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

code {
    font-size: x-small;
    word-wrap: break-word;
}

figure {
    margin: 0 0 1em 0;
}

img, svg {
    vertical-align: middle;
}

table {
    caption-side: bottom;
    border-collapse: collapse;
}

caption {
    padding-left: .5em 0 .5em 0;
    color: var(--text-light);
}

th {
    text-align: center;
}

thead, tbody, tfoot, tr, td, th {
    border-style: solid;
    border-width: 0;
}

label {
    display: inline-block;
}

input, button, select, optgroup, textarea {
    margin: 0 0 .5em 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    border-radius: 0;
    cursor: pointer;
}

input, input[type=checkbox], input[type=radio] {
    vertical-align: middle;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: .5em 1em;
    font-family: inherit;
    border-radius: 5px;
    border: none;
    vertical-align: middle;
    background: var(--primary);
    color: var(--text-white);
    cursor: pointer;
}

button:hover,
input[type="button"]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background: #242424;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    background: #242424;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    padding: .5em 1em;
    font-family: inherit;
    border-radius: 5px;
    border: 1px solid var(--border);
    vertical-align: middle;
    color: inherit;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    outline: 2px solid #000;
}

.wrapper {
    width: 100%;
}

.container {
    max-width: 1050px;
    margin: 0 auto;
    padding: 0 1em;
}

.underline-hover {
    background-image: linear-gradient(var(--text), var(--text));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0% 2px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
}

.underline-hover-white {
    background-image: linear-gradient(var(--bg), var(--bg));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0% 2px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
}

.underline-hover:hover,
.underline-hover-white:hover {
    background-size: 100% 2px;
}

.bg-danger { background: var(--danger) !important; }
.bg-success { background: var(--success) !important; }
.bg-warning { background: var(--warning) !important; }
.bg-primary { background: var(--primary) !important; }
.bg-secondary { background: var(--secondary) !important; }

.bg-before-danger::before { background: var(--danger) !important; }
.bg-before-success::before { background: var(--success) !important; }
.bg-before-warning::before { background: var(--warning) !important; }
.bg-before-primary::before { background: var(--primary) !important; }
.bg-before-secondary::before { background: var(--secondary) !important; }

/**
 * Toolbar
 */

.digi-toolbar-wrapper {
    background: var(--bg-dark);
    color: var(--text-white);
}

.digi-toolbar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}

.digi-toolbar-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.digi-toolbar-menu ul li {
    position: relative;
    float: left;
    margin-right: 1.2em;
}

.digi-toolbar-menu ul li.menu-item-has-children > a:after {
    display: inline-block;
    font: var(--fa-font-solid);
    content: "\f107";
    color: inherit;
    font-size: var(--text-xxxs);
    margin-left: 5px;
}

.digi-toolbar-menu ul li a {
    font-size: var(--text-xxs);
    font-weight: 500;
    transition: .3s;
}

.digi-toolbar-menu ul li a:hover {
    color: var(--text-white);
}

.digi-toolbar-menu ul li:hover ul {
    display: block;
}

.digi-toolbar-menu ul li ul {
    display: none;
    position: absolute;
    background: var(--bg-dark);
    z-index: 998;
    padding: 1em 1.5em;
    width: 160px;
    border-bottom: 5px solid var(--primary);
}

.digi-toolbar-menu ul li ul li {
    float: none;
}

.digi-toolbar-menu ul li ul li ul {
    display: none;
}

.digi-toolbar-social {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.digi-toolbar-date {
    margin-right: 2em;
    font-size: var(--text-xxs);
}

.digi-toolbar-date i {
    font-size: var(--text-xxxs);
    margin-right: .5em;
}

.digi-toolbar-social h4 {
    font-size: var(--text-s);
    font-weight: 600;
    margin: 0;
}

.digi-toolbar-social ul {
    list-style-type: none;
    margin: 0 0 0 1em;
    padding: 0;
}

.digi-toolbar-social ul li {
    float: left;
    margin-left: 1em;
}

.digi-toolbar-social ul li a {
    font-size: var(--text-xxxs);
}

@media (max-width: 768px) {
    .digi-toolbar-menu {
        display: none;
    }

    .digi-toolbar-social {
        width: 100%;
    }

    .digi-toolbar-social h4 {
        display: none;
    }
}

@media (max-width: 468px) {
    .digi-toolbar-date {
        margin-right: 0;
    }
}

/**
 * Main Navigation
 */

.digi-nav-wrapper {
    background: var(--bg);
}

.digi-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.digi-nav-branding {
    margin: .5em 0;   
}

.digi-nav-branding h1 {
    margin: .5em 0;
    font-weight: 800;
    font-size: 1.8rem;
}

.digi-nav-branding img{
	width: 150px;
}

.digi-nav-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.digi-nav-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.digi-nav-menu ul li {
    float: left;
}

.digi-nav-menu ul li.menu-item-has-children > a:after {
    display: inline-block;
    font: var(--fa-font-solid);
    content: "\f107";
    color: inherit;
    font-size: var(--text-xxxs);
    margin-left: 5px;
}

.digi-nav-menu ul li a {
    display: inline-block;
    padding: 1.5em .8em;
    font-size: var(--text-s);
    font-weight: 800;
}

.digi-nav-menu ul li:hover > ul {
    display: block;
}

.digi-nav-menu ul li ul {
    display: none;
    position: absolute;
    background: var(--bg-dark);
    z-index: 998;
    padding: 1em 2em;
}

.digi-nav-menu ul li ul li {
    display: block;
    position: relative;
    float: none;
}

.digi-nav-menu ul li ul li a {
    color: var(--text-white);
    padding: .2em 0;
    font-weight: 600;
    font-size: var(--text-xs);
}

/* Multi level dropdown */

.digi-nav-menu ul li ul li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 0;
}

.digi-nav-action {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.digi-nav-action li {
    display: inline-block;
    padding: .5em;
}

.digi-nav-action li.menu {
    display: inline-block;
    border-radius: 5px;
    padding: .2em 1em;
    margin-left: .5em;
    background: var(--primary);
    color: var(--text-white);
    font-weight: 700;
}

.digi-nav-action li a {
    display: block !important;
    padding: 0 !important;
}

@media (max-width: 468px) {
    .digi-nav-menu ul:first-child {
        display: none;
    }

    .digi-nav-action li.menu {
        display: none;
    }
}

/**
 * Post Ticker
 */

.digi-ticker-wrapper {
    margin-bottom: .5em;
}

.digi-ticker-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
}

.digi-ticker {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.digi-ticker-header {
    margin-right: .5em;
}

.digi-ticker-header h3 {
    display: block;
    padding: .2em 1em;
    background: var(--danger);
    color: var(--text-white);
    font-weight: 700;
    font-size: var(--text-xs);
    margin: 0;
}

.digi-pt-container {
    height: 50px !important;
}

.digi-pt-entry {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px !important;
}

.digi-pt-entry h4 {
    overflow: hidden;
    max-width: 600px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-s);
    font-weight: 600;
    margin: 0;
}

.digi-pt-entry span {
    font-size: .62rem;
    font-weight: 400;
    text-transform: uppercase;
    margin-left: 1.5em;
    color: var(--text-gray-2);
}

.digi-pt-prev, 
.digi-pt-next {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    background: var(--bg-gray);
    font-size: var(--text-xxxs);
    cursor: pointer;
    transition: .3s;
}

.digi-pt-prev:hover , 
.digi-pt-next:hover {
    background: var(--primary);
    color: var(--text-white);
}

@media (max-width: 768px) {
    .digi-pt-entry h4 {
        max-width: 300px;
    }

    .digi-pt-entry span {
        display: none;
    }
}

@media (max-width: 468px) {
    .digi-pt-entry h4 {
        max-width: 180px;
    }
}

/**
 * Custom Post 1
 */
.digi-cp1-wrapper {
    margin-bottom: 1em;
}

.digi-cp1-container {
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: 450px;
}

.digi-cp1-item {
    overflow: hidden;
    position: relative;
}

.digi-cp1-item:nth-child(1) { 
    grid-area: 1 / 1 / 3 / 2; 
    height: 450px;
}

.digi-cp1-item:nth-child(2) { 
    grid-area: 1 / 2 / 2 / 4; 
    height: calc(450px / 2);
}

.digi-cp1-item:nth-child(3) { 
    grid-area: 2 / 2 / 3 / 3;
    height: calc(450px / 2 - 5px);
}

.digi-cp1-item:nth-child(4) { 
    grid-area: 2 / 3 / 3 / 4; 
    height: calc(450px / 2 - 5px);
}

@media (max-width: 768px) {
    .digi-cp1-container {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
        height: auto;
    }

    .digi-cp1-item:nth-child(1) { 
        grid-area: 1 / 1 / 2 / 2;
        height: 300px;
    }

    .digi-cp1-item:nth-child(2) { 
        grid-area: 2 / 1 / 3 / 2; 
        height: 300px;
    }

    .digi-cp1-item:nth-child(3) { 
        grid-area: 3 / 1 / 4 / 2;
        height: 300px;
    }

    .digi-cp1-item:nth-child(4) { 
        grid-area: 4 / 1 / 5 / 2; 
        height: 300px;
    }
}

@media (max-width: 468px) {
    .digi-cp1-item:nth-child(1) { 
        height: 220px;
    }

    .digi-cp1-item:nth-child(2) { 
        height: 220px;
    }

    .digi-cp1-item:nth-child(3) { 
        height: 220px;
    }

    .digi-cp1-item:nth-child(4) { 
        height: 220px;
    }
}

.cp1-item-image {
    width: 100%;
    height: 100%;
}

.cp1-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 2s;
}

.digi-cp1-item:hover .cp1-item-image img {
    transform: scale(1.1);
}

.digi-cp1-item:nth-child(2) .cp1-item-metadata,
.digi-cp1-item:nth-child(3) .cp1-item-metadata,
.digi-cp1-item:nth-child(4) .cp1-item-metadata {
    padding: 1.5em;
}

.cp1-item-metadata {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 1em 2em;
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(5,14,39,1) 90%);
    color: var(--text-white);
}

.cp1-item-category {
    display: inline-block;
    padding: .1em .8em;
    background: var(--primary);
    color: var(--text-white);
    font-weight: 700;
    font-size: var(--text-xxxs);
    margin-bottom: 1em;
    transition: .2s;
}

.cp1-item-category:hover {
    background: var(--primary-hover);
}

.cp1-item-metadata h2 {
    font-size: var(--text-heading-m);
    margin-bottom: .8em;
    font-weight: 700;
}

.digi-cp1-item:nth-child(2) .cp1-item-metadata h2 {
    font-size: var(--text-heading-s);
}

.digi-cp1-item:nth-child(3) .cp1-item-metadata h2,
.digi-cp1-item:nth-child(4) .cp1-item-metadata h2 {
    font-size: var(--text-m);
    margin-bottom: 0;
}

.digi-cp1-item:nth-child(2) .cp1-item-data {
    margin-bottom: 0;
}

.digi-cp1-item:nth-child(3) .cp1-item-data,
.digi-cp1-item:nth-child(4) .cp1-item-data {
    display: none;
}

.cp1-item-data {
    margin-bottom: 1em;
    font-size: .62rem;
    text-transform: uppercase;
}

.cp1-item-data span {
    margin-right: 1em;
    font-weight: 300;
}

.cp1-item-data span:first-child span {
    font-weight: 700;
}

.cp1-item-data > span:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 10px;
    margin-right: 1em;
    background: currentColor;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .digi-cp1-item:nth-child(2) .cp1-item-metadata,
    .digi-cp1-item:nth-child(3) .cp1-item-metadata,
    .digi-cp1-item:nth-child(4) .cp1-item-metadata {
        padding: 1em;
    }

    .cp1-item-metadata {
        padding: 1em;
    }

    .cp1-item-category {
        font-size: var(--text-xxxxs);
    }

    .cp1-item-metadata h2,
    .digi-cp1-item:nth-child(2) .cp1-item-metadata h2 {
        font-size: var(--text-heading-s);
    }

    .digi-cp1-item:nth-child(3) .cp1-item-metadata h2,
    .digi-cp1-item:nth-child(4) .cp1-item-metadata h2 {
        font-size: var(--text-heading-s);
        margin-bottom: .8em;
    }

    .cp1-item-data {
        margin-bottom: 0;
    }

    .digi-cp1-item:nth-child(3) .cp1-item-data,
    .digi-cp1-item:nth-child(4) .cp1-item-data {
        display: block;
    }

    .cp1-item-data > span:last-child {
        display: none;
    }
}
 
@media (max-width: 468px) {
    .cp1-item-data {
        font-size: .56rem;
    }
}


/**
 * Custom post 2
 */

.digi-cp2-wrapper {
    margin-bottom: 1em;
}

.digi-cp2-container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: 450px;
}

.digi-cp2-item {
    overflow: hidden;
    position: relative;
}

.digi-cp2-item:nth-child(1) {
    grid-area: 1 / 1 / 2 / 2;
    height: calc(450px / 2);
}

.digi-cp2-item:nth-child(2) {
   grid-area: 2 / 1 / 3 / 2;
   height: calc(450px / 2 - 5px);
}

.digi-cp2-item:nth-child(3) {
    grid-area: 1 / 2 / 3 / 3;
    height: 450px;
}

.digi-cp2-item:nth-child(4) {
    grid-area: 1 / 3 / 2 / 4;
    height: calc(450px / 2);
}

.digi-cp2-item:nth-child(5) {
    grid-area: 2 / 3 / 3 / 4;
    height: calc(450px / 2 - 5px);
}

.cp2-item-image {
    width: 100%;
    height: 100%;
}

.cp2-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 2s;
}

.digi-cp2-item:hover .cp2-item-image img {
    transform: scale(1.1);
}

.digi-cp2-item:nth-child(1) .cp2-item-metadata,
.digi-cp2-item:nth-child(2) .cp2-item-metadata,
.digi-cp2-item:nth-child(4) .cp2-item-metadata,
.digi-cp2-item:nth-child(5) .cp2-item-metadata {
    padding: 1.5em;
}

.cp2-item-metadata {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 1em 2em;
    background: rgb(2,0,36);
    background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(5,14,39,1) 90%);
    color: var(--text-white);
}

.cp2-item-category {
    display: inline-block;
    padding: .1em .8em;
    background: var(--primary);
    color: var(--text-white);
    font-weight: 700;
    font-size: var(--text-xxxs);
    margin-bottom: 1em;
    transition: .2s;
}

.cp2-item-category:hover {
    background: var(--primary-hover);
}

.digi-cp2-item:nth-child(1) .cp2-item-metadata h2,
.digi-cp2-item:nth-child(2) .cp2-item-metadata h2,
.digi-cp2-item:nth-child(4) .cp2-item-metadata h2,
.digi-cp2-item:nth-child(5) .cp2-item-metadata h2 {
    font-size: var(--text-m);
    margin-bottom: 0;
}

.cp2-item-metadata h2 {
    font-size: var(--text-heading-m);
    margin-bottom: .8em;
    font-weight: 700;
}

.digi-cp2-item:nth-child(1) .cp2-item-data,
.digi-cp2-item:nth-child(2) .cp2-item-data,
.digi-cp2-item:nth-child(4) .cp2-item-data,
.digi-cp2-item:nth-child(5) .cp2-item-data {
    display: none;
}

.cp2-item-data {
    margin-bottom: 1em;
    font-size: .62rem;
    text-transform: uppercase;
}

.cp2-item-data span {
    margin-right: 1em;
    font-weight: 300;
}

.cp2-item-data span:first-child span {
    font-weight: 700;
}

.cp2-item-data > span:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 10px;
    margin-right: 1em;
    background: currentColor;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .digi-cp2-container {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, auto);
        height: auto;
    }

    .digi-cp2-item:nth-child(1) {
        grid-area: 1 / 1 / 2 / 2;
        height: calc(300px / 2);
    }

    .digi-cp2-item:nth-child(2) {
       grid-area: 1 / 2 / 2 / 3;
       height: calc(300px / 2);
    }

    .digi-cp2-item:nth-child(3) {
        grid-area: 2 / 1 / 3 / 3;
        height: 300px;
    }

    .digi-cp2-item:nth-child(4) {
        grid-area: 3 / 1 / 4 / 2;
        height: calc(300px / 2);
    }

    .digi-cp2-item:nth-child(5) {
        grid-area: 3 / 2 / 4 / 3;
        height: calc(300px / 2);
    }
}

@media (max-width: 468px) {
    .digi-cp2-item:nth-child(1) {
        grid-area: 1 / 1 / 2 / 2;
        height: calc(220px / 2);
    }

    .digi-cp2-item:nth-child(2) {
       grid-area: 1 / 2 / 2 / 3;
       height: calc(220px / 2);
    }

    .digi-cp2-item:nth-child(3) {
        grid-area: 2 / 1 / 3 / 3;
        height: 220px;
    }

    .digi-cp2-item:nth-child(4) {
        grid-area: 3 / 1 / 4 / 2;
        height: calc(220px / 2);
    }

    .digi-cp2-item:nth-child(5) {
        grid-area: 3 / 2 / 4 / 3;
        height: calc(220px / 2);
    }

    .cp2-item-metadata {
        padding: 1em;
    }

    .digi-cp2-item:nth-child(1) .cp2-item-metadata,
    .digi-cp2-item:nth-child(2) .cp2-item-metadata,
    .digi-cp2-item:nth-child(4) .cp2-item-metadata,
    .digi-cp2-item:nth-child(5) .cp2-item-metadata {
        padding: 1em;
    }

    .cp2-item-data > span:last-child {
        display: none;
    }

    .cp2-item-data {
        font-size: .56rem;
    }
}

/**
 * Custom post 3
 */

.digi-cp3-wrapper {
    margin-bottom: 1em;
}

.digi-cp3-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 0;
}

.digi-cp3-item {
    overflow: hidden;
}

.digi-cp3-item:nth-child(2),
.digi-cp3-item:nth-child(3),
.digi-cp3-item:nth-child(4),
.digi-cp3-item:nth-child(5) {
    background: var(--bg-dark);
    color: var(--text-white);
    padding: 1em 1em 0 1em;
}

.digi-cp3-item:nth-child(1) {
    grid-area: 1 / 1 / 5 / 2;
}

.digi-cp3-item:nth-child(2) {
   grid-area: 1 / 2 / 2 / 3;
}

.digi-cp3-item:nth-child(3) {
    grid-area: 2 / 2 / 3 / 3;
}

.digi-cp3-item:nth-child(4) {
    grid-area: 3 / 2 / 4 / 3;
}

.digi-cp3-item:nth-child(5) {
    grid-area: 4 / 2 / 5 / 3;
    padding: 1em 1em .5em 1em;
}

.digi-cp3-item:nth-child(1) .cp3-item-image {
    overflow: hidden;
    width: 100%;
    height: 400px;
}

.digi-cp3-item:nth-child(1) .cp3-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 2s;
}

.digi-cp3-item:hover .cp3-item-image img {
    transform: scale(1.1);
}

.digi-cp3-item:nth-child(2) .cp3-item-image,
.digi-cp3-item:nth-child(3) .cp3-item-image,
.digi-cp3-item:nth-child(4) .cp3-item-image,
.digi-cp3-item:nth-child(5) .cp3-item-image {
    display: none;
    width: 100px;
    height: 100%;
}

/*.digi-cp3-item:nth-child(2) .cp3-item-image img,
.digi-cp3-item:nth-child(3) .cp3-item-image img,
.digi-cp3-item:nth-child(4) .cp3-item-image img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}*/

.digi-cp3-item:nth-child(2) .cp3-item-metadata,
.digi-cp3-item:nth-child(3) .cp3-item-metadata,
.digi-cp3-item:nth-child(4) .cp3-item-metadata,
.digi-cp3-item:nth-child(5) .cp3-item-metadata {
    padding-left: .5em;
}

.cp3-item-category {
    display: inline-block;
    padding: .1em .8em;
    background: var(--primary);
    color: var(--text-white);
    font-weight: 700;
    font-size: var(--text-xxxs);
    margin-bottom: 1em;
    transition: .2s;
}

.cp3-item-category:hover {
    background: var(--primary-hover);
}

.digi-cp3-item:nth-child(1) .cp3-item-metadata h2 {
    font-size: var(--text-heading-m);
    font-weight: 700;
    margin-bottom: .8em;
}

.digi-cp3-item:nth-child(2) .cp3-item-metadata h2,
.digi-cp3-item:nth-child(3) .cp3-item-metadata h2,
.digi-cp3-item:nth-child(4) .cp3-item-metadata h2,
.digi-cp3-item:nth-child(5) .cp3-item-metadata h2 {
    font-size: var(--text-m);
    font-weight: 700;
    margin-bottom: .8em;
}

.cp3-item-data {
    margin-bottom: 1em;
    font-size: .62rem;
    text-transform: uppercase;
}

.cp3-item-data span {
    margin-right: 1.5em;
    font-weight: 300;
}

.digi-cp3-item:not(:first-child) .cp3-item-data > span:last-child {
    display: none;
}

.cp3-item-data span:first-child span {
    font-weight: 700;
}

.cp3-item-data > span:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 10px;
    margin-right: 1em;
    background: currentColor;
    vertical-align: middle;
}

@media (max-width: 768px) {
    .digi-cp3-container {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto); 
    }

    .digi-cp3-item {
        grid-area: unset !important;
    }

    .digi-cp3-item:nth-child(1) {
        margin-bottom: 1em;
    }

    .digi-cp3-item:nth-child(1) .cp3-item-image {
        height: 300px;
    }
}

@media (max-width: 468px) {
    .digi-cp3-item:nth-child(1) .cp3-item-image {
        height: 220px;
    }

    .cp3-item-data {
        font-size: .56rem;
    }
}

/**
 * Custom post 4
 */

.digi-cp4-wrapper {
    margin-bottom: 2em;
}

.digi-cp4-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 2em;
    border-bottom: 2px solid var(--primary);
}

.digi-cp4-header h3 {
    position: relative;
    margin: 0;
    display: inline-block;
    padding: .5em 1em;
    font-weight: 700;
    background: var(--primary);
    color: var(--text-white);
    font-size: var(--text-s);
}

.digi-cp4-header h3 .after::after {
    background: var(--primary);
    position: absolute;
    content: "";
    display: block;
    top: 1px;
    right: -6px;
    height: 100%;
    width: 32px;
    transform: skew(20deg,0deg);
    z-index: -1;
}

.digi-cp4-header a {
    display: inline-block;
    font-size: var(--text-s);
    font-weight: 700;
}

.digi-cp4-header a span {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 18px;
    text-align: center;
    font-size: var(--text-xxxxs);
    border: 1px solid var(--primary-darker);
}

.cp4-item-image {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: auto;
}

.cp4-item-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: 2s;
}

.cp4-item-image:hover img {
    transform: scale(1.1);
}

.cp4-item-data {
    margin-bottom: .8em;
}

.cp4-item-data span {
    position: relative;
}

.cp4-item-data a {
    font-weight: 700;
    font-size: var(--text-s);
}

.cp4-item-data a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 3px;
    background: var(--primary);
    transition: .3s;
    z-index: -1;
}

.cp4-item-data span {
    font-size: var(--text-xxs);
}

.cp4-item-metadata h2 {
    font-weight: 700;
    font-size: var(--text-heading-m);
    margin-bottom: .5em;
}

.cp4-date {
    font-size: .62rem !important;
    font-weight: 300;
    text-transform: uppercase;
    color: var(--text-gray-2);
}

.cp4-swiper-navigation {
    width: 100%;
    margin-top: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cp4-swiper-next,
.cp4-swiper-prev {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    background: var(--primary);
    color: var(--text-white);
    font-size: var(--text-m);
    text-align: center;
    margin: 0 .1em;
    transition: .3s;
    cursor: pointer;
}

.cp4-swiper-next:hover,
.cp4-swiper-prev:hover {
    background: var(--primary-hover);
}

@media (max-width: 468px) {
    .digi-cp4-header {
        margin-bottom: 1em;
    }

    .cp4-date {
        font-size: .56rem !important;
    }
}

/**
 * Custom post 5
 */

.digi-cp5-wrapper {
    color: var(--text-white);
    margin-bottom: 2em;
}

.digi-cp5-container {
    background: var(--bg-dark);
    padding: 1.5em;
}

.cp5-item-image {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 130px;
    margin-bottom: 1em;
}

.cp5-item-image img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    transition: 2s;
}

.cp5-item-image:hover img {
    transform: scale(1.1);
}

.cp5-category {
    position: absolute;
    display: inline-block;
    left: 1em;
    bottom: 1em;
    padding: .1em .8em;
    background: var(--primary);
    color: var(--text-white);
    font-weight: 700;
    font-size: var(--text-xxxxs);
    transition: .2s;
}

.cp5-category:hover {
    background: var(--primary-hover);
    color: var(--text-white);
}

.cp5-item-metadata h2 {
    font-size: var(--text-s);
    font-weight: 700;
    margin: 0;
}





/**
 * Main posts
 */

.digi-mp-wrapper {
    margin-bottom: 2em;
}

.digi-mp-container {
    display: grid;
    grid-template-columns: calc(66% - 20px) 34%;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    align-items: start;
}

@media (max-width: 768px) {
    .digi-mp-container {
        display: unset;
    }
}

.digi-mp-main {
    overflow: hidden;
}

.template-no-sidebar-container {
    grid-template-columns: 1fr;
}

.template-no-sidebar {
    max-width: 668px;
    margin: 0 auto;
}

/**
 * Main post 1
 */

.digi-mp1-swiper {
    margin-bottom: 1em;
}

.digi-mp1-item {
    position: relative;
}

.mp1-item-image {
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}

.mp1-item-image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    transition: 2s;
}

.mp1-item-image:hover img {
    transform: scale(1.1);
}

.mp1-item-entry {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(5,14,39,1) 90%);
    color: var(--text-white);
    padding: 2em;
}

.mp1-item-category a {
    display: inline-block;
    padding: .1em .8em;
    background: var(--primary);
    color: var(--text-white);
    font-weight: 700;
    font-size: var(--text-xxs);
    transition: .2s;
    margin-bottom: 1em;
}

.mp1-item-category a:hover {
    background: var(--primary-hover);
    color: var(--text-white);
}

.mp1-item-title {
    font-size: var(--text-heading-m);
    font-weight: 700;
    margin-bottom: .8em;
}

.mp1-item-metadata span {
    font-size: .62rem;
    font-weight: 300;
    margin-right: 1em;
    text-transform: uppercase;
}

.mp1-item-metadata span:first-child span {
    font-weight: 700;
}

.mp1-item-metadata > span:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 10px;
    margin-right: 1em;
    background: currentColor;
    vertical-align: middle;
}

.mp1-swiper-pagination span {
    background: var(--bg-gray);
}

.digi-mp-sidebar {
    position: sticky;
    top: 1em;
}

@media (max-width: 768px) {
    .mp1-item-image img {
        height: 300px;
    }
}

@media (max-width: 468px) {
    .mp1-item-image img {
        height: 220px;
    }

    .mp1-item-entry {
        padding: 1em 1em 2em 1em;
    }

    .mp1-item-title {
        margin-bottom: .4em;
    }

    .mp1-item-metadata span {
        font-size: .56rem;
    }
}

/**
 * Main post 2
 */

.digi-mp2-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}

.digi-mp2-item {
    
}

.mp2-item-image {
    overflow: hidden;
    width: 100%;
    height: 130px;
    margin-bottom: .5em;
}

.mp2-item-image img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    transition: 2s;
}

.mp2-item-image:hover img {
    transform: scale(1.1);
}

.mp2-item-category {
    display: inline-block;
    position: relative;
    margin-bottom: .5em;
}

.mp2-item-category a {
    font-weight: 800;
    font-size: var(--text-xs);
}

.mp2-item-category a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3.5px;
    width: 100%;
    height: 3px;
    background: var(--primary);
    transition: .3s;
    z-index: -1;
}

.mp2-item-title {
    font-size: var(--text-m);
    font-weight: 700;
}

@media (max-width: 468px) {
    .digi-mp2-container {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    .mp2-item-image {
        height: 120px;
    }

    .mp2-item-image img {
        height: 120px;
    }
}

/**
 * Main post 3
 */

.digi-mp3-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 1em;
    border-bottom: 2px solid var(--secondary);
}

.digi-mp3-header h3 {
    position: relative;
    margin: 0;
    display: inline-block;
    padding: 0.5em 1em;
    font-weight: 700;
    background: var(--secondary);
    color: var(--text-white);
    font-size: var(--text-s);
}

.digi-mp3-header h3 span::after {
    background: var(--secondary);
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: -6px;
    height: 100%;
    width: 32px;
    transform: skew(20deg,0deg);
    z-index: -1;
}

.mp3-post-prev,
.mp3-post-next {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    background: var(--bg-gray);
    font-size: var(--text-xxxs);
    cursor: pointer;
    transition: .3s;
}

.mp3-post-prev:hover,
.mp3-post-next:hover {
    background: var(--primary);
    color: var(--text-white);
}

.mp3-item-image {
    overflow: hidden;
    width: 100%;
    height: 130px;
    margin-bottom: .5em;
}

.mp3-item-image img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    transition: 2s;
}

.mp3-item-image:hover img {
    transform: scale(1.1);
}

.mp3-item-category {
    display: inline-block;
    position: relative;
    margin-bottom: .5em;
}

.mp3-item-category a {
    font-weight: 800;
    font-size: var(--text-xs);
}

.mp3-item-category a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3.5px;
    width: 100%;
    height: 3px;
    background: var(--primary);
    transition: .3s;
    z-index: -1;
}

.mp3-item-title {
    font-size: var(--text-m);
    font-weight: 700;
}

@media (max-width: 468px) {
    .mp3-item-image {
        height: 120px;
    }

    .mp3-item-image img {
        height: 120px;
    }
}

/**
 * Main post
 */

.digi-mp-wrapper {
    margin-bottom: 1em;
}

.digi-mp-header {
    width: 100%;
    position: relative;
    margin-bottom: 1em;
    border-bottom: 2px solid var(--danger);
}

.digi-mp-header h3 {
    position: relative;
    margin: 0;
    display: inline-block;
    padding: 0.5em 1em;
    font-weight: 700;
    background: var(--danger);
    color: var(--text-white);
    font-size: var(--text-s);
}

.digi-mp-header h3 span::after {
    background: var(--danger);
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: -6px;
    height: 100%;
    width: 32px;
    transform: skew(20deg,0deg);
    z-index: -1;
}

.digi-mp-item {
    display: grid;
    grid-template-columns: 280px 2fr;
    grid-column-gap: 1.2em;
}

.mp-item-entry {
    margin-bottom: 1em;
}

.mp-item-image {
    overflow: hidden;
    width: 100%;
    height: 180px;
}

.mp-item-image img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: 2s;
}

.mp-item-image:hover img {
    transform: scale(1.1);
}

.mp-item-entry {
    
}

.mp-item-category {
    display: inline-block;
    position: relative;
    margin-bottom: .5em;
}

.mp-item-category a {
    font-weight: 800;
    font-size: var(--text-xs);
}

.mp-item-category a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3.5px;
    width: 100%;
    height: 3px;
    background: var(--primary);
    transition: .3s;
    z-index: -1;
}

.mp-item-title {
    display: block;
    font-size: var(--text-heading-m);
    font-weight: 700;
    margin-bottom: .5em;
}

.mp-item-metadata {
    margin-bottom: 1em;
    text-transform: uppercase;
}

.mp-item-metadata span {
    font-size: .66rem;
    margin-right: 1em;
    color: var(--text-gray-2);
    font-weight: 300;
}

.mp-item-metadata span:first-child span {
    font-weight: 700;
}

.mp-item-metadata > span:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 10px;
    margin-right: 1em;
    background: currentColor;
    vertical-align: middle;
}

.mp-item-excerpt {
    font-weight: 500;
    font-size: var(--text-s);
    color: var(--text-gray);
}

.digi-mp-navigation {
    width: 100%;
    text-align: center;
}

.load-more-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.digi-mp-navigation a,
#load-more-posts {
    display: inline-block;
    padding: .5em 1em;
    background: var(--primary-darker);
    color: var(--text-white);
    font-weight: 600;
    font-size: var(--text-s);
    margin: 0 .1em;
    cursor: pointer;
    transition: .3s;
}

.digi-mp-navigation a:hover,
#load-more-posts a:hover {
    background: var(--primary-darker-hover);
}

.misha_loadmore {
	background-color: var(--primary-darker);
	color: var(--text-white);
	display: block;
	text-align: center;
	font-size: 14px;
	font-size: var(--text-s);
	font-weight: 600;
	cursor: pointer;
	padding: .6em 1em;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;  
}

.misha_loadmore:hover {
	background: var(--primary-darker-hover);
}

@media (max-width: 568px) {
    .digi-mp-item {
        grid-template-columns: 200px 2fr;
    }

    .mp-item-image {
        height: 120px;
    }

    .mp-item-image img {
        height: 120px;
    }
}

@media (max-width: 468px) {
    .digi-mp-item {
        grid-template-columns: 1fr;
    }

    .mp-item-image {
        height: 220px;
    }

    .mp-item-image img {
        height: 220px;
    }

    .mp-item-metadata span {
        font-size: .56rem;
    }
}




/**
 * Single
 */

.digi-breadcrumbs {
    font-size: var(--text-xs);
    margin-bottom: 1em;
}

.digi-breadcrumbs .separator {
    font-size: .5rem;
    margin: 0 1em;
}

.mp-single-category {
    display: inline-block;
    padding: 0.1em 0.8em;
    background: var(--primary);
    color: var(--text-white);
    font-weight: 700;
    font-size: var(--text-xxxxs);
    transition: .2s;
    margin-bottom: 1em;
}

.mp-single-category:hover {
    color: var(--text-white);
}

.mp-single-title {
    font-weight: 800;
    font-size: var(--text-heading-l);
}

.mp-single-excerpt {
    font-weight: 400;
    color: var(--text-gray);
    font-style: italic;
    font-size: var(--text-s);
}

.mp-single-metadata {
    margin-bottom: 1em;
}

.mp-single-metadata > span {
    display: inline-block;
    margin-right: .5em;
    font-size: var(--text-xxxxs);
    text-transform: uppercase;
}

.mp-single-metadata span::before {
    content: '/';
    margin-right: .5em;
    display: inline-block;
}

.mp-single-metadata span:first-child::before {
    display: none;
}

.mp-single-metadata a {
    font-weight: 800;
}

.mp-single-thumbnail {
    margin: 0 0 1em 0;
    padding: 0;
    width: 100%;
}

.mp-single-thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.mp-single-thumbnail figcaption {
    display: block;
    padding: .5em;
    text-align: center;
    font-weight: 400;
    font-size: var(--text-xxs);
    font-style: italic;
    color: var(--text-gray);
}

.mp-single-share {
    margin-bottom: 1em;
}

.mp-single-share-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 2fr) repeat(4, 35px);
    grid-template-rows: 1fr;
    grid-column-gap: .5em;
}

.mp-single-share-list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    color: var(--text-white);
    font-size: var(--text-xxs);
    border-radius: 4px;
}

.mp-single-share-list li {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}

.mp-single-share-list li:hover {
    margin-top: -5px;
}

.mp-single-share-list li a span {
    margin-left: .4em;
    font-weight: 600;
    font-size: var(--text-xxxs)
}

@media (max-width: 420px) {
    .mp-single-share-list {
        grid-template-columns: repeat(3, 2fr) repeat(2, 35px);
    }

    .mp-single-share-list li:nth-last-child(1),
    .mp-single-share-list li:nth-last-child(2) {
        display: none;
    }
}

.mp-single-share-fb a {
    background: #1876F0;
}

.mp-single-share-x a {
    background: #1DA0F1;
}

.mp-single-share-pin a {
    background: #CD1D1F;
}

.mp-single-share-wa a {
    background: #25D366;
}

.mp-single-share-tl a {
    background: #0088CC;
}

.mp-single-share-ln a {
    background: #0A66C2;
}

.mp-single-share-em a {
    background: #C71610;
}

.mp-single-content {
    margin-bottom: 2em;
}

/*
.mp-single-content {
    display: grid;
    grid-template-columns: 50px 1fr;
    grid-column-gap: 1em;
    align-items: start;
    margin-bottom: 2em;
}


.mp-single-share-sticky {
    position: sticky;
    top: 1em;
}

.mp-single-share-sticky ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.mp-single-share-sticky li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    border: 1px solid var(--border-light);
    margin-bottom: .5em;
    text-align: center;
}

.mp-single-share-sticky li a i.fa-facebook {
    color: #1877f2;
}

.mp-single-share-sticky li a i.fa-twitter {
    color: #1da1f2;
}

.mp-single-share-sticky li a i.fa-whatsapp {
    color: #25d366;
}

.mp-single-share-sticky li a i.fa-telegram {
    color: #0088cc;
}

.mp-single-share-sticky li a i.fa-copy {
    color: var(--primary-darker);
}*/

/**
 * /////////////////////////////////////////////
 */

.mp-single-the-content .wp-block-image figcaption,
.mp-single-the-content figcaption {
    display: block;
    padding: .5em .5em 1em .5em;
    margin: 0;
    text-align: center;
    font-weight: 400;
    font-size: var(--text-xxs);
    font-style: italic;
    color: var(--text-gray);
}

.mp-single-the-content iframe,
.mp-single-the-content video {
    max-width: 100%;
    height: auto;
}

.mp-single-the-content table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
}

.mp-single-the-content table th, .mp-single-the-content  table td {
    padding: 8px;
    border: 1px solid #ccc;
}

.mp-single-the-content table th {
    background-color: #f2f2f2;
    text-align: left;
}

.mp-single-the-content table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.mp-single-the-content p img{
	width: 100%;
}

.mp-single-the-content p a{
	color: var(--primary);
}

.mp-single-the-content figure{
	width: 100% !important;
}

/**
 * /////////////////////////////////////////////
 */

.mp-single-pagination {
    overflow: hidden;
    margin-bottom: 1em;
}

.page-links-title {
    display: block;
    font-size: var(--text-xxxs);
    color: var(--text-gray-2);
    margin-bottom: .5em;
}

.post-page-numbers {
    float: left;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    line-height: 25px;
    font-size: var(--text-xs);
    background: var(--primary-darker);
    color: var(--text-white);
    text-align: center;
    margin-right: 2px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}

.post-page-numbers:hover {
    background: var(--primary);
}

.post-page-numbers.current {
    background: var(--primary);
}

/**
 * /////////////////////////////////////////////
 */

.mp-single-custom-field {
    margin: 1em 0;
}

.mp-single-custom-field p {
    font-size: var(--text-xs);
    margin-bottom: .1em
}

.mp-single-custom-field p span {
    font-weight: 700;
}

/**
 * /////////////////////////////////////////////
 */

.mp-single-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .2em;
}

.mp-single-tags a {
    display: inline-block;
    padding: 0.1em 0.8em;
    background: var(--primary-darker);
    color: var(--text-white);
    font-weight: 600;
    font-size: var(--text-xxxs);
    transition: .2s;
}

.mp-single-nav-post {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 1em;
    border-top: 1px solid var(--border-light);
    margin-bottom: 1em;
}

.single-nav-post-item {
    width: 45%;
}

.single-nav-post-item.right {
    text-align: right;
}

.single-nav-post-item span {
    display: block;
    text-transform: uppercase;
    font-size: .62rem;
    font-weight: 400;
    color: var(--text-gray-2);
    margin-bottom: .5em;
}

.single-nav-post-item h3 {
    font-weight: 700;
    font-size: var(--text-m);
}

.mp-single-admin-box {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-column-gap: 1em;
    padding: 2em;
    margin-bottom: 1em;
    background: var(--bg-gray);
}

.admin-box-image {
    margin: 0;
    padding: 0;
    width: 100px;
    height: 100px;
    border-radius: 100px;
}

.admin-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px;
}

.admin-box-content span {
    font-size: var(--text-xxs);
    font-weight: 500;
    color: var(--text-gray-2);
}

.admin-box-content h3 {
    font-weight: 700;
    margin-bottom: .2em;
}

.admin-box-content p {
    font-weight: 600;
    color: var(--text-gray);
    font-size: var(--text-s);
    margin: 0;
}

@media (max-width: 468px) {
    .mp-single-admin-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .admin-box-image {
        margin-bottom: 1em;
    }

    .admin-box-content {
        text-align: center;
    }

    .single-nav-post-item span {
        font-size: .56rem;
    }
}

/**
 * /////////////////////////////////////////////
 */

.mps-related-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 1em;
}

.mps-related-header h3 {
    margin: 0;
    display: inline-block;
    padding: 0.5em 1em;
    font-weight: 700;
    background: var(--primary);
    color: var(--text-white);
    font-size: var(--text-s);
}

.mps-related-header h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--primary);
}

.mps-related-post-prev,
.mps-related-post-next {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    background: var(--bg-gray);
    font-size: var(--text-xxxs);
    cursor: pointer;
    transition: .3s;
}

.mps-related-post-prev:hover,
.mps-related-post-next:hover {
    background: var(--primary);
    color: var(--text-white);
}

.mps-related-item-image {
    overflow: hidden;
    width: 100%;
    height: 130px;
    margin-bottom: .5em;
}

.mps-related-item-image img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    transition: 2s;
}

.mps-related-item-image:hover img {
    transform: scale(1.1);
}

.mps-related-item-category {
    display: inline-block;
    position: relative;
    margin-bottom: .5em;
}

.mps-related-item-category a {
    font-weight: 800;
    font-size: var(--text-xs);
}

.mps-related-item-category a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3.5px;
    width: 100%;
    height: 3px;
    background: var(--primary);
    transition: .3s;
    z-index: -1;
}

.mps-related-item-title {
    font-size: var(--text-s);
    font-weight: 700;
}

@media (max-width: 468px) {
    .mps-related-item-image {
        height: 120px;
    }

    .mps-related-item-image img {
        height: 120px;
    }
}

/**
 * /////////////////////////////////////////////
 */

.mp-single-comments,
.comment-respond {
    border-top: 1px solid var(--border-light);
    margin-top: .5em;
    padding-top: 1em
}

.comments-title {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1em;
}

.comments-list ol {
    list-style-type: none;
    margin-bottom: 1em;
    margin-left: .5em;
}

.comments-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.comments-list li {
    margin-bottom: 1.6em;
}

.comment-body {
    margin-bottom: 1.6em;
}

.comment-author img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-right: .4em;
}

.comment-author .says {
    display: none;
}

.comment-metadata {
    margin-left: calc(30px + .6em);
    font-size: var(--text-xs);
    color: var(--text-gray-2);
    margin-bottom: .6em;
}

.comment-edit-link {
    font-weight: 600;
}

.comment-content {
    margin-left: calc(30px + .6em);
    font-size: var(--text-s);
    font-weight: 400;
    color: var(--text-gray);
}

.comment-body .reply {
    margin-left: calc(30px + .6rem);
}

.comment-body .reply a {
    display: inline-block;
    padding: .2em .6em;
    background: var(--primary);
    color: var(--text-white);
    font-size: var(--text-xxxs);
    font-weight: 600;
    border-radius: 5px;
}

.comment-reply-title {
    display: block;
    font-size: 1.2rem;
    margin-bottom: .5em;
}

.comment-notes {
    font-size: var(--text-s);
    color: var(--text-gray-2);
}

.comment-form-comment {
    margin-bottom: .2em;
}

.comment-form-comment label {
    display: block;
    font-size: var(--text-s);
    color: var(--text-gray-2);
    margin-bottom: .2em;
}

.comment-form-comment textarea {
    width: 100%;
    border: 1px solid var(--border-light);
    font-size: var(--text-s);
    color: var(--text-gray);
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
    margin-bottom: .5em;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
    display: block;
    font-size: var(--text-s);
    color: var(--text-gray-2);
    margin-bottom: .2em;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
    width: 100%;
    border: 1px solid var(--border-light);
    font-size: var(--text-s);
    color: var(--text-gray);
}

.comment-form-cookies-consent {
    display: flex;
    align-items: flex-start;
    margin-bottom: .5em;
}

.comment-form-cookies-consent input {
    margin-right: .5em;
    border: 1px solid var(--border-light);
}

.comment-form-cookies-consent label {
    margin-top: -5px;
    font-size: var(--text-s);
    color: var(--text-gray-2);
    margin-bottom: .2em;
}

.form-submit input[type=submit] {
    font-size: var(--text-xs);
    font-weight: 700;
}


/**
 * Widget
 */

.widget {
    margin-bottom: 1.5em;
    position: relative;
}

.digi-widget-header {
    position: relative;
    border-bottom: 2px solid var(--primary);
}

.digi-widget-header {
    margin-bottom: 1em;
}

.digi-widget-header h3 {
    position: relative;
    margin: 0;
    display: inline-block;
    padding: 0.5em 1em;
    font-weight: 700;
    background: var(--primary);
    color: var(--text-white);
    font-size: var(--text-xs);
    z-index: 1;
}

.digi-widget-header h3 span {
    background: var(--primary);
}

.digi-widget-header h3 span::after {
    background: inherit;
    position: absolute;
    content: "";
    display: block;
    top: 0;
    right: -6px;
    height: 105%;
    width: 32px;
    transform: skew(20deg,0deg);
    z-index: -1;
}

.digi-widget-content {
    display: block;
    width: 100%;
    overflow: hidden;
}

.digi-widget-more {
    width: 100%;
    text-align: center;
}

.digi-widget-more a {
    display: inline-block;
    padding: 0.5em 1em;
    font-weight: 600;
    background: var(--primary-darker);
    color: var(--text-white);
    font-size: var(--text-xs);
}

/**
 * Wordpress widget
 */

/* Widget Archive */

.widget_archive select {
    display: block;
    padding: .5em 1em;
    width: 100%;
    cursor: pointer;
    border: 1px solid var(--border);
    background: transparent;
}

.widget_archive ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget_archive ul li {
    margin-bottom: .5em;
    display: flex;
    align-items: center;
}

.widget_archive ul li a {
    font-weight: 600;
    font-size: var(--text-s);
}

.widget_archive ul li a:before {
    display: inline-block;
    font: var(--fa-font-solid);
    content: "\f105";
    font-size: var(--text-xxxxs);
    margin-right: 1em;
}

/* Widget audio */

/* Widget search */

/* Widget media gallery */

.widget_media_gallery .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
}

.widget_media_gallery .gallery figure {
    margin: 0;
    padding: 0;
}

.widget_media_gallery .gallery figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.widget_media_gallery .gallery figure figcaption {
    display: block;
    padding: .2em 0;
    font-size: var(--text-xxs);
}

/* Widget media image */

.widget_media_image figure {
    width: 100% !important;
    margin: 0;
    padding: 0;
}

.widget_media_image figure figcaption {
    display: block;
    padding: .2em 0;
    font-size: var(--text-xxs);
}

/* Widget calendar */

/* Widget categories */

.widget_categories select {
    display: block;
    padding: .5em 1em;
    width: 100%;
    cursor: pointer;
    border: 1px solid var(--border);
    background: transparent;
}

.widget_categories ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget_categories ul li {
    margin-bottom: .5em;
    display: flex;
    align-items: center;
}

.widget_categories ul li a {
    font-weight: 600;
    font-size: var(--text-s);
}

.widget_categories ul li a:before {
    display: inline-block;
    font: var(--fa-font-solid);
    content: "\f105";
    font-size: var(--text-xxxxs);
    margin-right: 1em;
}

/* Widget pages */

.widget_pages ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget_pages ul li {
    margin-bottom: .5em;
    display: flex;
    align-items: center;
}

.widget_pages ul li a {
    font-weight: 600;
    font-size: var(--text-s);
}

.widget_pages ul li a:before {
    display: inline-block;
    font: var(--fa-font-solid);
    content: "\f105";
    font-size: var(--text-xxxxs);
    margin-right: 1em;
}

/* Widget nav menu */

.widget_nav_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget_nav_menu ul li {
    margin-bottom: .5em;
    display: flex;
    align-items: center;
}

.widget_nav_menu ul li a {
    font-weight: 600;
    font-size: var(--text-s);
}

.widget_nav_menu ul li a:before {
    display: inline-block;
    font: var(--fa-font-solid);
    content: "\f105";
    font-size: var(--text-xxxxs);
    margin-right: 1em;
}

/* Widget meta */

.widget_meta ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget_meta ul li {
    margin-bottom: .5em;
    display: flex;
    align-items: center;
}

.widget_meta ul li a {
    font-weight: 600;
    font-size: var(--text-s);
}

.widget_meta ul li a:before {
    display: inline-block;
    font: var(--fa-font-solid);
    content: "\f105";
    font-size: var(--text-xxxxs);
    margin-right: 1em;
}

/* Widget recent entries */

.widget_recent_entries ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget_recent_entries ul li {
    margin-bottom: .5em;
    display: flex;
    align-items: center;
}

.widget_recent_entries ul li a {
    font-weight: 600;
    font-size: var(--text-s);
}

.widget_recent_entries ul li a:before {
    display: inline-block;
    font: var(--fa-font-solid);
    content: "\f105";
    font-size: var(--text-xxxxs);
    margin-right: 1em;
}

.widget_recent_entries ul li .post-date {
    display: none;
}

/* Widget rss */

.widget_rss ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget_rss ul li {
    margin-bottom: 1em;
}

.widget_rss ul li a {
    display: block;
    font-size: var(--text-m);
    font-weight: 800;
}

.widget_rss .rss-date {
    font-size: var(--text-xxs);
    color: var(--text-gray-2);
}

.widget_rss .rssSummary {
    font-size: var(--text-s);
    margin-bottom: .2em;
}

.widget_rss cite {
    font-weight: 600;
    font-size: var(--text-xs)
}

/* Widget tag cloud */

.widget_tag_cloud a {
    display: inline-block;
    padding: .2em .8em;
    font-size: var(--text-xs) !important;
    background: var(--primary);
    color: var(--text-white);
    font-weight: 700;
    margin-bottom: .3em;
    border-radius: 4px;
    transition: .3s;
}

.widget_tag_cloud a:hover {
    background: var(--primary-hover);
}

/* Widget teks */

/* Widget video */

/**
 * Custom widget social
 */

.dw-social-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-column-gap: .5em;
    grid-row-gap: .5em;
}

.dw-social-content a {
    display: inline-block;
    padding: .65em 1em;
    color: var(--text-white);
    font-weight: 800;
    font-size: var(--text-xs);
}

.dw-social-content a i {
    font-size: var(--text-xxs);
    margin-right: .5em;
}

.dw-facebook { background: #1877f2; }
.dw-instagram { background: #c32aa3; }
.dw-twitter { background: #1da1f2; }
.dw-tiktok { background: #010101; }
.dw-youtube { background: #ff0000; }
.dw-whatsapp { background: #25d366; }
.dw-wechat { background: #09B83E; }
.dw-snapchat { background: #fffc00; }
.dw-telegram { background: #0088cc; }
.dw-pinterest { background: #bd081c; }
.dw-linkedin { background: #0e76a8; }
.dw-tumblr { background: #35465d; }


/**
 * Custom widget post 1
 */

.dw-post-1-item {
    display: grid;
    grid-template-columns: 100px auto;
    grid-column-gap: 1em;
    align-items: start;
    margin-bottom: 1em;
}

.dw-post-1-image {
    overflow: hidden;
    width: 100%;
    height: 100px;
    margin: 0;
}

.dw-post-1-image img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.dw-post-1-entry h3 {
    font-size: var(--text-m);
    margin-bottom: .2em;
    font-weight: 700;
}

.dw-post-1-entry span {
    font-size: .62rem;
    color: var(--text-gray-2);
    text-transform: uppercase;
}

@media (max-width: 468px) {
    .dw-post-1-entry span {
        font-size: .56rem;
    }
}

/**
 * Custom widget post 2
 */

.dw-post-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-bottom: 1em;
}

.dw-post-2-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100px;
    margin-bottom: .8em;
}

.dw-post-2-image img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

.dw-post-2-category {
    position: absolute;
    display: inline-block;
    left: 0;
    bottom: 0;
    padding: .1em .8em;
    background: var(--primary);
    color: var(--text-white);
    font-weight: 700;
    font-size: var(--text-xxxxs);
    transition: .2s;
}

.dw-post-2-category:hover {
    background: var(--primary-hover);
    color: var(--text-white);
}

.dw-post-2-entry h3 {
    font-size: var(--text-m);
    margin-bottom: .4em;
    font-weight: 700;
}

.dw-post-2-entry span {
    font-size: .62rem;
    color: var(--text-gray-2);
    text-transform: uppercase;
}

@media (max-width: 468px) {
    .dw-post-2-entry span {
        font-size: .56rem;
    }
}

/**
 * Widget Aggregator
 */

.digi-aggregator-post {
    display: grid;
    grid-template-columns: 100px 2fr;
    grid-column-gap: 1em;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--border-light);
}

.digi-aggregator-post-image {
    width: 100%;
    height: 100px;
}

.digi-aggregator-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.digi-aggregator-post-category a {
    display: block;
    font-weight: 700;
    font-size: var(--text-xs);
    margin-bottom: .5em;
}

.digi-aggregator-post-title {
    font-size: var(--text-m);
    margin-bottom: .5em;
}

.digi-aggregator-post-time {
    display: block;
    font-size: .62rem;
    color: var(--text-gray-2);
    text-transform: uppercase;
}

.digi-aggregator-post-excerpt {
    font-size: var(--text-s);
}

@media (max-width: 468px) {
    .digi-aggregator-post-time {
        font-size: .56rem;
    }
}

/**
 * Footer widget
 */

.digi-footer-widget-wrapper {
    background: var(--bg-dark);
    color: var(--text-white);
}

.digi-footer-widget-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-column-gap: 2em;
    padding: 2em 0;
    border-bottom: 1px solid var(--border-light);
}

.footer-widget-column {
    padding: 1em 0;
}

.footer-widget-column .widget_categories select{
	background: #fff;
	border-radius: 5px
}

/**
 * Footer
 */

.digi-footer-wrapper {
    padding: 1em 0;
    background: var(--bg-dark);
    color: var(--text-white);
    text-align: center;
}

.digi-footer-wrapper p {
    margin: 0;
    font-size: var(--text-xs);
    font-weight: 500;
}

/**
 * Nav mobile
 */

.digi-nav-mobile-wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: rgba(12, 21, 38, .95);
    z-index: 1000;
    backdrop-filter: blur(10px);
}

.digi-nav-mobile-container {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: 100vh;
    padding: 1em;
    background: var(--bg);
    margin-right: -100%;
    transition: .5s;
    -webkit-transition: .5s;
}

.digi-nav-mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2em;
}

.digi-nav-mobile-header h1 {
    font-weight: 800;
    margin: 0;
}

.digi-nav-mobile-header img{
	width: 150px;
}

.nav-mobile-close {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    background: var(--danger);
    color: var(--text-white);
    cursor: pointer;
}

/**
 * Search form
 */

.digi-search-form-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(12, 21, 38, .95);
    z-index: 1000;
    backdrop-filter: blur(10px);
}

.digi-search-form-wrapper:hover {
    cursor: url('../image/close.svg'), auto;
}

.digi-search-form-container {
    padding: 1em;
}

.digi-search-form {
    z-index: 1000;
}

.digi-search-form input {
    width: 400px;
    padding: 1em 2em;
}

.digi-search-form button {
    padding: 1em 1.5em;
    margin-left: -4em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: transparent;
    color: var(--text-gray);
    font-weight: 800;
    margin-top: 8px;
}

/* Menghilangkan icon "x" pada input field pencarian */
.digi-search-form input[type="search"]::-webkit-search-cancel-button,
.digi-search-form input[type="search"]::-webkit-search-clear-button {
    display: none;
}
.digi-search-form input[type="search"] {
    -webkit-appearance: none;
}

@media (max-width: 468px) {
    .digi-search-form-container {
        width: 100%;
    }

    .digi-search-form input {
        width: 100%;
    }
}

/**
 * Floating menu
 */

.digi-floating-menu {
    position: fixed;
    top: 10vh;
    right: 0;
    padding: .5em;
    text-align: right;
    background: var(--primary);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 998;
    opacity: .3;
    transition: .3s;
}

.digi-floating-menu:hover {
    opacity: 1;
    cursor: pointer;
}

.digi-floating-menu span {
    display: block;
    width: 20px;
    height: 3px;
    background: var(--bg);
    border-radius: 5px;
}

.digi-floating-menu span:nth-child(2) {
    width: 15px;
    margin: .2em 0;
}

.digi-floating-menu span:nth-child(3) {
    margin-bottom: 0;
}

/**
 * Zoom image
 */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 21, 38, .95);
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    cursor: pointer;
}

.overlay img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

/**
 * Advertisement
 */

.digi-ads-container {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.digi-ads-content {
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin: 0 0 1em 0;
}

.digi-ads-content img {
    max-width: 100%;
    height: auto;
}

/* Ads fixed */

.ads-floating-left {
    position: fixed;
    left: calc(50% - 675px);
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.ads-floating-right {
    position: fixed;
    right: calc(50% - 675px);
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.ads-floating-content {
    position: relative;
    width: 150px;
    height: auto;
}

.ads-floating-content img {
    max-width: 100%;
    height: auto;
}

.ads-floating-close-left,
.ads-floating-close-right {
    position: absolute;
    top: 1px;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: .8rem;
    background: var(--bg);
}

.ads-floating-close-left {
    right: 1px;
}

.ads-floating-close-right {
    left: 1px;
}

/* Ads fixed bottom */

.ads-fixed-bottom-wrapper {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: var(--bg);
    z-index: 998;
    padding-top: .5em;
    box-shadow: 0px -5px 15px -3px rgba(0,0,0,0.05);
}

.ads-fixed-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ads-fixed-content img {
    max-width: 100%;
    height: auto;
}

.ads-fixed-bottom-close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size: .8rem;
    background: var(--bg);
}

/* Ads in content */

.ads-in-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;
}

.ads-in-content img {
    max-width: 100%;
    height: auto
}


/**
 * Page not found
 */

.digi-404-container {
    width: 100%;
    height: 90vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.digi-404-heading {
    font-size: 8rem;
    margin: 0;
    font-weight: 800;
}

.digi-404-sub-heading {
    font-size: 4rem;
    font-weight: 800;
    margin: 0 0 .5em 0;
    text-align: center;
}

.digi-404-home-link a {
    display: inline-block;
    padding: 1em 1.5em;
    background: var(--primary);
    color: var(--text-white);
    font-weight: 700;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .digi-404-heading {
        font-size: 4rem;
    }

    .digi-404-sub-heading {
        font-size: 2rem;
    }

    .digi-404-home-link a {
        padding: .8rem 1em;
    }
}