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


}

:root {
	--orange : #ffb400;
}


.header-block .icon-box-text h3 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0
}

.header-block svg path {
	fill : var(--orange);
}

.header-block .icon-box-text p {
	font-size: 15px
}

.header-block .row .col{
	padding-top: 15px
}

#wide-nav {
	border-top: 1px solid #000;
}

.image-ab {
	top: 10%;
	left: 15%;
}

.section-dvu .section-bg {
	background-color: #f8f8f8;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}

.section-count p {
	color: #fff;
}

.section-count svg path {
	fill : var(--orange)
}

.section-count h3{
	margin-bottom: -10px; 
	font-size: 40px;
	font-weight: 600;
	color: #fff;
}

#footer p, #footer a, #footer div {
	font-size: 14px
}

#footer i, #footer a:hover {
	color: var(--orange)
}

.post-meta {
	background: var(--orange);
    display: inline-block;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
}

.cpt-cus a:hover, .archive .post-item .post-title a:hover {
	color: var(--orange)
}
.archive .is-divider, .stuck #masthead {display: none}

.archive .post-item .post-meta {
	position: absolute;
	top: -15px;
	padding: 5px 10px;
	font-size: 16px;
}
.archive .post-item .post-title {
	margin-top: 20px;
}

.archive .post-title  a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
	height: 50px;
	font-size: 18px;
}

#duan {
	display: flex;
	justify-content: center;
	
}

#duan li a.current  {
	color: var(--orange);
}

#duan li {
	list-style: none;
	margin-left:0;
	padding: 0 20px;
	border-bottom: 3px solid #ccc;
}

#duan li a:hover::after {
	width: 100%;
}



#duan li a.current::after, #duan li a::after{
	content: "";
    background-color: var(--orange);
    display: block;
    height: 3px;
    position: relative;
    top: 3px;
	width: 0%;
	transition: width .5s ease;
}

#duan li a:hover {
	cursor: pointer;
}

#duan li a.current::after {
	width: 100%;
}

nav.rank-math-breadcrumb a, nav.rank-math-breadcrumb, .title-image h1{
	color: #fff;
}

.title-image h1 {
	margin-bottom: 0;
}

.rank-math-breadcrumb .last {
	color: var(--orange)
}

.title-image {
	position: absolute;
    top: 35%;
    left: 5%;
    font-size: 30px;
}

/*Flicky Button*/
.flickity-prev-next-button {opacity: 1!important; top:unset }
.flickity-prev-next-button svg{border-color: var(--primary-color)!important; background: var(--primary-color); color: #fff }