/*

Theme Name: The LeeKong Wellness Institute
Author: Paul Nalewajk
Author URI: http://www.wwwebtek.com
Version: 1.0.0
Template: pro

*/

:root {
	--color-prime: #2e8933; /* green */
	--color-second: #f4e8c1; /* light yellow */
	--color-tert: #66218e; /* purple */
	--color-quart: #df793a; /*  orange  */
	--color-quint: #130c0e; /*  almost black  */
}


html, body {
	/* font-family: "museo-sans",sans-serif !important; */
}

body {
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition:opacity 1s
}

a, a:hover {
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}


 /* #Fonts
================================================== */

h1, h2, h3, h4, h5, h6, .x-brand { 
	color:var(--color-second) !important;
}

h1 {
	font-size:3em !important;
	line-height:1.1em !important;
}
h2 {
	font-size:2em !important;
	line-height:1.1em !important;
}
h3 {
	font-size:1.5em !important;
	line-height:1.1em !important;
}
h4 {
	font-size:1.25em !important;
	line-height:1.1em !important;
}

.x-text { color:#fff !important; }
.light-yellow { color:#f4e8c1 !important; }


/* #Forms
 ================================================== */

.wpcf7 span.wpcf7-form-control-wrap { width: 100%; }

.wpcf7-not-valid-tip { position: absolute !important; left: -40px !important; top: 0 !important; width: 44px !important; height: 38px !important; padding: 0 !important; background: url("_img/contact-form-error.png") !important; overflow: hidden; text-indent: -9999px !important; padding: 0; border: none !important; }
.wpcf7-validation-errors { border: 0; display: none !important;text-shadow: 0 0 0 #000000 !important; }
.wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 0 !important; padding: 7px 10px !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; }

.wpcf7-captchar { margin-bottom: 0; }

span.wpcf7-form-control-wrap { position: relative !important; display: inline-block; margin-bottom: 2px; }
span.wpcf7-form-control-wrap .wpcf7-text,
span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; }

.wpcf7-submit { margin-bottom: 0; }



input[type="radio"], input[type="checkbox"] {
    margin: 0.425em 0.425em;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}


.x-btn, .btn, .button, .btn-primary, .more-link, a.x-anchor-button {
    display: initial !important;
    font-size: 1.5em !important;
    font-weight: 400;
    letter-spacing: normal !important;
    color:#fff !important;
    padding: .613em 1em !important;
    border-radius: .8em !important;
    text-shadow: 0 0 0 rgba(255, 255, 255, .75) !important;
    text-decoration: none !important;
    white-space: none;
    text-transform:uppercase;
    background-color:#df793a !important;
}
.x-btn:hover, .btn:hover, .button:hover, .btn-primary:hover, .more-link:hover, a.x-anchor-button:hover {
    color:#fff !important;
    background-color:#66218e !important;
}

 /* #Misc
================================================== */

.entry-wrap {
    padding: 0px;
    border-radius: 0px;
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, 0.135);
    background-color: transparent;
}

.nowrap { white-space:nowrap; }

a.x-image img, li.product-category a {
     transition: opacity 0.5s ease-in-out;
}
a.x-image img:hover, li.product-category a:hover {
    opacity:.65 !important;
    transition: opacity 0.5s ease-in-out;
}

.slider-border .sr7-layer {
	border-radius: 3em;
}

 /* #Footer
================================================== */

.social {  }
.social a { color:#fff; }