/*
* Theme Name: Dikarya
* Template: ousia
*/

@font-face {
  font-family: 'MagicMushroom';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/wp-content/themes/sopp/fonts/magicmushroom.otf) format('opentype');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(/wp-content/themes/sopp/fonts/gotham2.woff2) format('opentype');
  }
  @font-face {
	font-family: 'Kyiv*Type Sans';
	font-display: swap;
	src: url(/wp-content/themes/sopp/fonts/KyivTypeSans-Light-.woff2) format('opentype');
  }  

body {
	--text-color: #020202;
	--link-color: #bf953f;
	--accent-color: #bf953f;
	--bg-color: hsl(50 100% 99%);
	font-family: "Kyiv*Type Sans", "Adobe NotDef";

}
#header {
    color: var(--text-color);
    background-color: var(--bg-color);
}
#header > div {
    max-width: 95vw;
}
#header nav .menu-item > a {
    color: var(--text-color);

}
#header svg {
    fill: unset;
}

#header nav#menu > div {
    background-color: var(--bg-color);
    z-index: 10;
}
#header svg {
    fill: var(--text-color);
    transition: 400ms;
    z-index: 15;
}

#header > div .custom-logo {
    height: 90%;
}

#header h4 {
	padding-left:0.5em;
	color: var(--text-color);
}

.woocommerce-placeholder, img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100%;
    height: auto;
}

.product_meta {
    display: flex;
    flex-direction: column;
}

.related .products, .archive .products {
	gap: 1em;
	}

.summary h2 {
	font-size: 0.8em;
	text-transform: uppercase;
	}

/* Optin */

.woofunnels-primary {
    /*max-width: 20rem;
    margin: 0 auto;*/
  --max-width: 47rem;
  --font-size: calc(22px + 6 * ((100vw - 320px) / 680));
  font-family: MagicMushroom;
  font-weight: 300;
  background: linear-gradient(345deg, #ffe7ab, #f9e9b4, #f4eabd, #efeac5, #eae8cd, #e6e6d4);
}
.woofunnels-primary h1{
	padding: 0 1rem;
}
.woofunnels-primary p, .woofunnels-primary .bwfac_form_sec {
	padding: 0 1rem 2rem;
}
button#wffn_custom_optin_submit {
    width: 100%;
}
.bwfac_forms_outer .bwfac_form_sec, .bwfac_forms_outer .bwfac_form_sec label, .bwfac_forms_outer .bwfac_form_sec input, .bwfac_forms_outer .bwfac_form_sec textarea, .bwfac_forms_outer .bwfac_form_sec select {
    font-size: 0.9em!important;
}

.woofunnels-primary .alignfull {
    left: 0;
    right: 0;
}

.woofunnels-container {
margin-top: 0;
}

.woofunnels-primary {
padding-top: 2em;
}


.bwfac_form_sec input[type="text"], .bwfac_form_sec input[type="email"], .bwfac_form_sec input[type="tel"], .bwfac_form_sec select, .bwfac_form_sec textarea {
    width: 100%;
}

.bwfac_form_sec input, .bwfac_form_sec select, .bwfac_form_sec textarea {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    cursor: default;
    outline: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    cursor: text
}

.bwfac_form_sec input:focus, .bwfac_form_sec select:focus, .bwfac_form_sec textarea:focus {
    border-color: #61bdf7 !important;
}


.bwfac_forms_outer[data-field-size="e_large"] .bwfac_form_sec input:not(.wfop_submit_btn), .bwfac_forms_outer[data-field-size="e_large"] .bwfac_form_sec select, .bwfac_forms_outer[data-field-size="e_large"] .bwfac_form_sec textarea {
    padding: 0.8em 0.5em;
}

.bwfac_forms_outer input::placeholder {
    opacity: 0.7;
}

.bwf_pp_overlay {
    display:none;
}

.bwfac_form_sec {
    padding: 1.5em 0 0 0;
}

.wfop_input_cont {
    padding-top: 0.1em;
}

.shape-circle {
	shape-outside: circle(40%);
	-webkit-shape-outside: circle(40%);
	-moz-shape-outside: circle(40%);
	width: 60%;
	float: right;
	overflow: hidden;
  }
  .shape-circle img {
	clip-path: circle(42% at 50% 50%);
	-webkit-clip-path: circle(42% at 50% 50%);
	-moz-clip-path: circle(42% at 50% 50%);
  }
  
  @media (max-width: 768px) {
	.shape-circle {
	  shape-outside: circle(48% at 74%);
	  width: 80%;
	  float: right;
	}
  
	.shape-circle figure {
	  margin: 0 -50% 0 0 !important;
	}
  }
  