/*
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.   ***************/
.entry-category{
	margin-bottom: 5px;
}
.entry-category a{
	text-transform: uppercase;
	font-weight: 700;
}
.entry-category a:hover{
	color: #047eef;
}
#comments .comment-respond .comment-reply-title{
	color: #6804cc;
	font-size: 1.2em;
	font-weight: 700;
}
.entry-content h2{
	color: #e23430;
}
.entry-content h3{
	color: #043379;
}
.entry-content h4{
	color: #3b3636;
}
.box-text h3.post-title a{
	color: #6804cc;
}
.box-text h3.post-title a:hover{
	color: #047eef;
}
h1.cat-title{
	text-align: center;
	margin-bottom: 5px;
}
.entry-content.single-page h2 span,.entry-content.single-page h3 span,.entry-content.single-page h4 span,.entry-content.single-page h5 span{
	font-weight: 700!important;
}
.author-box .author-name{
	color: #6804cc;
	font-size: 1em;
	font-weight: 700;
}
.cat-meta{
	text-align: center;
	margin-bottom: 25px;
}
.cat-excerpt{
	text-align: center;
	color: #333;
	background-color: #f3efd1;
	border-radius: 4px;
	border: 1px solid #f5da12;
	padding: 10px;
	margin-bottom: 25px;
}
.term-child{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -7.5px;
	justify-content: center;
}
.term-child .item{
	flex: 0 0 20%;
	max-width: 20%;
	margin-bottom: 50px;
	padding: 0 7.5px;
	flex-wrap: wrap;
}
.term-child .item .item-wrap{
	background: #FFFAF3;
	border-radius: 10px;
	padding: 10px;
	height: 100%;
	text-align: center;
	transition: .3s all ease-in-out;
	display: block;
}
.term-child .item .item-wrap:hover{
	background: #FDA700;
}
.term-child .item .item-wrap:hover .child-meta{
	color: #fff;
}
.term-child .item .item-wrap:hover .child-title{
	color: #fff;
}
.term-child .item .icon{
	background: #FFBF44BD;
}
.term-child .item .item-wrap .icon img{
	border-radius: 50%;
}
.term-child .item .item-wrap:hover .child-meta img{
	filter: brightness(0) invert(1);
}
.term-child-data{
	margin-bottom: 50px;
	border-bottom: 1px solid #C4C4C4;
}
.term-child .item .icon{
	background: rgba(253, 167, 0, 0.1);
	border-radius: 50%;
	margin-bottom: 10px;
	display: inline-block;
}
.term-child .item .child-title{
	font-weight: 500;
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 15px;
	text-align: center;
}
.term-child .item .child-title{
	color: #FDA700;
}
.term-child .item .child-meta{
	text-align: center;
	color: #686868;
	font-size: 12px;
	line-height: 16px;
}
#content.blog-archive .large-10{
	max-width: 100%;
	flex-basis:100%;
}
.aw-title{
	display: block;
	margin-bottom: 25px;
	background-color: #06102b;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 5px;
	font-weight: 700;
}
a.plain:hover .from_the_blog_excerpt{
	color: #333;
}
#content a:hover{color:#0464bc;text-decoration:underline;}
.box-text .cat-label{
	padding: 5px 10px;
	font-size: 11px;
}
.text a:hover,.entry-content a:hover{
	color:#047eef;
}
.rank-math-breadcrumb a:hover{
	color:#047eef;
	text-decoration:underline;
}
@media only screen and (min-width: 769px) {
	header .header-nav ul.sub-menu li.menu-item-has-children > a:before{
		content: "";
		float: right;
		font-family: "fl-icons" !important;
	    font-display: block;
	    speak: none !important;
	    margin: 0;
	    padding: 0;
	    display: inline-block;
	    font-style: normal !important;
	    font-weight: normal !important;
	    font-variant: normal !important;
	    text-transform: none !important;
	    position: relative;
	    line-height: 1.2;
	}
	.header-nav .nav-dropdown{
		display: block;
	}
	.header-nav ul.sub-menu li{
		display: block;
		width: 100%;
	}
	.header-nav ul.sub-menu ul{
		position: absolute;
	    min-width: 260px;
	    z-index: 9;
	    padding: 20px 0 20px;
	    margin: 0;
	    -webkit-transition: opacity .25s;
	    -o-transition: opacity .25s;
	    transition: opacity .25s;
	    color: #777;
	    background-color: #fff;
	    text-align: left;
	    display: none;
	    top: 0;
	    left: 100%;
	    background-color: #fff;
	}
	.header-nav ul.sub-menu li:hover>ul{
		display: block;
	}
}
@media only screen and (max-width: 768px) {
	.term-child .item{
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}
@media only screen and (max-width: 480px){
	.term-child .item{
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}