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

/*************** 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');

:root{    
    --body-bg : #F5F5F5;
    --body-color: #fff;
    --link : #dc6532;
    --content-bg:#fff;

    --header-top-bg : #001A27;
    --header-main-bg : inherit;
    --header-bottom-bg : inherit;    
    --nav-color:#e08504;
    --nav-active:#fff;

    --header-btn:#fff;
    --header-btn-1:#2a8fbd;
    --header-btn-2:#cc001b;

    --footer-bg:#1E1000;
    --footer-color:#ffcc00;
    --footer-link:#fff;
    --footer-copyright:#A5610E;

    --heading1:#ACBEE1;
    --heading2:#fede5e;
    --heading3:#fede5e;
    --heading4:#fede5e;

    --widget-bg:#fff;
    --widget-title-bg:#001A27;
    --widget-title-color:#fff;
    --widget-link-color: #000;
    --widget-divider-bg : #FF6533;

    --archive-link-color:#dc6532;
    --archive-divider-bg:#fff;
    --text-gradient:linear-gradient(
      	0deg,
      	rgb(254, 222, 94) 22.22%,
      	rgb(255, 187, 68) 46.58%,
      	rgb(253, 255, 228) 63.81%,
      	rgb(254, 255, 170) 81.63%
    );
}
body {
    min-height: 100%;
    font-family: "Roboto";
    font-weight: 400;
    background-image: url(images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    overflow-x: hidden;
    text-underline-offset: 1px;
}
#main, #wrapper{
	background-color: inherit;
}
.mb-50{
    margin-bottom: 50px;
}
td {
    color: #d1cdcd;
}
/*************************** END  ***********************/
body{
	color: var(--body-color) !important;
	font-family: 'Roboto',sans-serif;
}
b,strong{
	font-weight: 600;
}
a{
	color: var(--link);
}
a:hover{
    color: #b98c02;
}
h1{
    color: var(--heading1) !important;
    background: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.7rem;
    font-weight: 800;
}
h2{
    color: var(--heading2) !important;
    background: var(--text-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.7rem;
    font-weight: 800;
}
h3{
    color: var(--heading3) !important;
}
h4{
    color: var(--heading4) !important;
}
.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
}

.page-wrapper #content,
#post-list article,
#post-list .post-item{
	/*background: var(--content-bg);*/
    background: #1E1000;
	padding-top: 20px;
	padding-bottom: 20px;
}
#post-list article,
#post-list .post-item{
	padding-left: 15px;
	padding-right: 15px;
}
.taxonomy-description{
	background: var(--content-bg);
	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;
}
/*==================================================
>>>       HEADER     
==================================================*/
.header-bg-color{
	background-color: var(--header-main-bg) !important;
}
.header-top {
    background: var(--header-top-bg) !important;
}
.header-bottom{
	background: var(--header-bottom-bg);
}
.header.show-on-scroll, .stuck .header-main{
    background: #1E1000;
    /*box-shadow: 1px 1px 2px #fff;*/
    border-bottom: 1px solid rgb(237, 205, 120);
}

#header ul.header-nav-main > li > a{
	color: var(--nav-color) !important;
	line-height: 40px;
}
/*#header ul.header-nav-main li a:hover,
#header ul.header-nav-main li.current-menu-item a{
	color: var(--nav-active) !important;
}*/
.nav-box>li.active>a, 
#header ul.header-nav-main > li > a:hover,
.nav-pills>li.active>a{
	/*background-color: var(--nav-active) !important;;*/
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
    background-color: var(--nav-color) !important;;
}

.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;
}

/*.header-nav .header-button a{
	color: var(--header-btn);
}
.header-button-1 .header-button a{
	background: var(--header-btn-1);
}
.header-button-2 .header-button a{
	background: var(--header-btn-2);
}*/
/*==================================================
>>>       WIDGET     
==================================================*/
#secondary{
	margin: 0 -15px;
}
#secondary aside.widget{
	background: var(--widget-bg);
	margin-bottom: 20px;
}
#secondary aside.widget .widget-title {
	font-size: 15px;
    background: var(--widget-title-bg);
    color: var(--widget-title-color);
    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;
}
/*.category-posts-internal{
	padding: 0 10px;
}
.category-posts-internal li{
	display: flex;
	margin: 3px 0 0px !important;
}
.category-posts-internal li > div{
	display: flex;
	
}
.category-posts-internal li > div a{
	color: var(--widget-link-color);
	font-size: 12px;
}
.category-posts-internal li .thumb img{
	border: 1px solid #eee ;
	box-shadow: none ;
	margin: 2px 10px 2px 0 ;
	padding: 3px ;
}
.category-posts-internal li .post-date{
	color: #bbb;
	font-size: 11px;
}*/
.flatsome_recent_posts .recent-blog-posts-li a{
	color: var(--widget-link-color);
	font-size: 14px;
}


/*==================================================
>>>       ARCHIVE     
==================================================*/
.box-blog-post .post-title a{
	color: var(--archive-link-color);
}
.box-blog-post .is-divider{
	background-color:var(--archive-divider-bg);
}
/*==================================================
>>>       FOOTER     
==================================================*/
#footer,
.copyright-footer{
	color: var(--footer-color);

}
.footer-primary.pull-left{
    float: none;
}
.copyright-footer{
    text-align: center;
    color: hsl(0 0% 100% / .5);
    font-size: 12px;
}

#footer h3{
	color: var(--footer-color);
	font-size: 22px;
	border-bottom: 1px solid #fff;
}
#footer > .section{
	background: var(--footer-bg);
    padding: 0;
    border-top: 4px solid rgb(237, 205, 120);
}
/*#footer > .section .section-content{
    top: -60px;
}*/
#footer > .section .section-content > .row > div{
    padding: 30px 0 0;
}
#footer > .section .section-content .logo{
    top: -80px;
}
#footer > .section .section-content .logo img{
    max-width: 220px;
    margin: auto;
}
.absolute-footer{
	background: var(--footer-copyright);
    padding: 6px 0;
}

@media (max-width: 767px) {
    #footer,
    .copyright-footer{
        text-align: center;
        justify-content: center;
    }
    #footer > .section .section-content .logo{
        top: 0;
    }
}


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

body.single-post h1.entry-title:before,
body.page h1.entry-title:before,
h1.page-title:before{
    content: '';
    background-image: url(images/rectangle-466.webp);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -23px;
    left: 0;
    right: 0;
    height: 2px;
}



/*==================================================
>>>       HOME     
==================================================*/
.stk-block-tab-labels__wrapper .stk-block-tabs__tab{
    background-color: #6c3a00 !important;
    padding: 5px 20px;
    border-radius: 99px;
    border: 2px solid #F4D773 !important;
}
.stk-block-tab-labels__wrapper .stk-block-tabs__tab.stk-block-tabs__tab--active,
.stk-block-tab-labels__wrapper .stk-block-tabs__tab:hover{
    background: linear-gradient(173.88deg, #F4D773 8.39%, #CAA559 36.88%, #F6DD78 65.38%, #F2B638 93.87%) !important;
}
.stk-block-tab-labels__wrapper .stk-block-tabs__tab span{
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    background: linear-gradient(173.88deg, #f4d773 8.39%, #caa559 36.88%, #f6dd78 65.38%, #f2b638 93.87%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    background-clip: text;
    text-fill-color: #fff0;
}
.stk-block-tab-labels__wrapper .stk-block-tabs__tab.stk-block-tabs__tab--active span,
.stk-block-tab-labels__wrapper .stk-block-tabs__tab:hover span{
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
}


/*-----------------------*\
    RESPONSIVE
\*-----------------------*/

/* Landscape phones and smaller */
@media (max-width: 480px) {
    .stk-block-posts__item .stk-container{
        flex-direction: column;
    }
    .stk-block-posts__item .stk-container article{
        width: 100% !important;
    }
}


.wp-block-button__link{
    background: linear-gradient(295.21deg, #f2b638 30.59%, #f6dd78 51.18%, #f4d773 66.58%);
    box-shadow: inset 0 0 10px rgb(255 255 255 / .94);
    color: #000;
    padding: 0 50px;
    font-size: 16px;
}





.stk-block-posts__item .stk-container{
    border: 1px solid #F4D773;
    border-radius: 8px;
    background-color: #271400;
    padding: 10px;
}
/*.stk-block-posts__item .stk-container img{
    margin: 0;
    height: 100%;
}*/
.stk-block-posts__item .stk-block-posts__title,
.stk-block-posts__item .stk-block-posts__excerpt{
    margin-bottom: 0 !important;
}
.stk-block-posts__item .stk-block-posts__title a{
    font-size: 15px;
}
.stk-block-posts__item .stk-block-posts__excerpt{
    font-size: 14px;
    color: #ffffff85;
}