/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.tooltipster-base {
	display: none!important;
}

.button.btn-blue {
	background-color: #1e73be !important;
}

.white-fade::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
	z-index: 1;
}

.hvr__css2 {
	padding: 40px!important;
}

.hvr__css2:hover {
    background-color: #FFECB3;
    color: #fff !important;
	transition: background-color 0.3s ease;
}

.woocommerce-LoopProduct-link {
	font-weight: 600;
	color: #31363a;
}

.header-main {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.demo_store {
	font-size: small;
}

.htm__css {
	font-size: small;
	text-align: center!important;
}

.btn__blk {
	color: black;
}

.wpforms-field-limit-text {
	display: none;
}

.wpforms-container .wpforms-field {
    padding: 5px 0;
    position: relative;
}

#wpforms-submit-289, #wpforms-submit-711  {
    background-color: #000;
    border: 0px solid #000;
    color: #fff;
    font-size: 1em;
    padding: 0px 40px;
}

.archive .box-image {
    background-color: #f7f8fa;
    display: flex;
    flex-direction: column;
    padding: 30px;
    transition: all .25s ease;
}

div.col-inner .hvr__bg:hover {
    background-color: red;
}

.row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover, .box-shadow-2, .box-shadow-2-hover:hover {
	box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
	border-radius: 25px;
	padding: 20px;
	background-color: white;
}

.sec_bg_01 {
	background: rgb(230,55,34);
background: linear-gradient(90deg, rgba(230,55,34,1) 0%, rgba(255,193,0,1) 50%);
}

#wpforms-submit-488, #wpforms-submit-711  {
    background-color: #6dac23;
    border: 0px solid #6dac23;
    color: #fff;
    font-size: 1em;
    padding: 0px 40px;
}

.nav-dropdown-bold .nav-column li>a, .nav-dropdown.nav-dropdown-bold>li>a {
    border-radius: 3px;
    color: #333;
	font-weight: 500;
	font-size: small!important;
}

.term-description {
	font-size: smaller !important;
}

.icon-envelop:before {
    background-color: #fff;
    color: grey;
    border-radius: 30px;
    padding: 6px;
}

.icon-envelop:hover:before {
    background-color: #ffc100;
    color: #000; 
}

.hvr__css {
	padding: 25px!important;
}

.hvr__css:hover {
    background-color: #FFECB3;
    color: #000; 
	transition: background-color 0.3s ease;
}

.absolute-footer {
	color: #fff!important;
	font-size: small; 
}

/*************** FLATSOME COOKIES / POPUP ***************/ .flatsome-cookies { width: fit-content; border-radius: 10px; margin: auto; right: 0; left: 0; font-size: 90%; } .flatsome-cookies--active { margin-bottom:10px; } .flatsome-cookies__buttons>a { margin-right: 0px; }

.sec__footer2  {
        background: linear-gradient(110deg, #31363a 50%, #40454a 0);
	font-size: smaller;
}

[data-animate] {
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
    opacity: 1!important;
    transition: filter 0.0s,transform 0.5s,opacity 0.0s ease-in;
    will-change: filter,transform,opacity;
}

.col+.col [data-animate], .nav-anim>li, [data-animate-delay="200"], [data-animate]+[data-animate] {
    transition-delay: 0s!important;
}

.has-dropdown .icon-angle-down:before {
    background-color: #CFD8DC;
    padding: 0px 3px 0px 3px;
    border-radius: 100px;
    margin-left: 5px;
    color: #000000;
}

.row-box-shadow-4 .col-inner, .row-box-shadow-4-hover .col-inner:hover, .box-shadow-4, .box-shadow-4-hover:hover {
   box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 0, 0.05) 0px 0px 0px 1px;
}

.header .icon-menu:before {
    content: "\e5d2" !important;
    font-family: 'Material Icons' !important;
	font-size: xx-large;
}

.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: 1px 1px 10px rgb(0 0 0 / 0%);
}

.mfp-close {
	border-radius: 0px!important;
	margin-top: 5px!important;
	margin-right: 5px!important;
}

.mfp-ready .mfp-close {
    opacity: 1;
}

.row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover, .box-shadow-1, .box-shadow-1-hover:hover {
    box-shadow: rgba(0, 0, 0, 0.0) 0px 0px 0px 0px;
}

.nav-dropdown {
    padding: 30px 15px;
}

/* Only ipad: */
@media (min-width: 850px) {
.header-main .header-nav {
	font-size: x-small;
}
}

/* Only destop: */
@media (min-width: 1180px) {
.header-main .header-nav {
	font-size: unset;
}
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/* For mobile phones: */
#logo {
    max-width: 140px;
}
		
#masthead { 
	height: 55px!important;
}
	
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    width: 80%!important;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 0%);	
	padding: 15px !important;
	background-color: #fff;
}

.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 0%);
    transition: transform 100ms ease 0ms;
}
	
	.htm__css {
	font-size: xx-small !important;
}

	.demo_store {
	font-size: xx-small;
}
	
.absolute-footer {
	font-size: xx-small;
}

}