/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*************** ADD CUSTOM CSS HERE.   ***************/
.banner p {
	margin-top: 0px;
	margin-bottom: 20px;
}
.section > .section-content > .row > .col {
	padding-bottom: 0;
}
p {
	margin-bottom: 10px;
}
p:last-child {
	margin-bottom: 0;
}
.nav-spacing-xlarge > li {
	margin: 0 20px;
}
.button {
	font-weight: 500;
}
.icon-box-left {
	display: flex;
	align-items: center;
}
.icon-box-left p {
	margin-bottom: 0;
}
.box-overlay .box-text, .box-shade .box-text {
	bottom: 38%;
}
.col.post-item .box-overlay .box-text, .box-shade .box-text {
	bottom: 0%;
	background-image: linear-gradient(to bottom, #00000000, #00000091, #000000c4);
}
.col.post-item .box-text .post-title {
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	font-size: 18px;
	text-transform: none;
}
.box-blog-post .is-divider {
	display: none;
}
.tab-home .nav > li {
	margin: 0px 20px;
}
.tab-home .nav > li > a {
	color: #76787F;
}
.tab-home .nav > li:hover > a,
.tab-home .nav > li.active > a {
	color: #234060;
}
.absolute-footer {
	display: none;
}
.col-post-big .col.post-item {
	padding-bottom: 0;
}
.form-filter {
	margin: 0 -15px;
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
	overflow: hidden;
}
.form-filter .col-4 {
	width: 40%;
	float: left;
	padding: 0 15px;
	margin-bottom: 10px;
}
.form-filter .col-2 {
	width: 20%;
	float: left;
	padding: 0 15px;
	margin-bottom: 10px;
}
.form-filter select {
	border-radius: 6px;
	margin-bottom: 0;
}

.form-filter input {
	margin-bottom: 0;
	border-radius: 6px;
	box-shadow: none;
}
.form-filter button {
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 6px;
	width: 100%;
	height: 40px;
	font-weight: normal;
	text-transform: none;
	margin-bottom: 0;
	margin-bottom: 0;
}
table th,
table td {
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 14px;
}
td:first-child, th:first-child {
	padding-left: 10px;
}
thead tr {
	background-color: #FAFAFA;
}
tbody tr:nth-child(even) {
	background-color: rgb(125 40 35 / 5%);
}
table a {
	color: #3F7EFE;
}
.box-filter {
	clear: both;
}
.textform-results {
	clear: both;
}
input, select {
	height: 40px !important;
	box-shadow: none !important;
	border-radius: 6px !important;
}

#nh-archive-results {
	clear: both;
}
#nh-archive-filter-form button.button,
#nh-archive-filter-form select.nh-select {
	width: 15%;
}
#nh-archive-filter-form {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#nh-archive-filter-form input.nh-input-text,
#nh-archive-filter-form select.nh-select,
#nh-archive-filter-form button.button {
	float: left;
	margin: 5px;
}
#nh-archive-filter-form input.nh-input-text {
	width: 70%;
	margin-left: 0;
}
#nh-archive-filter-form button.button {
	margin-right: 0;
	border-radius: 6px;
}
.single .from_the_blog_excerpt,
.single .post-meta,
.category .from_the_blog_excerpt,
.category .badge.post-date {
	display: none;
}
.single .post-item .box,
.category .post-item .box {
	position: relative;
}
.single .post-item .box-image .image-cover,
.category .post-item .box-image .image-cover {
	padding-top: 70% !important;
}
.single .post-item .box-text,
.category .post-item .box-text {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px;
	background-image: linear-gradient(to bottom, #00000000, #00000091, #000000c4);
}
.single .post-item .box-text .post-title,
.category .post-item .box-text .post-title {
	color: #fff;
	text-align: left;
}
.page-numbers-wrap {
	text-align: right;
}
.page-numbers-wrap .page-numbers {
	display: inline-block;
	border: 1px solid #f6f6f6;
	border-radius: 6px;
	margin: 0 3px;
	padding: 5px 10px;
    min-width: 37px;
    text-align: center;
    color: #333;
}
.page-numbers-wrap .page-numbers.disabled {
	opacity: .6;
}
.page-numbers-wrap .page-numbers:hover,
.page-numbers-wrap .page-numbers.current {
	color: #7d2823;
	border: 1px solid #7d2823;
}

.page-title-bar {
	background-image: url(images/brd-cate.png);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-align: center;
	padding: 120px 0;
}
.page-title-bar h1 {
	font-size: 32px;
	color: #fff;
	text-transform: uppercase;
}
.page-title-bar a {
	color: #fff;
}
.single .badge.post-date {
	display: none;
}
.single .entry-content {
	padding-top: 0;
}
.entry-header img {
	margin-bottom: 30px;
}
.widget .is-divider {
	display: none;
}
.widget .widget-title {
	display: block;
	color: #fff;
	background-color: var(--primary-color);
	padding: 15px 15px;
	border-radius: 6px 6px 0 0;
}
.widget .searchform {
	border: 1px solid #f6f6f6;
	padding: 10px;
	border-radius: 0 0 6px 6px;
}
.widget .searchform input {
	border-radius: 0 !important;
}
.widget .searchform button {
	background-color: var(--primary-color) !important;
}
.widget_categories ul li, .widget_product_categories ul li {
    width: 100%;
}
.widget_categories ul li a, .widget_product_categories ul li a {
    width: 100%;
    display: block;
    color: #333;
    padding: 10px 15px !important;
    background: #e4e4e499;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    font-size: 14px;
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
}
.widget_categories ul li:hover a, .widget_product_categories ul li:hover a {
	background-color: var(--primary-color);
	color: #fff;
}
.widget_categories ul li a:before, .widget_product_categories ul li a:before {
    content: "\f45c";
    font-family: "FontAwesome";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 6px;
    vertical-align: middle;
    margin-right: 10px;
    color: var(--primary-color);
    position: relative;
    top: -1px;
}
.widget_categories ul li:hover a:before, .widget_product_categories ul li:hover a:before {
	color: #fff;
}
.related-post-title {
	font-size: 32px;
	text-transform: uppercase;
	color: var(--primary-color);
}
.related .slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg {
	color: #fff;
}
.tabbed-content ul li {
	margin: 0 20px;
}

.blog-custom {
	margin: 0 !important;
}
.blog-custom .flickity-viewport {
	border: 1px solid #234060;
}
.blog-custom .post-item.is-selected {
	border-right: 1px solid #234060;
	padding: 0;
}
.blog-custom .post-item.is-selected:nth-child(4) {
	border-right: none;
}
.blog-custom .post-item {
	padding: 0 !important;
}
.blog-custom .post-item .col-inner {
	padding: 30px;
}
.blog-custom .post-item .col-inner:hover {
	background-color: #fff;
}
.blog-custom .post-item .box-text {
	padding: 0;
}
.blog-custom .box-image {
	display: none;
}
.blog-custom .box-if {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.blog-custom .box-if .cat-label {
	background-color: transparent;
	color: #234060;
	font-size: 14px;
	font-weight: normal;
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.blog-custom .box-if .cat-label:hover {
	background-color: transparent;
}
.blog-custom .box-if .post-meta {
	color: #234060;
	font-size: 14px;
	font-weight: normal;
}
.blog-custom .post-item .post-title {
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 16px !important;
}
.blog-custom .flickity-page-dots {
	display: none;
}
.blog-custom .flickity-prev-next-button {
	bottom: auto;
	top: -50px;
	opacity: 1;
	visibility: visible;
	margin: 0 !important;
	right: -12px;
}
.blog-custom .flickity-prev-next-button svg {
	font-size: 14px;
	padding: 10px;
}
.blog-custom .flickity-prev-next-button.previous {
	right: 30px;
	left: auto;
}
.blog-custom .box-blog-post .is-divider {
	display: block;
	background-color: transparent;
	background-image: url(images/Link.png);
	width: 50px;
	height: 24px;
	max-width: initial;
}
.button.is-underline:before {
	left: 0;
    opacity: 1;
    position: absolute;
    transition: all .3s;
    width: 100%;
    height: 1px;
}
.box-text ul {
	margin-bottom: 0;
}
.box-text ul li {
	margin-bottom: 6px;
}
@media (max-width: 1024px) {
	#nh-archive-filter-form input.nh-input-text {
		width: 40%;
	}
	#nh-archive-filter-form button.button, #nh-archive-filter-form select.nh-select {
		width: 20%;
	}
}
@media only screen and (max-width: 480px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.box-filter {
		margin-bottom: 20px;
	}
	.form-filter {
		display: block;
	}
	.form-filter .col-2,
	.form-filter .col-4 {
		width: 100%;
	}
	.page-title-bar {
		padding: 40px 0;
	}
	#nh-archive-filter-form {
		display: block;
		overflow: hidden;
	}
	#nh-archive-filter-form input.nh-input-text,
	#nh-archive-filter-form input.nh-input-text, #nh-archive-filter-form select.nh-select, #nh-archive-filter-form button.button {
		width: 100%;
	}

}