/*
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.   ***************/
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    -webkit-overflow-scrolling: touch;
    background-color: hsl(0deg 0% 0% / 95%);
}
.ez-toc-title{
    color: #333;
}
.ez-toc-icon-toggle-span {
    display: flex
;
    align-items: center;
    width: 32px;
    height: 26px;
    justify-content: center;
    direction: ltr;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: #d7d9db;
    transition: all .2s;
}
.nav-column>li>a:hover, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li>a:hover {
    color: #fff;
    transition: all .2s;
}
.page-title {
    position: relative;
    text-align: left;
}
.rank-math-breadcrumb p{
    margin-bottom: 0px;
}
.col, .columns, .gallery-item {
    margin: 0;
    padding: 0 15px 16px;
    position: relative;
    width: 100%;
}
.header-wrapper.stuck{
    background-color: #000c24;
}
.block-btn-cta,.block-btn-login{
    display: flex;
    gap: 1rem;
}
.row-divided>.col+.col:not(.large-12) {
        border-left: 1px solid #ececec80;
    }
.box-vertical .box-text {
        vertical-align: top;
    }
.block-btn-cta a{
    display: flex;
    gap: .5rem;
    width: 200px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    outline: 1px solid transparent;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
}
.bg-gradient-green{
    background-image: url('/wp-content/uploads/2025/04/bg-gradient-green-200.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-gradient-pink{
    background-image: url('/wp-content/uploads/2025/04/bg-gradient-pink-200.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-gradient-yellow{
    background-image: url('/wp-content/uploads/2025/04/bg-gradient-yellow-200.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-gradient-green:hover{
    outline: 1px solid #1d9b08;
}
.bg-gradient-pink:hover{
    outline: 1px solid #b00b6b;
}
.bg-gradient-yellow:hover{
    outline: 1px solid #ffe730;
}
.block-btn-login a{
    width: 155px;
    color: #fff;
    text-transform: uppercase;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    font-size: 1rem;
}
.btn.btn-register{
    background: linear-gradient(180deg, #f43c96, #dc016c);
    
}
.btn.btn-login{
    background: linear-gradient(180deg, #69eb34, #33990a);
}
.header-search-form input,.header-search-form button{
    height: 40px;
    background-color: transparent;
    border: 0px;
}
.header-search-form .box{
    background-color: #192439;
    font-size: 16px;
    width: 300px;
    border-radius: 6px;
}
input[type=search]:focus{
    background-color: transparent;
    box-shadow: none;
}
#footer .ux-menu-link__link {
    border:0px;
    color: #8a98b2;
    min-height: 2rem;
}
#footer .ux-menu-link__link:hover {
    color: #fff;
}
#footer h3 {
    text-wrap-mode: nowrap;
    font-size: 20px;
    font-weight: 500;
    color:#fff;
}
#footer .medium-2.small-6.large-2{
    flex-basis: 14%;
    max-width: 14%;
}
#footer p,#footer .fas ,#footer .fab{
    color: #fff;
}
#footer .medium-2.small-6.large-2.box-suport{
    flex-basis: 22%;
    max-width: 22%;
}
#footer .medium-1.small-6.large-1{
    flex-basis: 12%;
    max-width: 12%;
}
#footer .medium-1.small-6.large-1.col-1-extra{
    flex-basis: 12%;
    max-width: 12%;
}
.item-suport{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 0.6rem;
    height: 40px;
    background-color: #19243a;
}
.item-suport:hover{
    background-color:#f7339a;
    cursor: pointer;
}
.item-suport p{
    margin-bottom: 0px;
}
.box-suport .col{
    padding: 0 8px 16px;
}
.absolute-footer {
    padding: 24px 0 24px;
    border-top: 1px solid #19243a;
}
.section-footer .col{
    padding-bottom: 16px;
}
.section-footer{
    padding-bottom: 16px !important;
}
.single-post .is-divider,.post_comments{
    display: none;
}
.badge-outline .badge-inner {
     color: #446084; 
}
a.plain,.page-title, .widget .current-cat>a {
    color: #fff;
}
.is-divider {
    display: none;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.medium-logo-center .flex-right {
    flex: 5 1 0;
    order: 3;
}
.nav>li>a>i.icon-menu {
    font-size: 2.3em;
    color: #fff;
}
#logo {
    width: 120px !important;
}
.medium-logo-center .logo {
    margin: 0 6px;
}
.block-btn-login a {
    width: 80px;
    font-size: 11px;
    height: 30px
}
.block-btn-login {
    gap: 0.5rem;
}
.hide-for-medium.flex-right{
    display: block !important;
}
.header-main .hide-for-medium.flex-right li.html.custom.html_top_right_text {
    display: block !important;
}
.box-suport .small-3{
    flex-basis: 30%;
    max-width: 30%;
}
.box-suport .small-6{
    flex-basis: 40%;
    max-width: 40%;
}
#footer .fas{
    font-size: 13px;
}
#footer h3 {
    font-size: 16px;
}
.item-suport p {
    margin-bottom: 0px;
    font-size: 12px;
}
#footer .ux-menu-link__link {
    font-size: 13px;
    min-height: 1.6rem;
}
#footer .medium-1.small-6.large-1{
    flex-basis: 50%;
    max-width: 50%;
}
#footer .medium-1.small-6.large-1.col-1-extra{
    flex-basis: 50%;
    max-width: 50%;
}
#footer .medium-2.small-6.large-2 {
    flex-basis: 50%;
    max-width: 50%;
}
#footer .medium-2.small-6.large-2.box-suport {
    flex-basis: 100%;
    max-width: 100%;
}
}