/*
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.   ***************/


.portfolio-summary h1 {
    margin: 0 0px 4px;
    font-size: 1.5em;
}
.tabbed-content .nav {
    width: auto;
    text-align: right;
    flex: 1;
}
.portfolio-summary {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    background: rgb(255 255 255 / 85%);
    border-radius: 5px;
    padding: 15px 20px 20px;
	width: 520px;
}
.tabbed-content h4 {
    text-align: left;
    font-size: 1.6em;
	    display: inline-block;
    width: auto;
}
.product-banner {
    position: relative;
}
.product-img img {
    width: 100%;
}
pre, blockquote, form, figure, p, dl, ul, ol {
    margin-bottom: 0.7em;
}
.portfolio-summary p {
    margin-bottom: 0.5em;
}
.portfolio-summary p:last-child {
    margin-bottom: 0;
}
.normal-title .page-title-inner {
    padding-top: 7px;
    padding-bottom: 7px;
}
.page-title-inner {
    min-height: unset;
}
.breadcrumbs a {
    color: rgb(55 55 55);
    font-weight: normal;
}
.product_price {
    color: #ec0000;
    font-weight: 600;
    font-size: 1.3em;
	    margin-bottom: 10px;
}
.portfolio-summary h3, .portfolio-summary h4 {
    text-transform: uppercase;
    margin: 10px 0px 0;
	font-size: 1.125em;
}
.btn_buy a {
    background: #0c8242;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 20px;
    font-weight: 600;
	    cursor: pointer;
}
.btn_buy a:hover {
    background: #ff9900;
	    color: #fff;
}
.title.related-title.col {
    padding-bottom: 10px;
    text-transform: uppercase;
}
.share-icons {
    margin-top: 10px;
}
.social-icons .icon.button {
    margin-left: .3em;
    margin-right: .3em;
}
.uppercase, h6, th, span.widget-title {
    letter-spacing: 0em;
}
input#title-sp {
    display: none;
}
.breadcrumbs {
    font-weight: normal;
	font-size: 0.9em;
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.dknt .col {
    padding-bottom: 0;
}
.title.title-frm {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 1.5em;
	  text-align: left;
}
.dknt {
    margin-top: 20px;
    text-align: right;
}
.dknt input.wpcf7-submit {
    margin-right: 0;
    border-radius: 0 !important;
}
li.widget {
    display: block;
}
.widgettitle {
    text-transform: uppercase;
    font-size: 1.3em;
    background: #0c8242;
    color: #fff;
    text-align: center;
    padding: 7px;
}
.widget_nav_menu ul li a:hover {
    color: #0c8242;
}
.widget_nav_menu ul li a {
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
	display: block;
}
.widget_nav_menu ul li a:after {
    content: "\f105";
    font-family: 'fl-icons';
    float: right;
}
.product-sidebar {
    position: sticky;
    top: 125px;
    left: 0;
}
.portfolio-archive h1.entry-title {
    margin: 0;
}
.banner-product img {
    width: 100%;
}
.portfolio-box .box-text {
    padding-bottom: 0;
}
.portfolio-box-title {
    display: -webkit-box;
    overflow: hidden;
    height: 3rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	font-size: 1.1em;
}
.section-title-normal span {
    margin-right: 0;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}
.section-title-normal {
    border-bottom: none;
}
.section-title-container {
    margin-bottom: 0;
}
.col, .gallery-item, .columns {
    padding-bottom: 15px;
}
.box-vertical .box-text {
    padding: 0px 0px 0px 10px;
}
.box-blog-post .is-divider {
    display: none;
}
h5.post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 3rem;
}
.portfolio-inner .col {
    padding-bottom: 9px;
}
.box-vertical.box-blog-post {
    border-bottom: 1px solid #e2e2e2;
    padding: 12px 0px;
}
.blog-right .post-item {
    padding-bottom: 0;
}
.box-text {
    font-size: 1em;
}
.blog-right .post-item:last-child .box-vertical.box-blog-post {
    border-bottom: 0;
}
.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #0c8242;
}
.blog-left .flickity-page-dots {
    left: -5px;
    text-align: left;
    bottom: 0px;
}
.has-filtering .mb-half {
    margin-bottom: 25px;
}
.product .section-title-container {
    display: inline-block;
    position: absolute;
}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    color: rgb(45 45 45);
}
.nav-uppercase>li>a {
    letter-spacing: .0;
}
.nav>li>a {
    font-size: 1em;
}
.filter-nav li a, .nav-pills li a {
    color: #0c8242;
    border: 1px solid #0c8242;
    line-height: 2.3em;
    padding: 0 1.2em;
	font-size: 0.9em;
}
.col-inner .nav-pills li.tab {
    margin-left: 15px;
}
.filter-nav li:hover a, .nav-pills li:hover a {
	background:  #0c8242;
    color: #fff;
}
.col-inner .filter-nav li, .filter-nav li {
    margin-left: 0.8em;
}
.blog-right .post-title {
    font-size: 1.1em;
}
.img-right {
    margin-left: -65px;
}
.dl .title h4 {
    color: #fff;
    margin: 0;
	font-size: 1.3em;
}
.dl .title {
    background: #0c8242;
    color: #fff;
    padding: 10px 15px;
}
.dl .title p {
    font-size: 0.9em;
}
.dl-content label {
    text-align: left;
	margin: 0;
}
.dl-content {
    background: #e4e4e4;
    padding: 10px 15px;
    text-align: center;
    font-weight: 400;
}
.dl {
    border-radius: 10px;
    overflow: hidden;
}
.dl input.wpcf7-submit {
    margin: 0 0px 10px;
}
.dl textarea {
    min-height: 80px;
}
.dl textarea, .dl input {
    border: 0;
}
.footer-top .row-large>.col {
    padding-bottom: 0;
}
.footer-top {
    background: #f1f1f1;
}
.home .footer-top {
    background: #fff;
}
span.widget-title {
    font-size: 1.2em;
    font-weight: 600;
}
span.widget-title {
    font-size: 1.2em;
    font-weight: 600;
}
.blog-archive .blog-left .flickity-page-dots {
    bottom: 0;
}
.custom_page_title {
    background: #eaeaea;
    padding: 5px 0px;
    margin-bottom: 25px;
}
.custom_page_title .col {
    padding-bottom: 0;
}
.custom_page_title .fbc-page .fbc-wrap .fbc-items {
    background: transparent;
}
.custom_page_title .fbc-page .fbc-wrap .fbc-items li {
    padding: 0 2px;
}
.custom_page_title .fbc-page .fbc-wrap .fbc-items li a i {
    display: none;
}
.blog-archive h1.page-title {
    margin-bottom: 0px;
}
.blog-single {
    padding-top: 0;
}
.blog-single h1.entry-title {
    margin-bottom: 7px;
}
.h6, h6 {
    opacity: 1;
}
.blog-wrapper .post-item:last-child .box-vertical.box-blog-post {
    border: none;
}
.widget .is-divider {
    display: none;
}
#secondary span.widget-title {
    background: #0c8242;
    display: block;
    color: #fff;
    padding: 8px 10px;
}
.recent-blog-posts .post_comments {
    display: none;
}
.recent-blog-posts a {
    font-size: 0.95em;
    display: -webkit-box;
    max-height: 3.5rem;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	    margin-bottom: 0;
}
.recent-blog-posts .mr-half {
    margin-right: 7px;
}
.flatsome_recent_posts ul {
    background: #f7f7f7;
    padding: 0px 10px 2px;
}
.recent-blog-posts {
    padding: 7px 0 7px;
}
.widget .wp-video {
    background: #f7f7f7;
    padding: 10px;
}
.widget_media_image img {
    width: 100%;
}
.widget .portfolio-box-title {
    text-transform: inherit;
    font-size: 1em;
    color: #000;
}
.flickity-page-dots .dot.is-selected {
    background-color: #0c8242;
    opacity: 1 !important;
    border: none;
}
.flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    border: 2px solid #111;
}
.widget .flickity-page-dots {
    bottom: 0;
}
.widget .slider-wrapper {
    background: #f1f1f1;
    padding: 10px;
}
.widget .portfolio-box-title:hover {
    color: #0c8242;
}
.nav li.active img.ux-menu-icon, .nav li:hover img.ux-menu-icon {
    filter: invert(45%) sepia(61%) saturate(445%) hue-rotate(
95deg
) brightness(94%) contrast(90%);
}
.header-search-form-wrapper button {
    background: #0c8242 !important;
}
.page-wrapper {
    padding-top: 0;
}
p.from_the_blog_excerpt {
    text-transform: lowercase;
}
p.from_the_blog_excerpt:first-letter {
    text-transform: uppercase;
}
.sidebar-page.sticky-sidebar {
    position: sticky;
    top: 120px;
}
.custom_page_title h1.entry-title.mb {
    margin-bottom: 0;
}
.contact-frm {
    border: 4px solid #13844b;
    border-radius: 10px;
    padding: 15px;
    background: #ecfaf7;
    text-align: center;
}
.contact-frm label {
    text-align: left;
}
.contact-frm input, .contact-frm textarea {
    border-color: #17a45c;
}
.contact-frm textarea {
    min-height: 80px;
}
.contact-frm textarea {
    min-height: 80px;
}
.page-template-page-fullwith-with-title .custom_page_title {
    margin-bottom: 0;
}
.off-canvas .nav-vertical>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav.nav-vertical li.home-menu img,#footer .widget_nav_menu ul li a:after {
    display: none;
}
#footer .social-icons {
    float: right;
}
.post-item a:hover {
    color: inherit;
}
.post-item .post-title:hover {
    color: #ff8100;
}
@media screen and (min-width: 992px){
	.nav .home-menu a {
		font-size: 0;
	}
	.nav li.has-icon-left>a>i, .nav li.has-icon-left>a>svg, .nav li.has-icon-left>a>img {
		margin-right: 0px;
	}
	.banner-product {
		margin-bottom: 30px;
	}
	.product-banner {
		position: relative;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 992px){
	.widgettitle {
		font-size: 1.2em;
	}
	.product-banner {
		margin-bottom: 25px;
		display: flex;
	}
	.product-img.large-12, .portfolio-summary.large-12{
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	.portfolio-summary {
		position: unset;
		transform: translate(0);
		border-radius: 5px;
		padding: 15px 20px 20px;
		width: 100%;
	}
	.product-img {
		padding: 15px 15px 0;
	}
	.header-inner .flex-right {
		display: none;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.home .blog-right .from_the_blog_excerpt {
		display: -webkit-box;
		max-height: 3rem;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.box-vertical.box-blog-post {
		border-bottom: 1px solid #e2e2e2;
		padding: 7px 0px;
	}
	.home .filter-nav {
		justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
	}
	.home .portfolio-element-wrapper .col:last-child {
		display: none;
	}
	.dl .title h4 {
		color: #fff;
		margin: 0;
		font-size: 1.2em;
	}
}
@media screen and (max-width: 991px){
	.blog-left .flickity-page-dots {
		bottom: 0;
	}
	.product .section-title-container {
		display: inline-block;
		position: relative;
	}
	.nav li img.ux-menu-icon{
		display: none;
	}
	.product-banner {
		display: flex;
	}
	.portfolio-summary {
		position: unset;
		transform: translate(0);
		padding: 15px 15px 15px;
		width: 100%;
	}
	.product-img {
		padding: 15px;
	}
	.portfolio-archive .filter-nav {
		margin-top: 20px;
	}
}
@media screen and (max-width: 767px){
	.blog-left .flickity-page-dots {
		left: -5px;
		text-align: left;
		bottom: 0px;
	}
	.product-banner {
		display: block;
	}
	.box-vertical.box-blog-post {
		border-bottom: 0;
	}
	.blog-right .post-item:first-child .box-vertical.box-blog-post {
		padding-top: 0;
	}
	.box-vertical .box-text {
		padding: 8px 0px 0px 0px;
	}
	.product .section-title-container {
		display: inline-block;
		position: relative;
	}
	.filter-nav, .tabbed-content .nav {
		display: block;
		white-space: nowrap;
		overflow: scroll;
		padding-bottom: 10px;
		width: 100%;
   		 flex: unset;
	}
	.has-filtering .mb-half {
		margin-bottom: 15px;
	}
	.filter-nav li a,  .nav-pills li a {
		line-height: 2em;
		padding: 0 0.7em;
		font-size: 0.8em;
	}
	.col-inner .filter-nav li, .filter-nav li, .col-inner .nav-pills li.tab {
		margin-left: 0.5em;
	}
	.portfolio-box-title {
		height: 2.2rem;
		font-size: 0.9em;
	}
	.portfolio-box .box-text {
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col {
		padding: 0 7px 10px;
		margin-bottom: 0;
	}
	.img-right {
		margin-left: 0;
	}
	.dl .title h4 {
		font-size: 1.1em;
	}
	.footer-top .col {
		padding: 0 10px;
	}
	.home-top {
		margin-top: 20px;
	}
	.portfolio-archive .filter-nav {
		margin-top: 20px;
	}
	.is-xlarge {
		font-size: 1.5em;
	}
	.title.title-frm {
		font-size: 1.3em;
	}
	.portfolio-summary {
		position: unset;
		transform: translate(0);
		border-radius: 5px;
		padding: 15px 20px 20px;
		width: 100%;
	}
	.product-img {
		padding: 15px 15px 0;
	}
	.blog-archive p.from_the_blog_excerpt {
		text-transform: lowercase;
		display: -webkit-box;
		max-height: 5rem;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	h5.post-title {
		max-height: 3rem;
		font-size: 1.2em;
	}
	.blog-archive .box-vertical.box-blog-post {
		padding: 5px 0;
	}
	.tabbed-content h4 {
		width: 100%;
	}
}