/*
 Theme Name:   GeneratePress Kitter
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Pendulum Digital
 Author URI:   https://pendulumdigital.com.au
 Template:     generatepress
 Version:      0.1.003
*/





/* GeneratePress Site CSS */ /* mobile header spacing */
.mobile-header-navigation {
padding: 10px;
box-sizing: border-box;
}

/* post images rounded corners */
.featured-image img, .post-image img {
  border-radius: 12px;
} /* End GeneratePress Site CSS */

/*
 THEME STYLES
*/


@font-face {
  font-family: 'Pluto Light';
  font-style: normal;
  font-weight: normal;
  src: url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Light.eot'); /* IE Compat Modes */
    src: url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Light.eot#iefix') format('embedded-opentype'),
         url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Light.woff') format('woff'),
         url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Light.woff2') format('woff2');
}

@font-face {
  font-family: 'Pluto Medium';
  font-style: normal;
  font-weight: normal;
  src: url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Medium.eot'); /* IE Compat Modes */
    src: url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Medium.eot#iefix') format('embedded-opentype'),
         url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Medium.woff') format('woff'),
         url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Pluto Heavy';
  font-style: normal;
  font-weight: normal;
  src: url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Heavy.eot'); /* IE Compat Modes */
    src: url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Heavy.eot#iefix') format('embedded-opentype'),
         url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Heavy.woff') format('woff'),
         url('https://pendulumdemo.dev/wp-content/themes/generatepress_kitter/assets/fonts/Pluto-Web-Heavy.woff2') format('woff2');
}

h1 {
  font-family: 'Pluto Heavy', Roboto Slab !important;
  letter-spacing: -2px;
}

a {
	transition: color 0.25s ease-in-out, text-decoration-color 0.25s ease-in-out;
}
.white {
	color: white; 
}

.lead-paragraph {
  font-weight: 600;
  font-size: 1.125em;
}

p.small {
  font-size: 0.875em;	
}


a, .btn {
	transition: background-color 0.25s ease-in-out;	
}

.btn {
	border-radius: 12px;
	padding: 14px 20px;
	min-height: 60px;
	margin-bottom: 10px;
}

.btn-navigation {
	background-color: var(--brand-primary);	
}

.btn-navigation:hover {
	background-color: var(--btn-hover);
}

.btn-action {
	background-color: var(--brand-primary);	
}

.btn-outline {
	border: var(--brand-primary) solid 1px !important;
	background-color: none;
}

.btn-outline:hover {
	background-color: var(--btn-hover);
	color: var(--base);
}

.site-footer a {
	text-decoration: underline;
	text-decoration-color: rgb(255 255 255 / 50%);
	color: var(--base) !important;	
	transition: color 0.25s ease-in-out, text-decoration-color 0.25s ease-in-out;
}

.site-footer a:hover {
	text-decoration: underline;
	color: var(--base);	
}

/*
 NAVIGATION STYLES
*/

.header-wrap .site-header .inside-header {
	padding: 0px !important;
}

.header-wrap .site-header {
  background: var(--brand-primary);
  margin: 30px 0;
}

.auto-hide-sticky {
  background: var(--brand-primary);
}

.header-wrap .site-header .inside-header {
	padding: 12px 0px;
}

.header-image {
	margin-bottom: -20px;
}

.main-navigation .main-nav ul li a {
	padding: 10px 24px;
}

.main-navigation ul li:hover {
	background-color: var(--btn-hover);
}

/* Sub Menu */

.main-navigation ul ul {
	background-color: var(--brand-primary);
}

/* Mobile Header */


.mobile-header-navigation {
  background: var(--brand-primary);
}

.site-logo.mobile-header-logo img {
	height: 70px !important;
	margin-bottom: -10px;
}

.mobile-header-navigation .inside-navigation {
	margin-bottom: -10px;
}


/* Footer */

.site-footer p {
	color: white;
}

.site-footer .btn-outline {
	border: var(--base) solid 1px !important;
}


.stockist-footer {
	position: relative;
	z-index: 99;
	margin-bottom: -120px
}

.stockist-footer-container {
	padding-bottom: 120px !important;
	margin-top: 40px !important;
}

.stockist-footer.contact-page {
	margin-bottom: -40px;
	margin-top: 120px;
}

@media (max-width: 767px) {
	.stockist-footer.contact-page {
	margin-bottom: -20px;
	}	
}

/*
 VISUAL ELEMENT STYLES
*/

/* Page Title*/

@media (max-width: 767px) {

	.page-title {
		max-height: 270px;
		
	}
	.page-title-inner {
		padding: 150px 20px 60px 20px !important
	}
	
}

/* Selling Points Block */

.selling-point-block img {
	margin: 20px 0px;
}

@media (min-width: 767px) {

	.selling-point-block {
		padding: 15px;
		margin: 15px;
		background-color: rgba(244,244,244,0.8);
	}

	.selling-point-block img {
		margin: 40px 0px;
	}

	.selling-point-block.block-third {
		width: calc(33.33% - 30px) !important;
	}

	.selling-point-block.block-half {
		width: calc(50% - 30px) !important;

	}
}

.negative-margin-150 {
	margin-top: -150px;
}

/* Contact Form */

.contact-form {
	background-color: rgba(244,244,244,0.8);
	border-radius: 12px;
	padding: 30px !important;
}

/* Stockist Listing  */

.facetwp-filter {
	display: flex;
 	flex-direction: row;
 	margin: 20px 0px;
	z-index: 99;
	position: relative;	
}

.facetwp-filter .flex-right {
	margin-left: auto;
}

.facetwp-facet-search_stockists {
	margin-bottom: 0px !important;
	padding-right: 20px;
}

input.facetwp-location, select.facetwp-radius-dropdown {
	height: 60px;
}


@media (max-width: 767px) { 
	.facetwp-filter {
		flex-direction: column;	
	}
	.facetwp-facet-search_stockists, .facetwp-input-wrap, input.facetwp-location, select.facetwp-radius-dropdown {
		width: 100%;
		margin-bottom: 10px;
	}
	.facetwp-filter .flex-right {
		width: 100%;
	}
	.facetwp-filter .flex-right a {
		text-align: center;
		width: 100%;
	}
	.facetwp-facet-search_stockists {
		padding-right: 0px;
	}

}

.grid::before {
	content:'';
	display:table;
}

.grid::after {
	clear: both;
}


.grid-item {
	display: block;
	float: left;
	padding-right: 2em;
	width: 100%;
	margin-bottom: 1em;
}

@media all and (min-width: 61.250em) { 

	.grid-item { min-height: 260px;}
	.desk-whole .grid-item { width: 100%; }
	.desk-halves .grid-item { width: 50%; }		
	.desk-thirds .grid-item { width: 33.3333333%; }
	.desk-one-two-thirds .desk-one-third { width: 33.3333333%; }	
	.desk-one-two-thirds .desk-two-thirds { width: 66.666667%; }
	.desk-fourths .grid-item { width: 25%; }	
	.desk-fifths .grid-item { width: 20%; }

}

.list-text-heading {
	text-align: left;
	text-transform: uppercase;
	font-size: 2em;
	color: var(--brand-primary);
}

.list-text {
	margin-bottom: 40px;
	display: inline-block;
	width: 100%;
}

.list-text ul {
	list-style: none;
}

.list-text-item-heading { 
	line-height: 1.3em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid var(--brand-primary);
}

ul.list-with-icon {
	margin: 0px 0px 12px 0px;
}

.list-with-icon li { 
	margin-bottom: 0.5em; 
	padding-left: 1.75em;
	position: relative;
}

.list-with-icon .icon {
	position: absolute;
	top: 6px;
	left: 0;
	color: var(--brand-primary);
}

.facetwp-map-filtering {
	display: none;
}


/* Rescue Group  */

.rescue-group .item { margin-bottom: 32px; }

.rescue-group .item-image { 
	margin-bottom: 24px; 
	max-height: 200px;
}

.rescue-group hr { width: 100%; }

/* Accordion */

details {
  margin: 5px;
  font-size: 18px;
}
details > * {
  padding: .75rem;
}
summary {
	border-radius: 6px;
	font-size: 20px;
	font-weight: bold;
	color: var(--contrast-2);
	background: var(--base-3);
	cursor: pointer;
	position: relative;
	padding: 20px;
}
summary:hover {
	background-color: #AAE2D4;
	transition: background-color 0.25s ease-in-out;		
}
summary::marker {
  content: "";
}
summary::before {
  content:"";
  position:absolute;
  inset: .75rem;
  left: auto;
  aspect-ratio: 1;
	background: 
   	conic-gradient(from 90deg at 33% 33%, #0000 90deg, var(--brand-primary) 0) 
    100% 100%/60% 60%;
	clip-path: inset(1px);
	margin: 10px;
}
details[open] summary::before {
  background: linear-gradient(var(--brand-primary) 0 0) 50%/100% 25% no-repeat;
}
details[open] summary {
  border-radius: 5px 5px 0 0;
}
details > div {
  background: #ddd;
  border-radius: 0 0 6px 6px;
}