/*
Theme Name: The Bugs Adventures
Theme URI: https://wildbugadventures.com
Template: hello-elementor
Author: Khaki Developers
Author URI: https://khaki.co.tz
Description: The Bugs Adventures custom WordPress theme based from Hello Elementor theme.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.0.1758253263
Updated: 2025-09-19 05:41:03

*/

/*** 

====================================================================
	Slick Slider
====================================================================

 ***/
.themetechmount-slider-wrapper{
    position: relative;
    z-index: 1;
	background-color: transparent;
}
.themetechmount-boxes-blog.themetechmount-boxes-view-carousel  .tm-post-format-icon-wrapper:before{
	display: none;
}
.slick-slide {
    outline: none;
}
.themetechmount-boxes-row-wrapper .slick-arrow{
    padding: 0;
    margin: 0 3px;
    z-index: 1;
    background: transparent;
    width: 37px;
    height: 37px;
    border: 1px solid #c7c7c7;
    text-align: center;
}
.tm-boxes-carousel-arrows-hide .themetechmount-boxes-row-wrapper .slick-arrow{
	opacity:0;
}
.themetechmount-boxes-view-carousel .themetechmount-boxes-row-wrapper .slick-arrow:hover:before{
    color: #fff;
    border-color: transparent;
}
.themetechmount-boxes-row-wrapper .slick-prev:before,
.themetechmount-boxes-row-wrapper .slick-next:before{
	font-family: "tm-a3trip-icons";
    content: "\e801";
    color: #c7c7c7;
    font-size: 15px;
    line-height: 30px;
    position: relative;
    opacity: 1;
}
.themetechmount-boxes-row-wrapper .slick-prev:before{  
    content: '\e865';
    text-align: center;
}
.tm-boxes-carousel-arrows-1 .themetechmount-boxes-row-wrapper .slick-arrow {
	opacity: 1;
    visibility: visible;
}
.tm-boxes-carousel-arrows-1 .themetechmount-boxes-row-wrapper .slick-prev {
	left:-40px;
}
.tm-boxes-carousel-arrows-1 .themetechmount-boxes-row-wrapper .slick-next {
	right:-40px;
}

.themetechmount-boxes-team.themetechmount-boxes-view-carousel .slick-slider {
	margin-left:-10px;
	margin-right:-10px;
}
.themetechmount-boxes-portfolio .themetechmount-boxes-row-wrapper .slick-arrow {
	border-radius:0px;
}

/*** Slick dot desing ***/
.slick-dots {
    bottom:-45px;
}
.slick-dots li {
    width:45px;
    height: 1px;
    margin: 0px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.slick-dots li button{
    display: inline-block;
    width: 45px;
    height: 1px;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    margin: 13px 10px 0px 0;
    position: relative;
    background-color: #e0e0e0;
    line-height: 0;
    padding: 0;
}
.slick-dots li.slick-active{
    width:45px;
}
.slick-dots li.slick-active button {
    width: 45px;
    background-color:#e0e0e0;
	height:3px;
}
.slick-dots li button:before{
    display: none;
}
.tm-bgcolor-skincolor .slick-dots li button,.tm-col-bgcolor-skincolor .slick-dots li button{
    background-color:rgba(255,255,255,.1);
}

/*** Slick dot color ***/
.tm-boxes-carousel-arrows-side .themetechmount-boxes-row-wrapper .slick-prev,
.tm-boxes-carousel-arrows-side .themetechmount-boxes-row-wrapper .slick-next{
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    opacity: 1;
	z-index:9;
}
.tm-boxes-carousel-arrows-side .themetechmount-boxes-row-wrapper .slick-prev {
    left: -60px;
    right: auto;
}
.tm-boxes-carousel-arrows-side .themetechmount-boxes-row-wrapper .slick-next {
    right: -60px;
    left: auto;
}
.themetechmount-boxes-row-wrapper .slick-prev:before, 
.themetechmount-boxes-row-wrapper .slick-next:before {
	font-weight: 600;
}

/*** Flex slider dot desing ***/
.flex-control-paging li a{
    -o-box-shadow: none;
    box-shadow: none;
    background: none;
    border: 2px solid #fff;
}
.flex-control-paging li a:hover{
    background: none;
}
.flex-control-paging li a.flex-active{
    background-color: #fff;
}

/*** Flex slider Arrow desing ***/
.flex-direction-nav a:before,
.flex-direction-nav a.flex-next:before {
    font-family: "tm-a3trip-icons";
}
.flex-direction-nav a:before{
    content: '\e808';
}
.flex-direction-nav a.flex-next:before {
    content: '\e809';
}