@charset "UTF-8";
/*!
Theme Name: Petotel Child
Theme URI: https://motopress.com/products/petotel
Author: MotoPress
Author URI: https://motopress.com
Description: Petotel is a Gutenberg theme suitable for pet hotels, dog boarding centers and professional pet sitters. The theme comes with an integrated online booking plugin that lets you enable real-time reservations of your boarding units and accept payments online. Ready for WooCommerce.
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: petotel
Template: petotel
*/
.mphb_sc_search-wrapper.is-style-light input[type='text'], .mphb_sc_search-wrapper.is-style-light select, .mphb_sc_search-wrapper.is-style-no-labels input[type='text'], .mphb_sc_search-wrapper.is-style-no-labels select{
	background-color:#00A2E4 !important;
}

.wp-block-getwid-banner.is-style-with-shape.has-vertical-alignment-bottom .wp-block-getwid-banner__caption-wrapper:after{
	background: linear-gradient(to bottom, #00A2ED -10%, #008000 100%) !important;
}


.wp-block-getwid-price-box .wp-block-getwid-price-box__title:after{
	background: linear-gradient(to bottom, #00A2ED -10%, #008000 100%) !important;
}

:root {
    /* Harmony Palette (HSL curated for luxurious pet care aesthetic) */
    --brand-teal-deep: hsl(174, 65%, 35%);     /* Premium primary dark teal */
    --brand-teal-medium: hsl(174, 55%, 45%);   /* Core brand teal */
    --brand-teal-light: hsl(174, 45%, 85%);    /* Soft blue-green accent */
    --brand-teal-wash: hsl(174, 30%, 97%);     /* Very pale mint/teal background tint */
    
    --brand-blue-deep: hsl(197, 75%, 40%);     /* Deep rich slate blue */
    --brand-blue-medium: hsl(197, 65%, 50%);   /* Core bright ocean blue */
    --brand-blue-light: hsl(197, 50%, 92%);    /* Soft light blue tint */
    
    --brand-green-mint: hsl(158, 65%, 48%);    /* Dynamic accent green */
    --brand-green-soft: hsl(158, 45%, 94%);    /* Light background tint */
    
    --brand-dark-slate: hsl(209, 30%, 25%);    /* High-contrast elegant dark body text */
    --brand-muted-slate: hsl(209, 15%, 50%);   /* Sleek secondary text */
    --brand-border-color: rgba(38, 154, 142, 0.1);
    
    /* Global Elementor & Gutenberg Overrides */
    --e-global-color-primary: var(--brand-teal-deep) !important;
    --e-global-color-secondary: var(--brand-blue-medium) !important;
    --e-global-color-text: var(--brand-dark-slate) !important;
    --e-global-color-accent: var(--brand-green-mint) !important;
    
    /* Layout properties */
    --br-lg: 16px;
    --br-md: 12px;
    --br-sm: 8px;
    --br-pill: 50px;
    
    --shadow-soft: 0 10px 30px rgba(38, 154, 142, 0.06);
    --shadow-hover: 0 20px 45px rgba(38, 154, 142, 0.12);
    --shadow-glow: 0 0 20px rgba(46, 186, 139, 0.2);
    
    --ease-smooth: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button,
.elementor-button, .um-button, .um-button:focus,
.mphb-book-button, .mphb-btn {
    border: 2px solid var(--brand-teal-medium) !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--brand-blue-medium), var(--brand-teal-medium)) !important;
    border-radius: var(--br-pill) !important;
    padding: 14px 34px !important;
    box-shadow: 0 4px 15px rgba(38, 154, 142, 0.15) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: var(--ease-smooth) !important;
    display: inline-block !important;
    text-align: center !important;
    text-decoration: none !important;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover,
.elementor-button:hover, .um-button:hover,
.mphb-book-button:hover, .mphb-btn:hover {
    background: linear-gradient(135deg, var(--brand-teal-medium), var(--brand-green-mint)) !important;
    border-color: var(--brand-green-mint) !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(46, 186, 139, 0.25) !important;
}

.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active{
	border: 2px solid var(--brand-teal-medium) !important;
	color: #ffffff !important;
	background: linear-gradient(135deg, var(--brand-blue-medium), var(--brand-teal-medium)) !important;
    border-radius: var(--br-pill) !important;
}

.um input[type=submit].um-button:hover, .um input[type=submit].um-button:focus:hover, .um a.um-button:hover, .um a.um-button.um-disabled:hover{
	background: linear-gradient(135deg, var(--brand-teal-medium), var(--brand-green-mint)) !important;
    border-color: var(--brand-green-mint) !important;
}

.fa, .fab, .fad, .fal, .far, .fas {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.cust_name .select2-container--default {
    width: 100% !important;
}
.cust_names .select2-container--default {
    width: 100% !important;
}
li.pet_tdm {
    list-style-type: none;
}
.checkindate {
	width:100%;
}
.checkoutdate {
	width:100%;
}

div#user_content1 { display: none; }
div#button_click1 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click1:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content2 { display: none; }
div#button_click2 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click2:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content3 { display: none; }
div#button_click3 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click3:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content4 { display: none; }
div#button_click4 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click4:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content5 { display: none; }
div#button_click5 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click5:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content6 { display: none; }
div#button_click6 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click6:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content7 { display: none; }
div#button_click7 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click7:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content8 { display: none; }
div#button_click8 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click8:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content9 { display: none; }
div#button_click9 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click9:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content10 { display: none; }
div#button_click10 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click10:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content11 { display: none; }
div#button_click11 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click11:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content12 { display: none; }
div#button_click12 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click12:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content13 { display: none; }
div#button_click13 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click13:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content14 { display: none; }
div#button_click14 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click14:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_content15 { display: none; }
div#button_click15 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_click15:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }

div#user_contentnew1 { display: none; }
div#button_clicknew1 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew1:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew2 { display: none; }
div#button_clicknew2 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew2:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew3 { display: none; }
div#button_clicknew3 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew3:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew4 { display: none; }
div#button_clicknew4 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew4:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew5 { display: none; }
div#button_clicknew5 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew5:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew6 { display: none; }
div#button_clicknew6 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew6:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew7 { display: none; }
div#button_clicknew7 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew7:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew8 { display: none; }
div#button_clicknew8 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew8:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew9 { display: none; }
div#button_clicknew9 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew9:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew10 { display: none; }
div#button_clicknew10 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew10:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew11 { display: none; }
div#button_clicknew11 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew11:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew12 { display: none; }
div#button_clicknew12 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew12:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew13 { display: none; }
div#button_clicknew13 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew13:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew14 { display: none; }
div#button_clicknew14 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew14:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentnew15 { display: none; }
div#button_clicknew15 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clicknew15:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }

div#user_contentdet1 { display: none; }
div#button_clickpet1 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet1:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet2 { display: none; }
div#button_clickpet2 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet2:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet3 { display: none; }
div#button_clickpet3 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet3:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet4 { display: none; }
div#button_clickpet4 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet4:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet5 { display: none; }
div#button_clickpet5 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet5:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet6 { display: none; }
div#button_clickpet6 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet6:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet7 { display: none; }
div#button_clickpet7 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet7:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet8 { display: none; }
div#button_clickpet8 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet8:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet9 { display: none; }
div#button_clickpet9 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet9:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet10 { display: none; }
div#button_clickpet10 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet10:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet11 { display: none; }
div#button_clickpet11 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet11:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet12 { display: none; }
div#button_clickpet12 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet12:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet13 { display: none; }
div#button_clickpet13 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet13:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet14 { display: none; }
div#button_clickpet14 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet14:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }
div#user_contentdet15 { display: none; }
div#button_clickpet15 { border: solid 2px #efefef; padding: 2%; width: 100%; cursor: pointer; }
div#button_clickpet15:hover { border: solid 2px #555555; cursor: pointer; background: #555555; color: #fff; }

#update_post label {
    font-weight: normal;
    margin-right: 1.5em;
    /*text-transform: uppercase; */
    font-size: 15px;
	font-weight: bold;
}
#new_post label {
	font-weight: normal;
    margin-right: 1.5em;
    text-transform: capitalize !important;
    font-size: 15px !important;
	font-weight: bold;
}
#update_post fieldset {
	border: 1px solid #efefef;
	padding: 5px;
	margin: 5px 0;
}
#new_post fieldset {
    border: 1px solid #eee;
    padding: 5px !important;
    margin: 5px 0 !important;
}
form.pet_edit_form {
    padding: 0% 15%;
}
fieldset.pet_information {
    padding: 0.25rem 1.875rem;
	border: 2px solid #efefef;
    border-radius: 10px;
}
fieldset label {
    margin-bottom: 0.2em;
}
/* select#pet_category { 
    width: 100%;
    height: 50px;
    background-position: top 0.8em right 1.5em;
	} */
input.petname_val {
    width: 100% !important;
    height: 50px;
}
textarea.petname_vals {
    width: 100% !important;
    height: 52px !important;
}
select.pet_cat_status {
    width: 100%;
    height: 50px;
    background-position: top 0.8em right 1.5em;
}
.pet_vaccines td {
    border: 2px solid #efefef;
	padding: 0.5em !important;
}
.pet_information button:hover {
	background: none !important;
}
.pet_information button {
	border: none !important;
	color: #333 !important;
	background: none !important;
}
/* .pet_colors tr { */
    /* width: 25%; */
    /* display: inline-block !important; */
/* } */
.pet_colors td {
    border: 1px solid #efefef;
	padding: 0.5em !important;
	/* width: 300px !important; */
    font-size: medium;
	text-transform: capitalize;
}
.pet_cat_status input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
	border-radius: 0px !important;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select .petname_val{
	border-radius: 0px !important;
}
.pet_information .parent_new {
	margin-bottom: -5px;
    margin-top: -5px;
}
.pet_information .parent_news {
    margin-bottom: -5px;
    margin-top: -5px;
}
.pet_information .parent_newz {
    margin-bottom: -5px;
    margin-top: -5px;
}
.pet_information .parent_newzz {
	margin-bottom: -25px;
    margin-top: -5px;
}

.pet_information .parent_newzzz {
	/* margin-bottom: -25px; */
    margin-top: -5px;
}
.pet_information .parent_newzs {
    margin-bottom: -5px;
    margin-top: -5px;
}
p.add_pets{
	margin-top: -15px;
	margin-bottom: 0px;
}

.dropdown-check-list {
  display: inline-block;
}
.dropdown-check-list .anchor {
  width: 100%;
  position: relative;
  cursor: pointer;
  display: inline-block;
  padding: 5px 50px 5px 10px;
  border: 1px solid #ccc;
}
.dropdown-check-list .anchor:after {
  position: absolute;
  content: "";
  border-left: 2px solid black;
  border-top: 2px solid black;
  padding: 5px;
  right: 10px;
  top: 20%;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.dropdown-check-list .anchor:active:after {
  right: 8px;
  top: 21%;
}
.dropdown-check-list ul.items {
  padding: 2px;
  display: none;
  margin: 0;
  border: 1px solid #ccc;
  border-top: none;
}
.dropdown-check-list ul.items li {
  list-style: none;
  width: 33%;
  display: inline-block;
}
@media (max-width: 767px) {
	.allpet_det tr.cust_det {
		display: inline-grid;
	}
	.allpet_det td.cust_dets {
		width: 350px;
		border: 1px solid #efefef;
	}
	td.customer_lookup {
		font-size: 8px !important;
		line-height: 10px !important;
		letter-spacing: .1px !important;
	}
	th.cust_head {
		font-size: 8px !important;
		line-height: 12px !important;
		letter-spacing: .1px !important;
	}
	/* .pet_colors tr { */
		/* width: 50% !important; */
		/* display: inline-block !important; */
	/* } */
	.pet_colors td {
		border: 1px solid #efefef;
		padding: 0.5em !important;
		/* width: 250px !important; */
		font-size: 16px;
		text-transform: capitalize;
	}
	#update_post fieldset {
		border: 1px solid #efefef;
		padding: 5px;
		margin: 5px 0;
	}
	#new_post fieldset {
		border: 1px solid #eee;
		padding: 5px !important;
		margin: 5px 0 !important;
	}
	form.pet_edit_form {
		padding: 0% 0%;
	}
	.pet_vaccines td {
		border: 1px solid #efefef;
		padding: 0.5em !important;
		font-size: 16px;
	}
	.petname_date_val{padding: 0.5em 0.2em !important;}
	.pet_information .parent_new{ margin-bottom: 0px; }
	.pet_information .parent_news { margin-bottom: 0px; }
	.pet_information .parent_newz { margin-bottom: 0px; }
	.pet_information .parent_newzs{ margin-bottom: 5px; }
	.pet_cat_status input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
		padding: 0.5em 1.5em;
	}
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select .petname_val{
		padding: 0.5em 1.5em;
	}
	input.petname_val { height: 40px; }
	textarea.petname_vals { height: 40px !important; }
	select.pet_cat_status { height: 40px; background-position: top 0.5em right 1.5em; }
}
@media (max-width: 992px) {
	/* .pet_colors tr { */
		/* width: 33.33%; */
		/* display: inline-block !important; */
	/* } */
	.pet_colors td {
		border: 1px solid #efefef;
		padding: 0.5em !important;
		/* width: 300px !important; */
		font-size: medium;
		text-transform: capitalize;
	}
	.petname_date_val{padding: 0.5em 0.2em !important;}
	.pet_information .parent_new{ margin-bottom: 0px; }
	.pet_information .parent_news { margin-bottom: 0px; }
	.pet_information .parent_newz { margin-bottom: 0px; }
	.pet_information .parent_newzs{ margin-bottom: 5px; }
	.pet_cat_status input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
		padding: 0.5em 1.5em;
	}
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select .petname_val{
		padding: 0.5em 1.5em;
	}
	.dropdown-check-list ul.items li {
		list-style: none;
		width: 50%;
		display: inline-block;
	}
	.petname_valss{
		width: 100% !important;
	}
	.pet_information .parent_user {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.current_update_user{
		margin: 0 20% !important;
	}
}

.pet_information .parent_user {
    margin-top: -18px;
    margin-bottom: -18px;
}
.petname_valss{
	width: 80%;
}
.current_update_user{
	margin: 0 40%;
}

#post-3882 .entry-content .woocommerce {
    max-width: 90%;
}
#post-3882 .entry-content .woocommerce .woocommerce-MyAccount-navigation {
    margin-bottom: 0.5rem;
}
#post-3882 .entry-content {
    margin: -6em 0 0;
}
#post-3882 .entry-content .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .button {
    border: 1px solid #B36B39 !important;
    border-radius: 15px;
    text-transform: capitalize;
    font-size: 1rem;
    line-height: 1;
    padding: 0.2em 0.2em;
	margin-left: 5px;
}

#post-3882 .entry-content .woocommerce .woocommerce-MyAccount-content .shop_table_responsive tr th {
	font-weight: bold;
}
#post-3882 .entry-content .woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses {
	margin-top: 0rem;
}

#post-3882 .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1.col-1.woocommerce-Address {
	width: 50%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2.col-2.woocommerce-Address {
	width: 50%;
	padding-left: 0px !important;
    margin-top: 0px !important;
}

#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_first_name_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_last_name_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_company_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_country_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_address_1_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_address_2_field{
	margin-top: 2.8%;
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_city_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_state_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_postcode_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_phone_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_email_field{
	width: 33.3%;
}

#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_first_name_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_last_name_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_company_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_country_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_address_1_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_address_2_field{
	margin-top: 2.8%;
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_city_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_state_field{
	width: 33.3%;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_postcode_field{
	width: 33.3%;
}

#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row {
    margin-bottom: 0em;
}

#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row input.input-text{
    margin-top: -2%;
	margin-top: -2%;
    background: #fff;
    border: 2px solid #ddd !important;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row span.select2-container--default{
    margin-top: -2%;
}
#post-3882 .woocommerce-MyAccount-content > form > h3{
    text-align: center;
	margin-top: 1rem;
	margin-bottom: 0rem;
}

@media (max-width: 992px) {
	#post-3882 .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1.col-1.woocommerce-Address {
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2.col-2.woocommerce-Address {
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_first_name_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_last_name_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_company_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_country_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_address_1_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_address_2_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_city_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_state_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_postcode_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_phone_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_email_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_first_name_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_last_name_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_company_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_country_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_address_1_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_address_2_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_city_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_state_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_postcode_field{
		width: 100%;
	}
	#post-3882 .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper p.form-row {
		margin-bottom: 0em;
	}
}


#post-3882 .woocommerce-MyAccount-content > form > *{
	margin-bottom: 0rem;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-EditAccountForm p.woocommerce-form-row input.input-text{
	margin-top: -0.5%;
    background: #fff;
    border: 2px solid #ddd !important;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-EditAccountForm p.form-row-wide{
	width: 33%;
	display: inline-block;
}
#post-3882 .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset{
	padding: 0rem 0.5rem;
    border: 2px solid #ddd !important;
}
#update_post fieldset.pet_information_u {
    border: 0px solid #efefef;
    padding: 0px;
    margin: 0px -5px;
}
#update_post fieldset.pet_information_d {
    border: 0px solid #efefef;
    padding: 0px;
}
#new_post fieldset.pet_information_u {
	border: 0px solid #efefef;
    padding: 0px !important;
    margin: 0px -5px !important;
}
#new_post fieldset.pet_information_d {
    border: 0px solid #efefef;
    padding: 0px !important;
}

/* ==========================================================================
   PREMIUM MODERN LOOK-AND-FEEL REVAMP (LIGHT BLUE/GREEN HARMONY)
   ========================================================================== */

/* --- Global Aesthetics & Typography --- */
body {
    background: radial-gradient(circle at 10% 20%, var(--brand-teal-wash) 0%, #ffffff 90%) !important;
    color: var(--brand-dark-slate) !important;
    font-family: 'Open Sans', 'Lato', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

p, span, li {
    color: var(--brand-muted-slate) !important;
}

h1, h2, h3, h4, h5, h6, .entry-title {
    color: var(--brand-teal-deep) !important;
    font-weight: 700 !important;
    letter-spacing: -0.5px !important;
}

/* --- Section Overlays and Background Translators --- */

/* Convert Purple #504992 Overlays to Deep Teal-Blue Premium Gradients */
.elementor-background-overlay[style*="#504992"],
[style*="background-color: #504992"],
[style*="background-color:#504992"],
[style*="background:#504992"],
[style*="background: #504992"] {
    background: linear-gradient(135deg, rgba(28, 140, 181, 0.85), rgba(38, 154, 142, 0.85)) !important;
    opacity: 0.9 !important;
}

/* Convert Yellow/Gold #BAA16F Overlays to Mint-Teal Premium Gradients */
.elementor-background-overlay[style*="#BAA16F"],
[style*="background-color: #BAA16F"],
[style*="background-color:#BAA16F"],
[style*="background:#BAA16F"],
[style*="background: #BAA16F"] {
    background: linear-gradient(135deg, rgba(38, 154, 142, 0.8), rgba(46, 186, 139, 0.8)) !important;
    opacity: 0.9 !important;
}

/* --- Layout Box Beautification --- */
.elementor-column-gap-default .elementor-column {
    background: #ffffff;
    border-radius: var(--br-lg);
    box-shadow: var(--shadow-soft);
    border: 1px solid var(--brand-border-color);
    transition: var(--ease-smooth) !important;
}

.elementor-column-gap-default .elementor-column:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
}

/* --- Glassmorphism Sticky Navigation Header --- */
.site-header {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.02) !important;
    border-bottom: 1px solid rgba(38, 154, 142, 0.08) !important;
    position: sticky !important;
    top: 0;
    z-index: 9999;
    transition: var(--ease-smooth);
}

.main-navigation .menu li a {
    color: var(--brand-dark-slate) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: var(--ease-smooth) !important;
}

.main-navigation .menu li a:hover, 
.main-navigation .menu li.current-menu-item > a {
    color: var(--brand-teal-medium) !important;
    text-shadow: 0 0 1px rgba(38, 154, 142, 0.3);
}

/* Sub-menus styling */
.main-navigation ul ul {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: var(--br-sm) !important;
    box-shadow: var(--shadow-hover) !important;
    border: 1px solid var(--brand-border-color) !important;
}

.main-navigation ul ul li a {
    color: var(--brand-dark-slate) !important;
    text-transform: capitalize !important;
}

/* Transparent / Outline Buttons */
.elementor-button-link[style*="background-color:#B36B3900"],
.elementor-button-link[style*="background-color:rgba(0,0,0,0)"],
.elementor-button-link[style*="background:none"],
.elementor-button[class*="outline"] {
    background: transparent !important;
    color: var(--brand-teal-deep) !important;
    border: 2px solid var(--brand-teal-medium) !important;
    box-shadow: none !important;
}

.elementor-button-link[style*="background-color:#B36B3900"]:hover {
    background: rgba(38, 154, 142, 0.05) !important;
    color: var(--brand-teal-deep) !important;
}

/* --- Very Good Image Effects --- */
.elementor-widget-image img, 
.swiper-slide-image, 
.wp-block-image img, 
.attachment-large {
    border-radius: var(--br-md) !important;
    box-shadow: var(--shadow-soft) !important;
    transition: var(--ease-smooth) !important;
    backface-visibility: hidden;
}

/* Magnification, soft tilt and hover border highlights */
.elementor-widget-image img:hover, 
.swiper-slide-image:hover, 
.wp-block-image img:hover,
.attachment-large:hover {
    transform: scale(1.03) translateY(-4px) rotate(0.5deg) !important;
    box-shadow: var(--shadow-hover) !important;
    outline: 2px solid rgba(46, 186, 139, 0.4) !important;
    outline-offset: 4px;
}

/* Zoom effect on card containers containing images */
.elementor-column:hover .elementor-widget-image img {
    transform: scale(1.02) !important;
}

/* --- Pricing & Rates Table Beautification --- */
table, .allpet_det {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    width: 100% !important;
    background: transparent !important;
}

table tr, .allpet_det tr {
    background: #ffffff !important;
    box-shadow: var(--shadow-soft) !important;
    border-radius: var(--br-sm) !important;
    transition: var(--ease-smooth) !important;
}

table tr:hover, .allpet_det tr:hover {
    transform: scale(1.01) !important;
    box-shadow: var(--shadow-hover) !important;
}

table th, table td, .allpet_det td {
    padding: 16px 20px !important;
    border: none !important;
    vertical-align: middle !important;
    font-size: 15px !important;
}

table th {
    background: var(--brand-teal-deep) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: var(--br-sm) !important;
}

/* Override inline brown table colors */
table td[style*="#B36B39"], 
table td[style*="background-color: #B36B39"],
table td[style*="background-color:#B36B39"],
td[style*="#B36B39"] {
    background: linear-gradient(135deg, var(--brand-teal-medium), var(--brand-blue-medium)) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: var(--br-sm) !important;
    box-shadow: var(--shadow-soft) !important;
}

/* --- Elegant Blockquotes & Callouts --- */
blockquote, .elementor-widget-text-editor blockquote {
    position: relative !important;
    border-left: 5px solid var(--brand-green-mint) !important;
    background: var(--brand-teal-wash) !important;
    padding: 24px 30px 24px 60px !important; /* Left padding expanded to 60px to fully prevent quote symbol overlap */
    border-radius: 0 var(--br-md) var(--br-md) 0 !important;
    margin: 25px 0 !important;
    box-shadow: var(--shadow-soft) !important;
}

blockquote p {
    font-style: italic !important;
    color: var(--brand-teal-deep) !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Beautiful custom opening quote icon anchored cleanly to the left */
blockquote::before, 
.elementor-widget-text-editor blockquote::before {
    content: "“" !important;
    font-family: 'Georgia', serif !important;
    position: absolute !important;
    left: 20px !important;
    top: 10px !important;
    font-size: 64px !important; /* Elegant large opening quote */
    line-height: 1 !important;
    color: var(--brand-teal-deep) !important;
    opacity: 0.15 !important;
    font-weight: bold !important;
}

/* Eliminate any closing quotes that might overlap the end text */
blockquote::after,
.elementor-widget-text-editor blockquote::after {
    content: "" !important;
    display: none !important;
}

/* --- Compact and Premium Footer Area --- */
.site-footer {
    background: radial-gradient(circle at bottom, var(--brand-teal-deep), var(--brand-dark-slate)) !important;
    color: #ffffff !important;
    padding: 24px 0 20px !important; /* Heavily reduced to remove excessive blank space */
    border-top: 4px solid var(--brand-green-mint) !important;
}

.site-footer-content {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}

.site-footer-branding {
    margin-bottom: 0 !important; /* Remove bottom blank space */
    padding-bottom: 0 !important;
    text-align: left !important;
}

.site-footer-branding img {
    max-height: 55px !important; /* Sleek, high-end scaling */
    width: auto !important;
    margin-bottom: 5px !important;
}

.site-footer-branding p {
    margin: 0 !important; /* Eliminate default paragraph margins */
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.footer-menu-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.footer-menu-container ul.footer-menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    gap: 20px !important;
}

.footer-menu-container ul.footer-menu li {
    margin: 0 !important;
}

.footer-menu-container ul.footer-menu li a {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: var(--ease-smooth) !important;
}

.footer-menu-container ul.footer-menu li a:hover {
    color: var(--brand-teal-light) !important;
    padding-left: 0 !important;
}

/* Responsiveness for Footer */
@media (max-width: 768px) {
    .site-footer-content {
        flex-direction: column !important;
        gap: 15px !important;
        text-align: center !important;
    }
    
    .footer-menu-container ul.footer-menu {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px 18px !important;
    }
}

/* --- Eliminate Redundant Menu Toggles & Dropdown Carets on Desktop --- */
@media (min-width: 993px) {
    /* Hide the mobile burger button completely on desktop screens */
    .menu-toggle, 
    .main-navigation .menu-toggle,
    #masthead button.menu-toggle {
        display: none !important;
    }
    
    /* Hide redundant dropdown toggle buttons next to menu links */
    .main-navigation .dropdown-toggle,
    .main-navigation .menu-item-has-children > .dropdown-toggle,
    .primary-menu-container .dropdown-toggle {
        display: none !important;
    }
    
    /* Remove any redundant CSS down arrow carets/after elements on parent items */
    .main-navigation .menu-item-has-children > a:after,
    .primary-menu-container .menu-item-has-children > a:after {
        display: none !important;
        content: none !important;
    }
    
    /* Ensure the submenus still align perfectly when dropdown toggles are hidden */
    .main-navigation .primary-menu-wrapper .menu li.menu-item-has-children {
        position: relative !important;
    }
}

/* --- Form Fields & Search UI --- */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], 
input[type="search"], input[type="number"], input[type="tel"], input[type="date"], 
textarea, select {
    background: #ffffff !important;
    border: 2px solid var(--brand-teal-light) !important;
    border-radius: var(--br-sm) !important;
    padding: 12px 18px !important;
    color: var(--brand-dark-slate) !important;
    transition: var(--ease-smooth) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

input[type="text"]:focus, input[type="email"]:focus, select:focus, textarea:focus {
    border-color: var(--brand-teal-medium) !important;
    box-shadow: var(--shadow-glow) !important;
    outline: none !important;
}

/* Checkboxes & radios styling */
input[type="checkbox"], input[type="radio"] {
    accent-color: var(--brand-teal-medium) !important;
}