/*** ROOT DIFFERENT CSS */
:root {
    --gradient: repeating-radial-gradient(circle at 50% 50%, #4585ff 0, #2f40dc 60%, #2f40dc 100%);
    --shadow-light: 0 3px 6px 0 var(--color-base-transparent-10);
    --shadow-dark: 0 25px 72px 0 rgba(0, 0, 0, .25);
    --radius-8: 8px;
    --radius-16: 16px;
    --radius-12: 12px;
    --radius: 20px;

    --margin-top-title: 30px;
    --margin-top-title-small: 20px;
    --margin-cards: 55px;
}

@media (max-width: 991px) {
    :root {
        --margin-cards: 40px;
    }
}

/*** ROOT COLOR */
:root {
    --gray: #f6f7fb;
    --gray-text: hsl(240, 9.3%, 83.1%);
    --gray-text-light: hsl(240, 9.3%, 100%);
    --gray-text-mid: hsl(240, 9.3%, 63.1%);
    --gray-text-dark: hsl(240, 9.3%, 53.1%);
    --gray-bg: #f3f3f8;
    --dark: rgba(0, 0, 0, .08);

    --color-accent: rgb(231, 89, 101);
    --color-action: rgb(146, 208, 96);
    --color-primary: rgb(69, 133, 255);
    --color-primary-dark-1: rgb(20, 64, 220);
    --color-base: rgb(46, 54, 82);
    --color-secondary: rgb(100, 109, 141);
    --color-secondary-light-1: rgb(149, 157, 183);
    --color-secondary-light-2: rgb(204, 204, 220);
    --color-secondary-light-3: rgb(231, 231, 242);
    --color-secondary-light-4: rgb(240, 242, 247);
    --color-secondary-light-5: rgb(246, 247, 251);
    --color-secondary-dark-1: rgb(113, 124, 164);
    --color-base-transparent-10: rgba(46, 54, 82, 0.1);
}


/*** NO SIDEBAR */
.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-right: 0;
    margin-left: 0;
}

body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
    float: left;
    margin-right: 0;
    margin-left: 0;
    width: 50.00000001%;
}


/*** MAIN */
body, button, input, select, textarea {
    color: var(--color-base);
    font-family: 'Montserrat', sans-serif;
}

html, body {
    height: 100%;
}

body {
    font-size: 14px;
}

select {
    font-family: 'Montserrat', sans-serif;
    border-radius: var(--radius-16);
    border: 2px solid var(--color-secondary-light-4) !important;
    background-color: transparent;
    color: var(--color-base);
    padding: 0 20px !important;
    min-height: 54px;
    font-size: 14px !important;
    background-position: calc(100% - 20px) 52.5% !important;
    box-shadow: none !important;
    line-height: 20px;
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0.139in" height="0.083in"><path fill="%23CCCCDC" fill-rule="evenodd" d="M5.669,5.721 L9.723,1.624 C10.093,1.252 10.093,0.650 9.723,0.278 C9.354,-0.094 8.755,-0.094 8.386,0.278 L5.946,2.747 C5.946,2.747 5.486,3.281 5.019,3.281 C4.540,3.281 4.055,2.747 4.055,2.747 L1.615,0.279 C1.246,-0.093 0.647,-0.093 0.277,0.279 C0.093,0.464 0.000,0.708 0.000,0.952 C0.000,1.195 0.093,1.439 0.277,1.626 L4.332,5.721 C4.701,6.093 5.299,6.093 5.669,5.721 Z"/></svg>');
    background-position-x: calc(100% - 15px);
    background-position-y: 52.5%;
    background-repeat: no-repeat;
    font-weight: 500;
    user-select: none;
}

select:focus {
    outline: 0;
    border-color: var(--color-primary) !important;
    color: var(--color-primary) !important;
    font-weight: 500;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0.139in" height="0.083in"><path fill="%234585FF" fill-rule="evenodd" d="M5.669,5.721 L9.723,1.624 C10.093,1.252 10.093,0.650 9.723,0.278 C9.354,-0.094 8.755,-0.094 8.386,0.278 L5.946,2.747 C5.946,2.747 5.486,3.281 5.019,3.281 C4.540,3.281 4.055,2.747 4.055,2.747 L1.615,0.279 C1.246,-0.093 0.647,-0.093 0.277,0.279 C0.093,0.464 0.000,0.708 0.000,0.952 C0.000,1.195 0.093,1.439 0.277,1.626 L4.332,5.721 C4.701,6.093 5.299,6.093 5.669,5.721 Z"/></svg>');
}

.site {
    margin: 0;
    background: var(--color-secondary-light-4);
    min-height: 100vh;
}

body a {
    color: var(--color-primary);
    text-decoration: none;
    box-shadow: none !important;
}

a:hover,
.site-info a:hover {
    color: var(--color-primary-dark-1)
}

a:focus,
a:active,
.site-info a:focus,
.site-info a:active {
    color: var(--color-primary-dark-1);
    outline: 0;
}


ol ol{
    list-style: decimal;
}


ul ul{
    list-style-type: circle;
}

/*^^ CHANGE FONT SIZE OF TITLE */
@media screen and (min-width: 44.375em) {
    .entry-title{
        font-size: 1.8rem
    }
}
/*^^ DISABLE TOP AND BOTTOM MARGIN */
.site-main {
    margin-top: var(--margin-cards);
    margin-bottom: var(--margin-cards);
}

body:not(.custom-background-image).admin-bar:before {
       top: 0;
       display: none;
}
@media screen and (min-width: 48.9375em) {
    body:before {
        display: none !important;
    }
}

@media screen and (min-width: 44.375em) {
    body:not(.custom-background-image):after {
        bottom: auto;
    }
}

body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {

}

/*^^ FONT WEIGHT */
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .textwidget h1, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget h5, .textwidget h6 {
    font-weight: 700 !important;
}

/*^^ HOVER */
@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
    animation-name: hvr-back-pulse;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    background-color: #2098D1;
    background-color: #2098d1;
    color: white;
}

/*** REASIGNMENTS */
@media (min-width: 56.875em) and (max-width: 66.875em){
    .sidebar {
        width: 31%;
        margin-left: 70%;
    }
    .content-area{
        width: 67%;
        margin-right: -110%;
    }
}
@media screen and (min-width: 44.375em){
.entry-content li > ol, .entry-summary li > ol, .comment-content li > ol, .entry-content blockquote > ol, .entry-summary blockquote > ol, .comment-content blockquote > ol {
    margin-left: 1.25em;
}}

/*** HEADER */
.header__container {
    width: 100%;
    background-image: repeating-radial-gradient(circle at 50% 50px, #4585ff 0, #2f40dc 90%, #2f40dc 100%);


}

.site-header {
    padding: 45px 65px;
    margin: auto;
    color: white !important;
    width: 100% !important;
    max-width: 1320px;
}

@media (max-width: 1320px) {
    .site-header {
        max-width: 100%;
        padding: 45px 55px;
    }
}

.site-header-main {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

/*^^ LOGO  */
.site-branding {
    overflow: visible;
    margin-top: auto;
    margin-bottom: auto;
}
.site-branding svg{
    display: block;
}

.site-description {
    display: none;
}

/*^^ MENU  */
.menu-item a{
    color: white ;
    font-weight: 500;
    font-size: 1em;
}

.menu-item a:active,
.menu-item a:focus{
    color: #fff;
}

.menu-item a:empty{
    display: block;
}

.menu-item a:empty:after{
    display: block;
    content: "Empty link";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 1;
    speak: none;
    text-align: left;
    text-decoration: inherit;
    text-transform: none;
    vertical-align: auto;
}


@media (min-width: 910px) {
    .primary-menu > .menu-item:hover > a,
    .primary-menu > .menu-item:focus > a {
        color: rgba(255, 255, 255, 0.9) !important;
    }

    .main-navigation .menu-item-has-children > a:after {
        top: 0.6225em;
    }

    .site-header .menu-item .sub-menu a {
        color: var(--color-primary);
        padding: 0.85625em 0.875em;
        position: relative;
    }

    .site-header .menu-item .sub-menu a:hover {
        color: var(--color-base);
    }

    .site-header .sub-menu {
        border-radius: var(--radius-12);
    }

    .main-navigation ul ul ul ul ul li:hover > ul,
    .main-navigation ul ul ul ul ul li.focus > ul {
        right: 0;
        top: 100%;
        left: 0;
    }

    .site-header .sub-menu:before {
        display: none
    }

    .site-header .sub-menu:before,
    .site-header .sub-menu:after {
        right: 30px;
    }

    .site-header .sub-menu > li:first-child {
        border-top-right-radius: var(--radius-12);
        border-top-left-radius: var(--radius-12);
        padding-top: 20px;
    }

    .site-header .sub-menu > li:last-child {
        border-bottom-right-radius: var(--radius-12);
        border-bottom-left-radius: var(--radius-12);
        padding-bottom: 20px;
    }

    .site-header .sub-menu > li a:after {
        right: 1.5625em !important;
        top: 0 !important;
        bottom: 0 !important;
        margin: auto;
    }

    .site-header .sub-menu {
        border: none;
        box-shadow: var(--shadow-dark)
    }

    .site-header .sub-menu > li {
        border: none;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.dropdown-toggle {
    height: 42px;
    outline: 0 !important
}

.dropdown-toggle:after {
    color: #fff;
    border: none;
}

.main-navigation a:hover, .main-navigation a:focus {
    color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 909px) {
    #menu-toggle {
        display: inline-block;
        width: 25px;
        height: 25px;
        padding: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    #menu-toggle:after{
        content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18 14" xmlns="http://www.w3.org/2000/svg" ><path fill="%23fff" d="M1 12h16a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2zm0-6h16a1 1 0 1 1 0 2H1a1 1 0 1 1 0-2zm0-6h16a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2z"></path></svg>');
        display: block;
    }

    #menu-toggle.toggled-on:after{
        content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" ><path fill="%23fff" d="M14.364 3.05L9.414 8l4.95 4.95a1 1 0 0 1-1.414 1.414L8 9.414l-4.95 4.95a1 1 0 0 1-1.414-1.414L6.586 8l-4.95-4.95A.999.999 0 1 1 3.05 1.636L8 6.586l4.95-4.95a1 1 0 1 1 1.414 1.414z"></path></svg>');

    }

    .toggled-on .main-navigation {
        display: block !important;
        width: 100%;
        display: flex;
        justify-content: center;

    }

    .toggled-on#site-header-menu {
        width: 100%;
        margin-top: 2em;
    }
}

#menu-toggle {
    color: #fff;
    border: none;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
    background: transparent;
    outline: none;
}

footer .main-navigation,
footer .social-navigation {
    display: none !important
}

/*^^ ABOVE POST*/
.page-header {
    border: none;
    padding-top: 0;
}

/*** SIDEBAR  */
/*^^ GENERAL */
.sidebar .widget {
    background: #fff;
    margin-bottom: 0 !important;
    margin-top: var(--margin-cards)
}

.sidebar ul {
    list-style: none;
}

.widget ul {
    margin: 0;
    width: 100%;
}

.widget li a:empty{
    margin-top: -15px;
    display: block;
}

.widget li {
    padding: 20px 0 15px 20px;
    margin: 0;
    display: block !important;
}
.widget li li {
    padding: 11px 0 15px 11px;
    margin: 0;
    display: block !important;
}

.widget li li{
    padding-bottom: 0
}

/*.widget li li li li li li{*/
    /*padding-left: 0*/
/*}*/

.widget > ul > li,
.widget_nav_menu .menu-long-menu-container > ul > li,
.widget_nav_menu .menu-testing-menu-container > ul > li{
    padding: 15px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 2px solid var(--gray);
}
.widget > ul > li:last-child{
    border-bottom: none;
}
.widget * {
    box-sizing: border-box;
}

.widget {
    border-top: 0;
    padding: 0;
    box-shadow: var(--shadow-light);
    border-radius: var(--radius-16);
    overflow: hidden;
    background: #fff;
}

.widget .widget-title {
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 1.28571em;
    padding-bottom: .82355em;
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--color-secondary-light-4);
    color: var(--color-secondary);
    margin-bottom: 0;
    line-height: 30px;

}

.widget button.search-submit {
    background: var(--color-action);
    outline: none;
}

.widget button.search-submit:before {
    color: #fff;
    font-weight: bold;
}

.widget button.search-submit:focus {
    outline: none !important;
    background: var(--color-action);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

.widget button.search-submit:active {
    outline: none !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325) !important;
}

@media (max-width: 909px) {
    .sidebar, .widecolumn {
        margin-bottom: 5.25em;
        padding-right: 0;
        padding-left: 0;
        width: 50%;
        margin: auto;
    }
}

@media screen and (max-width: 44.375em) {
    .sidebar, .widecolumn {
        width: calc(100% - 60px);
        margin-left: 30px;
        padding: 0 !important;
    }
}


/*^^ ARCHIVE WIDGETS */
.widget_archive select {
    width: 100%;
    margin: 20px 0 !important;
}

.widget_archive {
    padding-left: 20px;
    padding-right: 20px;
}

.widget_archive ul {
    margin-left: -20px;
    margin-right: -20px;
}

.widget_archive h2 {
    margin-right: -20px !important;
    margin-left: -20px !important;
}

/*^^ CALENDAR WIDGET*/
#wp-calendar {
    width: 102%;
    transform: translatex(-1px) translateY(1px);
}

#wp-calendar th {
    font-weight: 700;
}

#wp-calendar caption {
    width: 80%;
    margin: 10px auto;
    text-align: center;
    font-weight: 700;
}

.widget_calendar tbody a {
    background: #fff;
    color: var(--color-primary);
}

.widget_calendar tbody a:hover {
    background: var(--color-primary);
    color: #fff;
}

#wp-calendar tfoot td {
    line-height: 4em;
    font-weight: 600;
}

#wp-calendar tfoot td:hover a {
    background: var(--color-primary);
    color: #fff !important;
    width: 100%;
    height: 100%;
    display: block;
}

/*^^ CATEGORIES WIDGET */
.widget_categories select {
    width: 100%;
    margin: 20px 0 !important;
}

.widget_categories {
    padding-left: 20px;
    padding-right: 20px;
}

.widget_categories > ul {
    margin-left: -20px;
    margin-right: -20px;
}

.widget_categories h2 {
    margin-right: -20px !important;
    margin-left: -20px !important;
}

/*^^ SEARCH WIDGET*/
.widget_search form {
    display: flex;
}

.widget_search label {
    width: 100%;
}

.widget_search h2 {
    border: none !important
}

.widget_search input {
    outline: none;
    border: none !important;
    background: #fff;
    padding: 15px 0 15px 15px !important;
    width: 80% !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: transparent !important;
    border-top-color: var(--color-secondary-light-4) !important;
    width: 100% !important;
}

.widget_search input:focus,
.widget_search input:active {
    outline: none;
    border-bottom-left-radius: 16px;
    /*border-color: var(--color-action) !important*/

}

.widget_search form #text-field-container {
    margin-left: 20px !important;
}

.widget_search button {
    width: 56px !important;
}

.search-submit:before {
    left: 0 !important;
    top: 2px !important;
}

/*^^ TEXT WIDGET*/
.textwidget {
    padding: 20px;
}

.textwidget img {
    border-radius: var(--radius-12);
}

.textwidget select {
    border: 0;
    outline: 0;
}

.textwidget select:focus {
    border: 0;
    outline: 0;
}

/*^^ TAG CLOUD WIDGET*/
.widget_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 10px;
}

.tagcloud {
    margin: 15px !important;
    padding: 0 !important;
}

.tagcloud a {
    border-radius: var(--radius-8);
    border: 2px solid var(--color-primary);
    display: inline-block;
    padding: 5px 10px;
    margin: 5px;
    font-weight: 600;
}

.tagcloud a:hover {
    text-decoration: none;
    background: var(--color-primary);
    transition: background .1s ease, color .1s ease;
    border: 2px solid var(--color-primary);
    color: white;
}


/*^^ NAV MENU WIDGET*/
.widget_nav_menu a {
    color: var(--color-primary) !important;
}

.widget_nav_menu a:hover {
    color: var(--color-primary-dark-1) !important;
}

/*** POST */
/*^^ MAIN*/

article[class^="post"] {
    border-radius: var(--radius);
    background: white;
    padding: 30px;
    box-shadow: var(--shadow-light);
    margin-bottom: 0 !important;
    margin-top: var(--margin-cards);
}
article[class^="post"].sticky{
    /*background: #eff4ff*/
}
article[class^="post"]:last-child {
    margin-bottom: 0 !important;
}

article[class^="post"] ul:not(.wp-block-gallery):not(.is-grid),
article[class^="post"] ol{
    -webkit-padding-start: 20px;
}



/*^^ HEADER*/
.entry-header{
    margin-right: 0 !important;
    margin-left: 0 !important;

}
.entry-header,
.entry-footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 14px;
    margin-top: -10px;
    margin-bottom: -10px;
}

.entry-header .entry-title{
    margin-top: 10px
}

.entry-header span,
.entry-footer span {
    display: flex !important;
    align-items: center;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-right: 25px;
}

.entry-header span:last-of-type,
.entry-footer span:last-of-type{
    margin-right: auto
}

.entry-header span.cat-links,
.entry-header span.tags-links,
.entry-footer span.cat-links,
.entry-footer span.tags-links {
    display: inline-block !important;
}

.article-header-wrapper,
.edit-single {
    display: flex;
    background: var(--color-secondary-light-5);
    border-radius: var(--radius-8);
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    display: none;
}
.entry-footer span:after{
    display: none !important;
}
.entry-footer > .edit-link{
    display: none !important;
}
.edit-single {
    margin: 0 !important;
    padding: 0 !important;
    margin-left: auto !important;
}

.edit-single a {
    padding: 5px 15px;
}

.article-header-wrapper span {
    margin-left: auto;
    margin-right: 0 !important;
    padding: 5px 10px !important;
}

.article-header-wrapper .edit-link {
    padding-right: 15px !important;
}

.article-header-wrapper .comments-link {
    padding-left: 15px !important;
}

.entry-title {
    font-size: 1.8rem;
    margin: auto;
    width: 100%;
    margin-top: var(--margin-top-title);
    margin-bottom: var(--margin-top-title);
}

.entry-title a {
    color: var(--color-base)
}

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
    color: var(--color-primary-dark-1)
}

.entry-date {
    margin-right: auto !important;
    color: var(--color-secondary-light-1)
}

.sticky-post {
    margin: 0 0 30px;
    padding: 0;
    font-weight: 700;
    color: var(--color-secondary);
    background: var(--color-accent);
    display: inline-block;
    padding: 0 8px !important;
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
}

.byline .vcard {
    margin-right: 0;
    display: flex;
    align-items: center;
}

body.cat-links {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    margin-left: 10px !important;
}

.cat-links a {
    background-color: var(--color-primary);
    border-radius: var(--radius-8);
    color: #fff;
    padding: 0 8px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    margin: 5px 10px 5px 0;
    font-size: 12px;
}

.cat-links a:last-child {
    margin-right: 0;
}
.cat-links a:hover {
    color: #fff;
}
.byline img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.edit-link {
    display: none;
}

/*^^ CONTENT*/
.entry-content {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
    margin-top: var(--margin-top-title);
}

.post-thumbnail {
    margin: 0;
    margin-top: var(--margin-top-title);
}


/*** PAGINATION */
/*^^ pagination inside post */
.page-links{
    margin-top: 20px;
}
.page-links > *:not(.page-links-title) {
    background: var(--color-secondary-light-4);
    border-radius: var(--radius-12);
    color: var(--color-secondary-light-1);
    border: none;
    box-shadow: none;
    font-weight: 600;
    height: 2.2em;
    width: 2.2em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    user-select: none;
    margin-right: 10px;
}

.page-links > span:not(.page-links-title) {
    background: var(--color-secondary-light-5);
    color: var(--color-secondary-light-2);
}

.page-links > a:hover {
    background: var(--color-primary);
    color: #fff;
}

.page-links .page-links-title {
    font-size: 14px !important;
    padding-right: 15px;
}

/*^^ pagination bottom page */
.pagination {
    background: #fff;
    border-radius: var(--radius);
    overflow: hidden;
    border-top: none;
    box-shadow: var(--shadow-light);
    display: flex;
    align-items: center;
    user-select: none;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: var(--margin-cards)
}

.pagination:before, .pagination:after {
    display: none;
}

.pagination .nav-links:before, .pagination .nav-links:after {
    display: none;
}

.pagination .nav-links {
    width: 100%;
    display: flex;
    padding-right: 0
}

.pagination .page-numbers {
    background: var(--color-secondary-light-4);
    border-radius: var(--radius-12);
    color: var(--color-secondary-light-1);
    border: none;
    box-shadow: none;
    font-weight: 600;
    height: 36px;
    width: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    user-select: none;
    margin: 0 0 0 10px !important;
    padding: 0 !important;
}

.pagination .page-numbers:not(.current):not(.dots):hover {
    background: var(--color-primary);
    color: #fff;
}

.pagination .current {
    color: var(--color-secondary-light-2);
    background: var(--color-secondary-light-5);
}

.pagination .prev,
.pagination .next {
    position: relative;
    margin-left: auto !important;
    margin-right: 10px !important;
    font-size: 0;
}

.pagination .prev {
    order: 2;
    right: 0;
}

.pagination .next {
    order: 3

}
.pagination .prev ~ .next{
    margin-left: 0 !important
}

.pagination .prev:before,
.pagination .next:before {
    color: var(--color-secondary-light-1);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.pagination .prev:hover:before,
.pagination .prev:focus:before,
.pagination .next:hover:before,
.pagination .next:focus:before {
    color: white;
}

/*^^ navigation */
.post-navigation {
    border: none;
    background: #fff;
    border-radius: var(--radius-16);
    box-shadow: var(--shadow-light);
    margin-top: var(--margin-cards);
}

.post-navigation .nav-links {
    display: flex;
    flex-wrap: nowrap;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    padding: 0;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    width: 50%;
    padding: 30px;
}

.post-navigation .nav-next {
    text-align: right;
    border-top: none;
    border-left: 2px solid var(--color-secondary-light-4);
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {
    color: var(--color-primary-dark-1)
}

@media screen and (min-width: 44.375em) {
    .post-navigation .post-title {
        font-size: 1.2rem;
    }
}

/*** COMMENTS */
.comments-area {
    background: #fff;
    border-radius: var(--radius-16);
    box-shadow: var(--shadow-light);
    padding: 30px;
    padding-top: 0;
    margin-top: var(--margin-cards);
}

.comment-content ul {
    margin: 0 0 1.5em 30px !important;
}

.comment-list article {
    border-top: 2px solid var(--color-secondary-light-4);
}

.comments-area .form-submit {
    margin-bottom: 0;
}

.comments-area .comment-reply-title {
    border-top: none
}

.comments-area .comment-notes {
    color: inherit;
}

.comments-area .required {
    color: var(--color-primary);
}

.comments-area .no-comments {
    margin-bottom: 0 !important
}

.comments-area .comments-title {
    border-top: 0 !important
}


/*** DIFFERENT */

/*^^ noresults */
.no-results{
    border-radius: var(--radius);
    background: white;
    padding: 30px;
    box-shadow: var(--shadow-light);
}
.no-results .page-header{
    margin-bottom: 20px;
}
.no-results .search-field{
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}
.no-results .search-submit{
    background: var(--color-action);
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    width: 70px;
    transition: .3s ease all;
}
.no-results .search-submit:focus{
    outline: none !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}
.no-results .search-submit:before{
    color: #fff;
}
.no-results .search-submit:active {
    outline: none !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325) !important;
}

/*^^ label */
label {
    font-family: Montserrat, sans-serif !important;
    color: var(--color-secondary) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

/*^^ inputs */
input[type='submit'],
input[type='submit']:hover {
    background: var(--color-action);
    border-radius: var(--radius-12);
    padding: 1.14375em 1.575em 1.08125em;
    transition: .3s ease box-shadow;
    letter-spacing: 0;
}

input[type='submit']:focus {
    outline: none !important;
    background: var(--color-action);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

input[type='submit']:active {
    outline: none !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325) !important;
}

textarea,
input:not([type='submit']) {
    background: #fff;
    border: 2px solid var(--color-secondary-light-4);
    background-color: transparent;
    color: var(--color-base);
    padding: 0 20px !important;
    min-height: 54px;
    font-size: 14px !important;
    line-height: 20px;
    border-radius: var(--radius-12);
}

textarea:focus,
input:not([type='submit']):focus {
    border-color: var(--color-primary);
}

textarea {
    padding: 15px 20px !important
}

/*^^ social */
.social-links-menu a {
    color: darkgray;
}

.site-branding .site-title a:hover, .site-branding .site-title a:focus {
    color: white;
}

/*^^ semantic styling */
code {
    background: var(--color-secondary-light-4);
    border-radius: var(--radius-8);
    padding: 5px 15px 5px !important;
    margin: 2px 0;
    display: inline-block;

}

mark, ins {
    background: var(--color-primary);
    border-radius: var(--radius-8);
    display: inline-block;
    padding: 0 10px !important;
}

pre {
    border-radius: var(--radius-12)
}

blockquote {
    margin-left: 0 !important;
    border-color: var(--color-base-light-1);
}

blockquote p {
    color: var(--color-base);
}

table, table th, table td {
    border-color: var(--color-secondary-light-3)
}

/*^^ img gallery post*/
.gallery-size-thumbnail img {
    width: 100%;
}

.gallery .gallery-icon img {
    border-radius: var(--radius);
}

.gallery-columns-10 .gallery-item {
    width: 10%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-10 .gallery-caption {
    display: none
}

/*** FOOTER */
.site-footer {
    padding: 0 4.5455%;
    padding-bottom: var(--margin-top-title-small);
}

.site-info {
    margin: 0;
    padding: 20px 0 20px;
    margin-right: 20px
}

/*** MEDIA */
@media (max-width: 909px) {
    article[class^="post"],
    .comments-area,
    .navigation,
    footer:not(.entry-footer) {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    #social-navigation,
    #site-navigation{
        display: none;
    }

    .site-footer {
        padding: 0;
    }

}

.error-404 {
    text-align: center;
}
.error-404 .page-title {
    font-size: 22px;
}
.error-404__link {
    display: block;
    font-weight: 500;
    margin-top: 30px;
}