/*
Theme Name: Niche
Theme URI: https://fasterthemes.com/wordpress-themes/niche
Author: FasterThemes
Author URI: https://fasterthemes.com/
Description: Niche is a clean, super flexible, fast in loading, bootstrap based, mobile responsive and modern looking premium quality WordPress theme.Niche is a free WordPress theme with premium functionality and design. Niche WordPress Theme is built on top of Twitter Bootstrap which means that your site can be displayed on every device (pc, laptop, mobile devices, tablets etc) without horizontal scrolling. It comes with several customization options which are available inside Customize menu under Appearance menu of WordPress admin panel. Step by step documentation for setup of the website like the demo including DUMMY DATA files is available here => https://fasterthemes.com/documentation/niche
Requires PHP: 5.6
Requires at least: 4.0
Tested up to: 5.7
Version: 2.1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Niche Theme, Copyright 2019 fasterthemes.com
Niche distributed under the terms of the GNU GPL
Tags: left-sidebar, right-sidebar, custom-background, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments , translation-ready, custom-header
Text Domain: niche

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.
*/ 

.screen-reader-text {
    display: none;
}
a{
color: #e17400
}
.sticky {

}

.owl-wrapper-outer {
    clear: both;
}
.bypostauthor{

}
.post-date {
    display: table !important;
}
/**
 gallery and custom post data css
* -----------------------------------------------------------------------------
*/
.gallery {
	margin-bottom: 20px;
}
.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}
.gallery-columns-1 .gallery-item {
	max-width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}
.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
/*	margin: 0; */
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}
.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.gallery-item:hover .gallery-caption {
	opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
/**/
dt, dd {
    margin-bottom: 15px;
}
td, th {
    border: 1px solid #ccc;
    padding: 5px 0 5px 0px;
    text-align: center;
}
.sticky .entry-date {
	display: none;
}
img {
    height: auto;
}
table{
	width:100%;
	text-align: center;
}
.alignleft {
    display: inline;
    float: left;
}
blockquote.alignleft, 
.wp-caption.alignleft, img.alignleft {
    margin: 0.421em 1.684em 1.6842em 0;
}
blockquote.alignright, .wp-caption.alignright, img.alignright {
    margin: 0.4211em 0 1.6842em 1.6842em;
}
.alignright {
    display: inline;
    float: right;
}
.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
    margin-bottom: 1.2632em;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background-color: #e17400;
    margin-bottom: 1.6em;
    max-width: 100%;
    padding: 10px 10px 2px;
    text-align: center;
    color: #000;
}
.wp-caption a{
	color:#fff;
}
.wp-caption, .gallery {
    margin-bottom: 1.6842em;
}
iframe,
embed {
    max-width: 100%;
}
/**custome data css end***/



/* main-sidebar */
.main-sidebar .contact ul li:before {
    content: "";
}
.main-sidebar .contact ul li {
    padding: 7px 0;
}
.main-sidebar select {
    border: 1px solid #ccc;
    padding: 5px;
    width: 100%;
}
.main-sidebar table{
    width: 100%;
}
.main-sidebar .wp-caption-text {
    background-color: #e17400;
    padding: 6px;
}
.main-sidebar .widget_search .search-form label{
    width: 100%;
}
.main-sidebar .widget_search .search-form label .search-field{
    width: 100%;
     padding: 5px;
}
.main-sidebar .widget_search .search-form .search-submit{
   background-color: #e17400;
    border: 1px solid #e17400;
    border-radius: 5px;
    color: #ffffff;
    padding: 8px 30px;
}
.main-sidebar .widget_search .search-form .search-submit:hover{
   background-color: #ffffff;
    color: #000;
}

/* end main-sidebar */

/* footer css*/
.footer-main .contact > ul {
    list-style: none outside none;
}
.footer-main .contact li:before {
    content: "";
}
.footer-main .contact li {
    padding: 7px 0;
    border-bottom: medium none transparent;
}
.footer-main .contact ul li span {
    color: #fff;
    font-weight: bold;
}
.footer-main ul li a,
.footer-main ul li {
     color: #fff;
    text-transform: capitalize;
}
.footer-main ul li span {
    color: #fff;
    display: inline-block;
    font-weight: normal;
}
.footer-main .footer-widget .textwidget {
    color: #ffffff;
    line-height: 24px;
}
#today a{
	color: #e17400;
}
.footer-main .widget table tr  td  a{
	color: #fff;
}
.footer-main select {
    border: 1px solid #ccc;
    padding: 5px;
    width: 100%;
	color: #000;
}
.footer-main table caption,
.footer-main .rsswidget{
	color: #fff;
}
.footer-main table {
    color: #fff;
    width: 100%;
}
.footer-main .wp-caption-text {
    background-color: #e17400;
    padding: 6px;
}
.footer-main .footer-widget {
    display: inline-block;
    width: 100%;
}
.footer-main .widget_search .search-form label{
    width: 100%;
}
.footer-main .widget_search .search-form label .search-field{
    width: 100%;
     padding: 5px;
}
.main-footer .widget_search .search-form .search-submit,
.search-formmain .search-form .search-submit{
   background-color: #e17400;
    border: 1px solid #e17400;
    border-radius: 5px;
    color: #ffffff;
    padding: 8px 30px;
}
.main-footer .widget_search .search-form .search-submit:hover,
.search-formmain .search-form .search-submit:hover{
    background-color: #ffffff;
    color: #000;
}
.search-formmain .search-form  .search-field{
	padding: 7px;
}

/** End footer **/

/** comments **/ 
.comments-box ol {
    list-style: none outside none;
}
.comment-respond .comment-form .form-submit .submit {
    background-color: transparent;
    border: 1px solid #000000;
    color: #000000;
    display: inline-block;
    font-size: 16px;
    padding: 11px 20px 10px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.comment-respond .comment-form .form-submit .submit:hover, 
.comment-respond .comment-form .form-submit .submit:focus, 
.comment-respond .comment-form .form-submit .submit:active,
.previous-post:hover, 
.next-post:hover {
    background-color: #e17400;
    border-color: #e17400;
    color: #ffffff;
}
footer {
    clear: both;
}
/** end comments **/ 
.customNavigation {
    margin-bottom: 20px;
}
.site-title.logo-box {
    margin: 0;
}


/********************   All Media Qurey Enter Below **********************/
@media (max-width: 1200px){
    .our-team-column .team-box-detail{
        padding-top:10%;
    }
}
@media (max-width: 1024px){
    .home-banner .item img{
        height: auto;
    }
    .header-logo > a {
    float: left;
}
}
@media (max-width: 992px){
 .main-footer{
  float:none;
 }

    .less-padding{
        padding: 0 15px;
    }
    .search-bar input{
        width:210px;
    }
    
    /*banner*/
    .home-banner-content h2{
        font-size:16px;
    }
    .home-banner-content h1 span{
        font-size:18px;
    }
    .team-box > img{	
        display: flex;
        margin: 0 auto;
    }
    .testimonial-section .carousel-control.left{
        left: 45%;
    }
    .testimonial-section .carousel-control.right{
        right: 45%;
    }
    .main-sidebar {
        margin: 50px 0 0 0;
    }
    .content-blog {
        margin-top: 20px;
    }
    .portfolio-box .item-caption img{
        margin: 0 auto;
    }
}
@media (max-width: 767px){
    .carousel-inner .item .effect-hover h3,
    .carousel-inner .item .effect-hover p{
    display: none;
    }
#search-label{
	 display: inline-block;
}
.section-row p {
    text-align: justify;
}
.our-blog-section .main-title, .featured-section .main-title{
        width: 75%;
}

    
    .article-left,
    .article-right{
        margin: 15px 0;
    }
    .footer-sociallink .social-links,
    .copyright-text{
        text-align: center;
        margin: 10px 0;
    }
    .home-banner-content{
        right: 38px;
        top:15%;
    }
    .home-banner .carousel-control.left,
    .home-banner .carousel-control.right{
        font-size: 34px;
        top:27%;
    }
    .article-left{
        padding-right: 15px;
    }
    
    .comment-content{
        width: 100%;
        margin-left: 0;
    }
    .comment-author .avatar{
        position: static;
    }
    .comment-author {
        padding-left: 0;
    }
    .comment-author img{
        margin-right: 10px;
    }
}
@media (min-width: 600px) and (max-width: 767px){
    .our-team-column .team-box{
        width:50%;
        float: left;
    }
    .our-team-column .team-box:nth-child(2n+3) {
        clear: both;
    }

}
@media (max-width: 568px){
    .home-banner-content{
        display: none;
    }
    .testimonial-section .carousel-control.left{
        left: 38%;
    }
    .testimonial-section .carousel-control.right{
        right: 38%;
    }
    .speciality-box .article-right{
        margin-bottom: 0;
    }
    /***fonts***/
    .main-title, .border-style1{
        font-size: 20px;
    }
    .testimonial-item p{width: 100%;text-align: justify;}
}
@media (max-width: 480px){
    .icon-box{
        width: 100%;
        margin: 10px 0;
    }
      .page-banner{
        min-height: 150px;
    }

}
@media (max-width: 320px){
    .full-title p{
        text-align: justify;
    }
 
 .ourblog-box p{
        text-align: justify;
    }
 
 .textwidget > p{
        text-align: justify;
    }
 .footer-main .footer-widget .textwidget{
  text-align: justify;
 }
 
 /** blog page start **/
 
  .page-banner{
        min-height: 100px;
        padding-top: 15px;
    }
 .page-heading{
  margin: 0;
 }
 .post-detail{
        padding-top: 0; 
    }
 .widget .textwidget{
        text-align: justify;
    }
}
.post-meta li i {
    padding-right: 3px;
}
.customNavigation .btn i.fa{
    padding-top: 4px;
}
/*Menu*/
/*menu-start*/
header{
    height: 80px;
    position: relative;
    width: 100%;
}
#mainmenu {
    float: right;
}
#mainmenu ul li a,
#mainmenu ul,
#mainmenu ul li,
#mainmenu ul li a,
#mainmenu #menu-button {
    margin: 0;
    padding: 0;
    outline: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    list-style: none;
    display: block;
    position: relative;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 1px;
}
#menu-line {
    position: absolute;bottom: 0;left: 0;height: 0;background: #673AB7;
}
#mainmenu > ul > li {
    float: left;margin-right: 30px;
}
#mainmenu > ul > li > a:hover, .fixed-header.fixed #mainmenu > ul > li > a:hover {
    color: #e17400; background: transparent;
}
.no-transparent #mainmenu > ul > li > a:hover,.no-transparent .fixed-header.fixed #mainmenu > ul > li > a:hover{
    color: #fff;
}
#mainmenu > ul > li:last-child {
    margin-right: 0 !important;padding-right: 0 !important;
}
#mainmenu.align-center > ul {
    font-size: 0;text-align: center;
}
#mainmenu.align-center > ul > li {
    display: inline-block;float: none;
}
#mainmenu.align-center ul ul {
    text-align: left;
}
#mainmenu.align-right > ul > li {
    float: right;
}
#mainmenu.align-right ul ul {
    text-align: right;
}
.main-logo,#mainmenu > ul > li > a,#mainmenu #menu-button {
    height: 80px;display: flex;align-items: center; text-decoration: none;
}
.on-scroll .main-logo,.on-scroll #mainmenu > ul > li > a,.on-scroll #mainmenu #menu-button {
    height: 80px;
}

#mainmenu ul > li.has-sub > a:after {
    position: relative;top: -2px;
    right: 0px;width: 6px;height: 6px;
    margin-left:5px;margin-right: 3px;
    border-bottom: 2px solid;border-right: 2px solid;
    content: ""; -webkit-transform:rotate(45deg);
    -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg); transform: rotate(45deg);
    -webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease; transition: all ease 0.3s;
    display: inline-block;
}

/*-------------------------------*/
/*-------------------------------*/
#mainmenu ul > li.has-sub:hover > a:after {
    -webkit-transform: rotate(222deg);
    -moz-transform: rotate(222deg);
    -ms-transform: rotate(222deg);
    -o-transform: rotate(222deg);
    transform: rotate(222deg);
    transition: all ease 0.3s;
}
#mainmenu ul > li > a:before {
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: 14px;
    transform: scale(0, 1);
    transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
    background: #e48d33;
    content: '';
    transform-origin: right top;
}
#mainmenu ul > li > a:hover::before {
    transform: scale(1, 1);
    transform-origin: left top;
}
#mainmenu ul ul {
    position: absolute;
    padding: 0px 0 0px;
    background: #ffffff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.1);
}
#mainmenu.align-right li:hover > ul {
    right: 0;
}
ul.sub-menu .submenu-right {
    right: 100%;
}
ul.sub-menu .submenu-left {
    left: 100%;
}
#mainmenu ul ul ul {
    top: 0;
}
#mainmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#mainmenu ul ul li {
    height: 0;
    padding: 0 0px;
    margin: 0 0 0px;
    opacity: 0;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#mainmenu ul li:hover > ul > li {
    height: 40px;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
#mainmenu ul ul li a {
    min-width: 100px;
    white-space: nowrap;
    padding: 10px 15px;
    background: none;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    color: #676767;
    text-decoration: none;
}
#mainmenu ul ul li:hover > a,
#mainmenu ul ul li a:hover {
    color: #e48d33;
}

.fixed-header.fixed #mainmenu > ul > li > a {
    color: #ffffff;
}
.fixed-header.fixed #mainmenu ul ul {
    background: rgba(255, 255, 255, 1)
}
#mainmenu #menu-button,
#mainmenu .submenu-button {
    display: none;
}
.transparent {
    position: absolute;
    background: transparent;
    top: auto;
    color: #ffffff;
    width: 100%;
}
.main-nav {
    opacity: 1;
    z-index: 999;
    width: 100%;
    background: transparent;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px;
}
.main-nav {
    min-height: inherit;
    border: 0;
    margin: 0;
    border-radius: 0;
}
@media (max-width: 1024px) {
    /*---- Home start ----*/
    /*Menu*/
    
    #menu-line {
        display: none;
    }
    #mainmenu {
        width: 100%;
        top: 0;
        position: relative;
        float: none;
    }
    #mainmenu ul {
        width: 100%;
        display: none;
        clear: both;
        position: relative;
        top: 0px;
        text-align: center;
        background: rgba(255, 255, 255, 1);
        padding: 15px 0;
        border-top: 1px solid #676767;
        margin-top: 15px;
    }
    #mainmenu ul li,
    #mainmenu ul ul li,
    #mainmenu ul li:hover > ul > li {
        width: 100%;
        height: auto;
        opacity: 1;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #mainmenu li:hover > ul {
        padding: 0;
    }
    #mainmenu ul li a {
        width: 100%;
        color: #676767;
    }
    #mainmenu > ul > li > a,
    .on-scroll #mainmenu > ul > li > a {
        padding: 0px;
        line-height: 30px;
        height: inherit;
        display: block;
    }
    #mainmenu > ul > li > a:hover,
    #mainmenu > ul > li > a.active {
        background: transparent;
    }
    #mainmenu > ul > li > a:before,
    #mainmenu ul ul li a:before,
    #mainmenu ul > li.has-sub > a:after {
        display: none;
    }
    #mainmenu > ul > li,
    #mainmenu.align-center > ul > li,
    #mainmenu.align-right > ul > li {
        float: none;
        display: block;
        z-index: 2;
    }
    #mainmenu li > ul {
        left: auto;
        background-color: transparent;
        border: none;
        border-radius: 0px;
        box-shadow: none;
    }
    #mainmenu li:hover > ul {
        left: auto;
        background-color: transparent;
        border: none;
        border-radius: 0px;
        box-shadow: none;
    }
    #mainmenu ul ul {
        position: absolute;
        left: -9999px;
        padding: 0px 0 5px;
    }
    #mainmenu ul ul li a {
        line-height: 30px;
        padding: 0;
    }
    #mainmenu ul ul,
    #mainmenu ul ul ul {
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        width: 100%;
        padding: 0;
        margin: 0px 0 0px;
    }
    #mainmenu > ul > li.has-sub > a::after,
    #mainmenu ul ul li.has-sub > a::after {
        display: none;
    }
    #mainmenu #menu-button {
        font-size: 30px;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        position: absolute;
        cursor: pointer;
        z-index: 1111;
    }
    #mainmenu #menu-button.menu-opened:before {
        content: '\f00d';
    }
    #mainmenu .submenu-button {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.15);
        height: 30px;
        width: 30px;
        cursor: pointer;
        color: #676767;
    }
    #mainmenu .submenu-button::before {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #mainmenu .submenu-button.submenu-opened::before {
        content: '\f068';
    }
    .fixed-header.fixed #mainmenu > ul > li > a {
        color: #676767;
    }    
}