/*
 * GV page links visibility control:
 */
.gv-widget-page-links {
    visibility: hidden!important;
}

.gv-infinite-scroll-next-url {
    visibility: hidden!important;
}

.gv-no-results {
    display: none;
}

/*
Hide separator for DIY template:
 */
.gv-widget-page-links {
    display: none;
}

.gv-is-button a {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 1em;
    border: none;
    background: none;
    cursor: pointer;
}

.gv-is-status {
    display: none;
}

.gv-is-status .loader-wheel {
    font-size: 64px; /* change size here */
    position: relative;
    height: 1em;
    width: 1em;
    padding-left: 0.45em;
    overflow: hidden;
    margin: 0 auto;
    animation: gv-is-loader-wheel-rotate 0.5s steps(12) infinite;
}

.gv-is-status .loader-wheel i {
    display: block;
    position: absolute;
    height: 0.3em;
    width: 0.1em;
    border-radius: 0.05em;
    background: #333; /* change color here */
    opacity: 0.8;
    transform: rotate(-30deg);
    transform-origin: center 0.5em;
}

@keyframes gv-is-loader-wheel-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


.gv-is-status .loader-ellips {
    font-size: 20px; /* change size here */
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.gv-is-status .loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #555; /* change color here */
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.gv-is-status .loader-ellips__dot:nth-child(1),
.gv-is-status .loader-ellips__dot:nth-child(2) {
    left: 0;
}
.gv-is-status .loader-ellips__dot:nth-child(3) { left: 1.5em; }
.gv-is-status .loader-ellips__dot:nth-child(4) { left: 3em; }

.gv-is-status .loader-ellips__dot:nth-child(1) {
    animation-name: gv-is-reveal;
}

.gv-is-status .loader-ellips__dot:nth-child(2),
.gv-is-status .loader-ellips__dot:nth-child(3) {
    animation-name: gv-is-slide;
}

.gv-is-status .loader-ellips__dot:nth-child(4) {
    animation-name: gv-is-reveal;
    animation-direction: reverse;
}

@keyframes gv-is-reveal {
    from { transform: scale(0.001); }
    to { transform: scale(1); }
}

@keyframes gv-is-slide {
    to { transform: translateX(1.5em) }
}