/*
Theme Name:     Bewebsy Small Shop
Theme URI:      n/a
Template:       kadence
Author:         K. Dollinger
Author URI:     https://bewebsy.com
Description:    This is a child theme for Kadence and Sure Cart ecommerce cart.
Version:        v1.2
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Fluid Typography Scale */
:root {
  --h1-font-size: clamp(1.6rem, 1.95vi + 1.14rem, 2.8rem);
  --h2-font-size: clamp(1.42rem, 1.35vi + 1.11rem, 2.32rem);
  --h3-font-size: clamp(1.27rem, 0.89vi + 1.06rem, 1.86rem);
  --h4-font-size: clamp(1.13rem, 0.54vi + 1rem, 1.48rem);
  --h5-font-size: clamp(1rem, 0.28vi + 0.93rem, 1.19rem);
  --h6-font-size: clamp(1rem, 0.28vi + 0.93rem, 1.19rem);
}

/* 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 {
	line-height: 1.3;
}
.fs-h1 {font-size: var(--h1-font-size)!important;}
.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;}

h1, h2, h3, h4 {text-wrap: pretty;}

/*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;
}

/*Eyebrow or kicker*/
p.eyebrow, span.eyebrow, h1.eyebrow, h2.eyebrow  {
	display: inline-block;
	text-transform: capitalize;
	font-size: .95rem;
    font-family: "Inter", Helvetica, Arial, Open Sans;
	font-weight: 500;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 0px;
	border-radius: 8px;
	margin: .25em 0 1em;
}

p.eyebrow + h1, p.eyebrow + h2, p.eyebrow + h1, p.eyebrow + h2, span.eyebrow + h1, span.eyebrow + h2 {
	margin: 0em 0 .5em;
}

/*Pin Buttons to Column Bottom*/
.pin-buttons .wp-block-kadence-column .kt-inside-inner-col { 
  display: flex;
  flex-direction: column;
  flex: 1; 
}

.pin-buttons .wp-block-kadence-column .kt-inside-inner-col .wp-block-kadence-advancedbtn {
    margin-top: auto;
}

.pin-bottom .wp-block-kadence-column .kt-inside-inner-col { 
  display: flex;
  flex-direction: column;
  flex: 1; 
}

.wp-block-kadence-column .kt-inside-inner-col p.pin-bottom {
    margin-top: auto;
}

/*Page and Archive Page Titles*/
.hero-container .entry-title, .archive-title, .search-title {
	font-size: var(--h3-font-size)!important;
}

/*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;
}

/*form search*/
input, input.search-query {
    color: var(--global-gray-400);
}

/*Search*/
.wp-block-search.wp-block-search__button-inside div.wp-block-search__inside-wrapper {
	border: 1px solid var(--global-gray-400);
	border-radius: 5px; 
}

/*Sidebar*/
.primary-sidebar .widget_nav_menu {
	display: flex;
  flex-direction: initial;
  flex-wrap: wrap;
  justify-content: center;
}

.primary-sidebar .widget_nav_menu .widget_pages a, .primary-sidebar .widget_nav_menu a {
color: var(--global-palette9);
}

.primary-sidebar .widget_nav_menu .widget_pages a:hover, .primary-sidebar .widget_nav_menu a:hover {
color: var(--global-palette1);
}

/*Page title and breadcrumbs*/
.archive-description p {
	margin-top: 4px;
	font-size: 1rem;
}

#kadence-breadcrumbs {
	margin: 1em 0 0 0;
	font-size: .8em;
}

.single #kadence-breadcrumbs {
	margin: 1em 0 .5em 0;
}


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

/*Mobile Images*/
@media screen and (max-width: 580px) {
.wp-block-kadence-image .alignright, .wp-block-kadence-image .alignleft, .alignright, .alignleft {
	float: none;
	display: flex;
	flex-direction: column;
	min-width: 80%;
  	margin: auto;
  	flex-wrap: wrap;
  	justify-content: center;}
}

/*Post Listings*/
.blog .entry, .category .entry, .search-results .entry {
    border: solid 1px var(--global-gray-400);
}

/**Surecart**/
[class*="wp-container-surecart-product-template-is-layout-"] {
    gap: 2em;
}
.wp-block-buttons>.wp-block-button:first-child  {
    margin-right: 8px;
}
	 .wp-block-social-link a {
	margin-right: 12px;
}