/*
Theme Name: Envira
Author: Nayra Themes
Description: Envira is a unique, clean and professional WordPress theme perfect for all digital business in the online world. Great variety of numerous layouts and styles allows to create different structures and satisfies any specific requirements. The frontend and backend features are focused on ease of use that visitors get the best user experience. Envira is a Child theme of StartKit. View the demo of StartKit Pro https://www.nayrathemes.com/demo/pro/?theme=startkit
Template: startkit
Version: 1.0.3
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: envira
Slug: envira
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, portfolio, editor-style, grid-layout

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.

*/

/*
==========================================
    Navigation
==========================================
*/

#features-list {
    margin-top: -7.5rem;
}

.features-list-item.second p,
.features-list-item.second h4,
.features-list-item.second .icon i {
    color: #fff;
}

.active-5 .main-menu > ul > li > a:after {
    border-bottom-width: 4px;
    border-bottom-style: dotted;    
    width: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0px auto;
}

.active-5 .main-menu > ul > li.active > a:after,
.active-5 .main-menu > ul > li.focus > a:after,
.active-5 .main-menu > ul > li:hover > a:after {
    width: 20px;
}

.navbar-area.navbar-transparent {
    background-image: none;
	min-height: 80px;
}

#sticky-wrapper.is-sticky .sticky-nav.navbar-transparent {
    background: #242424 !important;
}

.slide-content h1, .slide-content p,
.navbar-area.navbar-transparent .main-menu > ul > li > a,
.navbar-area.navbar-transparent .main-menu > ul > li.active > a,
.navbar-area.navbar-transparent a.book-now {
    color: #fff !important;
}

.navbar-area.navbar-transparent .main-menu ul li a:after,
.navbar-area.navbar-transparent .main-menu ul li a:before {
    border-color: #fff !important;
}


#recent-blog .sorting-btn{
	width: 55%;
}

.sorting-btn {
    border-radius: 5px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    padding: 12px 68px;
    border-bottom: 2px solid;
    margin: 0 auto 30px auto;
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
    background: #fff;
}

.sorting-btn li {
    cursor: pointer;
    padding: 0px 12px;
    padding: 0px 12px;
    padding: 0px 12px;
    padding: 0rem .75rem;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
    padding-right: 5px;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
	list-style: none;
}

.header-slider .content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.header-slider .content:after, #breadcrumb-area:after {
    background-image: url(images/pattern.png);
    background-repeat: repeat;
    background-position: left top;
}

/* bredcrumb */
#breadcrumb-area {
    padding: 123px 0 18px;
}


/* Button */

.envira-btn .boxed-btn {
    font-size: 15px;    
    color: #ffffff; 
    position: relative;
    padding: 0 25px !important;
    line-height: 40px;
	z-index: 0;
	cursor: pointer;
}

.envira-btn .slide-content .boxed-btn {
	margin: 10px;
}

.envira-btn .search-form .boxed-btn {
	line-height: 50px;
}
.envira-btn .boxed-btn:after {
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 0 0 6px;
    box-shadow: 0 0 0 6px;
    border-radius: 1px;
    opacity: .5;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.envira-btn .boxed-btn:hover:after,
.envira-btn .boxed-btn:focus:after {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

.envira-btn .slide-content.slide-bg h4 {
    color: #fff;
}

.envira-btn .boxed-btn, .envira-btn .slide-bg h4, .envira-btn .dots-vertical .owl-dot.active .tp-bullet-inner, .envira-btn .boxed-btn:hover, .envira-btn .mc4wp-form input[type="submit"]:hover {
	color: #fff;
}


/*
===================================================================================
    Service
===================================================================================
*/

.services-item .service-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 10px;
    background: #f3f3f3;
    margin: 0 auto 20px;
}

.services-item .service-icon i {
    font-size: 50px;
    line-height: 100px;
}

.services-item h4 {
    font-weight: 500!important;
    margin-bottom: 5px;
}

.services-item p {
    margin-bottom: 10px;
}

.services-item a {
    font-weight: 500;
}
.services-item .service-icon {
	display: inline-block;
	position: relative;
    z-index: 1;
}

.services-item .service-icon i {
	-webkit-transform: scale(0.8);
    transform: scale(0.8);
    transition: all 0.35s;
}

.services-item:hover i {
	-webkit-transform: scale(1);
    transform: scale(1);
}

.services-item,
.services-item:hover {
	box-shadow: none; 
	padding: 0;
}

/* Scroll Up */

.scrollup {
	z-index: 888;
	-webkit-transition: .3s;
	transition: .3s;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
}
.scrollup:hover i {
	-webkit-animation: slideUp 1s ease-in-out infinite;
	animation: slideUp 1s ease-in-out infinite;
}
.scrollup i {
    color: #fff;
}
@-webkit-keyframes slideUp {
  0%,
  100% {
	-webkit-transform: translate(0, 10px);
			transform: translate(0, 10px);
  }

  50% {
	-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
  }
}

@keyframes slideUp {
  0%,
  100% {
	-webkit-transform: translate(0, 10px);
			transform: translate(0, 10px);
  }

  50% {
	-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
  }
}

/*
==========================================
    fun-fact
==========================================
*/

#fun-fact {
    padding: 40px 0;
    color: #fff;
    position: relative;
    z-index: 1;
}

#fun-fact:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* border-radius: 6px; */
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";
    z-index: -1;
}

#fun-fact i {
    font-size: 40px;
    padding-bottom: 10px;
    display: block;
}

#fun-fact strong {
    font-size: 30px;
}

#fun-fact p {
    color: #fff;
}

#fun-fact:after {
    background: #000000;
}