/*
Theme Name:  Kutak
Theme URI:   https://demo.apalodi.com/kutak/
Version:     1.1

Author:      APALODI
Author URI:  http://apalodi.com

Description: Creative Blog & Minimal Magazine Theme
Tags:        one-column, featured-images, custom-colors, translation-ready, theme-options, custom-menu, blog
Text Domain: kutak

License:     Themeforest Licence
License URI: https://themeforest.net/licenses
*/

/*=======================================
=========================================

    1. Base
    2. Layout
        Grid
        Header
            Logo
            Navigation
            Site Actions
            Search
        Heading
        Content
        Footer
    3. Objects (they can be part of many different components)
        Typography
        Forms & Buttons
        Table
        Alignment
        Object Fit
        Social Icons
        Screen Reader
    4. Components
        Media
            General
            Image Preload
            Single Image
            Iframe and Playlist
            Captions and Zoom
        Gallery
        Pagination
            Page Links
            Page Pagination
        Comments
            Comments
            Respond Form
        Tagmap
        Share Buttons
        Posts Grid
    5. Pages
        Homepage
        Single Posts
        Archives
        404
    6. Utilities
        Flexbox
        Helpers
        Font Icons
        CSS Animations

===========================================
=========================================*/

/*==================================================================================================
1. Base
================================================================================================= */
*,
*:before,
*:after {
    box-sizing: inherit;
}

html {
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
    /* Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    display: flex;
    margin: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    font-size: 20px;
    line-height: 1.7;
    background: #fff;
    color: #454545;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media print,
screen and (max-width: 900px) {

    .is-scroll-disabled,
    .is-scroll-disabled body {
        overflow: hidden;
    }
}

:focus {
    outline: none;
}

::-moz-selection {
    background-color: #feffc3;
    color: #555
}

::selection {
    background-color: #feffc3;
    color: #555
}

a {
    text-decoration: none;
    /* Remove the gray background on active links in IE 10. */
    background-color: transparent;
    /* Remove gaps in links underline in iOS 8+ and Safari 8+. */
    -webkit-text-decoration-skip: objects;
    color: inherit;
}

a:active,
a:hover,
a:focus {
    outline-width: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    height: 0;
    clear: both;
    overflow: visible;
    border: none;
    border-top: 2px solid #eee;
    margin: 1.75em 0;
}

/* Add the correct display in IE 10- */
[hidden] {
    display: none;
}


/*==================================================================================================
2. Layout
================================================================================================= */
/* Grid
================================================== */
.container,
.container-fluid,
.container-semi-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.small-container {
    max-width: 840px
}

.container {
    max-width: 1200px
}

.semi-fluid-width {
    max-width: 1240px
}

.page .container {
    max-width: 900px
}

.page.page-template-minimal .container {
    max-width: 680px
}

.semi-fluid-width {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media print,
screen and (min-width: 1380px) {
    .semi-fluid-width {
        max-width: none;
        width: calc(100% - 140px);
    }
}

.row,
.row-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.row {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px;
}

.column {
    min-height: 0;
    min-width: 0;
    width: 100%;
    padding: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

/* Row Margins */
.row.columns-no-margins {
    margin: 0
}

.row.columns-small-margins {
    margin: -2px
}

.row.columns-medium-margins {
    margin: -10px
}

.row.columns-large-margins {
    margin: -20px
}

.row.columns-no-margins>.column {
    padding: 0
}

.row.columns-small-margins>.column {
    padding: 2px
}

.row.columns-medium-margins>.column {
    padding: 10px;
}

.row.columns-large-margins>.column {
    padding: 20px;
}

/* Row Full Height */
.row-full-height {
    min-height: 100vh
}

.row-full-height>.row-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* Equal Height Columns */
.row.columns-equal-height>.column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.row.columns-equal-height>.column>.column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
}

.row.columns-equal-height.columns-content-top>.column>.column-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.row.columns-equal-height.columns-content-middle>.column>.column-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.row.columns-equal-height.columns-content-bottom>.column>.column-inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

/* Columns Content */
.column-inner,
.column-content {
    position: relative;
}

.column-content::after {
    content: "";
    display: block;
    clear: both;
}

.col-has-fill {
    padding: 20px;
}

.column-content {
    width: 100%;
    max-width: 100%;
}

.content-element {
    margin-bottom: 1.75em
}

.column-content>.content-element:last-child,
.column-content>.row-wrapper:last-child,
.content-element>*:last-child {
    margin-bottom: 0
}

/* Columns */
.column.col-xs-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    width: auto;
}

.column.col-xs-shrink {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto;
}

.column.col-xs-hidden {
    display: none;
}

@media print,
screen and (max-width: 599px) {
    .col.col-xs-hidden {
        display: none;
    }
}

@media print,
screen and (min-width: 600px) {
    .column.col-sm-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        width: auto;
    }

    .column.col-sm-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
    }

    .column.col-sm-hidden {
        display: none;
    }
}

@media print,
screen and (min-width: 900px) {
    .column.col-md-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        width: auto;
    }

    .column.col-md-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
    }

    .column.col-md-hidden {
        display: none;
    }
}

@media print,
screen and (min-width: 1125px) {}

@media print,
screen and (min-width: 1200px) {
    .column.col-lg-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        width: auto;
    }

    .column.col-lg-shrink {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: auto;
    }

    .column.col-lg-hidden {
        display: none;
    }

    .row {
        margin: -20px;
    }

    .column {
        padding: 20px
    }
}


/* Header
================================================== */
#wpadminbar {
    position: fixed;
    z-index: 100;
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    z-index: 3;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.site-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.admin-bar .site-header {
    top: 46px;
}

.site-header.is-sticky::before,
.site-header.is-menu-active::before,
.site-header.is-search-active::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@media only screen and (min-width : 782px) {
    .admin-bar .site-header {
        top: 32px;
    }
}

@media print,
screen and (min-width: 1025px) {
    .site-header::before {
        -webkit-transform: translate3d(0, -120%, 0);
        transform: translate3d(0, -120%, 0);
    }
}

/* Logo
-----------------------------*/
.site-branding {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 0 20px
}

.logo {
    display: inline-block;
}

.logo img {
    width: auto;
    height: 50px;
}

.logo-mobile {
    display: block;
}

.logo-mobile+.logo-default {
    display: none;
}

@media print,
screen and (min-width: 600px) {
    .logo-mobile {
        display: none;
    }

    .logo-mobile+.logo-default {
        display: block;
    }
}

@media print,
screen and (min-width: 800px) {
    .site-branding {
        width: auto;
    }
}

/* Navigation
-----------------------------*/
.site-navigation {
    position: fixed;
    top: 65px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    max-height: 100vh;
    max-height: calc(100vh - 65px);
    padding: 20px;
    padding-top: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: all .2s;
    transition: all .2s
}

.admin-bar .site-navigation {
    top: 111px;
    max-height: calc(100vh - 111px);
}

.site-navigation::-webkit-scrollbar {
    width: 3px;
}

.site-navigation::-webkit-scrollbar-track-piece {
    background: transparent;
}

.site-navigation::-webkit-scrollbar-thumb:vertical {
    background-color: #d93f7e;
}

.site-header.is-menu-ready .site-navigation {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.main-navigation {
    max-width: 1080px;
    margin: 0 auto;
}

.menu {
    list-style: none;
    margin: -2px;
    padding: 0;
}

.menu .sub-menu {
    display: none;
}

.menu li {
    width: 50%;
    padding: 2px;
}

.menu li a {
    position: relative;
    display: block;
    border-radius: 8px;
    padding-bottom: 70%;
    overflow: hidden;
    background-color: #888;
    background-size: cover;
    background-position: center;
    text-align: left;
}

.menu li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(255, 0, 0, 0));
}

.menu li a span {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 1;
    font-size: .8em;
    font-weight: 600;
    line-height: 1;
    color: #fff;
}

@media print,
screen and (max-width: 768px) {
    .site-navigation {
        bottom: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

@media print,
screen and (min-width: 540px) {
    .menu-number-is-odd .menu li {
        width: 33.33334%
    }
}

@media print,
screen and (min-width: 720px) {
    .menu li {
        width: 25%
    }

    .menu-number-is-odd .menu li {
        width: 25%
    }

    .menu-number-is-5 .menu li,
    .menu-number-is-9 .menu li {
        width: 33.33334%
    }
}

@media print,
screen and (min-width: 960px) {
    .site-navigation-container {
        padding-top: 20px
    }

    .menu-number-is-bigger-than-5 .menu li {
        width: 20%
    }

    .menu-number-is-7 .menu li {
        width: 25%
    }

    .menu {
        margin: -3px;
    }

    .menu li {
        padding: 3px;
    }
}

@media only screen and (min-width : 782px) {
    .admin-bar .site-actions-bg {
        top: 32px;
    }

    .admin-bar .site-navigation {
        top: 97px;
        max-height: calc(100vh - 97px);
    }
}

@media print,
screen and (min-width: 960px) {
    /*.menu li { width: 20% }*/
}

.secondary-navigation {
    text-align: center;
}

.main-navigation+.secondary-navigation {
    margin-top: 20px
}

.sec-menu {
    list-style: none;
    padding: 0;
    margin: 0
}

.sec-menu li {
    display: inline-block;
    margin: 2px 7px;
    color: rgba(0, 0, 0, .5);
    font-size: .9em;
}

.site-navigation .social-icons {
    text-align: center;
    margin-top: 10px;
}

.site-navigation .social-icon {
    padding: 0 10px;
}


/* Site Actions
-----------------------------*/
/* Hamburger Menu */
.hamburger-menu {
    position: relative;
    display: block;
    width: 30px;
    height: 26px;
    cursor: pointer;
    margin-right: 20px
}

.hamburger-menu span,
.hamburger-menu::before,
.hamburger-menu::after {
    position: absolute;
    left: 0;
    display: block;
    width: 30px;
    height: 2px;
    background: #666;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.hamburger-menu::before,
.hamburger-menu::after {
    content: '';
}

.hamburger-menu::before {
    top: 4px;
}

.hamburger-menu span {
    top: 12px;
    width: 25px
}

.hamburger-menu::after {
    top: 20px;
    width: 10px
}

.hamburger-menu.is-active::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg);
}

.hamburger-menu.is-active span {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
}

.hamburger-menu.is-active::after {
    width: 30px;
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/* Search trigger */
.search-trigger {
    position: relative;
    width: 22px;
    margin-left: 28px;
    font-size: 22px;
    text-align: left;
    color: #666
}

.search-trigger::before {
    display: block;
    -webkit-transition: all .2s;
    transition: all .2s
}

.search-trigger.is-active::before {
    opacity: 0;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}

.search-trigger span {
    position: absolute;
    top: -1px;
    left: -4px;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}

.search-trigger span::before,
.search-trigger span::after {
    content: '';
    position: absolute;
    left: 0;
    display: block;
    width: 30px;
    height: 2px;
    background: #555;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.search-trigger span::before {
    top: 4px;
}

.search-trigger span::after {
    top: 20px;
}

.search-trigger.is-active span::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg);
}

.search-trigger.is-active span::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg);
}

.search-trigger.is-active span {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Site actions overlays */
.site-actions-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.site-header.is-menu-active .site-actions-backdrop,
.site-header.is-search-active .site-actions-backdrop {
    opacity: .6;
    visibility: visible;
}

.site-actions-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    max-height: 100vh;
    background: #fff;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    will-change: transform;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.admin-bar .site-actions-bg {
    top: 46px;
}

@media only screen and (min-width : 782px) {
    .admin-bar .site-actions-bg {
        top: 32px;
    }
}

@media only screen and (min-width : 800px) {
    .search-trigger {
        width: 30px;
        margin-left: 20px
    }
}


.site-header.is-menu-active .site-actions-bg,
.site-header.is-search-active .site-actions-bg {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/* Search
-----------------------------*/
.site-search {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: all .2s;
    transition: all .2s
}

.site-header.is-search-ready .site-search {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.search-form {
    position: relative;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto
}

.search-field {
    width: 100%;
    padding: 10px 0;
    padding-right: 30px;
    font-size: 25px;
    color: #777;
    border: none;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    background: transparent;
}

.search-submit[type="submit"] {
    position: absolute;
    top: 50%;
    right: 0px;
    font-size: 20px;
    color: #aaa;
    background: transparent;
    border: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media print,
screen and (min-width: 450px) {
    .search-field {
        font-size: 30px
    }

    .search-submit[type="submit"] {
        font-size: 25px;
    }
}

@media print,
screen and (min-width: 1100px) {
    .search-field {
        font-size: 45px
    }

    .search-submit[type="submit"] {
        font-size: 30px;
    }
}


/* Heading
================================================== */
.site-heading {
    padding-top: 95px;
    padding-bottom: 30px;
    background: #f5f5f5;
    border-bottom: 1px solid #eee
}

.site-heading h1 {
    margin: 0;
    color: #444;
    font-size: 2.1em;
    line-height: 1;
    letter-spacing: -1px;
    word-break: break-word;
}

.site-heading p {
    margin-top: .5em;
    margin-bottom: 0;
    max-width: 550px;
    font-size: .9em;
    line-height: 1.5;
    color: #555;
}

.site-heading p a {
    padding-bottom: 3px;
    color: #d93f7e;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e5e5e5 100%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 1.3em;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.site-heading p a:hover {
    color: #fff;
    background-image: linear-gradient(to bottom, #d93f7e 0%, #d93f7e 100%);
    background-position: 0 0;
}

.page-template-minimal .site-title {
    font-size: 2.5em;
    margin-top: 50px
}

@media print,
screen and (min-width: 1200px) {
    .site-heading {
        padding-top: 115px;
        padding-bottom: 50px;
    }
}


/* Content
================================================== */
.site,
.site-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.site {
    width: 100%;
    min-height: 100vh;
}

.site-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.site-content {}

.content-area {
    padding: 30px 0
}

.single-post .content-area {
    padding: 0
}

.entry-content::after,
.article-content::after {
    content: '';
    display: block;
    clear: both;
}

.entry-content> :first-child {
    margin-top: 0
}

.entry-content> :last-child,
.article-content> :last-child {
    margin-bottom: 1em
}

@media print,
screen and (min-width: 1200px) {
    .content-area {
        padding: 50px 0
    }
}


/* Footer
================================================== */
.site-footer {
    padding: 1em 0;
    background: #f5f5f5;
    text-align: center;
}

.footer-social {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 20px 1em 20px;
    margin-bottom: 1em
}

.footer-social .social-icon {
    padding: 0 10px;
}

.footer-content {
    padding: 0 20px
}

.footer-menu {
    font-size: 18px;
    color: #555;
    margin-bottom: .5em
}

.footer-menu ul,
.footer-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-menu ul::after {
    content: '';
    clear: both;
}

.footer-menu ul li {
    display: inline-block;
    margin: 2px 7px;
}

.copyright {
    font-size: 14px;
    color: #777
}

.copyright p {
    margin: 0;
}

.copyright a {
    padding-bottom: 2px;
    border-bottom: 2px solid #ddd;
    color: #d93f7e;
    font-weight: 600;
}



/*==================================================================================================
3. Objects
================================================================================================= */
/* Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
    margin-bottom: .5em;
    color: #333;
    line-height: 1.1;
    font-weight: 600;
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
    font-family: inherit;
    font-weight: inherit;
}

h1,
.h1 {
    font-size: 1.9em;
    margin-top: 1.75em;
}

h2,
.h2 {
    font-size: 1.7em;
    margin-top: 1.75em;
}

h3,
.h3 {
    font-size: 1.5em;
    margin-top: 1.75em;
}

h4,
.h4 {
    font-size: 1.4em;
    margin-top: 1.75em;
}

h5,
.h5 {
    font-size: 1.2em;
    margin-top: 1.75em;
    text-transform: uppercase;
}

h6,
.h6 {
    font-size: 1em;
    margin-top: 1.75em;
    text-transform: uppercase;
}

p,
ul,
ol,
pre,
table,
blockquote,
fieldset {
    margin: 0;
    margin-bottom: 1em;
}

ul,
ol {
    padding: 0 0 0 1em
}

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

li ul,
li ol {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* avoid sup margin on nested elements */
li>ul,
li>ol,
li:last-of-type ul,
li:last-of-type ol {
    margin-bottom: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

blockquote {
    margin: 1em -20px;
    padding: 20px;
    border: 10px solid #f5f5f5;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5;
    color: #d93f7e;
}

blockquote p {
    margin-bottom: .4em
}

blockquote p:last-child {
    margin-bottom: 0
}

blockquote cite {
    font-size: .7em;
    color: rgba(0, 0, 0, .3);
    font-style: normal;
}

blockquote+h1,
blockquote+h2,
blockquote+h3,
blockquote+h4,
blockquote+h5,
blockquote+h6 {
    margin-top: 1.2em
}

b,
strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

big {
    font-size: 125%;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

del {
    opacity: 0.8;
}

ins {
    text-decoration: underline;
}

address {
    margin: 0 0 1.5em;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
tt,
var,
samp,
pre {
    font-family: monospace, monospace;
    font-size: .8em;
    background-color: #eee;
    border: 2px solid #eee
}

code,
kbd,
tt,
var,
samp,
pre {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre {
    max-width: 100%;
    overflow: auto;
    padding: 20px;
}

mark {
    background-color: #ff0;
    color: #000;
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    text-decoration: none;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
    text-decoration: none;
}

/* Add the correct display in all browsers. */
summary {
    display: list-item;
}

.site-content {
    font-size: 19px
}

.site-content p a {
    padding-bottom: 3px;
    color: #d93f7e;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #e5e5e5 0%, #e5e5e5 100%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 1.3em;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.site-content p a:hover {
    color: #fff;
    background-image: linear-gradient(to bottom, #d93f7e 0%, #d93f7e 100%);
    background-position: 0 0;
}

.entry-content ul,
.entry-content>ol {
    padding: 0;
    list-style: none;
    counter-reset: list;
    margin: 1.6em 0
}

.entry-content li {
    position: relative;
    padding-left: 45px;
    margin: 1em 0
}

.entry-content ul li {
    padding-left: 30px;
    margin: .5em 0
}

.entry-content li>strong {}

.entry-content li ul,
.entry-content li ol {
    margin-top: 10px;
    margin-bottom: 10px;
}

.entry-content li>ul,
.entry-content li>ol,
.entry-content li:last-of-type ul,
.entry-content li:last-of-type ol {
    margin-bottom: 0;
}

.entry-content ol>li::before {
    position: absolute;
    top: .15em;
    left: 0;
    width: 30px;
    height: 30px;
    counter-increment: list;
    border: 2px solid #e5e5e5;
    border-radius: 30px;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    font-size: .8em
}

.entry-content ul li::before {
    position: absolute;
    top: 1.3em;
    left: 8px;
    font-size: .55em;
    line-height: 1;
    color: #ccc
}

.entry-content>ol>li::before {
    content: counter(list);
}

.entry-content li ol>li {
    padding-left: 5px
}

.iframe-wrapper+h1,
.iframe-wrapper+h2,
.iframe-wrapper+h3,
.iframe-wrapper+h4,
.iframe-wrapper+h5,
.iframe-wrapper+h6 {
    margin-top: 1.2em
}

.gallery-grid+h1,
.gallery-grid+h2,
.gallery-grid+h3,
.gallery-grid+h4,
.gallery-grid+h5,
.gallery-grid+h6 {
    margin-top: 1.2em
}
.entry-content blockquote{
    margin: 1.6em  0;
}
@media print,
screen and (min-width: 860px) {
    blockquote {
        margin: 1.6em -70px;
        padding: 30px 35px;
    }
    .entry-content blockquote{
        margin: 1.6em  0;
    }
}

@media print,
screen and (min-width: 1000px) {
    .entry-content {
        font-size: 20px
    }
}



/* Forms & Buttons
================================================== */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    border-radius: 4px;
    margin: 0;
    /* Remove the margin in Firefox and Safari. */
}

/* Show the overflow in Edge. */
button,
input {
    overflow: visible;
}

/* Remove the inheritance of text transform in Firefox. */
button,
select {
    text-transform: none;
}

button {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button {
    -webkit-appearance: button;
}

[type="button"],
[type="reset"],
[type="submit"] {
    background: #d93f7e;
    border: 2px solid #d93f7e;
    color: #fff;
    font-size: .8em;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-appearance: button;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover {
    background: transparent;
    color: #d93f7e
}

/* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
input[type="button"]:-moz-focusring,
input[type="reset"]:-moz-focusring,
input[type="submit"]:-moz-focusring {
    outline: none;
}

/* Remove the padding in IE 10-. */
[type="checkbox"],
[type="radio"] {
    padding: 0;
}

/* Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/* Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

fieldset {
    padding: .35em .75em .625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
    vertical-align: baseline;
}

/* Remove the default vertical scrollbar in IE. */
textarea {
    overflow: auto;
}

input,
textarea,
select {
    padding: 13px 15px;
    max-width: 100%;
    margin: 0;
    outline: 0;
    border: 2px solid #eee;
    background-color: #fff;
    background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
    /* Removing the inner shadow, rounded corners on iOS inputs */
}

input[type=checkbox],
input[type=radio] {
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 18px;
    margin: -3px 4px 0 0;
    outline: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 18px;
    min-width: 18px;
    -webkit-appearance: none;
    appearance: none;
}

input[type=radio] {
    border-radius: 50%;
    margin-top: 0
}

input[type=checkbox]:checked::before {
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    color: #d93f7e;
}

input[type=radio]:checked::before {
    content: '';
    display: inline-block;
    background-color: #d93f7e;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    margin-top: 4px;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #aaa;
}

::-moz-placeholder {
    color: #aaa;
    opacity: 1;
    /* FF19+ lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #aaa;
}


/* Table
================================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

td,
th {
    padding: 0;
}

table thead th {
    padding: 0 15px
}

table td,
table tbody th {
    padding: 7px 15px
}

table td> :last-child {
    margin-bottom: 0
}

table td,
table tbody th {
    border: 2px solid #eee
}

table caption,
table th,
table td {
    font-weight: inherit;
    text-align: left;
}

/* Alignment
================================================== */
.alignleft,
.alignright,
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .875em;
}

@media only screen and (min-width : 600px) {

    .alignleft,
    .wp-block-image .alignleft {
        float: left;
        margin: 0 1em .875em 0;
    }

    .alignright,
    .wp-block-image .alignright {
        float: right;
        margin: 0 0 .875em 1em;
    }

    blockquote.alignleft,
    blockquote.alignright {
        padding-top: 1em;
        width: 50%;
    }
}


/* Object Fit
================================================== */
.object-fit-wider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    min-width: 100%;
    max-width: none;
    height: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.object-fit-taller {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Social Icons
================================================== */
.social-icon {
    color: #d93f7e;
    line-height: 1
}

.social-icon::before {
    vertical-align: middle;
}

.social-icon {
    font-size: 20px
}

.social-icon span {
    display: inline-block;
    margin-left: 7px;
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}


/* Screen Reader
================================================== */
.wp-smiley {
    border: 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.screen-reader-text {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    left: 5px;
    top: 5px;
    display: block;
    padding: 15px 23px 14px;
    width: auto;
    height: auto;
    clip: auto;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    text-decoration: none;
    text-transform: none;
    line-height: normal;
    z-index: 100000;
    /* Above WP toolbar */
}



/*==================================================================================================
4. Components
================================================================================================= */
/* Media
================================================== */
/* General
-----------------------------*/
/* Remove the gap between images, videos, audio, iframe and canvas and the bottom of their containers */
audio,
canvas,
img,
video,
iframe {
    vertical-align: middle;
}

/* Add the correct display in iOS 4-7. */
audio:not([controls]) {
    display: none;
    height: 0;
}

img,
video {
    height: auto;
    max-width: 100%;
    border-style: none;
    /* Remove the border on images inside links in IE 10-. */
}

figure {
    margin: 0
}

img {
    -ms-interpolation-mode: bicubic;
}

/* Hide the overflow in IE. */
svg:not(:root) {
    overflow: hidden;
}

/* Image Preload
-----------------------------*/
.preload-image,
.preload-bg-image {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    will-change: opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.no-js .preload-image,
.preload-image.is-ready,
.no-js .preload-bg-image,
.preload-bg-image.is-ready {
    opacity: .99
}

/* Single Image
-----------------------------*/
.image-wrapper {
    width: 100%
}

.image-thumbnail,
.wp-block-image {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    -webkit-transition: none;
    transition: none;
}

.wp-block-cover-image {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.post-media::before,
.image-thumbnail::before {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    opacity: .5;
    color: #d1d1d1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.image-thumbnail.thumbnail-size::after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.image-thumbnail.is-transparent-bg {
    background: transparent;
}

.image-thumbnail.is-transparent-bg::before {
    opacity: 0
}

.image-thumbnail img:not(.is-object-fit) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

/* Iframe and Playlist
-----------------------------*/
.iframe-wrapper,
.wp-video {
    position: relative;
    width: auto;
    margin: 1em 0px;
    border-radius: 4px;
    overflow: hidden;
    background: #eee
}

.iframe-wrapper::before,
.wp-video::before {
    content: '';
    display: block;
    padding-bottom: 56.25%
}

.iframe-wrapper.iframe-soundcloud::before {
    padding-bottom: 30%
}

.iframe-wrapper iframe,
.wp-video video,
.wp-video .mejs-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    z-index: 2
}

.iframe-wrapper::after {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    opacity: .5;
    color: #d1d1d1;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.wp-playlist video {
    height: auto;
}

.wp-audio-playlist .wp-playlist-current-item {
    display: none;
}

@media print,
screen and (min-width: 770px) {

    .iframe-wrapper,
    .wp-video {
        margin: 1em -20px;
    }
}

@media print,
screen and (min-width: 860px) {

    .iframe-wrapper,
    .wp-video {
        margin: 1.6em -70px;
    }
}


/* Captions and Zoom
-----------------------------*/
.wp-caption {
    position: relative;
    overflow: hidden;
    margin-bottom: .875em;
    max-width: 100%
}

.wp-caption-text,
.gallery-caption,
.wp-block-image figcaption,
.hentry .wp-block-gallery .blocks-gallery-image figcaption,
.hentry .wp-block-gallery .blocks-gallery-item figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 40px 10px 10px 10px;
    z-index: 1;
    font-size: .7em;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    color: #fff;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(255, 0, 0, 0));

}

.gallery-caption span {
    position: relative;
    z-index: 1
}

.gallery-caption span::before {
    margin-right: 10px;
    font-size: .8em;
    display: none !important;
}

.wp-caption-text::after,
.gallery-caption::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 130%;
}

/* Gallery
================================================== */
.wp-block-gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.wp-block-gallery,
.wp-block-gallery li {
    list-style: none;
}

.hentry .wp-block-gallery li::before {
    display: none;
}

.gallery-grid,
.wp-block-image figure,
.hentry .wp-block-gallery {
    margin: 1em -5px
}


.gallery-grid .gallery-item,
.hentry .wp-block-gallery .blocks-gallery-image,
.hentry .wp-block-gallery .blocks-gallery-item {
    position: relative;
    width: 50%;
    margin: 0;
    padding: 5px;
    flex-grow: 1
}

.gallery-grid .image-thumbnail {
    display: block;
    padding-bottom: 56.25%;
    background: #eee;
    border-radius: 4px;
    overflow: hidden;
    z-index: 1;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.wp-block-image figure,
.hentry .wp-block-gallery .blocks-gallery-image figure,
.hentry .wp-block-gallery .blocks-gallery-item figure {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    z-index: 1;
}

.gallery-ratio-landscape .image-thumbnail {
    padding-bottom: 56.25%
}

.gallery-ratio-square .image-thumbnail {
    padding-bottom: 100%
}

.gallery-ratio-portrait .image-thumbnail {
    padding-bottom: 125%
}

.gallery-zooom {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 16px;
    height: 16px;
    color: #fff;
    text-align: center;
    line-height: 1;
    opacity: .8
}

.gallery-zooom::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 16px;
    font-size: 12px;
    line-height: 16px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {}

.gallery-mcolumns-1 .gallery-item,
.hentry .wp-block-gallery .blocks-gallery-image,
.hentry .wp-block-gallery .blocks-gallery-item {
    width: 100%
}

@media screen and (min-width: 500px) {

    .gallery-columns-2 .gallery-item,
    .hentry .wp-block-gallery.columns-2 .blocks-gallery-image,
    .hentry .wp-block-gallery.columns-2 .blocks-gallery-item,
    .hentry .wp-block-gallery.columns-3 .blocks-gallery-image,
    .hentry .wp-block-gallery.columns-3 .blocks-gallery-item {
        width: 50%;
    }

    .gallery-columns-3 .gallery-item,
    .hentry .wp-block-gallery.columns-3 .blocks-gallery-image,
    .hentry .wp-block-gallery.columns-3 .blocks-gallery-item {
        width: 33.333334%;
    }

    .hentry .wp-block-gallery.columns-4 .blocks-gallery-image,
    .hentry .wp-block-gallery.columns-4 .blocks-gallery-item,
    .hentry .wp-block-gallery.columns-5 .blocks-gallery-image,
    .hentry .wp-block-gallery.columns-5 .blocks-gallery-item {
        width: 50%;
    }
}

@media screen and (min-width: 600px) {
    .gallery-align-left {
        width: 50%;
        float: left;
        margin-top: 0;
        margin-right: 1em;
        margin-bottom: .6em
    }

    .gallery-align-right {
        width: 50%;
        float: right;
        margin-top: 0;
        margin-left: 1em;
        margin-bottom: .6em
    }
}

@media screen and (min-width: 770px) {

    .gallery-grid,
    .wp-block-image figure,
    .hentry .wp-block-gallery {
        margin: 1.6em -25px
    }

    .gallery-align-left {
        width: 60%;
        margin-top: 0;
        margin-right: 1.6em;
        margin-bottom: 1em
    }

    .gallery-align-right {
        width: 60%;
        margin-top: 0;
        margin-left: 1.6em;
        margin-bottom: 1em
    }

    .gallery-columns-3 .gallery-item,
    .hentry .wp-block-gallery.columns-3 .blocks-gallery-image,
    .hentry .wp-block-gallery.columns-3 .blocks-gallery-item {
        width: 33.333334%;
    }

    .hentry .wp-block-gallery.columns-4 .blocks-gallery-image,
    .hentry .wp-block-gallery.columns-4 .blocks-gallery-item {
        width: 25%;
    }

    .hentry .wp-block-gallery.columns-5 .blocks-gallery-image,
    .hentry .wp-block-gallery.columns-5 .blocks-gallery-item {
        width: 33.333334%;
    }
}

@media screen and (min-width: 860px) {

    .gallery-grid,
    .wp-block-image figure,
    .hentry .wp-block-gallery {
        margin: 1.6em -70px
    }

    .gallery-align-left {
        width: 60%;
        margin-top: 0;
        margin-right: 1.6em;
        margin-bottom: 1em
    }

    .gallery-align-right {
        width: 60%;
        margin-top: 0;
        margin-left: 1.6em;
        margin-bottom: 1em
    }

    .gallery-zooom {
        display: none;
    }

    .hentry .wp-block-gallery.columns-5 .blocks-gallery-image,
    .hentry .wp-block-gallery.columns-5 .blocks-gallery-item {
        width: 20%;
    }
}


/* Loader
================================================== */
.loader {
    display: block;
    width: 100%;
    height: 46px;
    margin: 40px 0;
    text-align: center;
    line-height: 1
}

.button {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.button>.loader {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    height: 18px;
    margin: 0;
    margin-top: -9px;
    opacity: 0;
    -webkit-transform: translate(0, 150%);
    -ms-transform: translate(0, 150%);
    transform: translate(0, 150%);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
}

.button.is-loading>.loader {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.loader:after {
    content: '';
    display: inline-block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #ddd;
    border-color: #ddd transparent #ddd transparent;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.button>.loader:after {
    width: 18px;
    height: 18px;
    border-width: 2px;
    margin: 0
}

.loader.is-loading::after,
.button.is-loading>.loader::after {
    -webkit-animation-name: rotate;
    animation-name: rotate;
}

.post-comment .loader {
    margin-bottom: 20px;
}

.btn-loader-text {
    display: block;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
}

.button.is-loading .btn-loader-text {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
}


/* Pagination
================================================== */
/* Page Links
-----------------------------*/
.page-links {
    clear: both;
}

.page-links .page-numbers>span,
.page-links .page-numbers a {
    float: left;
    margin: 1px;
}

.page-links a {
    padding-left: 2px;
    padding-right: 2px;
}

.page-links p>span {
    padding-bottom: 3px;
    color: #555;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #555 0%, #555 100%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 1.3em;
}

/* Page Pagination
-----------------------------*/
.paging-navigation {
    margin-top: 40px;
    text-align: center;
}

.paging-navigation .page-numbers {
    text-decoration: none;
    line-height: 1;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* Pagination Numbers */
.paging-navigation .page-numbers {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.paging-navigation .page-numbers li {
    float: left;
    margin: 1px;
    list-style: none;
}

.paging-navigation .page-numbers .page-numbers {
    padding: 7px 12px;
    border: 2px solid #eee;
    border-radius: 4px;
    font-weight: 600;
    font-size: .8em;
    background: #fff;
    color: #999;
}

.paging-navigation .page-numbers .page-numbers.current {
    background-color: #d93f7e;
    color: #fff;
    border-color: #d93f7e
}

.paging-navigation .page-numbers .page-numbers:hover {
    z-index: 2;
}


/* Comments
================================================== */
.post-comments-section {
    background: #fafafa;
    padding: 40px 0
}

/* Comments
-----------------------------*/
#comments:focus {
    outline: 0
}

.comments-area {
    outline: 0;
}

.page .comments-area {
    margin-top: 50px
}

.comment-form,
.comment-list {
    font-size: .8em
}

.comment-list .comment-form {
    font-size: 1em
}

.comments-area .comments-title {
    margin-top: 0
}

.comments-title,
.comment-reply-title {
    position: relative;
}

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

.comment .children {
    list-style: none;
    margin: 0;
    padding: 0 0 0 25px;
}

.comment-body {
    position: relative;
    margin: 0 0 10px 40px;
    padding: 10px 10px 10px 15px;
    background: #fff;
    border: 2px solid #eee;
    border-radius: 2px;

}

.bypostauthor>.comment-body::before {
    border-color: #d93f7e
}

.pingback .comment-body,
.trackback .comment-body {
    margin: 0 0 4px 0;
}

.comment-author img {
    position: absolute;
    top: 0;
    left: -40px;
    width: 32px;
    height: 32px;
    border-radius: 2px
}

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

.comment-metadata {
    display: block;
    font-size: .8em;
    font-weight: 600;
    color: #999;
}

.comment-metadata .edit-link::before {
    content: "–";
    display: inline-block;
    margin: 0 5px;
}

.comment-awaiting-moderation {
    margin: 0
}

.comment-content {
    margin-top: .5em
}

.comment-content> :last-child {
    margin-bottom: 0
}

.comment .reply {
    margin-top: .5em;
    font-size: .8em;
    font-weight: 600;
    color: #999;
}

.pingback .url,
.trackback .url,
.comment-content a {}

.comment-content blockquote {
    margin-left: 0;
    margin-right: 0
}

.comments-area .comments-navigation {
    margin-top: 6px
}

.comments-area .no-comments {
    margin: 0;
    text-align: center;
}

/* Respond
-----------------------------*/
.comment-respond {
    position: relative;
    clear: both;
}

.comment-respond:focus {
    outline: 0
}

.comments-area *+.comment-respond {
    margin-top: 50px
}

.comments-area .comment-list .comment-respond {
    margin: 20px 0
}

.comment-reply-title {
    margin-top: 0;
}

#cancel-comment-reply-link {
    padding: 3px 7px;
    margin-left: 7px;
    border: 2px solid #d93f7e;
    border-radius: 4px
}

.comment-respond .must-log-in a,
.comment-respond .logged-in-as a {
    color: #666;
}

.comment-respond .must-log-in a:hover,
.comment-respond .logged-in-as a:hover {
    color: #fff;
}

.comment-form {}

.comment-form::after {
    content: "";
    display: block;
    clear: both;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
    width: 100%;
    margin-bottom: 10px
}

.comment-form .comment-form-comment {
    margin-bottom: 10px
}

.comment-form .comment-form-comment {
    clear: both;
    display: block;
    width: 100%;
}

.comment-form input,
.comment-form textarea,
.comment-form select {
    width: 100%
}

.comment-form input[type=checkbox] {
    width: 18px
}

.comment-form textarea {
    vertical-align: middle;
}

.comment-form .form-submit {
    clear: both;
    margin-bottom: 0;
}

.comment-form .form-submit input {
    width: auto;
}

.form-allowed-tags {
    display: none;
}

@media only screen and (min-width : 1024px) {

    .comment-form .comment-form-author,
    .comment-form .comment-form-email,
    .comment-form .comment-form-url {
        float: left;
        width: 30.75%;
        margin-right: 3.8%;
    }

    .comment-form .comment-form-url {
        margin-right: 0
    }
}


/* Tagmap
================================================== */
.tagmap {
    column-count: 1;
    margin-bottom: 30px
}

.tagmap-column {
    width: 100%
}

.tagmap-title {
    margin: 0;
    padding-bottom: .5em;
    border-bottom: 2px solid #d93f7e
}

.tagmap-item {
    padding: .2em .7em;
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
    font-size: .9em;
    word-break: break-word;
}

.tagmap-item span {
    margin-left: auto;
    padding-left: 15px;
    color: #d93f7e
}

.tagmap-group {
    margin: 15px 0;
    display: inline-block;
    width: 100%
}

.tagmap-groups:first-child {
    margin-top: 0
}

@media only screen and (min-width: 660px) {
    .tagmap {
        column-count: 2
    }

    .tagmap-column {
        width: 50%
    }
}

@media only screen and (min-width: 768px) {
    .tagmap {
        column-count: 3
    }

    .tagmap-column {
        width: 33.3333%
    }
}

@media only screen and (min-width: 1200px) {
    .tagmap {
        /*column-count: 4*/
    }

    .tagmap-column {
        width: 25%
    }
}


/* Share Buttons
================================================== */
.share-button {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #eee;
    color: #555;
    border-radius: 4px;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    -webkit-transition: all .2s;
    transition: all .2s
}

.share-button:hover {
    color: #d93f7e
}

html:not(.is-mobile) .share-button.icon-facebook-messenger,
html:not(.is-mobile) .share-button.icon-whatsapp,
html:not(.is-mobile) .share-button.icon-viber {
    display: none;
}

@media print,
screen and (max-width: 1099px) {

    .share-button,
    .share-button:hover {
        color: #fff
    }

    .share-button.icon-facebook {
        background: #3b5998;
    }

    .share-button.icon-facebook-messenger {
        background: #0084ff;
    }

    .share-button.icon-twitter {
        background: #1da1f2;
    }

    .share-button.icon-google-plus {
        background: #dd4b39;
    }

    .share-button.icon-pinterest {
        background: #bd081c;
    }

    .share-button.icon-whatsapp {
        background: #25d366;
    }

    .share-button.icon-viber {
        background: #665CAC;
    }

    .share-button.icon-pinterest {
        background: #bd081c;
    }

    .share-button.icon-tumblr {
        background: #35465c;
    }

    .share-button.icon-reddit {
        background: #ff4500;
    }

    .share-button.icon-linkedin {
        background: #0077b5;
    }

    .share-button.icon-vk {
        background: #45668e;
    }

    .share-button.icon-mail {
        background: #5bc1af;
    }
}

@media print,
screen and (min-width: 1100px) {
    .share-buttons.single-meta {
        position: absolute;
        top: 30px;
        width: 35px;
        margin-left: -153px;
        margin-top: 0;
        padding: 0;
        border: none;
    }

    .share-buttons.single-meta::before {
        display: none;
    }

    .share-buttons.single-meta.is-sticky {
        position: fixed;
        top: 90px
    }

    .share-buttons.single-meta.is-bottom {
        top: auto;
        bottom: 50px;
    }

    .share-buttons-title {
        display: none;
    }

    .share-button {
        color: #e5e5e5;
        font-size: 22px;
        width: 35px;
        height: 40px;
        line-height: 40px;
        background: transparent;
    }

    .share-button.icon-facebook:hover {
        color: #3b5998;
    }

    .share-button.icon-facebook-messenger:hover {
        color: #0084ff;
    }

    .share-button.icon-twitter:hover {
        color: #1da1f2;
    }

    .share-button.icon-google-plus:hover {
        color: #dd4b39;
    }

    .share-button.icon-pinterest:hover {
        color: #bd081c;
    }

    .share-button.icon-whatsapp:hover {
        color: #25d366;
    }

    .share-button.icon-viber:hover {
        color: #665CAC;
    }

    .share-button.icon-pinterest:hover {
        color: #bd081c;
    }

    .share-button.icon-tumblr:hover {
        color: #35465c;
    }

    .share-button.icon-reddit:hover {
        color: #ff4500;
    }

    .share-button.icon-linkedin:hover {
        color: #0077b5;
    }

    .share-button.icon-vk:hover {
        color: #45668e;
    }

    .share-button.icon-mail:hover {
        color: #5bc1af;
    }
}

@media print,
screen and (min-width: 1200px) {
    .share-buttons.single-meta {
        top: 50px;
    }
}


/* Posts Grid
================================================== */
.post-inner {
    position: relative;
    width: 100%;
}

.post-inner::after {
    content: '';
    margin: 0 30px;
    height: 1px;
    background: #eee
}

.post:not(.has-post-thumbnail) .post-inner::after {
    margin: 0
}

.post-media {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #eee;
    border-radius: 5px
}

.post-image {
    padding-bottom: 52.65%;
    background-position: center;
    background-size: cover;
}

.post-cats {
    margin-bottom: .4em;
    font-size: .6em;
    line-height: 1.3;
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(55, 55, 55, .5);
}

.post-cats i {
    margin: 0 3px
}

.post-cat {
    position: relative;
    padding: 2px 0;
}

.post-cat::before {
    margin-right: 5px
}

.post-cats a {
    transition: all .2s;
    background-position: 120%, 122%, 0 130%;
    background-size: 100% 3px;
}

.post-cats a:hover {
    color: rgba(0, 0, 0, .7);
}

.post-catss a:hover {
    background-image: linear-gradient(transparent, transparent), linear-gradient(transparent, transparent), linear-gradient(to right, rgba(207, 193, 213, 0.4), rgba(207, 193, 213, 0.4));
    background-repeat: no-repeat;
    background-position: 120%, 122%, 0 130%;
    background-size: 100% 7px;
}

.post-title {
    margin: 0;
    font-size: 1.3em;
    line-height: 1.2;
    letter-spacing: -1px;
    color: #242424;
    word-wrap: break-word;
}

.post-content {
    position: relative;
    z-index: 2;
    margin: -10px 10px 0 10px;
    padding: 20px;
    border-radius: 5px;
    background: #fff;
}

.post:not(.has-post-thumbnail) .post-content {
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.post-content p {
    margin: 0;
    margin-bottom: .7em;
    font-size: .9em;
    line-height: 1.5
}

.post-content p:last-of-type {
    margin-bottom: 0
}

.post-title+p {
    margin-top: 1em
}

.post-footer {
    position: relative;
    padding: .6em 30px;
    padding-bottom: 15px;
    color: rgba(55, 55, 55, .5);
    font-size: .6em;
    text-transform: uppercase;
    font-weight: bold;
}

.post:not(.has-post-thumbnail) .post-footer {
    padding-left: 0;
    padding-right: 0
}

.post-footer span {
    display: inline-block;
    margin-right: 1em
}

.post-footer span:last-of-type {
    margin-right: 0
}

.post-date {}

.post-read-time::before,
.post-date::before {
    margin-right: 5px
}



/*==================================================================================================
5. Pages
================================================================================================= */
/* Homepage
================================================== */
.posts-featured {
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
    padding-top: 85px;
    padding-bottom: 30px;
}

.posts-featured-row {}

.posts-featured-row>.column {}

.post-featured {}

.posts-featured-sidebar {}

.post-featured .post-inner::after {
    display: none;
}

.post-featured .post-content {
    background: #f5f5f5;
    border: none;
}

.post-featured .post-title {}

.post-featured .post-content p {}

.post-featured .post-footer {
    padding: .6em 30px
}

.posts-container {}

.posts-container .post {
    width: 100%;
    margin-bottom: 20px
}

.featured-tabs {
    margin-bottom: 1em;
}

.featured-tab {
    position: relative;
    padding-bottom: .6em;
    margin-right: .5em;
    color: rgba(0, 0, 0, .3);
    font-size: .7em;
    text-transform: uppercase;
    font-weight: bold;
}

.featured-tab::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #d93f7e;
    /*box-shadow: 0 2px 7px 2px rgba(0,0,0,.07);*/
    opacity: 0;
}

.featured-tab.is-active {
    color: #d93f7e
}

.featured-tab.is-active::after {
    opacity: 1
}

.featured-panel {
    display: none;
    counter-reset: featured
}

.featured-panel.is-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.featured-panel {
    margin: -10px
}

.featured-panel .sticky.post,
.featured-panel>.column {
    padding: 10px
}

.post-featured-link {
    width: 100%;
}

.post-featured-media {
    width: 30%;
    counter-increment: featured;
}

.post-featured-medias::after {
    content: counter(featured);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.post-featured-image {
    padding-bottom: 70%;
    height: 100%
}

.post-featured-content {
    width: 70%;
    padding: .6em;
    padding-left: 0;
    padding-right: 0;
    font-size: 95%
}

.post-featured-media+.post-featured-content {
    padding-left: 1em
}

.post-featured-cats {
    margin-bottom: .3em;
    font-size: .6em;
}

.post-featured-title {
    font-size: .9em;
    line-height: 1.1;
    margin: 0;
    color: #4d4d4d;
    word-wrap: break-word;
}

.post-featured-footer {
    padding: 0;
    margin-top: .65em;
    font-size: .6em
}

@media print,
screen and (min-width: 460px) {
    .post-featured-media {
        width: 30%;
    }

    .post-featured-content {
        width: 70%
    }
}

@media print,
screen and (min-width: 610px) {
    .post-featured-link {
        width: 50%;
    }
}

@media print,
screen and (min-width: 700px) {
    .posts-container .post {
        width: 50%;
    }

    .post-featured .post-title {
        font-size: 1.8em;
        font-weight: 700
    }

    .post-featured-content {
        font-size: 92%
    }

    .post-featured-cats,
    .post-featured-footer {
        font-size: .55em
    }

    .post-featured-media {
        width: 30%;
    }

    .post-featured-content {
        width: 70%
    }
}

@media print,
screen and (min-width: 870px) {
    .post-featured {
        width: 66.666667%
    }

    .posts-featured-sidebar {
        width: 33.33333334%
    }

    .post-featured .post-title {
        color: #444
    }

    .post-featured .post-content {
        margin: -20px 20px 0 20px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .post-featured .post-content p {
        font-size: 1em
    }

    .post-featured .post-footer {
        padding: .6em 40px
    }

    .post-featured-link {
        width: 100%;
    }

    .posts-container .post {
        width: 33.3333334%
    }

    .featured-tabs {
        margin-top: -.5em;
    }
}

@media print,
screen and (min-width: 1125px) {
    .posts-featured {
        padding-bottom: 40px;
    }

    .post-featured {
        width: 66.6666678%
    }

    .posts-featured-sidebar {
        width: 33.33333334%;
    }

    .post-featured-media {
        width: 40%;
    }

    .post-featured-content {
        width: 60%
    }

    .post-featured-title {
        font-size: .95em
    }
}

@media print,
screen and (min-width: 1200px) {
    .posts-featured {
        padding-top: 95px;
        padding-bottom: 50px;
    }
}


/* Single Posts
================================================== */
.article-heading {
    position: relative;
    overflow: hidden;
    padding-top: 65px;
    background: #f5f5f5;
}

.article-heading-container {}

.single-post .post:not(.has-post-thumbnail) .article-heading-container {
    margin: 0 auto;
    max-width: 780px;
}

.article-heading-content-wrapper {
    width: 100%;
    position: relative;
    padding: 30px 20px;
}

.article-heading-content {
    position: relative;
    max-width: 700px;
}

.single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
    width: 100%;
    padding: 30px 20px
}

.single-post .post:not(.has-post-thumbnail) .article-heading-content {
    max-width: 100%
}

.article-cats {}

.article-title {
    margin: 0;
    color: #333;
    font-size: 1.6em;
    font-weight: 700;
    word-wrap: break-word;
}

.article-heading-content p {
    margin: 0;
    margin-top: 1em;
    font-size: 1em;
    line-height: 1.5
}

.article-heading-footer {
    margin-top: 1em;
    padding: 0
}

.article-heading-image-wrapper {
    width: 100%;
    padding: 0
}

.article-heading-image {
    width: 100%;
    max-height: 250px;
    background-position: center;
    background-size: cover;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.article-heading-image .post-single-image {
    width: 100%;
    display: block;
    padding-bottom: 56.25%;
    height: 100%
}

.article-heading-dropcap {
    position: absolute;
    top: 45%;
    left: -20px;
    color: #555;
    opacity: 0;
    font-size: 350px;
    line-height: .65;
    font-weight: bold;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media print,
screen and (min-width: 630px) {
    .article-heading-image {
        max-height: 350px
    }
}


@media print,
screen and (min-width: 780px) {
    .article-heading {
        padding-top: 95px;
        padding-bottom: 30px
    }

    .article-heading-content-wrapper {
        width: 50%;
        padding: 40px 30px
    }

    .single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
        padding: 0 20px
    }

    .article-heading-image-wrapper {
        width: 50%
    }

    .article-heading-content-wrapper {}

    .article-heading-content {
        margin: 0;
        max-width: 450px
    }

    .article-heading-image-wrapper {
        padding-left: 20px
    }

    .article-heading-image {
        max-width: 530px;
        height: 100%;
        min-height: 245px;
        max-height: none;
        margin-left: auto;
        border-radius: 10px
    }
}

@media print,
screen and (min-width: 900px) {
    .single-post .post:not(.has-post-thumbnail) .article-heading-container {
        max-width: 700px;
    }
}

@media print,
screen and (min-width: 960px) {
    .article-heading {}

    .article-heading-image {
        min-height: 320px
    }

    .article-heading-content-wrapper {
        padding-left: 40px
    }

    .article-title {
        font-size: 2em;
        font-weight: 700;
        color: #444
    }
}

@media print,
screen and (min-width: 1000px) {
    .article-heading-content {
        max-width: 430px
    }
}

@media print,
screen and (min-width: 1025px) {
    .single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
        padding-top: 10px
    }
}

@media print,
screen and (min-width: 1200px) {
    .article-heading {
        padding-bottom: 50px
    }

    .article-title {
        font-size: 2.4em
    }

    .article-heading-image {
        min-height: 320px
    }

    .single-post .post:not(.has-post-thumbnail) .article-heading-content-wrapper {
        padding-top: 20px
    }
}


/* Content */
.article-content-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 780px;
    padding: 30px 20px
}

.single-meta {
    margin-top: 2em;
}

.single-meta::before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #e5e5e5;
    margin-bottom: .5em
}

.single-meta-title {
    margin-top: 0;
    margin-bottom: .5em;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bold;
    color: #d93f7e
}

.single-tags {
    margin-top: 2em;
}

.single-tags::before {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #e5e5e5;
    margin-bottom: .5em
}

.tags-title {
    margin-bottom: .6em;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: bold;
    color: #d93f7e
}

.single-tags a {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    display: inline-block;
    background: #eee;
    color: #d93f7e;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
}

.post-related {
    background: #f5f5f5;
    padding: 40px 0 40px 0
}

.post-related .posts-container {
    margin-bottom: 0
}

.post-related .post-content {
    background: #f5f5f5
}

.post-related .post {
    width: 100%;
    margin-bottom: 0;
}

.post-related .post-content p {
    display: none;
}

.section-title {
    margin: 0;
    margin-bottom: 1.2em;
    color: #d93f7e;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: -1px;
}

.post-comments-section .section-title {
    margin-bottom: .875em
}

.post-comments-section .featured-tabs {
    margin-top: 1em
}

@media print,
screen and (min-width: 610px) {
    .post-related .post-featured-link {
        width: 50%
    }
}

@media print,
screen and (min-width: 870px) {
    .post-comments-section .featured-tabs {
        margin-top: -.5em
    }
}

@media print,
screen and (min-width: 900px) {
    .article-content-wrapper {
        max-width: 700px;
    }
}

@media print,
screen and (min-width: 1000px) {
    .post-related .post-featured-link {
        width: 33.333333%
    }
}

@media print,
screen and (min-width: 1200px) {
    .article-content-wrapper {
        padding: 50px 20px
    }
}


/* Archives
================================================== */
.term-count {
    margin-top: .6em;
    color: #d93f7e;
    font-size: .8em;
    font-weight: bold;
}

.term-count span {
    font-weight: bold;
    color: #d93f7e;
    margin-right: 2px
}

.term-related-cats.single-tags {
    margin-top: 1em;
}

.term-related-cats.single-tags::before {
    width: 100%
}

.term-related-cats-title.tags-title {
    margin: 1em 0
}

@media print,
screen and (min-width: 600px) {
    .site-heading h1 {
        font-size: 3em
    }

    .site-heading p {
        font-size: 1em
    }

    .term-heading {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .term-count {
        margin-top: 0;
        margin-left: 50px;
        font-size: .8em;
        text-align: center;
        color: rgba(0, 0, 0, .4);
    }

    .term-count span {
        font-size: 3.2em;
        display: block;
        margin: 0;
        line-height: 1
    }
}


/* 404
================================================== */
.error404 .site-content {
    text-align: center;
    padding-top: 65px
}

.error404-sign {
    font-size: 150px;
    font-weight: 700;
    line-height: 1;
    color: #d93f7e
}

@media only screen and (min-width : 600px) {
    .error404-sign {
        font-size: 300px;
    }
}



/*==================================================================================================
6. Utilities
================================================================================================= */
/* Flexbox
================================================== */
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.inline-flex {
    display: -webkit-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
}

.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-row-reverse {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-column-reverse {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.flex-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.flex-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.flex-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.flex-none {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.align-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-spaced {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.align-center-middle {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.align-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.align-self-auto {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.align-self-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.align-self-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.align-self-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.align-self-baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.align-self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.align-content-top {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

.align-content-middle {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.align-content-bottom {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
}

.align-content-between {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.align-content-around {
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

.align-content-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}


/* Helpers
================================================== */
.full-width {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.clear,
.clearfix {
    clear: both;
}

.is-hidden {
    display: none;
}

.last-child-nomargin>*:last-child {
    margin-bottom: 0
}


/* Font Icons
================================================== */
@font-face {
    font-family: 'kutak';
    src: url('assets/font-icons/fontello/font/kutak.eot?11404246');
    src: url('assets/font-icons/fontello/font/kutak.eot?11404246#iefix') format('embedded-opentype'),
        url('assets/font-icons/fontello/font/kutak.woff2?11404246') format('woff2'),
        url('assets/font-icons/fontello/font/kutak.woff?11404246') format('woff'),
        url('assets/font-icons/fontello/font/kutak.ttf?11404246') format('truetype'),
        url('assets/font-icons/fontello/font/kutak.svg?11404246#kutak') format('svg');
    font-weight: normal;
    font-style: normal;
}

.search-submit::before,

.post-cat::before,
.post-cat-icon::before,
.post-read-time::before,
.post-date::before,
.search-trigger::before,

.entry-content ul>li::before,
.gallery-caption span::before,
.gallery-zooom::before,

.post-media::before,
.image-thumbnail::before,
.iframe-wrapper::after,

input[type=checkbox]:checked::before,

[class^="icon-"]::before,
[class*=" icon-"]::before {
    font-family: "kutak";
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.search-trigger::before,
.search-submit::before {
    content: '\e800';
}

.post-cat::before {
    content: '\f114';
}

.post-cat-icon::before {
    content: '\e81b';
}

.post-read-time::before {
    content: '\e80f';
}

.post-date::before {
    content: '\e810';
}

.post-tag::before {
    content: '\f1ce';
}

.entry-content ul>li::before {
    content: '\e814'
}

.gallery-caption span::before {
    content: '\e818';
}

.gallery-zooom::before {
    content: '\e828';
}

.post-media::before,
.image-thumbnail::before {
    content: '\e815';
}

.iframe-wrapper::after {
    content: '\e81a';
}

input[type=checkbox]:checked::before {
    content: '\e81d';
}

.icon-search:before {
    content: '\e800';
}

.icon-facebook-messenger:before {
    content: '\e801';
}

.icon-facebook:before {
    content: '\e802';
}

.icon-whatsapp:before {
    content: '\e803';
}

.icon-viber:before {
    content: '\e804';
}

.icon-twitter:before {
    content: '\e805';
}

.icon-heart-solid:before {
    content: '\e806';
}

.icon-pinterest:before {
    content: '\e807';
}

.icon-heart:before {
    content: '\e808';
}

.icon-reddit:before {
    content: '\e809';
}

.icon-instagram:before {
    content: '\e80a';
}

.icon-star-solid:before {
    content: '\e80b';
}

.icon-google-plus:before {
    content: '\e80c';
}

.icon-right:before {
    content: '\e80d';
}

.icon-folder:before {
    content: '\e80e';
}

.icon-clock:before {
    content: '\e80f';
}

.icon-calendar:before {
    content: '\e810';
}

.icon-dot-circle:before {
    content: '\e811';
}

.icon-dot-circle-solid:before {
    content: '\e812';
}

.icon-circle:before {
    content: '\e813';
}

.icon-circle-solid:before {
    content: '\e814';
}

.icon-image:before {
    content: '\e815';
}

.icon-image-alt:before {
    content: '\e816';
}

.icon-star:before {
    content: '\e817';
}

.icon-camera:before {
    content: '\e818';
}

.icon-picture:before {
    content: '\e819';
}

.icon-video:before {
    content: '\e81a';
}

.icon-right-medium:before {
    content: '\e81b';
}

.icon-popup:before {
    content: '\e81c';
}

.icon-ok:before {
    content: '\e81d';
}

.icon-right-circle:before {
    content: '\e81e';
}

.icon-ok-alt:before {
    content: '\e81f';
}

.icon-link:before {
    content: '\e820';
}

.icon-zoom-in:before {
    content: '\e821';
}

.icon-zoom-out:before {
    content: '\e822';
}

.icon-left-medium:before {
    content: '\e823';
}

.icon-left-big:before {
    content: '\e824';
}

.icon-right-big:before {
    content: '\e825';
}

.icon-left-circle:before {
    content: '\e826';
}

.icon-ok-circle:before {
    content: '\e827';
}

.icon-resize-full-circle:before {
    content: '\e828';
}

.icon-linkedin:before {
    content: '\e829';
}

.icon-tumblr:before {
    content: '\e82a';
}

.icon-vk:before {
    content: '\e82b';
}

.icon-filter:before {
    content: '\f0b0';
}

.icon-beaker:before {
    content: '\f0c3';
}

.icon-mail:before {
    content: '\f0e0';
}

.icon-left-small:before {
    content: '\f104';
}

.icon-right-small:before {
    content: '\f105';
}

.icon-folder-alt:before {
    content: '\f114';
}

.icon-circle-notch:before {
    content: '\f1ce';
}

.icon-copyright:before {
    content: '\f1f9';
}


/* CSS Animations
================================================== */
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}


/* Custom CSS
================================================== */
@media print, screen and (min-width: 870px){
    .singlepageblogcontent .sidebarpost {     padding-top: 40px; width: 33.33%;}
    .singlepageblogcontent .sidebarpost .posts-featured-sidebar  { width: 100%;}
    }
    @media print, screen and (min-width: 1100px){
    .share-buttons.single-meta  { margin-left: -70px;}
    }
    @media print, screen and (min-width: 1100px){
    .article-content-wrapper {
        max-width: 100%;
        margin-left: 50px;
    }
    }