/*
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: #F371AA;
    --black: #130f40;
    --light-color: #666;
    --box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .1);
    --border: .2rem solid rgba(0, 0, 0, .1);
    --outline: .1rem solid rgba(0, 0, 0, .1);
    --outline-hover: .2rem solid var(--black);
    --content: 1200px;
}
@font-face {
    font-family: 'FZ-Poppins';
    src:url('fonts/FZ-Poppins-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */ /* Legacy iOS */
    font-display: swap; 
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'FZ-Poppins';
    src:url('fonts/FZ-Poppins-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */ /* Legacy iOS */
    font-display: swap; 
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'FZ-Poppins';
    src:url('fonts/FZ-Poppins-Light.ttf')  format('truetype'); /* Safari, Android, iOS */ /* Legacy iOS */
    font-display: swap; 
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'FZ-Poppins';
    src:url('fonts/FZ-Poppins-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */ /* Legacy iOS */
    font-display: swap; 
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'FZ-Poppins';
    src:url('fonts/FZ-Poppins-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */ /* Legacy iOS */
    font-display: swap; 
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'FZ-Poppins';
    src:url('fonts/FZ-Poppins-ExtraBold.ttf')  format('truetype'); /* Safari, Android, iOS */ /* Legacy iOS */
    font-display: swap; 
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'FZ-Poppins';
    src:url('fonts/FZ-Poppins-Black.ttf')  format('truetype'); /* Safari, Android, iOS */ /* Legacy iOS */
    font-display: swap; 
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'FZ-Poppins';
    src:url('fonts/FZ-Poppins-SemiBold.ttf')  format('truetype'); /* Safari, Android, iOS */ /* Legacy iOS */
    font-display: swap; 
    font-weight: 450;
    font-style: normal;
}

html{
    border: 0;
    background-color:rgba(254, 244, 252, 1);
    padding-top: 0 !important;
    margin: 0;
}
h1,h2,h3,h4,h5,h6{
   font-family: 'FZ-Poppins',sans-serif !important; 
}
b,strong{
    font-weight: 450;
}
body{
    font-size: 16px;
    line-height: 1.5;
    max-width: 1920px;
    color:rgba(40, 40, 40, 1);
    margin:auto;
    background-color: rgba(254, 244, 252, 1);
    padding-right: 0px !important;
    font-family: 'FZ-Poppins',sans-serif !important;
}
#main, #wrapper{
    background-color: rgba(254, 244, 252, 1);
}
.header-main{
    border-bottom: 1px solid #f9c9dd;
}
.header-main .nav > li > a,.header-main .links > li > a {
    text-transform: none;
    color: #514e59;
    font-weight: 500;
    font-size: 14px;
}
footer h4 {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0px;
}
footer h3 {
    font-weight: 600;
    font-size: 22px;
    color:var(--main-color);
    margin-bottom: 15px;
}
footer p {
    line-height: 1.4;
    margin-bottom: 10px;
}
.img_footer img{
    height: 51px !important;
    width: initial !important;
}
footer .copyright p{
    font-size: 14px;
    margin-top: 20px;
}
.title_footer{
    color: #282828;
    font-weight: 450;
    margin-bottom: 10px;
    font-size: 15px;
}
footer .ux-menu a{
    font-size: 14px;
}
footer .social li{
    margin-left: 0px;
    list-style: none;
}
footer .social li a{
    color: #282828;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;

}
header .header-button a.button{
    border-radius: 99px;
    height: 48px;
    border: 1px solid var(--main-color);
    line-height: 48px;
    font-weight: 450;
    color: #000;
    padding: 0px 25px;
}
header .nav-spacing-large>li {
    margin: 0 30px;
}
.banner {
    height: 340px;
    width: 100%;
    background-size: cover;
    position: relative;
}
.banner:after{
    content:'';
    background-color: rgba(90,60,72,0.2);
    width: 100%;
    height: 100%;
    top:0px;
    left: 0px;
    position: absolute;
}
.banner .container-lg {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 2;
}
.banner .container-lg h1 {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    color:#fff;
}
.bre ol {
    margin-left: 0px;
    padding: 0px;
}
.bre ol li {
    list-style: none;
    display: inline-block;
    color: #fff;
    margin: 0px 3px;
}
.bre ol li a {
    color: #fff;
}
.list_category {
    margin-top: 50px;
}
.list_category ul li {
    list-style: none;
    display: inline-block;
}
.list_category ul li a {
    display: block;
    height: 40px;
    border-radius: 20px;
    background-color: #F5E8ED;
    color: #6E6E6E;
    margin-right: 10px;
    font-size: 16px;
    padding: 0px 20px;
    line-height: 40px;
}
.list_category ul li a.active, .list_category ul li a:hover {
    color: #fff;
    background-color: var(--main-color);
}
.item_blog {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}
.item_blog .box_image {
    height: 195px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    display: block;
}
.item_blog .box_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.description_blog {
    padding: 20px;
}
.description_blog p {
    font-size: 11px;
    color: #282828;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: 200;
}
.description_blog h3{
    line-height: 1;
    margin-bottom: 0px;
}
.description_blog h3 a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.box-content {
    max-width: 880px;
    margin: 0 auto;
}
.banner-header{
    text-align: center;
}
.title_ {
    font-weight: 450;
    font-size: 20px;
    color: #000;
    margin-top:40px;
    margin-bottom: 15px;
}
.content-blog h1 {
    font-size: 30px;
    font-weight: 450;
    color: #000;
}
.entry-content{
    padding:0px;
}
.header-detail{
    padding-top: 10px;
}
.header-detail .bre ol li a, .header-detail .bre ol li {
    color: #6A6A6A;
    font-size: 14px;
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a{
    padding-left: 20px;
    font-weight: normal;
    color: #000000;
    font-size: 16px;
}
.entry-content>*{
    margin-bottom: 15px;
}
.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content h1{
    color:#000;
    font-weight: 450;
}
.entry-content img{
    margin: auto;
    max-width: 100% !important;
    height: initial !important;
    width: initial !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}