/*
Theme Name: Arowana
Theme URI: https://www.nayrathemes.com/arowana-free/
Author: Nayra Themes
Author URI: https://www.nayrathemes.com/
Description: Arowana is a child of the StartKit theme with lots of powerful features. Arowana is suited for any type of website and works with all popular plugins. Get 24x7 support with both the free and the Pro versions. Explore the Pro demo - https://www.nayrathemes.com/demo/pro/?theme=arowana
Template: startkit
Version: 2.0.43
Tested up to: 5.7.2
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: arowana
Slug: arowana
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, entertainment, 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
==========================================
*/

.blog-post ul:not(.meta-info) li a,
.blog-post ol:not(.meta-info) li a,
.blog-post table a, strong a, blockquote a,
code a, p a, span:not(.author-name):not(.comments-link):not(.posted-on):not(.post-list) a {
    color: #ed591f;
}

.header-section {
    position: relative;
    z-index: 9999;
}

#breadcrumb-area:after {
    background: #ed591f;
}

.section-header .subtitle {
    background-color: #ee591f;
    border-color: #ee591f;
}

.section-header span {
    color: #ee591f;
}

.section-header .liner:after {
    filter: hue-rotate(150deg);
}

.footer-sidebar .widget ul li a:before,
.header-social li a i,
.post-content a.more-link:hover:after,
#recent-blog a.more-link:hover:after,
.post-content a.more-link:focus:after,
#recent-blog a.more-link:focus:after,
.post-content a.read-more-link:hover:after,
#recent-blog a.read-more-link:hover:after,
.post-content a.read-more-link:focus:after,
#recent-blog a.read-more-link:focus:after,
.scrollup:hover i, .scrollup:focus i,
.image-qouts .rating,
.post-footer a:hover,
.post-footer a:focus,
.post-footer i,
li#searchss .search-toggle,
a.boxed-btn i, .boxed-btn i,
.navbar-area .main-menu > ul > li.active > a,
.navbar-area .main-menu > ul > li:hover > a,
.navbar-area .main-menu > ul > li.focus > a {
    color: #ed591f;
}

.animate-border,
a.book-now i, #header-top,
.blog-post .more-link:hover,
.blog-post .more-link:focus,
.blog-post .read-more-link:hover,
.blog-post .read-more-link:focus,
.blog-post.blog-style-2 .post-thumbnail .tags-cat a,
.image-qouts:before,
.post-content .post-date,
.header-slider .owl-next:hover,
.header-slider .owl-prev:hover,
.product-section .owl-next:hover,
.product-section .owl-prev:hover {
    background-color: #ed591f;
}

/* Aerowana Info Box */
.featured-box {
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    padding: 0;
    position: relative;
    background-color: #ed591f;
}

.col-lg-3:nth-child(odd) .featured-box {
    background-color: #e24f15;
}

.featured-box:hover,
.featured-box:focus-within {
    margin-top: -50px;
    padding-bottom: 50px;
    -webkit-box-shadow: 0 4px 33px rgb(0 9 37 / 18%);
    box-shadow: 0 4px 33px rgb(0 9 37 / 18%);
}

.featured-box .title {
    color: #fff;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.3;
    padding: 20px 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid hsla(0,0%,100%,.15);
    margin: 0 25px;
}

.featured-box .title i {
    font-size: 30px;
    margin-right: 10px;
}

.featured-box p {
    padding: 20px;
    line-height: 1.5;
    margin-bottom: 0;
    color: #ffffff;
    font-size: 16px;
}

.featured-box .view-more {
    display: block;
    background: #212529;
    text-transform: uppercase;
    padding: 13px 65px 13px 15px;
    color: #ffffff;
    transition: all .8s;
    -webkit-transition: all .8s;
    text-decoration: none;
    position: absolute;
    bottom: -50px;
    width: 100%;
}

.featured-box .view-more:after {
    opacity: 1;
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    color: #212529;
    background: #ffffff;
    top: 0;
}

.featured-box:focus-within .view-more:after,
.featured-box:hover .view-more:after,
.featured-box .view-more:hover:after,
.featured-box .view-more:focus:after {
    opacity: 1;
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
}

.featured-box:focus-within .view-more,
.featured-box:hover .view-more {
    bottom: 0;
    color: #ffffff;
}

/*
===================================================================================
    Service
===================================================================================
*/
/* Arowana Featured box */
.features-arowana {
    position: relative;
    padding: 36px 30px 16px;
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    transition: .5s;
    align-items: center;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
}
.features-arowana .icon {
    position: relative;
    font-size: 40px;
    margin-right: 30px;
    transition: .5s;
    line-height: 70px;
    width: 70px;
    height: 70px;
    text-align: center;
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #ee591f;
}
.features-arowana .icon:before {
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    border: 2px solid #e9e5df;
    background-color: #fff;
    top: -30px;
    left: -20px;
    transition: .5s;
}
.features-arowana .icon:after {
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    border: 2px solid #e9e5df;
    background-color: #fff;
    border-radius: 50%;
    top: 0;
    left: 0;
    transition: .5s;
}
.features-arowana:hover .icon:after {
    background-color: #ee591f;
    border-color: #ee591f;
}
.features-arowana .count {
    position: absolute;
    top: -38px;
    left: -27px;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
    background: #fff;
    padding: 2px 6px;
    color: #ee591f;
}
.features-arowana .icon i {
    position: relative;
    z-index: 9;
}
.features-arowana:hover .icon i {
    color: #ffffff;
}
.features-arowana .content {
    max-width: 330px;
    text-align: left;
}
.features-arowana h5 {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    transition: .5s;
    padding-bottom: 12px;
    margin-bottom: 20px;
}
.features-arowana h5 a {
    font-size: inherit;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all .35s cubic-bezier(.645,.045,.355,1);
    transition: all .35s cubic-bezier(.645,.045,.355,1);
}
.features-arowana h5 a:hover {
    text-decoration: none;
}
.features-arowana h5:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100px;
    border-bottom: 2px dashed #ee591f;
}
.features-arowana .text {
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    color: #797979;
    margin-bottom: 20px;
}

/*
===================================================================================
    Blog
===================================================================================
*/

.arowana-btn .slide-content .boxed-btn {
	margin: 10px;
}

/* Arowana BTN Style */

#subscribe-form .boxed-btn {
    margin: 0;
}

.arowana-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;
	color: #ee591f;
    opacity: .5;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.arowana-btn .boxed-btn:hover:after,
.arowana-btn .boxed-btn:focus:after {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

.arowana-btn .slide-content.slide-bg h4 {
    color: #fff;
}

.arowana-btn .boxed-btn, .arowana-btn .slide-bg h4, .arowana-btn .dots-vertical .owl-dot.active .tp-bullet-inner, .arowana-btn .boxed-btn:hover, .arowana-btn .mc4wp-form input[type="submit"]:hover {
	color: #fff;
    background: #ee591f !important;
}

/* 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);
  }
}

/* Arowana */

.arowana .navbar-area nav.main-menu {
    margin-top: 0;
    margin-bottom: 0;
}

.arowana .main-menu > ul {
    white-space: nowrap;
}

.arowana .main-menu > ul > li:after {
    content: "";
    position: absolute;
    top: -120%;
    right: 0;
    width: 1px;
    height: 81px;
    background: #ececec;
}

.arowana .main-menu > ul > li:last-child:after {
    display: none;
}

.arowana #recent-blog .blog-post.blog-style-1 .post-thumbnail:after,
.arowana .search-submit {
    background: #ee591f;
}

#header-top .widget_search input[type="submit"].search-submit:hover, #header-top .widget_tag_cloud a:hover, #header-top .widget_search input[type="submit"].search-submit:focus, #header-top .widget_tag_cloud a:focus {
    color: #ee591f;
}