/*
Theme Name: Flatsome Child
Description: Code by CODE-WP.COM
Author: UX Themes
Template: flatsome
Version: 3.5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --main-color: #b1a062; /* Change primary color to red */
    --blue-color: #161449; /* Change primary color to red */
}
body {
    font-family: Arial, Helvetica, sans-serif;
}
#main,
#wrapper {
    background-color: unset !important;
    position: relative
}
div#wrapper {
    background-image: url(images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: unset !important;
}
.text-color-main {
    color: var(--main-color);
}
.text-block-2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    color: var(--main-color);
}
.text-block-2 h3 {

    width: auto;
   
    padding: 0px;
        padding-right: 30px;
    color:var(--main-color);
    font-size: 30px;
}

.text-block-2 p {
    font-size: 22px;
    border-left: solid 1px var(--main-color);
    padding-left: 25px;
}
.custom-h2 h2 {
    font-weight: 400;
    font-size: 30px;
}
.box-text-2 {
    display: flex;
    color: var(--main-color);
    gap: 20px;
}
.box-text-2 p {
    width: 700px;
    padding-right: 10px;
}
.box-text-2 h3 {
    width: 375px;
}
.box-text-2.text-bottom {
    border-bottom: solid 1px var(--main-color);
}
.contact_btn {
    padding: 0px 10px !important;
    border: solid 1px var(--main-color);
}
.custom-before-1:before {
    background: #b1a06217;
}
.home .custom-before-1:before {
    content: "";
    width: 95.5%;
    height: 225%;
    position: absolute;
    top: -200px;
}
.page-id-238 .custom-before-1:before {
    content: "";
    width: 95.5%;
    height: 332%;
    position: absolute;
    top: -170px;
}
.page-id-240 .custom-before-1:before {
    content: "";
    width: 95.5%;
    height: 356%;
    position: absolute;
    top: -200px;
}
.remove-bg img {
    mix-blend-mode: multiply;
}
h3.custom-h3 {
    font-weight: 500;
    font-size: 30px;
    color:var(--main-color);
    line-height: 33px;
}
.border-left-top:before {
    content: "";
    height: 200px;
    width: 2px;
    background: var(--main-color);
    position: absolute;
}
.border-left-top p {
    padding-left: 30px;
    padding-top: 50px;
}
.border-bottom {
    border-bottom: solid 1px var(--main-color);
    margin-bottom: 30px;
}
.section-title-normal {
    border-bottom: 2px solid var(--main-color);
}
.custom-width-x {
    padding-right: 105px;
}
.pd-10 {
    padding: 30px;
}
.nav-left {
    justify-content: space-between;
}
.footer-before:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: var(--main-color);
    top: -50px;
}
.box-text-2 h3 {
    font-size: 18px;
    color:var(--main-color);
}
.header-wrapper.stuck .contact_btn {
    border: unset;
}
.header-wrapper.stuck div#masthead {
    background: #ffffffe8;
}
	/* .page-id-246 footer#footer { */
		/* display: none; */
	/* } */
/* iPad Pro Portrait (dọc) */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

    ul.header-nav.header-nav-main.nav.nav-left.nav-line-bottom.nav-spacing-xlarge.nav-uppercase {
        width: max-content;
    }
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    div#wrapper {
        background-image: url(images/bg3.png);
        background-repeat: round;
        background-color: unset !important;
        background-size: cover;
    }
    .text-block-2 {
        display: inline;
        justify-content: flex-start;
        align-items: flex-start;
        color: var(--main-color);
    }
    .custom-before-1:before {
        content: "";
        background: #81733e0f;
        width: 95%;
        height: 400%;
        position: absolute;
        top: -132px;
        height: 0% !important;
        width: 0% !important;
    }
    .contact_btn {
        padding: unset;
        border: solid 1px var(--main-color);
    }
    .mobile-sidebar ul li a {
        font-size: 16px !important;
        font-weight: 400;
        color: var(--blue-color) !important;
    }
    li.nav-icon.has-icon i.icon-menu {
        font-size: 30px;
        color: var(--blue-color);
    }
    .custom-width-x {
        padding-right: unset;
    }
    h3.custom-h3 {
        font-weight: 500;
        font-size: 20px;
        color: var(--main-color);
        line-height: 27px;
    }
    .pd-10 {
        padding: 0px;
    }
    .box-text-2 h3 {
        width: 350px;
        padding-left: 15px;
    }
	



}