/*
Theme Name:     Petslist Child Theme
Template:       petslist
Theme URI:      https://www.radiustheme.com/demo/wordpress/themes/petslist/
Author:         RadiusTheme
Author URI:     http://radiustheme.com
Description:    Petslist is a clean and modern WordPress Theme best suited for Classified Listing.
Version:        1.0.0
Text Domain:    petslist
Tags: 			ad, ads, advertise, business, business directory, classified, classified ads, classified listing, directory, job directory, listing, marketing, marketplace, service directory
License:   	  	Envato split License
License URI:  	https://themeforest.net/licenses/terms/regular
*/



body {
		--brand: #215ea9;
		--dark-background: #213b5b;
		--light-background: #dae9fc;
		--primary: #2AE197;
		--primary-hover: #57e7ad;
		--primary-hover-rgb: 87,231,173;
		--primary-button-text-color: #1D2F46;
		--secondary: #c5dcef;
		
		--button-font-weight: 700;
		--border-color: #dee2e6;
		
		font-size: 19.2px;
		line-height: 1.5;

}

#wpadminbar, body, #page {
		overflow-x: hidden;
}

.page-template-default #primary.content-area {
    padding-top: 0px !important;
    padding-bottom:  0px !important;
}

.active>.page-link, 
.page-link.active,
.page-link.active:hover,
.page-link.active:active,
.page-link.active:focus {
		background: var(--dark-background);
		border-color: var(--dark-background);
		color: white !important;
}
.page-link, 
.page-link:hover,
.page-link:active, 
.page-link:focus {
		color: inherit;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 800 !important;
}

h2 {
	line-height: 130%;
}

hr {
		height: 2px;
		background: #dedede;
		border: 0px; 
}

.site-content .elementor-widget-text-editor a {
		color: var(--primary);
}

.text-center {
	text-align: center;
}

.text-primary {
		color: var(--primary);
}
.text-brand-color {
	color: var(--brand);
}

.icon {
    height: 1em;
    pointer-events: none;
    vertical-align: -.125em;
    width: 1em;
} 

.container {
		margin-left: auto;
		margin-right: auto;
}

.e-container {
    display: flex;
    flex-direction: row;
    gap: 0px 40px;
}
.e-container-inner {
				gap: 0px 40px;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.blue-paws-bg {
	background: url(../png/blue-paws-bg.png) #def1f1;
}

/* DA HEADER FOOTER */


/* header and footer */

#site-header .container-fluid, #site-footer .container-fluid {
    max-width: 1400px;
    padding-left: 20px;
    padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}


/* header */


#account #account-nav .navbar-toggler, #site-header .btn-secondary{
    background-color:#c5dcef;
    border-color:#c5dcef;
    box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);
    color:#212529;
}
#account #account-nav .navbar-toggler:hover,
#account #account-nav .navbar-toggler:active,
#account #account-nav .navbar-toggler:focus,
#site-header .btn-secondary:hover,
#site-header .btn-secondary:active,
#site-header .btn-secondary:focus {
    background-color:#d9e8f5;
    border-color:#d9e8f5;
    color:#212529;
}

/* Expand the dropdown on hover */
#site-header .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* Ensures no gap between the menu and the dropdown */
}
#site-header .dropdown-menu {
  top: 1.3em;
		background: #f6f4f2;
		border: none !important;
}
#site-header .dropdown-menu {
  transition: opacity 0.3s ease;
  opacity: 0;
  visibility: hidden;
		
}
#site-header .dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
}
#site-header .dropdown-item {
		padding: .8em 1.7em !important;
		display: block;
}
#site-header .dropdown-item:hover,
#site-header .dropdown-item:active,
#site-header .dropdown-item:focus {
		background: #1c5dab;
}


#site-header .upper .additional {
		margin-right: .6em;
		padding-right: .3em;
		border-right: 1px solid rgba(0,0,0,.1);
		position: relative;
}
#site-header .upper .additional .active span {
		text-decoration: underline;
}
#site-header .upper .additional .dropdown-item {
    padding: .5em 1.7em !important;
    display: block;
}


#site-header .btn {
	font-size: 95%;
}

#site-header .btn-light:hover,
#site-header .btn-light:active,
#site-header .btn-light:focus {
    background-color: #e5e5e5;
    border-color: #dfdfdf;
    color: #212529;
}

#site-header .navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, .1) !important;
    color: rgba(0, 0, 0, .5);
}

@media (min-width: 1200px) {
    #site-header .text-xl-right {
        text-align: right !important;
    }
}
.ml-auto, .mx-auto {
    margin-left: auto !important;
}

#site-header .btn,.no-shadow{
    box-shadow:none!important
}
#site-header .navbar-toggler{
    padding:.3rem .5rem
}
#site-header .navbar-toggler path{
    fill:#1d2f46
}
#site-header .navbar-nav{
    font-size:115%
}
#site-header .navbar{
    padding:1rem 0
}
#site-header .btn-link,#site-header .nav-link{
    transition:all .2s ease
}
@media screen and (prefers-reduced-motion:reduce){
    #site-header .btn-link,#site-header .nav-link{
        transition:none
    }
}
#site-header .btn-link:active,#site-header .btn-link:focus,#site-header .btn-link:hover,#site-header .nav-link:active,#site-header .nav-link:focus,#site-header .nav-link:hover{
    color:#1d2f46;
    opacity:.8
}
#site-header .upper{
    background:#f6f4f2;
    font-size:90%;
    padding:.8em
}
#site-header .upper a{
    text-decoration:none
}
#site-header .upper .message{
    margin:0
}
#site-header .upper .nav-right a{
    color:inherit;
    padding:0 .5em
}
#site-header .upper .nav-right a .icon{
    opacity:.8;
    transition:opacity .3s ease
}
@media screen and (prefers-reduced-motion:reduce){
    #site-header .upper .nav-right a .icon{
        transition:none
    }
}
#site-header .upper .nav-right a:active .icon,#site-header .upper .nav-right a:focus .icon,#site-header .upper .nav-right a:hover .icon{
    opacity:1
}
#site-header .upper .phone strong{
    transition:color .3s ease
}
@media screen and (prefers-reduced-motion:reduce){
    #site-header .upper .phone strong{
        transition:none
    }
}
#site-header .upper .phone:active strong,#site-header .upper .phone:focus strong,#site-header .upper .phone:hover strong{
    color:#1b5baf
}
#site-header .upper .cart{
    position:relative
}
#site-header .upper .cart .icon{
    opacity:.8
}
#site-header .upper .cart .count{
    background:#6b6b6b;
    border-radius:4px;
    color:#fff;
    display:inline-block;
    font-size:12px;
    margin-left:.2em;
    padding:.1em .4em;
    position:relative;
    text-align:center;
    top:12px;
    top:-.1em;
    transition:background .3s ease;
    z-index:1
}
@media screen and (prefers-reduced-motion:reduce){
    #site-header .upper .cart .count{
        transition:none
    }
}
#site-header .upper .cart:active .count,#site-header .upper .cart:focus .count,#site-header .upper .cart:hover .count{
    background:#1b5baf
}
#site-header .btn{
    font-weight:400
}
#site-header.container-fluid{
    padding-left:5px;
    padding-right:5px
}
#site-header .nav-item{
    font-size:90%
}
@media (min-width:992px){
    #site-header .nav-item{
        font-size:100%;
        padding:0 .4em
    }
}
#site-header .navbar-brand{
    max-width:220px;
    width:100%
}
#site-header .navbar-brand img{
    width:100%
}
@media (min-width:992px){
    #site-header .navbar-brand{
        max-width:290px
    }
}
#site-header .social .icon{
    height:1.5em;
    width:1.5em
}


/* footer */

#site-footer ul.list-unstyled {
    list-style: none;
    padding-left: 0px;
				margin-left: 0px;
}

#site-footer h5 {
	font-size: 1.5rem;
}

#site-footer{
    background:#f6f4f2;
    position:relative;
    z-index:4
}
#site-footer ul {
		margin-top: 0;
}
#site-footer ul li{
    margin-top:.5em
}
#site-footer ul li a{
    color:#1d2f46;
    opacity:.8
}
#site-footer ul li a:active,#site-footer ul li a:focus,#site-footer ul li a:hover{
    color:#1d2f46;
    opacity:1
}
#site-footer .icon-list .icon{
    opacity:.5
}
#site-footer .social .icon{
    height:1.5em;
    width:1.5em
}
#site-footer .navbar-brand{
    margin:0
}
#site-footer .security-trust-payment-badges{
    margin-bottom:1em
}
#site-footer .security-trust-payment-badges h5{
    font-size:1.2rem;
    margin-bottom:1em
}
#site-footer .security-trust-payment-badges .badge{
    display:inline-block;
    height:70px;
    margin-bottom:.5em;
    margin-left:.5em;
    margin-right:.5em;
    width:auto
}
#site-footer .security-trust-payment-badges .security .badge{
    height:70px
}
#site-footer .security-trust-payment-badges .payment .badge{
    height:50px;
    margin-left:.25em;
    margin-right:.25em
}
#site-footer .security-trust-payment-badges .trustpilot{
    display:inline-block;
    max-width:180px;
    text-align:center
}
#site-footer .security-trust-payment-badges .trustpilot img{
    height:auto;
    width:100%
}

.h5-style {
    font-family: 'Mulish', sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 18px;
    line-height: 1.3;
    color: var(--petslist-heading-color, #070C3E); /* Uses theme variable, falls back to hex if missing */
    display: block;
    margin-bottom: 0.5rem; /* Standard bootstrap heading spacing */
}


/*#site-header .header-height-fixed {
		height: 90px;
}

.main-header a img {
		max-width: 250px;
		height: auto;
}
.main-header .site-branding {
	 margin: 5px 0;
}

.main-header .site-description {
		font-size: 105%;
		text-align: right;
		margin-top: -.4em;
		text-transform: uppercase;
}


.main-header .main-navigation-area .main-navigation ul li a {
	padding: 10px;
}

.main-header .main-navigation-area .main-navigation ul.menu>li.menu-item-has-children:after {
	top: 34%;
	bottom: unset;
}

	.main-header .main-navigation-area .main-navigation>nav>ul>li {
		margin: 0 10px;
	}
	.main-header .main-navigation-area .main-navigation>nav>ul>li.menu-item-has-children {
			margin: 0 40px 0 10px;
	}	

@media (max-width: 1200px) {
.main-header .main-navigation-area .main-navigation>nav>ul>li a {
		font-size: 90%;
}
.main-header .main-navigation-area .main-navigation>nav>ul>li {
		margin: 0 10px;
	}
	.main-header .main-navigation-area .main-navigation>nav>ul>li.menu-item-has-children {
			margin: 0 15px 0 10px;
	}	
}



*/


.adoption-listing-item-contact-form {
		color: #797f89;
  margin-bottom: 30px;
  border-radius: 8px;
  border: none;
  border: 1px solid #E1E9E9;
  background-color: white;
		padding: 20px;
}
.adoption-listing-item-contact-form h4 {
	font-size: 1.3rem;
}
.adoption-listing-item-contact-form .forminator-custom-form {
	margin: 1em 0 0 0 !important; 
}

img {
}

.img-cover-wrapper {
		overflow: hidden;
		position: relative;
}

.cover-image-col {
		min-height: 400px;
}
.cover-image-col .elementor-widget-image {
		position: relative;
		overflow: hidden;
		width: 100%;
}
@media screen and (min-width: 650px) and (max-width: 1025px) {
		.cover-image-col {
				max-width: 600px;
    margin: 0 auto;
		}
}
@media screen and (min-width: 1025px) {
	.cover-image-col .elementor-widget-image {
			height: 100%;
			}
}

.img-cover, .cover-image-col img {
		display: block;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  max-width: none !important;
  -o-object-fit: cover;
  object-fit: cover;
}


.img-contain {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		max-width: none;
		-o-object-fit: contain;
		object-fit: contain
}

.btn {
	font-weight: var(--button-font-weight);
}
.btn-primary {
	--bs-btn-color: var(--primary-button-text-color);
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-color:  var(--primary-button-text-color);
  --bs-btn-hover-bg: var(--primary-hover);
  --bs-btn-hover-border-color: var(--primary-hover);
  --bs-btn-focus-shadow-rgb: var(--primary-hover-rgb);
  --bs-btn-active-color: var(--primary-button-text-color);
  --bs-btn-active-bg: var(--primary-hover);
  --bs-btn-active-border-color: var(--primary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
		border: 1px solid var(--primary) !important;
}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active {
		background: var(--secondary) !important;
		color: inherit;
}

.title-over-image-banner .elementor-image-box-wrapper {
	position: relative;
}
.title-over-image-banner .elementor-image-box-img {
		margin: 0px !important;
}
.title-over-image-banner .elementor-image-box-img::after {
	content: '';
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.45702030812324934) 0%, rgba(0,0,0,0) 83%, rgba(0,0,0,0) 100%);
	transition: height .3s;
	pointer-events: none;
}
.title-over-image-banner .elementor-image-box-img img {
	pointer-events: default;
    user-select: default;
}
.title-over-image-banner .elementor-image-box-title {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	color: white;
	margin: 0px;
}
.title-over-image-banner .elementor-image-box-title a {
	display: block;	
	padding: .4em;
}
.title-over-image-banner .elementor-image-box-title i {
		transition: transform .3s;
}
.title-over-image-banner:hover .elementor-image-box-img::after {
	height: 150px;
}
.title-over-image-banner:hover .elementor-image-box-title i {
		transform: translateX(5px);
}

/* SINGLE GUIDE POST */

.guide-banner {
		background: var(--dark-background); /* var(--light-background); */
		overflow: hidden;
}
.guide-banner .row {
	--bs-gutter-x: 0px;
}
.guide-banner .image {
		overflow: hidden;
		background-position: center center;
}
.guide-banner .content .inner {
		padding: 2em 2em;
}
.guide-banner .content p:last-child {
		margin-bottom: 0px;
}
.guide-banner .content .banner-text {
		font-size: 100%;
}
.guide-banner.no-image .content .inner {
	max-width: 100%;
}
.guide-banner .content .inner h1 {
		color: #2ac989;
}
.guide-banner .image {
		min-height: 300px;
}
@media (min-width: 992px) {
	.guide-banner .content .inner {
		padding: 0 3em;
		max-width: 570px;
	}
	.guide-banner .image {
			min-height: 500px;
	}
	.guide-banner .content .inner h1 {
		font-size: 230%;
	}
}

.guide-body {
		padding: 2em 0 2em 0;
}
.guide-body H2 {
	line-height: 120%;
}

/* BREEDS STATS */

.breed-stats {
		max-width: 700px;
		margin: 0 auto;
		background: #c5dcef;
}
.breed-stats header {
		background: #e8f1f9;
		padding: 1em 1.5em;
}


@media (max-width: 768px) {
	.breed-stats header {
			text-align: center;
	}
}

.breed-stats header .title {

}
.breed-stats header .subtitle {

}
.breed-stats .breed-thumbnail {
		width: 60px;
		height: 60px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		border-radius: 30px;
}

.breed-stats .stats-table {
		color: #1d2f46;
}
.breed-stats .stats-table .row {
		border-bottom: 1px solid #b3cbdf;
		margin: 0px;
		font-size: 90%;
}
.breed-stats .stats-table .row>div {
	padding: .4em 1em;
}
@media (min-width: 768px) {
	.breed-stats .stats-table .row .title {
			text-align: right;
	}
}

.breed-stats .stats-table .stats-symbol svg {
		width: 33px;
		height: 33px;
		margin-right: 5px;
}
.breed-stats .stats-table .stats-symbol.empty {
		opacity: .3;
}



.post-type-archive-guide .breadcrumbs-area,
.archive .breadcrumbs-area,
.category .breadcrumbs-area {
		display: none;
}

.elementor-widget-text-editor p:last-child {
		margin-bottom: 0px;
}


.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container, .e-con>.elementor-widget>.elementor-widget-container {
					padding: 0 1em;
}

 @media (min-width: 768px) {
		.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container, .e-con>.elementor-widget>.elementor-widget-container {
							padding: 0 2em;
		}
}


.post-each .entry-title a {
		word-break: break-word;
}

.breed-link-list img {
			width: 120px;
			height: auto;
}
.breed-link-list a, .locations-link-list  a  {
		transition: all .3s;
		border-radius: 10px;
		background: #f7f7f7;
		font-size: 110%;
		padding: 15px;
		text-align: center;
		display: block;
}
.breed-link-list a span, .locations-link-list  a span {
	display: block;
}
@media screen and (min-width: 760px) {
	.breed-link-list a, .locations-link-list  a {
		display: flex;
		align-items: center;
		text-align: left;
	}
}
.locations-link-list a:hover,
.locations-link-list a:active,
.locations-link-list a:focus,
.breed-link-list a:hover,
.breed-link-list a:active,
.breed-link-list a:focus {
			background: #D0EFEE !important;
}

.locations-link-list a img {
		width: 1.5em;
		height: 1.5em;
		margin-right: .3em;
		vertical-align: -.6em;
}


/* FULL BREED LIST */

.full-breed-pages-list img {
			width: 100px;
			height: 100px;
			max-width: 100px;
}

.full-breed-pages-list .breed .title {
		line-height: 130%;
}
.full-breed-pages-list .dropdown-item {
	white-space: wrap;
}



/* DOG LISTING POSTS */


/* dog listing item */


.dog-listing-list-item  {
	height: 100%;
}
.dog-listing-list-item  .inner {
		border: 1px solid var(--border-color);
		padding: 5px;
		border-radius: 10px;
		background: white;	
		height: 100%;
}
.dog-listing-list-item .dog-listing-thumbnail {
		height: 220px;
		position: relative;
		border-radius: 10px;
		overflow: hidden;
		background: var(--light-background);
}
.dog-listing-list-item .dog-listing-thumbnail .badge {
		z-index: 200;
		position: absolute;
		top: 4px;
		right: 4px;
		font-size: 70%;
}
.dog-listing-list-item .dog-listing-thumbnail img {

}
.dog-listing-list-item .entry-stats {
		font-size: 80%;
}


.dog-listing-list-item .entry-content {
		padding: 1em;
}

/* dog listing detail page */

.dog-listing-single {

}
.dog-listing-single h1 {

}
.dog-listing-single .content-block {
		padding: 1.2em 1.5em;
		border-radius: 10px;
		border: 1px solid var(--border-color);
}
.dog-listing-single .content-block h2 { 
		font-size: 120%;
}

.dog-listing-single #dogGalleryCarousel {
		border-radius: 10px;
		background: var(--light-background);
}

.dog-listing-single #dogGalleryCarousel .carousel-control-prev-icon, 
.dog-listing-single #dogGalleryCarousel .carousel-control-next-icon {
	filter: drop-shadow(1px 1px 2px  rgba(0,0,0,.5) );
}
.dog-listing-single #dogGalleryCarousel .carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.dog-listing-single #dogGalleryCarousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.dog-listing-single #dogGalleryCarousel .carousel-item {
		height: 400px;
		position: relative;
}

.dog-listing-single #dogGalleryCarousel .carousel-control-next-icon, 
.dog-listing-single #dogGalleryCarousel .carousel-control-prev-icon {
		width: 1rem;
		height: 1rem;
}

.dog-listing-single #dogGalleryCarousel .carousel-indicators button {
		border: none !important;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		margin: 0 5px;
}

.dog-listing-shortcode {
		background: var(--light-background);
		padding: 20px;
}

.dog-listing-single .form-footnote {
font-size: 80%;
}
.dog-listing-single .form-footnote a {
text-decoration: underline;
}

/* ARCHIVE */

.dog-listing-archive .archive-nav {
		position: relative;
}

/* post list */

.post-list-item .img-cover-wrapper {
		height: 230px;
		display: block;
}

/* page-banner-search.php */

.page-banner-search {
	max-width: 500px;
}
.page-banner-search h2 {
	font-size: 56px;
}
.page-banner-search .section-title {
	color: black;
}
.page-banner-search .form-card {
	background: white;
	border: 3px solid #1C5DAB;
	border-radius: 20px;
	padding: 30px;
}
.page-banner-search .form-label {
	font-weight: 600;
	color: #1C5DAB;
	margin-bottom: 8px;
}
.page-banner-search .form-control, .page-banner-search .form-select {
	border: 1px solid #d1d5db;
	border-radius: 8px;
	padding: 12px;
}
.page-banner-search .form-control:focus, .page-banner-search .form-select:focus {
	border-color: #1C5DAB;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.page-banner-search .section-title {
	font-weight: 600;
	font-size: 1.1rem;
	margin-bottom: 15px;
	margin-top: 20px;
}
.page-banner-search .form-check {
	margin-bottom: 10px;
}
.page-banner-search .form-check-input {
	width: 20px;
	height: 20px;
	margin-top: 2px;
}
.page-banner-search .form-check-label {
	margin-left: 8px;
	font-size: 0.95rem;
	color: black;
}
.page-banner-search .weight-text {
	color: #6b7280;
	font-size: 0.9rem;
}
.page-banner-search .btn-search {
	background-color: #1C5DAB;
	color: white;
	border: none;
	border-radius: 10px;
	padding: 14px;
	font-weight: 600;
	font-size: 1.05rem;
	width: 100%;
	margin-top: 20px;
}
.page-banner-search .btn-search:hover {
	background-color: #1d4ed8;
	color: white;
}
.page-banner-search .trusted-badge {
	text-align: center;
	margin-top: 20px;
	color: #374151;
	font-size: 0.95rem;
}
.page-banner-search .trusted-badge i {
	margin-right: 5px;
}

.page-banner-search .mr-2-md {
	margin-right: 0px;
}

.page-banner-search .ml-2-md {
	margin-left: 0px;
}

@media (min-width: 768px) {
	.page-banner-search .mr-2-md {
		margin-right: 4px;
	}

	.page-banner-search .ml-2-md {
		margin-left: 4px;
	}
}