/*
Theme Name: Themify Ultra Child
Description: A child theme of Themify Ultra
Template: themify-ultra-3
Author: josefine.lea@icloud.com (josefine.lea@icloud.com)
*/

/* Woohoo! Let's customize! */
body{
	--theme_accent_alt :var(--theme_accent);
	--altcha-border-radius: 8px;
	--altcha-color-border:rgba(0,0,0,.25);
}
.woocommerce span.onsale, .woocommerce ul.products li.product .onsale {
  background-color: #fbd00f;
}

#slide-cart .button:hover,.woocommerce button.button:hover, .woocommerce button.button.alt:hover, .button:hover, .ui.builder_button:hover,.btn.btn-primary:hover,input[type="submit"]:hover{
  color: var(--theme_accent) !important;
  background-color: #fff !important;
  border:1px solid var(--theme_accent) !important;
}
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .product-share-wrap {
  opacity: 1;
}

/* custom button */
#slide-cart .button, .woocommerce button.button, .woocommerce button.button.alt, .button, .ui.builder_button,.btn.btn-primary,{
	background-color: var(--theme_accent);
	border-radius: 1000px;
	color: #fff !important;
}
/* back to top */
.arrow-up a{
	background-color:transparent !important;
	color: var(--theme_accent)!important;
}

/* googleplay / appple */
.wcpay-payment-request-wrapper{
	margin: 1em 1em 1em 0em;
}

/* fix header : */
#header {
  display: flex;
  align-items: center;
  height:100px;
}
boxed-compact #main-nav > li > a, .header-bottom #main-nav > li > a, .header-horizontal #main-nav > li > a, .header-top-bar #main-nav > li > a {
  padding: 1.05em;
}

@media screen and (max-width: 1100px) {
  #header {
    height: 60px !important;
    padding: 0 !important;
  }
}
.header-bar.tf_box {
  height: 50px;/* same as site logo */
}
#site-logo a {
  display: block;
  height: 100%;
  line-height: 0;
}
.site-logo-image {
  height: 100% !important;
}
.boxed-compact #site-logo, .header-bottom #site-logo, .header-horizontal #site-logo, .header-top-bar #site-logo {
  margin-top: 0px;
}
#mobile-menu {
  flex-grow: 1;
}

/* cotact form 7 design */

.cf-trio{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}


.cf-trio input:read-write {
  margin: 0;
  width: 100%;
}
.wpcf7-form-control.wpcf7-submit.has-spinner, .wpcf7-spinner {
  display: block;
  margin: 0.5em auto;
}
@media (min-width: 681px) {
	.cf-trio>p{
		width: 30%;
	}
	.altcha.svelte-ddsc3z.svelte-ddsc3z{
		width:30%;
	}
}