/*
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.   ***************/
/* css topbar */
#top-bar .social-icons {
	color: #000;
}
#top-bar .html .social-icons {
    font-size: 1.1em;
}
/* css header menu */
div#masthead {
    background-color: #fff;
    box-shadow: 1px 0px 6px rgb(0 0 0 / 15%);
}
#masthead ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase:before {
    position: absolute;
    left: 10px;
    background: #d91c23;
    content: "";
    width: 992px;
    height: 58px;
    border-radius: 100px 0 0 0;
}
#masthead ul li.menu-item a.nav-top-link {
    color: #fff;
    padding: 0 0 0 12px;
    font-size: 13.5px;
}

/* css section banner */
.ct-banner {
    text-align: left;
    background: #000;
    padding: 8px 5px 10px 18px;
    border-left: 3px solid #d91c23;
}
.ct-banner p {
    margin-bottom: 0;
}
.ct-banner h3 {
    margin-top: 0;
}

.col.col-padding {
	padding-bottom: 0;
}
/* css section giới thiệu ngắn */
.ct-head-ngan p {
	margin-bottom: 6px;
}
.ct-thoigian-1 p  {
    color: rgba(237, 28, 36, 1);
    font-size: 26px;
	margin-top: 36px;
    margin-bottom: 0;
}
.ct-thoigian-2 p:first-child strong {
    color: rgba(237, 28, 36, 1);
    font-size: 20px;
}
.ct-thoigian-2 p:last-child strong {
    font-weight: 300;
    background: #1c1c1c;
    color: #fff;
    padding: 5px 22px;
}
.ct-thoigian-2 p:first-child {
    margin-bottom: 5px;
}

/* css section giới thiệu cá nhân */
.col-canhan>.col-inner {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 15px 18px 5px 18px;
    box-shadow: 1px 1px 6px rgb(219 239 205);
    background: #fff;
}

.box-canhan {
    display: flex;
    align-items: center;
}
.box-canhan h5 {
    font-size: 20px;
    margin-bottom: 0;
}
.ct-canhan h3 {
    font-size: 16px;
    margin-top: 18px;
}
.ct-canhan h3:after {
    content: '';
    width: 50px;
    height: 2px;
    background-color: #333;
    display: block;
    margin-top: 5px;
}
a.button.primary.btn-xemthem {
    background: #d2d2d2;
    color: #000;
    font-weight: 300;
    font-size: 15px;
}

/* css section attach */
.st-attach .section-bg {
    background-image: url(/wp-content/uploads/2022/09/Rectangle-16-1.png);
    background-attachment: fixed;
}
.col-attach>.col-inner {
    background-color: #fff;
    padding: 12px 12px 20px 12px;
    border-radius: 4px;
}
.box-attach h4 {
    font-size: 20px;
}
.box-attach p {
    font-size: 15px;
}

/* css section ourr part */
.ct-part h4 {
    margin-bottom: 30px;
}
.ct-part h4:after {
    content: '';
    width: 50px;
    height: 2px;
    background-color: #fff;
    display: block;
    text-align: center;
    margin: auto;
    margin-top: 5px;
}

/* css footer */
.footer-widgets.footer.footer-1 {
    background-image: url(/wp-content/uploads/2022/09/Rectangle-22.png);
}
.ct-foo p {
	margin-bottom: 8px;
}
.ct-foo-bd h4:after {
    content: '';
    width: 50px;
    height: 2px;
    background-color: #fff;
    display: block;
    text-align: center;
    margin-top: 5px;
}
.ct-foo-bd h4 {
    margin-bottom: 30px;
}
/* css form liên hệ */
.form-lienhe input, .form-lienhe textarea {
    box-shadow: 0 0;
    border-radius: 4px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: #d91c23;
}

/* css trang liên  hệ */
.col-shadow>.col-inner {
    box-shadow: 1px 1px 6px #e8e8e0;
    padding: 18px;
    border-radius: 6px;
    border: 1px solid #efefef;
    min-height: 350px;
}

@media (max-width: 768px) {
	/* 	css menu mobile */	
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		background: #fff;
		width: 90%;
	}
	.sidebar-menu.no-scrollbar {
		padding-top: 0;
	}
	.off-canvas-left .mfp-content li.html.custom.html_nav_position_text {
		padding: 10px 0 0 0;
	}
	.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
		padding-left: 20px;
		color: #000;
		font-weight: 400;
	}
	input.search-field.mb-0 {
		box-shadow: 0 0;
		border: 1px solid #d70018;
		height: 40px;
		border-radius: 4px 0 0 4px;
		font-size: 16px
	}
	input#.search-field.mb-0::placeholder {
		color: #525050;
	}
	button.ux-search-submit.submit-button {
		height: 40px;
		padding: 0 16px;
		border-radius: 0 4px 4px 0;
		background: #d70018;
	}
	/* 	css chi tiết sản phẩm */
	.product-footer ul.product-tabs>li {
		width: 50%;
	}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}