/*
Theme Name: Longsoncement
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


:root{

    --bg-base:#EEF1F3;

    --color-base:#000;

    --color-hover:#ed1c24;

    --color-troy:#ffc900;

    --color-xam:#8E9BA3;

    --color-white:#fff;

    --color-line:#6E7980;

    --color-shadow:box-shadow: 4px 3px 19px 2px #00000040;

    --color-gra:linear-gradient(80deg, #2ECD70 4.38%, #25B2F4 94.39%);
    --color-gra2:linear-gradient(91deg, #ed1c24 16%, #e8a04d 106.82%);

    --color-gradoc:linear-gradient(180deg, #f4868a 0%, #ed1c24 60%, #a00309 100%);

}

/*custom scrool*/
/* width */
html::-webkit-scrollbar {
  width: 10px;
}
/* Track */
html::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
/* Handle */
html::-webkit-scrollbar-thumb {
  background: var(--color-gra); 
  border-radius: 10px;
}
/* Handle on hover */
html::-webkit-scrollbar-thumb:hover {
  background: var(--color-hover); 
}
/*end custom scrool*/

body, #main, #wrapper{

    background-color: var(--bg-base);

}


*{

   font-family:"Inter";*/

}
h1{

    font-size: 24px;

    line-height: 1.3em;

}

h2{

    font-size: 20px;

    line-height: 1.3em;

}

h3{

    font-size: 18px;


    line-height: 1.3em;
}

h4{

    font-size: 16px;

    line-height: 1.3em;

}

h5{

    font-size: 14px;

    line-height: 1.3em;

}

div, p, span, a, li, option{

    font-size: 16px;

    line-height: 1.3em;

}

strong{

    font-size: 16px;

    line-height: 1.3em;

}