/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
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
*/


p + :where(h2, h3, h4, h5, h6) {
    margin-block-start: 1.5rem;
}

.e-con-overflow-x-clip {
	overflow-x: clip;
}

@media only screen and (min-width: 1025px) {
	.e-con-img-extend {
		position: absolute;
		right: 0;
		bottom: 0;
		height: 100%;
	}
}




/* ------------------------------------------------------------------------- *
 *  Header
/* ------------------------------------------------------------------------- */

.menu-item-btn a {
	color: #fff !important;
	background: var(--e-global-color-accent) !important;
	padding: 10px 32px !important;
	border-radius: 25px;
	box-shadow: 2px 2px 10px 0 #00000026;
}

@media only screen and (max-width: 1024px) {
	.menu-item-btn a {
		border-radius: 0;
		padding: 10px 20px !important;
	}	
}




/* ------------------------------------------------------------------------- *
 *  Elementor Accordions
/* ------------------------------------------------------------------------- */

.elementor-widget-n-accordion .e-n-accordion-item {
	border-bottom: 2px solid var(--e-global-color-67cd1a3);
}




/* ------------------------------------------------------------------------- *
 *  Elementor Forms
/* ------------------------------------------------------------------------- */

.elementor-field-type-submit {
    margin-top: 20px;
}




/* ------------------------------------------------------------------------- *
 *  Elementor Taxonomy Filter
/* ------------------------------------------------------------------------- */

.e-filter {
	display: flex;
	flex-wrap: wrap;
}

.e-filter .e-filter-item {
	color: var(--e-global-color-text);
	display: flex;
	align-items: center;
	gap: 14px;
	border: 1px solid var(--e-global-color-67cd1a3);
	border-radius: 5px;
	padding: 8px 14px;
	cursor: pointer;
}

.elementor-widget-taxonomy-filter .e-filter .e-filter-item[aria-pressed=true] {
	color: #fff;
    background: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
}

.elementor-widget-taxonomy-filter .e-filter .e-filter-item:hover:not([aria-pressed=true]) {
	border-color: var(--e-global-color-67cd1a3);
}

.e-filter .e-filter-item[aria-pressed=true] img {
	filter: brightness(0) invert(1) contrast(1000%);
}

.e-filter-item p {
	margin-bottom: 0;
	text-align: left;
}

.e-filter-item .taxonomy-name {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 4px;
}





/* ------------------------------------------------------------------------- *
 *  Elementor Post Info
/* ------------------------------------------------------------------------- */

.elementor-post-info__terms {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.elementor-post-info__terms .elementor-post-info__item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.elementor-post-info__terms .elementor-post-info__item p {
    font-size: var( --e-global-typography-secondary-font-size );
    font-weight: 600;
    margin-bottom: 0;
}

.single-veterinarian .elementor-post-info__item p {
	color: #fff;
}

.single-veterinarian .elementor-post-info__item img {
	filter: brightness(0) invert(1) contrast(1000%);
	width: 30px;
}





/* ------------------------------------------------------------------------- *
 *  Pet Form
/* ------------------------------------------------------------------------- */

.radio-buttons input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.radio-buttons input[type="radio"]:focus-visible + label {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.radio-buttons {
	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
}

.radio-buttons label {
	background: #fff;	
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-width: 150px;
	padding: 15px 15px 20px;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.2s ease;
}

#pet_gender.radio-buttons {
	gap: 10px;
	margin-top: 20px;
}

#pet_gender.radio-buttons label  {
	flex-direction: row;
	align-items: center;
	justify-content: center;
	max-width: 130px;
	padding: 15px;
}

.radio-buttons label span {
	line-height: 1.3em;
	font-weight: 400;
}

.radio-buttons label[for="exotic"] span {
	max-width: 100px;	
}

.radio-buttons input[type="radio"]:checked + label {
	background-color: var(--e-global-color-accent);
	color: #fff;
}    

.radio-buttons input[type="radio"]:checked + label img {
	filter: brightness(0) invert(1) contrast(1000%);
}

#pet-form h3 {
	color: #fff;
	font-size: var(--e-global-typography-16e3e65-font-size);
	font-weight: var(--e-global-typography-16e3e65-font-weight);
	line-height: var(--e-global-typography-16e3e65-line-height);
	margin: 20px 0 10px;	
}

#pet-form button {
	width: 100%;
	border: none;
	background: #008850;
	box-shadow: 2px 2px 10px 0px #00000026;
	margin-left: 10px;
}

#pet-form button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

#pet-form .input-field input:focus-visible {
	outline: 2px solid var(--e-global-color-accent);
	outline-offset: 2px;
}

#pet-form .error-message {
	color: #9E1F2C;
	font-weight:600;
    background: #FFCCD0;
    padding: 5px 8px;
    display: inline-block;
    border-radius: 5px;
    margin-top: 10px;
}

@media only screen and (max-width: 767px) {
	.radio-buttons {
		flex-wrap: wrap;
	}
	
	.radio-buttons label {
		width: auto;
	}
	
	#pet_gender.radio-buttons label {
		max-width: 100%;
		width: calc(50% - 5px);
	}
	
	#pet-form button {
		margin: 10px 0 0;
	}
}



/* ------------------------------------------------------------------------- *
 *  Menu
/* ------------------------------------------------------------------------- */

li.app-menu-element > a.elementor-item {
    color: #00838A !important;
}

.elementor-nav-menu li.app-menu-element:hover > a.elementor-item,
.elementor-nav-menu li.app-menu-element > a.elementor-item:hover,
.elementor-nav-menu li.app-menu-element > a.elementor-item:focus {
    color: #005553 !important;
}


.kc-menu-item-user {
	color: #00838A !important;
	background: #fff !important;
	border:2px solid;
	border-color: #00838A!important;
	padding: 10px 32px !important;
	border-radius: 25px;
	box-shadow: 2px 2px 10px 0 #00000026;
	text-justify:center;
}