/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.entry-meta{
	 flex-direction: row;
		    flex-wrap: wrap;
	}
	.entry-meta span{
		width:50%;
		margin-right:0 !important;
		margin-bottom:10px
	}

}
.header-main .nav>li>a {
    font-weight: 300;
}

.tab-button {
    padding: 14px 61px;
    cursor: pointer;
    color: #fff;
    background-color: #f09148;
    transition: background-color 0.3s;
    border-radius: 8px;
    position: relative;
    z-index: 0;
    margin-right: -7px;
    box-shadow: 0 10px 20px rgb(0 0 0 / .19), 0 6px 6px rgb(0 0 0 / .22);
    transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s;
}
.tab-button:hover,.tab-button.active {
    box-shadow: 0 30px 40px 0 rgb(0 0 0 / .2);
    transform: translateY(-6px);
}
.has-equal-box-heights .box-image img, .has-format img, .image-cover img, .video-fit iframe, .video-fit video, img.back-image {
    height: 90%;
    border-radius: 12px;
}
.is-divider {
    display: none;
}
.footer-ux li {
    font-size: 14px;
}
.footer-ux p {
    font-size: 14px;
}
.copyright-footer {
    color: #000;
}
.entry-meta .avatar {
    border-radius: 50%;
    margin-right: 8px;
}
.entry-meta{
	    display: flex;
    align-items: center;
    font-size: 14px;
    color: #555;
    margin-bottom: 20px;
}
.entry-meta span{
	margin-right: 20px;
    display: flex;
    align-items: center;
}
.entry-meta span {
    font-size: 14px;;
	  text-transform:capitalize
} 
.entry-meta i {
    margin-right: 5px;
    color: #777;
}
article img {
    border-radius: 8px;
}
.entry-header-text {
    padding-bottom: 0 !important;
}
.rank-math-breadcrumb {
    font-size: .6rem;
    text-transform: uppercase;
    color: #000;
    display: inline-block;
}
.rank-math-breadcrumb a {
    color: #000;
}
#top-link{
	color:#000
}
.nav-dropdown-has-shadow .nav-dropdown {
    box-shadow: 1px 1px 15px rgb(0 0 0 / .15);
}

.nav-dropdown {
    font-size: 100%;
}
.nav-dropdown {
    border-radius: 10px;
}
.nav-dropdown-default {
    padding: 20px;
	border:0 !important
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before{
	display:none
}
div#ez-toc-container {
    width: 100%;
}