/*
 Theme Name:   Leo
 Theme URI:    https://webriti.com/leo-details-page/
 Author:       webriti
 Author URI:   https://www.webriti.com
 Description:  A Business theme, perfect for creating a corporate/business websites, Leo is a child of the Wallstreet theme and is its lighter color variation. Those who prefer a white-background-based theme can use this, while those who prefer a dark background can use directly the parent theme.
 Template:     wallstreet
 Version:      1.3
 Requires at least: 4.5
 Tested up to: 5.5
 Requires PHP: 5.4
 Tags: full-width-template, threaded-comments, one-column, two-columns, custom-menu, sticky-post, translation-ready, featured-images, blog, portfolio, footer-widgets
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  leo
 */

 .navbar.navbar2 {
    border: none;
    background-color: rgba(0, 0, 0, 1);
    padding: 0px 0;
    position: relative;
    min-height: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
}
@media (min-width: 1100px) {
    .navbar.navbar2 .navbar-nav > li > a {  border-radius: 0px; padding: 15px 20px; }
    .navbar2 .nav.navbar-left { padding: 0 0; }
    .navbar.navbar2 .header-module { float: right; }
    .navbar2 .nav { padding: 7px 0; }
    .navbar.navbar2 .header-module {text-align: right;float: right;}
}
.navbar.navbar2 .header-module {
    padding: 16px 0px;
    vertical-align: middle;
    position: relative;
    top: 50%;
}
.navbar2 li .dropdown-toggle::before {
    content: '\f107';
    font-family: "FontAwesome";
    position: absolute;
    right: 6px;
    color: #ffffff;
    transition: all 0.3s ease-in-out 0s;
}
.navbar2 ul li > a:after {
    content: '';
    display: block;
    height: 2px;
    width: 0px;
    margin-top: 2px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}
.navbar.navbar2 .navbar-nav > li.active > a:after,
.navbar2 ul li > a:hover:after {
    width: 100%;
    left: 0;
}
@media only screen and (max-width: 1100px) and (min-width: 200px){
  .navbar.navbar2 .header-module  { padding: 15px 0 15px 20px;float: left; }
  .navbar2 .navbar-toggle { display: block; float: none; margin: 15px auto !important; }
  .navbar2 .navbar-nav { float: none; width: 100%;margin: 0;}
  .navbar2 li .dropdown-toggle::before { right: 20px; }
}
/*===================================================================================*/
/*  Navbar Header 2
/*===================================================================================*/
.index2 .header-module {
    float: right;
    padding: 37px 0;
}
.index2 .search-box-outer {display: inline-block;}
.site-branding-text .site-title .navbar-brand {
    float: none;
    height: unset;
    padding: unset;
    font-size: unset;
    line-height: unset;
}
.index2 .site-branding-text { background-color: unset; padding: 17px 5px 10px; }
.navbar-header.index2 .site-title {margin:0;}
.navbar-header.index2 .site-branding-text .navbar-brand { padding: 11px 0px;  margin-right: 0; }
.navbar-header.index2 { background-color: #333333; float: none;}
.navbar-header .wallstreet_title_head, .navbar-header .site-description { color: #FFFFFF;}
.navbar-header.index2 .site-description { margin: 4px 0 10px;}
.navbar-header.index2 .head-contact-social li { border-left: none; border-radius: 50%;}
.navbar-header.index2 .head-contact-social li:last-child {  border-right: none; }
.navbar-header.index2 .contact-social.right { float: right;}
@media (min-width: 1100px) {
  .index2 .contact-social.right { float: right;  padding: 25px 0; }
  .navbar2 .navbar-left { width: 90%; }
  .navbar2 .header-module { width: 10%; }

}
@media (min-width: 991px) {
    .navbar-header.index2 .contact-social.right { float: right; padding: 25px 0;}
}
@media only screen and (max-width: 600px) and (min-width: 200px) {
    .navbar-header.index2 .contact-social.right { padding: 0 0; float: none; }
}
@media (max-width: 991px) and (min-width: 769px) {
    .navbar-header.index2 .navbar-brand {
        font-size: 30px;
        line-height: 30px;
        margin-right: 0px;
        padding: 15px 15px 15px;
    }
    .navbar-header.index2 .head-contact-social { margin: 17px 0 17px; }
    .index2 .header-module {
        padding: 29px 0;
    }
}
@media only screen and (max-width: 768px) and (min-width: 200px){
   .navbar-header.index2 .contact-social.right {float: none;padding: 5px 0 10px;}
   .navbar-header.index2 .head-contact-social{ float: none; text-align: center; display: block !important;}
   .navbar-header.index2 .navbar-brand { float: none;display: block; }
   .navbar-header.index2 .navbar-brand img {  margin: 20px auto 0; }
   .navbar-header.index2 { text-align: center;}
   .navbar-header.index2 { padding: 15px 10px 5px 10px; }
   .index2 .header-module {
        float: none;
        padding: 0px 0 20px;
    }
    .index2 .logo-link-url .navbar-brand {padding:0;}
}
@media (min-width: 769px) {
   .index2 .logo-link-url .navbar-brand {padding: 17px 5px 10px;} 
}

.index2 .wallstreet_title_head {line-height: 40px;}

/*@media only screen and (max-width: 1200px) and (min-width: 960px) {
    .flex-slider-center {
        top: 31%;
        width: 910px;
    }
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
    .flex-slider-center {
        top: 33.5%;
        width: 700px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
    .flex-slider-center {
        top: 37%;
        width: 610px;
    }
}*/
/*Homepage Service Section Two--------------------------------------------------------------------------*/
.service-section.service2 {
    margin: 0 0 50px;
    padding: 0;
}
.service2 .service-effect {padding: 10px 30px; position: relative; margin: 0 0 30px;}
.service2 .service-box {
    text-align: left;
    margin-bottom: 25px;
    margin-top: 20px;
}
.service2 .service-area {
    padding: 0;
    border: none;
    margin: 0 0 30px;
}
.service2 .service-area:hover {
    background: none;
    border: none;
}
.service2 .service-effect:hover .service-btn a {
    background-color:unset;
    border: 1px solid #F5F5F5;
}
.service2 .service-box i.fa {
    font-size: 36px;
    text-align: left;
    transition: 0.4s;
}
.service2 .service-area h2 ,
.service2 .service-area p ,
.service2 .service-btn {text-align: left;}

.service2 .service-effect:hover .service-box i.fa {color: #F5F5F5}
.service2 .service-effect .service-box img {
    border-radius: 100%;
    margin: 0 0;
    width: 80px;
    height: 80px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.service2 .service-effect:hover .service-box img {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.service2 .service-effect::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    width: 2px;
    height: 100%;
    transition: .5s;
    z-index: -1;
}
.service2 .service-effect:hover::before {
    width: 100%;
}
.blog-tags{
  color: #545454;  
}



.sticky .blog-post-title-wrapper h1, 
.sticky .blog-post-title-wrapper-full h1, 
.sticky .blog-post-title-wrapper h2, 
.sticky .blog-post-title-wrapper-full h2, 
.sticky .blog-post-title-wrapper h3, 
.sticky .blog-post-title-wrapper-full h3, 
.sticky .blog-post-title-wrapper h4, 
.sticky .blog-post-title-wrapper-full h4, 
.sticky .blog-post-title-wrapper h5, 
.sticky .blog-post-title-wrapper-full h5, 
.sticky .blog-post-title-wrapper h6, 
.sticky .blog-post-title-wrapper-full h6, 
.sticky .blog-post-title-wrapper h2 a, 
.sticky .blog-post-title-wrapper-full h2 a {
    color: #ffffff;
}

.sticky .blog-post-title-wrapper p, .sticky .blog-post-title-wrapper-full p {
    color: #ffffff;
}
.sticky .blog-post-title-wrapper > ul > li {color: #ffffff;}
.sticky .blog-post-meta a {color: #ffffff;}
.sticky .blog-tags i {
    color: #ffffff;
}