/*
Theme Name: KidsZone
Theme URI: https://dtkidszone.wpengine.com/
Author: the DesignThemes team
Author URI: https://wedesignthemes.com/
Description: KidsZone is a unique, eye catching Gallery WP theme. Perfect choice for schools, kids club, shopping websites.Premium design Quality, highly standard coding, detailed documentation, how to videos, extensive forum support and more are the key values of this theme.
Version: 6.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: kidszone

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.bx-controls-direction a.bx-prev, .bx-controls-direction a.bx-next { -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; }

.bx-controls-direction a.bx-prev {
    background-image: url(images/arrow-prev.png);
}
.bx-controls-direction a.bx-prev, .bx-controls-direction a.bx-next {
    background-color: #fff;
    background-position: 8px center;
    background-repeat: no-repeat;
}
.bx-wrapper .bx-controls-direction a.bx-prev { margin-left: -40px; border-radius: 0 5px 5px 0 !important; }
.bx-wrapper:hover .bx-controls-direction a.bx-prev { margin-left: 5px; }

.bx-wrapper .bx-controls-direction a.bx-next { margin-right: -45px; border-radius: 5px 0 0 5px; }
.bx-wrapper:hover .bx-controls-direction a.bx-next { margin-right: 0px; }


.bx-controls-direction a.bx-next {
    background-image: url(images/arrow-next.png);
}

.bx-controls-direction a {
    position: absolute;
    top: 38.5%;
    z-index: 99;
    width: 40px;
    height: 80px;
    display: block;
    text-indent: -9999px;
}

.bx-controls-direction .bx-next {
    border-radius: 5px 0 0 5px;
}

.bx-controls-direction a.bx-next {
    right: 5px;
}


@media only screen and (max-width:767px) {

    .entry-thumb .bx-controls a.bx-prev { left:40px; cursor: pointer; }
    .entry-thumb .bx-controls a.bx-next { right:40px; cursor: pointer; }

    .bx-controls-direction a { top: 38.5%; width: 30px; height: 50px; }
    .bx-controls-direction a.bx-prev { background-size: 45%; }
    .bx-controls-direction a.bx-next { background-size: 45%; }

}