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


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


}
#main, #wrapper {
    background-color: #EAF7FF;
}
p{
    font-weight: 300;
	    font-size: 1vw;
    color: #000;
    line-height: 1.4;
}
.header-bottom {
    background-color: var(--fs-color-primary) !important;
}
.icon-box.featured-box.icon-box-left.text-left {
    align-items: center;
}
.header-block-block-1 .icon {
    background: #DEF2FF;
    padding: 10px 12px;
    border-radius: 30px;
}
.header-block-block-1 .icon img {
    padding-top: 0;
}
.header-block-block-1 .col {
    padding-bottom: 0;
}
.header-block-block-1 .icon-box-text {
    font-size: 0.8em;
}
.header-block-block-1 .icon-box-text strong {
    color: var(--primary-color);
	font-size: 16px;
	font-weight: 800;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
    padding: 0px 2em;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-uppercase > li {
    margin: 0px 2vw;
}
ul.nav.header-nav.header-bottom-nav.nav-left.nav-uppercase > li a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li a {
    color: #000 !important;
}
.header-block-block-1 .icon-box-text p {
    font-size: 0.8vw;
    color: #777;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default > li a {
    font-weight: 600 !important;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li ul.sub-menu.nav-column.nav-dropdown-default li a {
    font-weight: 300 !important;
}
.sec-1 .box-text.text-left .box-text-inner {
    background-color: #1A7A2E;
    /* margin: 1% 1% 1% 0%; */
    color: #fff;
    font-size: 0.9vw;
    padding: 10px;
	border-radius: 0px 8px 8px 0px;
}
.sec-1 .box-text.text-left {
    background-color: transparent;
    margin: 0%;
    color: #fff;
    /* font-size: 1vw; */
    padding-left: 0;
	    box-shadow: none;
}
.sec-1 .box-image {
    border-radius: 10px;
}
.sec-1 .box-text.text-left .img {
    margin: 1%;
    background: var(--fs-color-secondary);
    padding: 6px 7px;
    border-radius: 30px;
	position: absolute;
    top: -44px;
}
.sec-1 .col-r-1 .col-inner {
    background: #5FC0F7;
    background: linear-gradient(360deg, rgba(95, 192, 247, 1) 0%, rgba(255, 255, 255, 1) 58%, rgba(95, 192, 247, 1) 100%);
    padding: 1vw;
	border-radius: 10px;
}
.sec-1 .box-text.text-left .box-text-inner p {
    line-height: 1.2;
	color: #fff;
    font-weight: 600;
}
.title-all h2,span.widget-title.shop-sidebar,h3.product-section-title.container-width.product-section-title-related {
    position: relative;
	color: #1c2b1a;
    font-size: 20px;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0;
    padding-left: 10px;
}
.title-all h2:before,span.widget-title.shop-sidebar:before,h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase:before {
    content: '';
    width: 4px;
    height: 23px;
    background: #D01717;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 5px;
}
.col-x .col-inner {
    background: #E9F2EB;
    padding: 30px 10px 10px 10px;
    border-radius: 10px;
    border-top: 3px solid var(--fs-color-secondary);
}
.col-d .col-inner {
    background: #FBE9E9;
    padding: 30px 10px 10px 10px;
    border-radius: 10px;
    border-top: 3px solid #D01717;
}
.col-dt .col-inner {
    background: #E2F2FF;
    padding: 30px 10px 10px 10px;
    border-radius: 10px;
    border-top: 3px solid var(--primary-color);
}
.col-x .col-inner .box-text.text-center p, .col-d .box-text.text-center p, .col-dt .box-text.text-center p{
    color: #000;
    font-size: 16px;
    font-weight: 700;
	line-height: 1.4;
}
.col-r-nb ul li {
    list-style: none;
    /* margin-left: 0; */
    margin-bottom: 0;
    line-height: 40px;
}
.col-r-nb ul {
    display: flex;
    gap: 10px;
    justify-content: end;
    margin-bottom: 0;
}
.col-r-nb .button {
    margin-bottom: 0 !important;
}
.col-r-nb .col-inner {
    display: flex;
    gap: 2em;
    justify-content: end;
    align-items: baseline;
}
.sec-sp .product-small,.product-small.box {
    background: #fff;
    border-radius: 10px;
    border-top: 3px solid var(--primary-color);
}
p.name.product-title.woocommerce-loop-product__title a {
    color: #D01717;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
}
.add-to-cart-button a {
    color: #565656 !important;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 15px !important;
    /* line-height: 2 !important; */
    border-width: 1px !important;
    border-radius: 5px;
    min-height: 34px;
    line-height: 34px !important;
    margin-bottom: 0px !important;
}
.add-to-cart-button {
    display: flex;
}
.add-to-cart-button > * {
    flex-grow: 1;
}
a.button.contact-product-btn {
    color: #fff !important;
}
.sec-4 p {
    font-size: 34px;
    font-style: italic;
    font-weight: 700;
}
.sec-sp {
    padding-bottom: 0 !important;
}
.sec-5 .box.has-hover.has-hover.box-text-bottom {
    max-width: 35%;
    margin: 0 auto;
    padding: 30px 10px;
    border: 3px solid;
    border-radius: 50%;
}
.sec-5 .box-text.text-center {
    padding: 0;
    margin-top: 10px;
}
.sec-5 .item-1 .box.has-hover.has-hover.box-text-bottom {
    border-color: #D01717;
    color: #D01717;
    font-size: 18px;
    font-weight: 700;
}
.sec-5 .item-1 .box.has-hover.has-hover.box-text-bottom p{
    color: #D01717;
    font-size: 18px;
    font-weight: 700;
}
.sec-5 .item-2 .box.has-hover.has-hover.box-text-bottom {
    border-color: var(--primary-color);
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 700;
}
.sec-5 .item-2 .box.has-hover.has-hover.box-text-bottom p{
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 700;
}
.sec-5 .item-3 .box.has-hover.has-hover.box-text-bottom {
    border-color: var(--fs-color-secondary);
    color: var(--fs-color-secondary);
    font-size: 18px;
    font-weight: 700;
}
.sec-5 .item-3 .box.has-hover.has-hover.box-text-bottom p{
    color: var(--fs-color-secondary);
    font-size: 18px;
    font-weight: 700;
}
.item-1 .text p, .item-2 .text p, .item-3 .text p {
    color: #D01717;
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px;
}
.item-2 .text p{
	color: var(--primary-color);
}
.item-3 .text p{
    color: var(--fs-color-secondary);
}
.col.post-item .col-inner .box,.col.post-item .col-inner {
    border-radius: 10px;
}
.sec-6 .col.post-item .box-image{
	border-radius: 10px 0px 0px 10px;
}
.sec-6 .large-4 .box-text.text-left {
padding: 0.7em 0.7em 0.7em 5em;
}
.sec-6 .badge.post-date {
    top: 30%;
    left: 5%;
}
.sec-6 .large-4 .box-image ,.box-blog-post .is-divider{
    display: none;
}
.sec-6 .large-4 .badge-outline .badge-inner {
    border: none;
    color: #D01717;
}
.sec-6 .col,.sec-7 .col  {
    padding-bottom: 10px;
}
.sec-ft-1 h3 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 0;
}
form.wpcf7-form.init {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 10px;
	margin-bottom: 0;
}
form.wpcf7-form.init p span.wpcf7-form-control-wrap input, form.wpcf7-form.init p span.wpcf7-form-control-wrap textarea {
    height: 50px;
    border: none;
    box-shadow: none;
    border-radius: 10px;
    font-size: 15px;
    min-height: 50px;
}
span.wpcf7-spinner {
    display: none;
}
.sec-ft-1 .col {
    padding-bottom: 0;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    border-radius: 10px;
    text-transform: capitalize;
}
.sec-ft-1 .text p {
    font-weight: 300;
}
.ft-2 .icon-box.featured-box.icon-box-left.text-left h3 {
    margin-bottom: 0;
	    color: #ec1d25;
}
.ft-2 .icon-box.featured-box.icon-box-left.text-left p {
    font-size: 15px;
}
.ft-2 p {
    margin-bottom: 8px;
    font-size: 15px;
    color: #757575;
	 font-weight: 400;
}
.social-icons.follow-icons span {
    font-size: 15px;
    font-weight: 400;
}
.ft-2 ul li {
    list-style: none;
    margin-left: 0;
    font-size: 15px;
    font-weight: 300;
}
.social-icons.follow-icons a {
    color: var(--primary-color);
    font-size: 24px;
}
.absolute-footer,.widget .is-divider {
    display: none;
}
.ft-3 {
    padding: 30px 0px 10px 0px;
    border-top: 1px solid #ccc;
}
.ft-2 h3 {
    color: #ec1d25;
    font-size: 20px;
    text-transform: uppercase;
}
.add-to-cart-button:hover a {
    color: #fff !important;
}
.woocommerce-ordering, .woocommerce-ordering select {

    font-size: 15px;
    border-radius: 10px;
}
.woocommerce-result-count {
    font-size: 15px;
}
ul.product-categories {
    margin-top: 1em;
}
.widget .current-cat>a {
    color: var(--fs-color-primary);
}
ul.children {
    border: none !important;
	padding-left: 0 !important;
}
ul.children li {
 padding: 5px 15px;
}
ul.children li:hover {
    background: var(--primary-color);
    border-radius: 8px;
}
ul.children li:hover a {
    color: #fff;
}
li.cat-item.cat-parent > a {
    color: var(--primary-color);
    font-weight: bolder;
}
ul.children li a {
    font-weight: 400;
}
aside#woocommerce_product_categories-2 {
    padding: 1em;
    background: #e0f0ff;
    border-radius: 10px;
}
.box-text.box-text-products {
    padding: 10px;
}
.product-small.box .box-image {
    padding: 1em 3em;
}
p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-8 {
    display: none;
}
.product-small.box a.primary.button {
    margin-right: 0;
}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    font-size: 15px;
}
.breadcrumbs a {
    color: var(--fs-color-primary);
}
.breadcrumbs a:last-child {
    color: #000;
}
.product-images {
    padding: 1em 6em;
    background: #fff;
    border-radius: 10px 0px 0px 10px;
}
.product-info {
    background: #fff;
    padding: 2em 2em;
	    border-radius: 0px 15px 15px 0px;
}
.product-gallery.col.large-5 {
    padding-right: 0 !important;
}
.product-thumbnails img {
    width: 78%;
}
.product-thumbnails .col {
    text-align: center;
}
.product-main .row.content-row.mb-0 {
    background: #fff;
    padding-bottom: 2em;
    border-radius: 15px;
}
.product-footer .container {
    padding: 0;
}
.product-footer .woocommerce-tabs {
    background: #fff;
    border-radius: 15px;
    padding: 4em 2em 2em 2em !important;
}
.product-footer .woocommerce-tabs li a {
    padding: 10px 20px;
    border: 1px solid;
    border-radius: 5px;
    font-size: 16px;
}
.product-footer .woocommerce-tabs li.active a {
    padding: 10px 20px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 5px;
}
.product-footer .woocommerce-tabs li.active a:before{
	display: none;
}
.related.related-products-wrapper.product-section {
    margin-top: 2em;
    border: none;
	margin-bottom: 2em;
}
h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
    padding: 0;
    padding-left: 10px;
}
div#secondary ul {
    padding: 10px;
}
.blog-archive .large-9.col.medium-col-first {
    padding-left: 0;
}
.blog-archive .badge.post-date {
    display: none;
}
.col.post-item .box-image {
    border-radius: 10px;
}
div#secondary span.widget-title {
    display: block;
    line-height: 2;
    padding: 5px;
    background: var(--primary-color);
    color: #fff;
}
div#secondary ul {
    background: #e0f0ff;
}
.sec-sp .product-small.box .box-image {
    padding: 0;
}
.sec-5 h3 {
    font-size: 25px;
    color: var(--primary-color);
}
p.cat-label.tag-label.is-xxsmall.op-7.uppercase {
    background: transparent;
    color: var(--primary-color);
}
p.from_the_blog_excerpt {
    font-size: 16px;
}
.ft-3 p {
    font-size: 14px;
}
@media only screen and (max-width: 1024px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.sec-1 .box-text.text-left .box-text-inner p {
    font-size: 16px;
}
	p {
    font-size: 16px;
}
	.sec-5 .box.has-hover.has-hover.box-text-bottom {
    max-width: 50%;
padding: 35px 10px;
}
	span.widget-title.shop-sidebar{
    font-size: 17px;
}
	span.widget-title.shop-sidebar:before {
    top: 0px;
}
	li.cat-item.cat-parent > a,ul.children li a {
    line-height: 1.4;
}
	.add-to-cart-button {
    display: block;
	height: auto !important;
}
	a.button.contact-product-btn,.product-small.box a.primary.button {
    width: 100%;
}
	#logo {
    width: 111px !important;
}
	ul.header-nav.header-nav-main.nav.nav-left.nav-uppercase {
    padding: 0px 1em;
}
	.header-block-block-1 .icon-box-img {
    width: 30px !important;
}
	.header-block-block-1 .icon {
    padding: 1px 4px;
}
	.header-block-block-1 .icon-box-text strong {
    font-size: 10px;
}
	.box-text.box-text-products {
    height: auto !important;
}
	.product-small.box a.primary.button {
    margin-top: 5px;
}
}

@media only screen and (max-width: 768px){

    .sec-1 .box-text.text-left .box-text-inner p {
        font-size: 21px;
    }
	.col-r-nb .col-inner,.col-r-nb ul {
    justify-content: flex-start;
}
	.col-r-nb ul li {
    margin-left: 0;
}
	.sec-sp .col {
    padding-bottom: 10px;
}
		.product-small .box-text.text-center{
    height: auto !important;
}
	    .sec-5 .box.has-hover.has-hover.box-text-bottom {
        max-width: 73%;
        padding: 35px 10px;
    }
	.off-canvas .nav-vertical>li>a {
    font-size: 18px;
}
	.blog-archive .large-9.col.medium-col-first {
    padding-left: 15px;
}
}
@media only screen and (max-width: 549px){
	    .medium-logo-left .flex-right {
        flex: 23 1 0;
    }
	.sec-1 .box-text.text-left,.sec-1 .box-text.text-left .img {
    position: static;
		padding-right: 0;
}
	.col-img .box-image {
    height: 180px;
}
	.sec-1 .col-r-1 .col-inner {
    padding: 4vw;
}
	.sec-2 .col,.sec-sp .col{
    padding-bottom: 10px;
}
	.col-r-nb ul {
    display: block;
}
	.col-r-nb .col-inner {
    justify-content: flex-start;
		align-items: center;
}
	p.name.product-title.woocommerce-loop-product__title a {
    font-size: 15px;
}
	.col-r-nb ul li {
    margin-left: 0 !important;
}
	    .sec-1 .box-text.text-left .box-text-inner p {
        font-size: 17px;
    }
	.sec-4 .box-image {
    height: 340px;
}
	.sec-4 .box-image div,.sec-4 .box-image img{
		object-fit: cover;
    height: 100%;
	}
	.sec-4 p {
    font-size: 24px;
}
	    .sec-5 .box.has-hover.has-hover.box-text-bottom {
        max-width: 89%;
    }
	.sec-5 .item-3 .box.has-hover.has-hover.box-text-bottom {
        max-width: 41%;
    }
	.sec-ft-1 h3 {
    font-size: 23px;
}
	.ft-3 p {
    text-align: center;
}
	h5.post-title.is-large a {
    font-size: 19px;
}
	.product-info .col {
    padding-bottom: 0;
}
	.product-info {
    padding: 1em 2em 0em 2em;
}
	}