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

/*************** ADD CUSTOM CSS HERE.   ***************/
html {
    background-color: #273844;
	background-image: url('/wp-content/themes/123web-vn/assets/img/bg-body-var1.png');
	background-repeat: no-repeat;
	background-position: 50% -100px;
}
#header {
    background: transparent;
}
#top-bar {
    background: transparent;
}
#masthead {
    color: #ffffff;
    background: -webkit-linear-gradient(top, #263c4c 0%,#16242f 100%);
    background: -o-linear-gradient(top, #263c4c 0%,#16242f 100%);
    background: -ms-linear-gradient(top, #263c4c 0%,#16242f 100%);
    background: linear-gradient(to bottom, #295ba5 0%,#16242f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#263c4c', endColorstr='#16242f',GradientType=0 );
}
.logo-left .logo {
	margin-right: 0;
}
#logo a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
.nav-box>li.active>a {
    background: #cd2319;
    background: -moz-linear-gradient(top, #cd2319 0%, #9b1008 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd2319), color-stop(100%,#9b1008));
    background: -webkit-linear-gradient(top, #cd2319 0%,#9b1008 100%);
    background: -o-linear-gradient(top, #cd2319 0%,#9b1008 100%);
    background: -ms-linear-gradient(top, #cd2319 0%,#9b1008 100%);
    background: linear-gradient(to bottom, #cd2319 0%,#9b1008 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd2319', endColorstr='#9b1008',GradientType=0 );
}
.custom-list li {
    list-style: none;
    margin-bottom: 0;
}
.st-btn {
	background-position: 0 0;
    background: url(/wp-content/themes/123web-vn/assets/img/btns.png) no-repeat;
    border: none !important;
    box-shadow: none !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    height: 38px;
    display: inline-block !important;
    padding: 0 20px 0 26px !important;
    font: bold 18px/38px;
	position: relative;
    margin: 0 !important;
}
.st-btn i {
    width: 6px;
    height: 100%;
    position: absolute;
    right: -6px;
    top: 0;
    background: url(/wp-content/themes/123web-vn/assets/img/btns.png) 100% 0 no-repeat;
	background-position: -244px -38px;
}
.st-btn .wpcf7-submit {
    background: transparent !important;
    margin: 0;
    border: none !important;
    display: inline-block;
    box-shadow: none !important;
    padding: 0;
    text-transform: none;
}
.widget .is-divider {
    display: none;
}
span.widget-title {
    background: rgb(39, 56, 68);
    color: #fff;
    height: 40px;
    line-height: 40px;
    display: block;
    padding-left: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
	font-size: 15px;
	text-transform: none;
}
ul.product-categories {
    border: 1px solid rgb(39, 56, 68);
    border-top: none;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
span.wpcf7-spinner {
    display: none;
}
.ss-contact-page form {
    margin-bottom: 0;
}
.rmLine .section-title-normal, .rmLine .section-title-normal span {
    border: none;
    margin: 0;
    padding-bottom: 0;
}
.page-left-sidebar .col-divided {
    border: none;
}
.page-left-sidebar .large-3.col.col-first.col-divided {
	padding-left: 0;
	padding-right: 0;
}
.widget-area .widget_media_image img {
    width: 100%;
}
.custom-blog .is-divider {
    display: none;
}
.archive .product-small a .attachment-woocommerce_thumbnail {
    width: auto;
}
.single-product .product-gallery-slider img {
    width: auto;
}
#tab-description table {
    border-top: 2px solid black;
}
#tab-description tbody tr:nth-child(odd) th, #tab-description tbody tr:nth-child(odd) td {
    background: #e3f0f1;
}
#tab-description tbody th {
    color: #303030;
    background: #f6fafa;
	font-weight: normal;
	text-transform: none;
	padding-left: 0.5em !important;
}
#tab-description tbody td {
    background: #f6fafa;
}
#footer .col p {
    margin-bottom: 0;
    font-size: 13px;
}
#footer .col h4 {
    font-size: 14px;
}


@media screen and (min-width: 850px) {
    .large-3.col-first, .archive .row .large-3 {
        flex-basis: 20% !important;
        max-width: 20% !important;
    }
	#content.large-9, .category-page-row .col.large-9 {
		flex-basis: 80% !important;
        max-width: 80% !important;
	}
}
@media only screen and (max-width: 48em) {
	.widget-area .widget_media_image img {
		width: auto;
	}
	#secondary {
		padding-left: 15px;
		padding-right: 15px;
	}
}