/* 
Theme Name: Bow Wow Meow
Theme URI: https://github.com/elementor/hello-theme-child/
Description: A custom WordPress theme built for Bow Wow Meow, based on the Hello Elementor framework.
Author: Weber Design Studio
Author URI: https://weberdesignstudio.com.au/
Template: hello-elementor
Version: 2.1.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* --------------------------------*/
/* HEADER & MEGA MENU */
/* --------------------------------*/

/* Mega Menu Text Links */

.bwm-megamenu p a {color:#20A2DB; font-weight:bold;}
.bwm-megamenu p a:active, .bwm-megamenu p a:focus , .bwm-megamenu p a:hover {color:#09347A;}

/* Alphabet Search - Mega Menu */
ul.megamenu-alphabet-tiles {
	display:flex;
	flex-wrap: wrap;
	list-style-type:none;
	margin:0;
	padding:0;
	margin-bottom:-10px;
}
ul.megamenu-alphabet-tiles li a {
	border:1px solid #CCC;
	display:block;
	width:36px;
	margin:0 10px 10px 0;
	text-align:center;
	background:#f7f7f7;
	border-radius:5px;
	padding:2px;
	font-size:18px;
}
ul.megamenu-alphabet-tiles li a:hover {
	background:#FFDE00;
	color:#09347A;
	border-color:#FFDE00
}
ul.megamenu-alphabet-tiles li a, ul.megamenu-alphabet-tiles li a:hover {transition:ease-in-out all 0.2s;}

/* --------------------------------*/
/* MOBILE OFF-CANVAS MENU */
/* --------------------------------*/

	.bwm-oc-menu .sub-arrow svg {fill:#fff;}
	.bwm-oc-menu ul ul {border-top:1px solid #20A2DB;}
	.bwm-oc-menu ul ul.sub-menu > .menu-item > a, 
	.bwm-oc-menu ul ul.sub-menu a:hover {background:#fff !important; color:#20A2DB !important;}
	.bwm-oc-menu ul ul ul.sub-menu a {background:#c00;}
	.bwm-oc-menu ul ul li a svg {fill:#20A2DB !important;}
	.bwm-oc-menu ul ul li:not(:last-child) {border-color:#ededec !important;}

/* --------------------------------*/
/* CONTENT */
/* --------------------------------*/

/* Body Text */
.content-intro-text p {font-size:18px !important; color:#09347A;}
p:last-child {margin:0 !important;}
.balance-text {text-wrap:balance;}
ol li {margin:15px 0;}
b, strong {font-weight: 700;}

/* Home Tiles */
.hometile-button .elementor-button-text {text-align: left;}
.hometile-button .elementor-button-content-wrapper {align-items:center;}

/* Unordered list style */
.elementor-widget-text-editor ul {
	list-style: none; /* Remove default bullets */
	padding-left: 18px;
}
.elementor-widget-text-editor ul li {
	position: relative;
	padding-left: 24px; /* Space for the icon */
	margin-bottom:10px;
}
.elementor-widget-text-editor ul li:last-child {margin-bottom:0;}
.elementor-widget-text-editor ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.25em; /* Adjust to align vertically */
	width: 15px; /* Size of the SVG */
	height: 15px;
	background-image: url('https://staging.bowwow.com.au/wp-content/uploads/2025/04/paw.svg'); /* Link to your SVG */
	background-size: contain;
	background-repeat: no-repeat;
}
body.elementor-editor-active .elementor-element-overlay ul li::before {background-image:none;} /* Stops CSS from overriding list styles on editor controls in Elementor */

/* Links */

.elementor-widget-text-editor a {text-decoration:underline; font-weight:700; color:#09347A;}

/* Display ordered list element as table for curated lists */
.curated-list ol {
	display:flex;
	flex-wrap:wrap;
	list-style-position:outside;
	padding-left:0;
	counter-reset:bwm-curated-list;
	list-style:none;
	margin:0;
	gap:0;
	border:1px solid #ededec;
	border-radius:10px;
}
.curated-list li {
	flex-basis:25%;
	counter-increment:bwm-curated-list;
	position:relative;
	display:flex;
	padding:8px 5px;
	margin:0 !important;
	align-items:center;
}
.curated-list li a {font-weight:400; text-decoration:none; color:#333;}
.curated-list ol li::before {
	content:counter(bwm-curated-list);
	width:20px;
	margin-right:10px; margin-left:3px;
	display:flex;
	align-items:center;
	justify-content:start;
	font-weight:bold;
	color:#20a2db;
}

/* Pet Talk Signup - Hubspot Widget */

	.pet-talk-signup-sidebar input[type=email] {border:1px solid #ededec; border-radius:10px; margin:5px 0 10px 0;}
	.pet-talk-signup-sidebar input[type=submit] {display:block; color:#09347a; background:#ffde00; border-radius:10px; border:none; width:auto; margin:0 auto; padding:15px;}
	.pet-talk-signup-sidebar ul {list-style-type:none; padding-left:0; margin-bottom:15px;}
	.pet-talk-signup-sidebar label {margin-bottom:10px;}
	.pet-talk-signup-sidebar .hs-form-checkbox input {margin-right:5px;}
	.pet-talk-signup-sidebar  .hs-email, .pet-talk-signup-sidebar .field {text-align:center;}
	.pet-talk-signup-sidebar  .hs-email {font-weight:bold;}
	.hs-error-msg {color:#c00; font-weight:normal; font-size:11px;}

/* --------------------------------*/
/* SEARCH */
/* --------------------------------*/

.search-query-text {font-weight:600;}

/* Tabs */
.bwm-search-tabs .e-n-tabs-content .e-active {padding-top:15px}
.bwm-search-tabs .az-search .jet-alphabet-list__button:hover {background:#fff !important; color:#20A2DB !important;}

/* Buttons */
.fetch-button button svg {
	max-width:14px;
	max-height:14px;
	display:inline-block;
	margin-right:5px;
	margin-bottom:-2px;
	fill:#09347A;
}

/* Alphabet Search - Main Widget */
ul.alphabet-search {
	list-style-type:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap: wrap;
	margin-bottom:-10px;
}
ul.alphabet-search li a {
	border:1px solid #CCC;
	display:block;
	font-size:16px;
	width:35px;
	margin:0 10px 10px 0;
	text-align:center;
	background:#f7f7f7;
	border-radius:5px;
	padding:2px;
}
ul.alphabet-search li a:hover, ul.alphabet-search li a:active, ul.alphabet-search li a:focus {/*background:#fff; color:#20A2DB;*/background:#FFDE00; color:#09347A; border-color:#FFDE00;}
ul.alphabet-search li a, ul.alphabet-search li a:hover {transition:ease-in-out all 0.2s;}

/* Alphabet Search - Large Buttons */
ul.alphabet-search-lge {
	list-style-type:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap: wrap;
	margin-bottom:-10px;
}
ul.alphabet-search-lge li a {
	border:1px solid #CCC;
	display:block;
	font-size:22px;
	width:40px;
	margin:0 10px 10px 0;
	text-align:center;
	background:#ffffff;
	border-radius:5px;
	padding:2px;
}
ul.alphabet-search-lge li a:hover, ul.alphabet-search-lge li a:active, ul.alphabet-search-lge li a:focus {background:#FFDE00; color:#09347A; border-color:#FFDE00;}
.alphabet-search-lge a.active {background:#FFDE00; color:#09347A; pointer-events:none;}
ul.alphabet-search-lge li a, ul.alphabet-search-lge li a:hover {transition:ease-in-out all 0.2s;}

/* --------------------------------*/
/* PROFILE LISTING TEMPLATE */
/* --------------------------------*/

/* Listing Meta */
.profile-listing-meta-terms-gender .elementor-heading-title span, .profile-listing-meta-terms-species .elementor-heading-title span {
	padding:4px 8px;
	flex-wrap: wrap;
	border-radius:20px;
	margin-right:5px;
}
.profile-listing-meta-terms-gender .elementor-heading-title, .profile-listing-meta-terms-species .elementor-heading-title {margin-top:8px;}
.profile-listing-meta-terms-gender .elementor-heading-title span {background:#20A2DB; color:#fff;}
.profile-listing-meta-terms-species .elementor-heading-title span {background:#FFDE00;}

/* Listing Layout */
.intro-text {border-bottom:1px solid #ededec; padding-bottom:20px;}
.intro-text p {font-size:18px !important; color:#09347A;}
.profile-tile:hover .profile-chevron svg {fill:#FFDE00 !important; transition:ease-in-out 0.2s;}

/* Custom Pagination */
.custom-pagination ul {
	display: flex;
	gap: 8px;
	list-style: none;
	padding: 0;
}

.custom-pagination li a,
.custom-pagination li span {
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-decoration: none;
}

.custom-pagination li .current {
	background: #0073aa;
	color: white;
	border-color: #0073aa;
}

/* --------------------------------*/
/* SINGLE PET NAME PROFILES */
/* --------------------------------*/

/* Back to Search Button */
button.backtosearch-btn svg {height:12px; fill:#666;}
button.backtosearch-btn {padding:0; color:#666;}
button.backtosearch-btn:hover {color:#0693e3;}
button.backtosearch-btn svg:hover {fill:#0693e3;}
button.backtosearch-btn,button.backtosearch-btn:hover, button.backtosearch-btn:active, button.backtosearch-btn:focus {background:none; border:none;}

/* PROFILE META */

/* Profile Meta Label */
.profile-meta-label {font-size:14px; font-weight:bold; margin-right:10px; padding-top:4px;}

/* Profile Meta Content */
.profile-meta .jet-listing-dynamic-field__content, .profile-meta-size .jet-listing-dynamic-field__content  {display:flex; flex-direction:row;}

/* Profile Meta Content Colour */
.profile-meta .profile-meta-content .jet-check-list--columns-1 .jet-check-list__item, .profile-meta-taxonomy-terms .elementor-heading-title span, .profile-meta-size .profile-meta-content {background:#fff; border-radius:20px;} 

/* Profile Meta - Size */
.profile-meta-size .jet-listing-dynamic-field__content .profile-meta-content  {padding:4px 10px;}

/* Profile Meta - Species and Colour */
.profile-meta .profile-meta-content .jet-check-list--columns-1 .jet-check-list__item {flex:none; margin:0 5px 5px 0; padding:4px 10px; font-weight:bold;}

/* TAXONOMY DISPLAY FOR SPECIES */

/* Global */
.profile-meta-taxonomy-terms {display:flex; flex-direction:row; }

/* Terms Content */
.profile-meta-taxonomy-terms .elementor-heading-title span { display:inline-block; padding:8px 10px; margin:-1px 5px 5px 0;}

/* Profile Content Label */
.profile-content-label {font-weight:bold; font-size:22px !important; color:#0693e3; margin-bottom:10px;}

/* SIDEBARS */
/* Pet Talk Signup - Hubspot Widget */

/* --------------------------------*/
/* DOG AGE CALCULATOR */
/* --------------------------------*/

	.calculator-container {width:100%; /*max-width:535px;*/ column-gap:30px; row-gap:20px; display:flex;}
	.bwm-dog-age-calculator {width:50%;}
	.bwm-dog-age-result {width:50%; text-align: center; border-radius:10px; /*border:1px solid #ededec;*/ display:flex; justify-content: center; flex-direction: column;}
	.bwm-dog-age-result p {text-wrap:balance; font-size:18px; margin-bottom:15px;}
	.bwm-dog-age-result input {font-weight:bold; font-size:26px; border:none; padding:0; text-align: center; width:100%; margin-bottom:15px; color:#09347A;}
	.bwm-dog-age-calculator {padding:22px; background:#f7f7f7; border-radius:10px; border:1px solid #ededec; display:block;}
	.bwm-dog-age-calculator input {width:100%; font-weight:bold; font-size:24px; padding:12px; box-sizing: border-box; margin-bottom:15px; border-radius:10px; border:1px solid #ccc; letter-spacing:0.1em;}
	.dac-numpad {display:flex; flex-direction:column; row-gap:10px;}
	.dac-numpad-row, .dac-numpad-controls {flex-direction: row; display:flex; column-gap:10px;}
	.dac-numpad-row div {width:33.3%; display:flex; justify-content:center;}
	.dac-numpad-row div a {font-family:"Arial Rounded MT", Sans-serif; padding:10px; background:#FFDE00; width:100%; text-align: center; border-radius:10px; font-size:20px; text-decoration:none; font-weight:bold; color:#09347A;}
	.dac-numpad-row div a:hover {background:#FFE84F;}
	.dac-numpad-controls div {width:50%; display:flex; justify-content:center; margin-top:5px; align-items: stretch;}
	.dac-numpad-controls div a {text-align: center; width:100%; font-family:"Arial Rounded MT", Sans-serif; text-decoration:none; font-weight:bold; padding:12px 10px; border-radius:10px;}
	.dac-numpad-controls div a.clear {background:#cccccc; color:#222222;}
	.dac-numpad-controls div a.clear:hover {background:#D5D5D5; color:#222222;} 
	.dac-numpad-controls div a.calc {background:#09347A; color:#FFDE00;}
	.dac-numpad-controls div a.calc:hover {background:#0D3E8F; color:#FFDE00;}
	.dac-numpad-controls div a.calc svg {width:15px; fill:#FFDE00; margin-bottom:-1px;}


/* --------------------------------*/
/* FORM STYLES */
/* --------------------------------*/

	/* Overwrite iOS styles for form elements on mobile */
	textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, select {
		-webkit-appearance: none;
 		-moz-appearance: none;
  	appearance: none;
	padding:8px 10px !important;
	box-shadow:none !important;
	} 
	select {color:#222 !important;}
	.jet-select {position:relative;}
	.jet-select::after {
		content:"";
		width:0;
		display:flex;
		justify-content:right;
		position:absolute;
		height:auto;
		top:25px;
		right:9px;
		bottom:0;
		pointer-events:none;
		border-left: 5px solid transparent; border-right: 5px solid transparent;
		border-top: 5px solid #444444;
		transform: translateY(-50%);
	}

/* --------------------------------*/
/* MEDIA QUERIES */
/* --------------------------------*/

/* Max width 1500px */
@media screen and (max-width:1500px){
	
	.bwm-branding-logo {margin-bottom:-45px !important;}
	.bwm-branding-logo img {max-width:130px !important;}
	
}

/* Min width 769px */
@media screen and (min-width:769px){
	
	ul.sub-menu {box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);}
	
	/* style list elements as table */
	.curated-list ol li:nth-child(5),
	.curated-list ol li:nth-child(6),
	.curated-list ol li:nth-child(7),
	.curated-list ol li:nth-child(8),
	.curated-list ol li:nth-child(13),
	.curated-list ol li:nth-child(14),
	.curated-list ol li:nth-child(15),
	.curated-list ol li:nth-child(16){
		background:#f7f7f7;
	}
	
}

/* Max width 768px */
@media screen and (max-width:768px) {
	
	/* Dog Age Calculator */
	.calculator-container {max-width:100%;}
	
}


/* Max width 600px */
@media screen and (max-width:600px){

.calculator-container {flex-direction:column;}
.bwm-dog-age-calculator {width:100%;}
	.bwm-dog-age-result {width:100%;}

}

/* Min width 481px and max width 768px */
@media screen and (min-width:481px) and (max-width:768px){

	/* Header */
	.bwm-branding-logo {margin-bottom:0 !important;}
	
	/* Hometiles */
	.hometile-button a {
		text-align:left;
		min-height:65px;
		display:flex;
		align-items:top;
	}
	/* Homepage alphabet search widget */
	ul.alphabet-search {margin-right:-15px;}
	ul.alphabet-search li a {width:41px; padding:5px 0;}
	
	/* Alphabet search large text */
	ul.alphabet-search-lge {margin-right:-15px;}
	ul.alphabet-search-lge li a {width:41px; padding:5px 0;}
	
	/* Display ordered list element as table for curated lists - add shading */
	.curated-list li {flex-basis:33.3%;}
	.curated-list ol li:nth-child(4),
	.curated-list ol li:nth-child(5),
	.curated-list ol li:nth-child(6),
	.curated-list ol li:nth-child(10),
	.curated-list ol li:nth-child(11),
	.curated-list ol li:nth-child(12),
	.curated-list ol li:nth-child(16),
	.curated-list ol li:nth-child(17),
	.curated-list ol li:nth-child(18){
		background:#f7f7f7;
	}
	
}

/* Max width 480px */
@media screen and (max-width:480px){
	
	/* Hometiles */
	.hometile-button a {min-height:65px; align-content:center;}
	.hometile-button .elementor-button-icon {padding-top:5px;}
	
	/* Display ordered list element as table for curated lists - add shading */
	.curated-list li {flex-basis:50%;}
	.curated-list ol li:nth-child(3),
	.curated-list ol li:nth-child(4),
	.curated-list ol li:nth-child(7),
	.curated-list ol li:nth-child(8),
	.curated-list ol li:nth-child(11),
	.curated-list ol li:nth-child(12),
	.curated-list ol li:nth-child(15),
	.curated-list ol li:nth-child(16),
	.curated-list ol li:nth-child(19),
	.curated-list ol li:nth-child(20){
		background:#f7f7f7;
	}
	
	/* Add border radius to last row of curated list on mobile */
	.curated-list ol li:nth-child(19) {border-bottom-left-radius:10px;}
	.curated-list ol li:nth-child(20) {border-bottom-right-radius:10px;}
	
}