/*
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.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Sarabun&display=swap');

@font-face {
    font-family: 'SerithaiRegular';
    src: url('fonts/SerithaiRegular.eot');
    src: url('fonts/SerithaiRegular.eot') format('embedded-opentype'),
         url('fonts/SerithaiRegular.woff2') format('woff2'),
         url('fonts/SerithaiRegular.woff') format('woff'),
         url('fonts/SerithaiRegular.ttf') format('truetype'),
         url('fonts/SerithaiRegular.svg#SerithaiRegular') format('svg');
}

body,.nav > li > a,h1,h2,h3,h4,h5,h6 { 
    font-family:"SerithaiRegular",sans-serif !important;
}
li,p { 
    font-family:"Sarabun",sans-serif !important;
}
.gallery-footer .gallery-col {
    padding: 0;
}
.gallery-footer .box-text { 
    display: none;
}
.absolute-footer {
    background-color: #000;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    background-color: #f8d309;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1170px;
}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    font-size: 17px;
}
.off-canvas-center .nav-vertical>li>a {
    color: #000;
}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    color: #fff;
    transition: all .2s;
}
.header-nav .header-button a.icon.primary.button.round.is-small {
    background-color: #f8d309;
}
.searchform .button.icon {
    line-height: 32px;
}
.copyright-footer {
    padding-top: 6px;
    color: #f8d309;
    font-weight: bold;
}
#wrapper, #main {
    background-color: #000;

}
.contact-form-checkout div#wpcf7-f7-p53-o1 input, .contact-form-checkout div#wpcf7-f7-p53-o1 textarea {
    background-color: #fff;
    max-width: 500px;
}
.contact-form-checkout div#wpcf7-f7-p53-o1 input.wpcf7-form-control.wpcf7-submit.button {
    width: 122px;
    background-color: #f8d20b;
}
body .back-to-top {
    bottom: 95px;
    right: 23px;

}
.contact-form-checkout span.wpcf7-not-valid-tip {
    width: 500px;
    margin: 0 auto;
}
.vcex-icon-box-heading {
    color: #f8d309;
}
ul.check-list li {
    margin-bottom: 2px;
}
a:hover, a.remove:hover, a.icon-circle:hover {
    color: #f5ca03;
}
h1, h2, h3, h4, h5, h6,span,li, span,a,body {
    color: #fff;

}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
    color: #f5ca03 !important;
}
body .secondary, body .checkout-button, body .button.checkout, body .button.alt {
    background-color: #f8d309;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}