/*
FPD CUSTOM CSS
*/

.fontsampler-id-3 .type-tester__content{
	font-size: 10vw!important;
}

.fontsampler-id-4 .type-tester__content{
	font-size: 5vw!important;
}

@media (min-width: 782px) {
.wp-block-column:not(:first-child) {
    margin-left: .8em!important;
}
}

/*
GLOBAL COLORS
*/

:root {

    --global-gray-400: #d6d6d6; 
    --global-gray-500: #ababab;

    --global-body-font-family: 'Switzer', 'Helvetica Neue', 'Helvetica', 'Arial', 'Inter', sans-serif;
    --global-transition: 0.3s;
    --global-radius: 5px;
}

/*
GLOBAL TYPOGRAPHY
*/

h1 {
	letter-spacing: 0.0em;
}

body {
	letter-spacing: 0.01em;
}

strong, legend {
	font-weight: 500;
}

/*
GLOBAL BUTTONS / INPUTS
*/

.button {
	border-radius: var(--global-radius) !important;
	background-color: var(--global-palette3) !important;
	transition: background-color var(--global-transition) ease;
	color: var(--global-palette9) !important;
	letter-spacing: 0.03em;
	font-weight: 300 !important;
}
.button:hover {
	background-color: var(--global-palette1) !important;
	transition: background-color var(--global-transition) ease;
	color: var(--global-palette9) !important;
	box-shadow: none;
}

input, select {
	border-radius: var(--global-radius)!important;
	height: 40px;
}
select:focus {
	box-shadow: none !important;
}
input:focus {
	box-shadow: none !important;
}

/*
HOME
*/

/*.clearfix h3 {
	max-width: none !important;
}*/

.home .entry-title {
	display: none;
}
.home .entry-header {
	display: none;
}
.home .entry-content {
	margin-top: 0px;
}

/*
FONT SHOWCASE
*/

.fontsampler-ui-block-fontpicker {
	width: 50%;
}

.current-font .type-tester__content {
	font-size: 60px;
}

.selectric .button:hover {
	color: rgb(51,51,51) !important;
	border-color: rgb(51,51,51);
}

#fontsampler-copy-clipboard-target-1 {
	background: white;
}

/*override content-area xxl margin*/
.content-area {
	margin-top: 0px;
}

/*
STORE
*/


/*
Product Grid
*/

/*turn 4 column grid into 3 column grid*/
@media screen and (min-width: 1025px){
	.grid-lg-col-4 {
    	grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media screen and (min-width: 1550px){
	.grid-lg-col-4 {
    	grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

/*3 column product grid > 2 column product grid*/
@media screen and (min-width: 576px) and (max-width: 719px){
	.grid-sm-col-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/*style grid spacing*/
.grid-cols {
	column-gap: 10px;
	row-gap: 10px;
}

/*
Store Typography
*/

/*style description box of product grid*/
.woocommerce-loop-product__title{
	font-weight: inherit !important;
}
.woocommerce ul.products li.product .price {
	font-weight: inherit !important;
}

/*customize 'add to cart'*/
.product-details .kadence-svg-iconset.svg-baseline svg{
	display: none;
}

/*add transition to product name hover*/
.woocommerce-loop-product__title a{
	transition: color 0.2s ease !important;
}
.woocommerce-loop-product__title a:hover{
	transition: color 0.2s ease !important;
}

/*remove product title margin*/
.woocommerce ul.products li.product .entry-content-wrap{
	margin: 0px;
}
.woocommerce ul.products:not(.woo-archive-btn-button) .button{
	text-transform: none;
	font-weight: 500;
	letter-spacing: 0em;
	background: white !important;
	color: black !important;
}
.woocommerce ul.products:not(.woo-archive-btn-button) .button:hover{
	background: white !important;
	color: var(--global-palette1) !important;
}

/*style product description tab typography*/
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-weight: inherit;
}

/*style WC tables*/
.woocommerce th {
	font-weight: inherit !important;
	text-align: left !important;
}

/*style mobile cart*/
@media screen and (max-width: 719px){
	.woocommerce td:before{
		font-weight: inherit !important;
	}
}

/*style margins under h2 on cart*/
.woocommerce table.shop_table {
	margin-top: 1.05em;
}

/*
Single Product Page pre-description
*/

/*remove underline from 'clear' text*/
.reset_variations {
	text-decoration: none;
	display: none !important;
}

/*style text for 'size'*/
.woocommerce div.product form.cart .variations label {
	font-weight: inherit;
}

/*style text for prices*/
.woocommerce div.product span.price, .woocommerce div.product p.price {
	/*font-size: inherit !important;*/
}
div.product p.price {
	display: none;
}
.woocommerce div.product form.cart .variations {
	margin-top: 2em;
	margin-bottom: 2em;
}

/*add margin between price and add to cart*/
.woocommerce-variation {
	margin-bottom: 1em;
}

/*remove border radius and shadow on product grid*/
.woocommerce ul.products li.product .entry-content-wrap{
	border-radius: 0rem;
}
.entry {
	border-radius: 0rem;
}
.entry.loop-entry {
	box-shadow: none;
}

/*remove product lightbox magnifying glass*/
.woocommerce-product-gallery__trigger{
	display: none;
}

/*remove description tabs*/
.wc-tabs {
	display: none;
}

/*reduce line width of description*/
@media (min-width: 900px) {
	#tab-description {
		width: 45vw;
	}
}
@media (min-width: 2000px) {
	#tab-description {
		width: 950px;
	}
}

/*remove description border on small screen sizes*/
@media screen and (max-width: 719px){
	.woocommerce div.product .woocommerce-tabs {
		border: none;
	}
	.woocommerce div.product .woocommerce-tabs .panel {
		padding-left: inherit;
    	padding-right: inherit;
    	margin: inherit;
	}
}

/*add gray background to related products*/
.related.products {
    /*background: var(--global-palette8);
    padding: 15px 24px 10px 24px;
    margin: -15px -24px -10px -24px;*/
}

/*change empty cart text weight*/
.cart-empty {
	font-weight: 200 !important;
}

/*style WC buttons*/
.woocommerce .button {
	font-size: 0.83em;
}

/*style message WC buttons*/
@media screen and (min-width: 541px) {
	.woocommerce .woocommerce-message .button {
		margin-top: -0.2em;
    	margin-bottom: -0.3em;
	}
}
.woocommerce-notices-wrapper .button{
	font-weight: lighter !important;
}
.woocommerce-Message .button{
	font-weight: lighter !important;
}

/*style remove from cart 'x's*/
.woocommerce a.remove{
	color: var(--global-palette1) !important;
	background-color: rgba(0,0,0,0)!important;
}
.woocommerce a.remove:hover{
	color: var(--global-palette3) !important;
	background-color: var(--global-palette7)!important;
}

/*
ACCOUNT
*/

.woocommerce-info {
	background-color: var(--global-palette9);
	border-color: rgb(235, 235, 235);
	border-width: 1px;
	border-radius: 0;
}

/*style sidebar menu on account page*/
.woocommerce-account .account-navigation-wrap li.is-active a, .woocommerce-account .account-navigation-wrap li.is-active a:hover {
	border-left: 5px solid var(--global-palette-highlight);
    font-weight: inherit;
}
.woocommerce-account .account-navigation-wrap li:hover a {
	border-left: 5px solid var(--global-gray-400)
}
.woocommerce-MyAccount-navigation-link a {
	transition: color 0.3s ease;
}

/*style type for WC forms*/
.woocommerce form .form-row label {
	font-weight: inherit;
}

/*
BANNER
*/

/*video banner margins*/
@media (min-width: 768px){
	/*.site-container {
		width: 100% !important;
		max-width: 100% !important;
	}*/
	.nk-awb {
		margin: 0px !important;
		max-width: 100% !important;
	}
}

@media (max-width: 767px){
	.nk-awb {
		margin-bottom: -1.2em;
	}
}


/*
MENU
*/


/*
Mobile Menu
*/

/*
FOOTER
*/

/*
LOGO HOVER
*/

/*[all devices]{*/
/*@media (-webkit-min-device-pixel-ratio: 1), (max-resolution: 191dpi){
#kad-banner #logo .kad-standard-logo:hover {
background-image: url('https://fireproofpuppydogs.com/wp-content/uploads/2019/11/fpd_logo_1x_hover.png');
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
#kad-banner #logo .kad-standard-logo:hover {
background-image: url("https://fireproofpuppydogs.com/wp-content/uploads/2019/11/fpd_logo_2x_hover.png") !important;
}
}*/

@media (-webkit-min-device-pixel-ratio: 1), (max-resolution: 191dpi){
	.custom-logo:hover {
		background-image: url('https://fireproofpuppydogs.com/wp-content/uploads/2019/11/fpd_logo_1x_hover.png');
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	.custom-logo:hover {
		background-image: url("https://fireproofpuppydogs.com/wp-content/uploads/2019/11/fpd_logo_2x_hover.png") !important;
	}
}

/*
YOUTUBE VIDEO POPUP
*/

#jarallax-container {
	  top: -1px;
    left: -1px;
}
