@import 'gravity-forms';
@import '../pagination/index';
@import '../button/index';

//== Generates
.hdeng-wordpress-critical-generate() {
    // Silence
}

.hdeng-wordpress-generate(@gravityforms: true) {
    .wp-video {
        margin-top: @hdeng-spacing;
    }

    .gallery {
        margin-bottom: @hdeng-spacing !important;

        .gallery-item {
            @media (max-width: @hdeng-breakpoint-default) {
                width: 50% !important;
            }
            @media (max-width: @hdeng-breakpoint-mobile) {
                width: 100% !important;
                float: none;
            }
        }

        img {
            max-width: 100%;
            height: auto;
            margin: 0 auto;
            border: none !important;
        }
    }

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

    .screen-reader-text:focus {
        background-color: @hdeng-body-bg-default-color;
        border-radius: @hdeng-border-radius;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        color: @hdeng-body-bg-highlight-color;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
    }

    .nav-links {
        .page-numbers {
            .hdeng-pagination-item-page();
        }

        .current {
            .hdeng-pagination-item-current()
        }

        .next,
        .prev {
            .hdeng-pagination-item-page();
        }
    }

    .search-form {
        .search-field {
            font-size: @hdeng-base-font-size;
            line-height: @hdeng-base-line-height;
            padding: floor(@hdeng-spacing / 4) floor(@hdeng-spacing / 2);
            width: 360px;
            background-color: #fff;
            background-image: none;
            border: 1px solid @hdeng-body-bg-separator-color;
            border-radius: @hdeng-border-radius;
            vertical-align: bottom;
            @media (max-width: @hdeng-breakpoint-default) {
                width: 180px;
            }
        }

        .search-submit {
            .hdeng-button();
            font-size: 14px;
            font-weight: 500;
            padding: 6px 16px;
        }
    }
}

.hdeng-wordpress-generate(@gravityforms: true) when (@gravityforms = true) {
    .hdeng-wordpresss-gravity-forms-generate();
}
