/*
Theme Name:   lg gold service child
Theme URI:    https://wordpress.org/themes/enfld/
Description:  Enfold child theme
Author:       Meysam norouzi
Author URI:   meysam.norouzi92@gmail.com
Template:     twentytwentyfive
Version:      1.0.0
Text Domain:  lgservicehome
 Tags:        light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/
:root{
    --first-color:#A50034;
    --second-color:#F0ECE4;
}
@font-face{
    font-family:'iransans';
    src:url("./fonts/woff/DanaFaNum-Medium.woff") format('woff');
        font-style:normal;
        font-weight:400;
        font-display:swap;
        size-adjust: 101.5%;
        /*size-adjust: normal;*/
        /*ascent-override: normal;*/
        ascent-override: 67%;
        /*descent-override: normal;*/
        descent-override: 40px;
        /*line-gap-override: normal;*/
         line-gap-override: 100%;
}
body
{
  overflow-x:hidden;
}
p,span,h1,h2,h3,h4,h5,h6,strong,
{
    font-family:iransans, sans-serif,Arial,'Roboto' !important;
line-height: 30px;

}

.ls-wrapper .ls-bg-wrap 
{
    display:inline-table !important;
}
.slider-title ls-tb
{
    display:unset !important;
}
/* mini modal */
.minimodal {
    position: relative !important; 
    z-index: 999 !important;
}
.mm-btn
{
    cursor:pointer;
    margin-right:unset !important;
    margin-left:unset !important;
}
.mm-body
{
    display:none;
}
.mm-body.open
{
    display:block;
    position: fixed;
    width: 50% !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--first-color);
    border-radius: 7px !important;
    padding: 13px !important;
    color: #ffffff !important;
    border-top:3px solid var(--second-color);
    border-bottom:1px solid var(--second-color);
    overflow-y:auto !important;
    height:auto;
    max-height:90%;
    overflow-x: hidden;
    z-index:999;
    padding-top:20px;
}
.mm-body.open::-webkit-scrollbar {
    background-color: var(--second-color);
    width:6px;
}
.mm-body.open::-webkit-scrollbar-track {
    background: var(--first-color);
    width:6px;
}
.mm-body.open::-webkit-scrollbar-thumb {
    background-color: var(--second-color);
    width:6px;
}

.mm-body.open::after
{
    content: "×";
    color: red;
    padding: 5px 1px 4px 7px;
    cursor: pointer;
    top: 6px;
    right: 7px;
    position: absolute;
    font-size: 37px;
    font-weight: 700;
    display: block;
    visibility: visible;
    overflow: visible;
    width: 15px;
    height: 15px;
}
/* end of minimodal*/
/* start of btn primary/success/danger */
.btn {
    border: 1px solid #ff000000 !important;
    border-radius: 7px;
    padding: 10px 10px 10px 10px;
    transition: 0.3s all;
    margin:5px 0px;
    cursor:pointer;
    text-align:center;
}
.btn:hover {
    border: 1px solid #ffffff !important;
}
.btn,.btn *{
    font-size:18px !important;
    text-decoration: none  !important;
    text-align:center;
    color:unset !important;
}
.btn.block
{
    display:block;
}
.btn.success
{
    background-color: #61d77c;
    color:#000000 !important;
}
.btn.success:hover
{
    background-color: #28a745;
    color:#ffffff !important;
}
.btn.primary
{
    background-color: #49a1ff;
    color:#000000 !important;
}
.btn.primary:hover,.btn.primary:hover *
{
    background-color: #007bff;
    color:#ffffff !important;
}

.btn.danger
{
    background-color: #f3aeae;
    color:#000000 !important;
}
.btn.danger:hover,.btn.danger *:hover
{
    background-color: #d12020;
    color:#ffffff !important;
}
/* end of btn style */
.display-none{
    display:none;
}

.sttc-comments .item-cmm
{
  min-width: 300px;
max-width:400px;
  height: 150px;
background-color:#ffff;
  border: 1px solid red;
  border-radius: 7px;
  margin: 2px 5px;
  padding: 5px;
  flex-shrink: 0;
}

.sttc-comments .stage {
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
}

.sttc-comments .nav {
  text-align: center;
}
[slider] .list
{
    text-align:center;
}
[slider] .list span
{
    width:5px !important;
    height: 5px !important;
    background-color: gray;
    margin:0px 3px;
    transition: 0.3s all;
    border-radius: 100%;
    display: inline-block;
    cursor: pointer;
    
}

[slider] .list span:hover
{
    background-color: gray;
}

[slider] .list span.active
{
    width: 12px !important;
    border-radius: 7px;
}

@media only screen and (max-width: 767px) {
    .mm-body.open
    {
        width: 90% !important;
        height:70% !important;
    }
    
}