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

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,100;1,400;1,500;1,700&display=swap');

body {
    min-height: 100%;
    font-family: "Roboto";
    font-weight: 400;
    overflow-x: hidden;
    text-underline-offset: 1px;
}

.mb-50{
    margin-bottom: 50px;
}

.header-button {
    background: #250408;
    border: 2px solid #f2b638;
    border-radius: 100px;
    padding: 0 !important;
}
.header-button .button {
    font-weight: 700;
    background: linear-gradient(295.21deg, #f4d773 30.59%, #caa559 42.59%, #f6dd78 54.59%, #f2b638 66.58%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    background-clip: text;
    text-fill-color: #fff0;
    text-shadow: 0 4px 4px rgb(0 0 0 / .25), 0 4px 4px rgb(0 0 0 / .25);
}
.header-button {
    padding: 10px 0;
}
.header-button>a {
    width: 130px;
}
.header-button>a:hover {
    box-shadow: unset;
	color: white
}


#post-list article,
#post-list .post-item{
	padding-left: 15px;
	padding-right: 15px;
}
.taxonomy-description{
	background: #ccc;
	padding: 20px 20px 10px 20px;
	margin-top: 30px;
	margin-left: -15px;
	margin-right: -15px;
}

#ez-toc-container{
    width: 100%;
    background-color: inherit;
}
div#ez-toc-container ul li, div#ez-toc-container ul li a{
    color: #afa5a5;
}

.back-to-top{
    width: auto;
    height: auto;
}
/*==================================================
>>>       HEADER     
==================================================*/
#header .top-divider{
    display: none;
}
.header.show-on-scroll, .stuck .header-main{
    /*background: #1E1000;
    border-bottom: 1px solid rgb(237, 205, 120);*/
}

.header-button-1>div>a{
	background: linear-gradient(to top, #ff0202, #fbfd5d);
	color: white ! important;
}
.header-button-2>div>a{
	 background: linear-gradient(to top, #ff4302, #5dacfd);
    color: white ! important;
}
/*==================================================
>>>       WIDGET     
==================================================*/
#secondary{
	margin: 0 -15px;
}
#secondary aside.widget{
	margin-bottom: 20px;
}
#secondary aside.widget .widget-title {
	font-size: 15px;
    text-align: center;
    padding: 5px;
    margin: 0 0 10px;
    display: block;
    font-weight: 400;
    line-height: 25px;
    text-transform: capitalize;
}
#secondary aside.widget .is-divider{
	display: none;
}

/*==================================================
>>>       FOOTER     
==================================================*/

/*==================================================
>>>       SINGLE     
==================================================*/
body.single-post h1.entry-title,
body.page h1.entry-title,
.page-title{
    position : relative ;
    text-align: center;
}