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

:root {
  --main-color: #ffcb0f;
  --secondary-color: #131520;
}

.nav-box>li.active>a {
    color: #101013 !important;
}

body h2{
   color: var(--main-color);
}

li.html.header-button-1 span {
    color: #000000;
    font-weight: normal;
}

.image-top-crop {
    max-width: 360px;
    margin: auto;
}

.text-top h1{
    margin-bottom: 0 !important;
     font-size: clamp(22px, 4vw, 36px);
} 

.text-top h2{
    font-weight: normal;
    margin-bottom: 0 !important;
}

.btn-main span{
     color: #000000;
    font-weight: normal;
}

.btn-sub span{
font-weight: normal;
}

.faq-home .accordion-title{
border-top: none;
}

.faq-home  .accordion-inner{
        padding: 0.5em 2.3em;
}

.faq-home  .accordion-inner p{
    margin-bottom: 0;
}

.blog-home{
    padding-bottom: 30px;
}

.blog-home .col.post-item  .col-inner{
    border: 1px solid #373737;
    border-radius: 6px;
    padding: 20px;
}

.blog-home .col.post-item  .col-inner .box-text{
    padding-bottom: 0;
}

.blog-home .col.post-item  .col-inner .box-text h5{
   color: #fff;
}

.is-divider {
    background-color:var(--main-color);
}

footer#footer {
    background: #050506;
}

.absolute-footer {
    padding: 10px  10px;
}


.toc-sections { margin: 24px 0; display: grid; gap: 12px; }
.toc-block { background:#111; border:1px solid #444; color:#fff; padding:14px 16px; }
.toc-h2 { display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; }
.toc-num { font-weight:700; font-size:20px; color:#ffd54d; min-width:2.2em; }
.toc-title { font-size:18px; line-height:1.4; }
.toc-h3-list { margin:10px 0 0 3.2em; padding:0; list-style:none; border-left:2px solid #333; }
.toc-h3-list li { margin:8px 0; padding-left:10px; }
.toc-h3-list a { color:#ddd; text-decoration:none; }
.toc-h3-list a:hover { text-decoration:underline; }



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


.medium-logo-left .flex-left{
           flex: 0;
}

.top-home.row {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    flex-direction: column-reverse;
}

.top-home .col-inner {
    text-align: center;
}

.top-home p{
    font-size: 14px;
}

.blog-home .col.post-item  .col-inner{
    padding: 10px;
}

.footer-mb {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.footer-mb .ft-btn{
    padding: 10px;
    border-top: 1px solid #373737;
    border-bottom: 1px solid #373737;
    background: rgba(0, 0, 0, 0.8);
}

.footer-mb  .ft-menu{
    background: #090a10;
    padding: 10px;
}

.footer-mb  .ft-menu .col{
    padding: 0;
}


.footer-mb .ft-btn .btn-main{
    margin-bottom: 0;
}

.footer-mb  .ft-menu  .icon-box-center .icon-box-img {
    margin: 0 auto 0.5em;
}

.footer-mb  .ft-menu  .icon-box-center h5{
    font-weight: normal;
    color: #fff;
}


}