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

b, strong{
	font-weight:bold;
}
.custom-product-page .row{
	max-width: calc(100% - var(--nav-w));
	min-height: 100vh;
}
.header .header-nav-main.nav > li > a{
	background: -webkit-linear-gradient(#fbff10, #dd9e26);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.header:not(.transparent) .header-nav-main.nav > li > a{
	background: -webkit-linear-gradient(#fbff10, #dd9e26);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{
	background: -webkit-linear-gradient(#fbff10, #dd9e26);
}
.logo img{padding:15px}
.stuck .header-inner, .stuck .logo, .stuck .logo img{
	padding:unset
}
.stuck #logo img{
	max-height:45px !important;
}

/* <=== vhsupportol ===> */
.vhsupportol{
    position: relative;
    margin-bottom: 35px;
    z-index: 1;
}
.vhsupportol::before{
    content: '';
    position: absolute;
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
    z-index: -2;
    transform: skew(2.2deg, 2.2deg);
    background: rgb(254,218,96);
    background: linear-gradient(315deg, rgba(254,218,96,1) 0%, rgba(254,218,96,1) 40%, rgba(51,90,204,1) 60%, rgba(51,90,204,1) 100%);
}
.vhsupportol::after{
    content: '';
    position: absolute;
    top: -8px;
    left: -10px;
    right: -10px;
    bottom: -8px;
    background: #fff;
    z-index: -1;
}
.vhsupportol .sptitle{
    text-align: center;
    padding: 10px;
    background-color: #335acc;
    color: #fff;
    text-transform: uppercase;
}
.vhsupportol .sptitle, .vhsupportol .sptitle h3{
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
	color: #fff;
}
.vhsupportol .spconts{
    padding: 15px;
    background-color: #feda60;
}
.itsupportol{
    margin-bottom: 15px;
    padding: 10px 10px 15px 16px;
    background-color: #fee9a0;
}
.itsupportol:last-child{
    margin-bottom: 0;
}
.itsupportol .olname{
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #335acc;
}
.itsupportol .olinfo li{
	margin-left: 0;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.itsupportol .olinfo li p{margin-bottom:0}
.itsupportol .olinfo li, .itsupportol .olinfo li a{
    color: #333;
}
.itsupportol .olinfo li:last-child{
    margin-bottom: 0;
}
.itsupportol .olinfo li .icon{
    width: 25px;
    font-size: 20px;
    color: #335acc;
}
.itsupportol .olinfo li .icon img{
    max-width: 18px;
}
.itsupportol .olinfo li .text {
    width: calc(100% - 25px);
}
.itsupportol .olinfo .vnum{
    font-weight: bold;
}
.itsupportol .olinfo .vnum, .itsupportol .olinfo .vnum a{
    color: #ff0000;
}

/* <=== vhsupportol ===> */

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


}