/*
Theme Name:     The Body Mechanic Theme
Theme URI:      n/a
Template:       kadence
Author:         K. Dollinger
Author URI:     https://bewebsy.com
Description:    This is a child theme for Kadence. 
Version:        1.2
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Regular */
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter_18pt-Regular.woff2') format('woff2'),
         url('fonts/Inter_18pt-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Italic */
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter_18pt-Italic.woff2') format('woff2'),
         url('fonts/Inter_18pt-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter_18pt-Bold.woff2') format('woff2'),
         url('fonts/Inter_18pt-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Bold Italic */
@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter_18pt-BoldItalic.woff2') format('woff2'),
         url('fonts/Inter_18pt-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
/* Fluid Typography Scale */
:root {
  --h1-font-size: clamp(1.8rem, 1.86vi + 1.31rem, 2.8rem);
  --h2-font-size: clamp(1.6rem, 1.36vi + 1.24rem, 2.33rem);
  --h3-font-size: clamp(1.42rem, 0.97vi + 1.17rem, 1.94rem);
  --h4-font-size: clamp(1.27rem, 0.66vi + 1.09rem, 1.62rem);
  --h5-font-size: clamp(1.13rem, 0.42vi + 1.02rem, 1.35rem);
  --h6-font-size: clamp(1rem, 0.23vi + 0.94rem, 1.13rem);
}

/* Then apply these variables to your headings */
h1 {
  font-size: var(--h1-font-size);
}

h2 {
  font-size: var(--h2-font-size);
}

h3 {
  font-size: var(--h3-font-size);
}

h4 {
  font-size: var(--h4-font-size);
}

h5 {
  font-size: var(--h5-font-size);
}

h6 {
  font-size: var(--h6-font-size);
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Inter', sans-serif;
	text-wrap: pretty;
}

.fs-h2 {font-size: var(--h2-font-size)!important;}
.fs-h3 {font-size: var(--h3-font-size)!important;}
.fs-h4 {font-size: var(--h4-font-size)!important;}
.fs-h5 {font-size: var(--h5-font-size)!important;}

/* Intputs */
body input[type="text"], body input[type="email"], body input[type="url"], body input[type="password"], body input[type="search"], body input[type="number"], body input[type="tel"], body input[type="range"], body input[type="date"], body input[type="month"], body input[type="week"], body input[type="time"], body input[type="datetime"], body input[type="datetime-local"], body input[type="color"], body textarea {
    color: var(--global-palette5);
    border: 1px solid #c3c3c3!important;
    border-radius: 3px;
    padding: 0.4em 0.5em;
    max-width: 100%;
    background: var(--global-palette9);
    box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0);
}
.kb-query-basic-style .kadence-filter-wrap input[type=color], .kb-query-basic-style .kadence-filter-wrap input[type=date], .kb-query-basic-style .kadence-filter-wrap input[type=datetime-local], .kb-query-basic-style .kadence-filter-wrap input[type=datetime], .kb-query-basic-style .kadence-filter-wrap input[type=email], .kb-query-basic-style .kadence-filter-wrap input[type=file], .kb-query-basic-style .kadence-filter-wrap input[type=month], .kb-query-basic-style .kadence-filter-wrap input[type=number], .kb-query-basic-style .kadence-filter-wrap input[type=password], .kb-query-basic-style .kadence-filter-wrap input[type=range], .kb-query-basic-style .kadence-filter-wrap input[type=search], .kb-query-basic-style .kadence-filter-wrap input[type=tel], .kb-query-basic-style .kadence-filter-wrap input[type=text], .kb-query-basic-style .kadence-filter-wrap input[type=time], .kb-query-basic-style .kadence-filter-wrap input[type=url], .kb-query-basic-style .kadence-filter-wrap input[type=week], .kb-query-basic-style .kadence-filter-wrap textarea {
	border: 1px solid #c3c3c3!important;
}
body .wp-block-kadence-query1511_dca65d-5e .kadence-filter-wrap input[type=text], body .wp-block-kadence-query1511_dca65d-5e .kadence-filter-wrap input[type=number], body .wp-block-kadence-query1511_dca65d-5e .kadence-filter-wrap input[type=date], body .wp-block-kadence-query1511_dca65d-5e input[type=time], body .wp-block-kadence-query1511_dca65d-5e .kadence-filter-wrap select, body .wp-block-kadence-query1511_dca65d-5e textarea {
	color: var(--global-palette5)!important;
    border: 1px solid #c3c3c3!important;
    border-radius: 3px;
    padding: 0.4em 0.5em;
    max-width: 100%;
    background: var(--global-palette9);
    box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0);
}

#bew-filter-search .kb-filter-search .kb-filter-search-input::placeholder,
#bew-filter-search .wp-block-kadence-query-filter-search .kadence-filter-wrap input[type=text],
#bew-filter-search .kb-filter-search input.kb-filter-search-input {
  color: #999!important;
}

.kb-query-basic-style .kadence-filter-wrap ::placeholder {
  color: var(--kb-query-placeholder-color,var(--global-palette5,#3f283c));
}

span.wp-block-kadence-query {
  display: inline-block;
}

/*Review Star Rating */
p:has(.kadence-star-rating) {
    margin: 20px 6px 6px 0;
}
.kadence-star-rating {
    font-size: 30px;
    display: inline-block;
    line-height: 1;
    letter-spacing: 2px;
}
#bew-blur-background .kt-row-layout-overlay  {
  backdrop-filter: blur(2px);
}

/*Preheading Styles*/
p.eyebrow {
	margin: 0;
	text-decoration: underline;
	text-underline-position: under;
}
.eyebrow + h2 {
	margin-top: 20px;
}

/*Line Limit*/
.line-limit-2, .line-limit-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.line-limit-2 {
	-webkit-line-clamp: 2;
}
.line-limit-3 {
	-webkit-line-clamp: 3;
}

/*Kadence Outline Buttons*/
.kb-button.kb-btn-global-outline {
	font-size: 17px;
    border: 2px solid var(--global-palette-btn-bg);
	border-radius: 100px;
    background: rgba(0, 0, 0, 0);
    color: var(--global-palette-btn-bg);
    padding: 17px 35px 17px 35px;
}
.kb-button.kb-btn-global-outline:hover, .kb-button.kb-btn-global-outline:focus {
	color: var(--global-palette3);
    background: rgba(0, 0, 0, 0);
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top: 2px solid var(--global-palette3);
    border-right: 2px solid var(--global-palette3);
    border-bottom: 2px solid var(--global-palette3);
    border-left: 2px solid var(--global-palette3);
}
.kb-button.kb-btn-global-outline .kb-svg-icon-wrap {
    font-size: 14px;
}
.kb-button.kb-btn-global-outline:hover .kb-svg-icon-wrap, .kb-button.kb-btn-global-outline:focus .kb-svg-icon-wrap {
	color: var(--global-palette3);
}

@media (max-width: 1024px) {
	.kb-button.kb-btn-global-outline {
	font-size: 16px;
	}
}

@media (max-width: 767px) {
	.kb-button.kb-btn-global-outline {
	font-size: 15px;
	}
}

/*Page and Archive Page Titles*/
.hero-container .entry-title, .archive-title, .search-title {
	font-size: clamp(1.42rem, calc(1.15rem + 1.35vw), 2.20rem);
}

/*Taxonomies and Posts*/
.loop-entry.type-post .entry-taxonomies, .loop-entry.type-post .entry-taxonomies a {
    color: var(--global-palette1);
    font-weight: 400;
    text-transform: uppercase;
}

a.post-more-link {
	font-weight: 500;
}

/*Post media full width on small screens*/
@media screen and (max-width: 580px) {
.wp-block-kadence-image .alignright, .wp-block-kadence-image .alignleft, .alignright, .alignleft, .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright {
float: none;
max-width: 100%;
margin: auto;
flex-wrap: wrap;
justify-content: center;
    }
}

/*Review Star Rating */
p:has(.kadence-star-rating) {
    margin: 20px 6px 6px 0;
}
.kadence-star-rating {
    font-size: 28px;
    display: inline-block;
    line-height: 1;
    letter-spacing: 2px;
}

/*Grow on Hover*/
.column-grow {
  transition: all ease-in-out 300ms !important;
}
.column-grow:hover {
  transform: scale(1.02);
    transition: all ease-in-out 300ms !important;
}

/*No text decoration*/
.no-decoration, .no-decoration a {
	text-decoration: none;
}

/*Mobile Menu*/
.popup-drawer .drawer-inner {
	max-width: clamp(270px, 50vw, 500px);
}