/*
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.   ***************/
:root{
    
    --body-bg : #111111;
    --body-color: #fff;
    --link : #F9B107;
    --heading1:#ACBEE1;
    --heading2:#fff;
    --heading3:#fff;
    --heading4:#fff;

    --header-bg : #111111;
    --header-bottom:#1F1F1F;
    --nav-color:#fff;
    --nav-active:#F9B107;

    --header-btn:#F9B107;
    --header-btn-hover:#F9B107;

    --footer-bg:#1F1F1F;

    

    --widget-bg:#fff;
    --widget-title:#000;
    --widget-link-color: #000;
    --widget-divider-bg : #F9B107;

    --main : #ff0058;
    --sub:#454545;

    --border-color:#F9B107;
    --border-bg:#fff;
    --border-radius:10px;
}
td{
    color: #fff;
}
/*-----------------------*\
    BODY
\*-----------------------*/
#main, #wrapper{
	background-color: var(--body-bg) !important;
}
body{
    color: var(--body-color) !important;
}
h1{
    color: var(--heading1) !important;
}
h2{
    color: var(--heading2) !important;
}
h3{
    color: var(--heading3) !important;
}
h4{
    color: var(--heading4) !important;
}
a{
    color: var(--link);
}
a.icon-circle:hover, a.remove:hover, a:hover{
    color: #fff !important;
}
/*-----------------------*\
    HEADER
\*-----------------------*/
#header,
.header-wrapper.stuck{
    background: var(--header-bg);
}
.header-bg-color,
.header-bottom{
    background-color: inherit !important;
}
.header-bottom{
	background-color: var(--header-bottom) !important;	
}
.header-nav > li.menu-item > a {
    background: inherit;
    margin-right: 5px;
    color: var(--nav-color);
}
.header-nav > li.current-menu-item a,
.header-nav > li.menu-item a:hover{
    color: var(--nav-active) !important;
}
.header-button-2 a{
	background-color: var(--header-btn);
}
/*-----------------------*\
    FOOTER
\*-----------------------*/
#footer > .section,
#footer .footer-widgets,
#footer {
    background: var(--footer-bg);
    padding-top: 30px;
}
#footer .footer-widgets .wp-block-heading span{
    color: var(--widget-title);
}
/*==================================================
>>>            
==================================================*/
.header-button a{
	border-color: rgba(0, 0, 0, .05);
	color: #fff;
	max-width: 100%;
	min-height: 2.5em;
    padding: 0 2.2em;
    position: relative;
    text-align: center;
	font-size: .97em;
    font-weight: bolder;
    letter-spacing: .03em;
    line-height: 2.4em;
	background-color: var(--header-btn);
}
.header-button-2 a{
	border: 2px solid white !important;
	color: white;
	border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    animation: tada 1.2s infinite, glow 1.5s infinite alternate;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 0 20px rgba(255, 215, 0, 0.6);
}
@keyframes tada {
	0% {
		transform: scaleX(1);
	}
	10%, 20% {
		transform: scale3d(1, 1, 1) rotate(-3deg);
	}
	30%, 50%, 70%, 90% {
		transform: scale3d(1.2, 1.2, 1.2) rotate(1deg);
	}
	40%, 60%, 80% {
		transform: scale3d(1.2, 1.2, 1.2) rotate(-2deg);
	}
}

@keyframes glow {
	0% {
		box-shadow: 0 0 5px rgba(255, 215, 0, 0.4), 0 0 10px rgba(255, 215, 0, 0.4);
	}
	50% {
		box-shadow: 0 0 20px rgba(255, 215, 0, 0.8), 0 0 30px rgba(255, 215, 0, 0.8);
	}
	100% {
		box-shadow: 0 0 5px rgba(255, 215, 0, 0.4), 0 0 10px rgba(255, 215, 0, 0.4);
	}
}
#ez-toc-container{
	width: 100%;
}
div#ez-toc-container .ez-toc-title{
	color: #000;
}

.entry-content.single-page{
	padding-top: 0;
}
.entry-header-text{
	padding-bottom: 0;
}
.top-divider{
	display: none;
}

.wp-block-gallery .wp-block-image img{
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	cursor: pointer;
}
.wp-block-gallery .wp-block-image img:hover{
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	opacity: .7;
}

.dark .heading-font, 
.dark a.lead, 
.dark h1, 
.dark h2, 
.dark h3, 
.dark h4, 
.dark h5, 
.dark h6, 
.dark label, 
.hover-dark:hover a, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover p {
    color: #14bfed;
}

.taxonomy-description{
	padding:20px;
	background: #1F1F1F;
}
.wp-block-buttons .wp-block-button__link{
	background-color: #b20000;
	padding: 6px 0;
}
.wp-block-buttons .wp-block-button__link:hover{
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	opacity: .7;
}