/*!
Theme Name: Uncommon Flame
Theme URI: https://websentia.com/websenkadence-theme/
Template: kadence
Author: Websentia Web Services
Author URI: https://websentia.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: uncommonflame
*/

/* Theme customization starts here
-------------------------------------------------------------- */
html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 62.5%;
}
.drawer-content .search-field {
	background-color: #eee !important;
  }
  .drawer-content .search-field:focus {
	box-shadow: none !important;
  }
  #mobile-header .site-header-section-right {
	justify-content: center !important;
	flex-direction: column !important;
	align-items: end;
  }
  #mobile-header .site-header-main-section-right .site-header-focus-item {
	margin-right: 0 !important;
	margin-top: 10px !important;
  }
/* .site-branding {
    ¡¡DON'T USE BG IMAGE FOR HEADER LOGO WITH SCROLL-SHRINKING HEADER
    BECAUSE IT SWOOPS DOWN THEN UP ON SCROLL RESIZE!!
     background-image: url(images/headerlogo.svg) ;
     background-repeat: no-repeat;
     background-size: contain;
}     */

/*Typography*/
/*heading sizes set in WP Customizer*/


/*end Typography*/



.wp-block-button a {
	font-size: 2.2rem;
	border-radius: 6px;
}

/* header */
/* sizing the header logo rather than margin or padding - example 0.8 and max would be 1.0 */
.site-branding a.brand img.svg-logo-image {
	scale: 1.0;
}
/* end header */

/*gradient backgrounds -- add to both style.css and style-editor.min.css */
.has-black-to-grey-gradient-background {
     background: linear-gradient(
         160deg,
         #000000 0%,
         #888888 100%
     ) !important;
 }
 .has-dkgrey-to-grey-gradient-background {
     background: linear-gradient(
         160deg,
         #444444 0%,
         #888888 100%
     ) !important;
 }
 .has-grey-to-white-gradient-background {
     background: linear-gradient(
         160deg,
         #888888 0%,
         #ffffff 100%
     ) !important;
 }
 /* end gradient backgrounds*/
 .site-main-header-wrap {
	border-bottom: 1px solid #333;
	box-shadow: 0 0 10px #888;
  }
 .home .entry-meta {
     display: none;
 }
.transparent-header .entry-content-wrap {
	padding-top: 0;
}
.transparent-header .site-main-header-wrap {
	border-bottom: none;
	box-shadow: none;
  }
  .transpHeaderLogo .site-branding, .transpheaderlogo .site-branding {
	opacity: 0;
  }
  .sansHeaderLogo .site-branding, .sansheaderlogo .site-branding {
	display: none;
  }
.transparent-header .main-navigation {
	background-color: rgba(255,255,255,0.5);
	border-radius: 6px;
}

.woocommerce ul.products.products-list-view li.product, .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    align-items: center;
    border: 1px solid #ccc;
  }
.home .kt-blocks-post-footer {
	border-color: transparent !important;
}
.wp-block-kadence-postgrid a:hover {
	opacity: 0.7;
	text-decoration: underline !important;
	text-decoration-style: dotted !important;
}
a.kb-button:hover {
	background-color: #888 !important;
	color: #fff !important;
	text-shadow: 2px 2px 2px #555;
	box-shadow: inset 0 0 8px #555 !important;
}
.woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail, #add_payment_method table.cart .product-thumbnail {
    min-width: 174px !important;
  }
  .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img, #add_payment_method table.cart img {
	min-width: 160px !important;
	box-shadow: none;
  }
  .content-wrap a, .kwt-excerpt-wrap a {
	color: #db7d30;
	color: #C56200;
  }
  .content-wrap a:hover, .kwt-excerpt-wrap a:hover {
	color: #1a202c;
	/* color: #db7d30; */
  }
  .archive .entry-title a {
	color: #1a202c;
  }
  .archive .entry-title a:hover {
	color: #888;
  }
.pageCTA a {
	display: block;
	padding: 10px 20px;
	width: 80%;
	margin: 20px auto;
	text-decoration: none;
	text-align: center;
	max-width: 400px;
	border-radius: 8px;
}
.pageCTA a:hover {
	opacity: 0.8 !important;
}
.pageCTA.orange a {
	color: #fff;
	background-color: #db7d30;
}
.pageCTA.orange a:hover {
	color: #fff;
	background-color: #fb9d50;
}

  /* footer styles */
  .site-footer-wrap {
	border-top: 1px solid #886;
  }
  .site-middle-footer-wrap {
	background-color: #f7f1e7;
	box-shadow: inset 0 0 30px #edc;
  }
  .site-bottom-footer-wrap {
	background: #ccc;
	border-top: 1px solid #888;
	box-shadow: inset 0 0 60px #dcb;
  }
  .site-bottom-footer-wrap {
	background: #efe9e0;
	border-top: 1px solid #bb9;
  }
  .site-bottom-footer-wrap p {
	margin: 3px !important;
  }
  .site-bottom-footer-inner-wrap {
	padding: 0 !important;
  }
  .kadence-woo-ordering {
	display: none;
  }
  .sansAuthor .posted-by {
	display: none;
	}
.centerit {
	text-align: center;
}
.hideIt, .hideit {
	display: none;
}
.leftOut {
	position: absolute;
	left: -98989898px;
}
.archive.term-laurel-burch .archive-title {
	display: none;
}
.capitall, .capItAll {
	text-transform: uppercase;
}
.single.product_cat_laurel-burch .product_title.entry-title::before {
	content: 'Laurel Burch Artist Series';
	display: block;
	font-size: 2.4rem;
	font-style: italic;
  }
  .artistMoniker {
	text-align: center;
	font-size: 2.4rem;
  }
  .sansauthormeta .posted-by {
	display: none;
	}


 @media only screen and (min-width: 300px) {
/* Column Classes
	--------------------------------------------- */

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: none;
		margin-left: 0%;
        width: 100%;
	}
	.homeLogo {
		width: 80%;
	}
	#mobile-header .site-container {
		padding-right: 0;
	}
	.mobileShow {
		display: unset;
	}
	.mobileHide {
		display: none;
	}
	.wp-block-navigation__responsive-container-open {
		border: 1px solid #333 !important;
		border-radius: 6px;
		padding: 5px 5px 3px 5px;
		background-color: #f9eed7;
		font-weight: 700
	}
	.wp-block-navigation__responsive-container-open::before {
		content: "Menu";
		margin-top: -9px !important;
		padding: 5px 5px 0 5px;
		padding-right: 5px;
	  }
	  .wp-block-navigation__responsive-container-content::before {
		content: "Design Categories";
		font-size: 3.0rem;
	  }
	   ul li.shopMenuButton .sub-menu a, ul li.shopMenuButton .sub-menu a, ul li.shopMenuButton .sub-menu li.menu-item.current-menu-item a {
		color: #2d3748 !important;
		/* color: inherit; */
	}
	ul li.shopMenuButton .sub-menu li.menu-item.current-menu-item a {
		background-color: rgba(0,100,0,0.2);
	}
 }
 @media only screen and (min-width: 480px) {
	.wp-block-navigation__responsive-container-content::before {
		content: " ";
		font-size: unset;
	  }
 }
 @media only screen and (min-width: 960px) {
    /* Genesis-esque columns */
    /* Column Classes
	--------------------------------------------- */

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		float: left;
		margin-left: 2.564102564102564%;
	}

	.one-half,
	.three-sixths,
	.two-fourths {
		width: 48.717948717948715%;
	}

	.one-third,
	.two-sixths {
		width: 31.623931623931625%;
	}

	.four-sixths,
	.two-thirds {
		width: 65.81196581196582%;
	}

	.one-fourth {
		width: 23.076923076923077%;
	}

	.three-fourths {
		width: 74.35897435897436%;
	}

	.one-sixth {
		width: 14.52991452991453%;
	}

	.five-sixths {
		width: 82.90598290598291%;
	}

	.first {
		clear: both;
		margin-left: 0;
	}
	.site-branding a.brand img.svg-logo-image {
		scale: 1.0;
		padding: 20px;
		margin-left: -20px;
	  }
	 .moomoo .site-branding a.brand img.svg-logo-image {
		scale: 1.0;
		padding: 5px;
		/* margin-left: -30px; */
	  }
	  .homeLogo {
		width: 100%;
	  }
	  .home .homeLink {
		display: none;
	}
	  .shoppingMenuLabel {
		float: left;
		padding-right: 10px;
	  }
	  
	  .pageProductMenu.wp-block-group {
		padding: 10px 15px !important;
		border: 1px solid #aaa;
		border-radius: 8px;
		margin-bottom: 10px !important;
	  }
	  .pageProductMenu li {
		border-left: 1px solid #333;
		padding-left: 10px !important;
	  }
	  .pageProductMenu a:hover {
		background-color: #F3F7ED;
		color: #78B02C;
	  }
	  .pageProductMenu li:first-of-type, .pageProductMenu .wp-block-navigation-submenu li {
		border-left: transparent;
		padding-left: 0 !important;
	  }
	  ul li.shopMenuButton .sub-menu li.menu-item.current-menu-item a {
		background-color: rgba(0,0,0,0) !important;
	}
	  .wp-block-navigation-submenu  {
		background-color: #C8E398;
	  }
	  .wp-block-navigation-submenu a:hover {
		background-color: #78B02C;
		background-color: #C8E398;
	  }
	  .mobileShow {
		display: none;
	}
	.mobileHide {
		display: unset;
	}
	.single-product .woocommerce .woocommerce-message {
		border-left-color: var(--global-palette-highlight);
		border-top: 10vh solid #f3f7ed;
		border-bottom: 10vh solid #f3f7ed;
		position: relative;
		width: 100%;
		z-index: 98;
		  outline: 5px solid #84b02b;
		  font-size: 3.0rem;
	  }
	  .site-footer-middle-section-1 img {
		max-width: 200px !important;	
	}
	.sansheaderlogo .site-branding {
		display: none;
	}
	.home ul li.shopMenuButton a {
		border-radius: 0;
	}
	ul li.shopMenuButton {
		z-index: 9898;
	}
	ul li.shopMenuButton a {
	/* 	background-color: #C8E398; */
		color: #4d7b19 !important;
		outline: 1px solid #78B02C;
		box-shadow: inset 0 0 5px #C8E398;
		border-radius: 3px;
		font-weight: 600;
	}
	ul li.shopMenuButton svg {
		color: #4d7b19 !important;
	}
	li.shopMenuButton ul li a {
		background-color: inherit;
		border-radius: 0;
		box-shadow: none;
		color: inherit !important;
		font-weight: 400;
	}
	
	li.shopMenuButton .sub-menu li.menu-item.current-menu-item a {
		background-color: inherit;
		border-radius: 0;
		box-shadow: none;
		color: #fff !important;
	}
	.home .homeLink {
		display: none;
	}
	.pageProductMenu  .wp-block-group__inner-container {
		display: flex;
		align-items: center;
	  }
	  
	  .pageProductMenu  .is-responsive.wp-block-navigation.is-layout-flex.wp-block-navigation-is-layout-flex {
		border-left: 1px solid;
  		padding: 5px 5px 15px 20px;
  		background: #f5f5f5;
  		border-radius: 0 12px 12px 0;
	  }
	


 }
 @media print {

 }