.dogs{
		
	
}
#mainpic{
	display: none;
}

.dogDetail{
	font-family: "Manrope", sans-serif;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 25px;
	
}
.dogSpecs td{
	display: inline-block;
	width: 48%;
	vertical-align: top;
}
.owl-carousel{
	width:50%;
	display:inline-block;
}
.aDogLeft{
	width:340px;
	
}
.aDogRight{
	
	padding-left: 5%;
}

.dogDetail{
	background: #fbf6e1;
	border-radius: 30px;
	padding:25px;
	padding-bottom: 25px;
	min-height: 450px;
	text-align: center;
	padding-top:20px;
}

.aDog{
	position: relative;
	text-align: left;
		display: flex;
	
}
.aDog table{
	width:100%;
	font-family: "Manrope", sans-serif;
}

.aDog h3{
	padding-top:10px;
	margin-bottom: 5px;
	font-family: "Manrope", sans-serif;
	font-size: 40px;
	color:#1e1e1e;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: left;
}
.owl-carousel img{
	width:340px !important;
	height: auto;
	
	border-radius: 20px;
}

.button{
	border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    
    background-color: #51ba4a;
    color: #fff;
    font-family: inherit;
    font-weight: 600;
    line-height: 1em;
    font-size: 18px;
    font-size: 1.125rem;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    padding-top: 12px;
    padding-right: 25px;
    padding-bottom: 12px;
    padding-left: 25px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 20px;
}
.button:hover{
	color: #fff;
    background-color: #f894bd;
  
}


/* Fade-in animation for the image */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.close-overlay {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
    z-index: 1100; /* Higher than the overlay content */
}

.close-overlay i {
    pointer-events: none; /* Ensure clicks go to the button, not the icon */
}

.close-overlay:hover {
    color: #ccc; /* Change color on hover */
}

/* Adjust the overlay content z-index to allow close button clicks */
.image-overlay img {
    z-index: 1000;
}

 .owl-prev, .owl-next {
        width: 20px;
        height: 100px;
        position: absolute;
        top: 180px;
        
        display: block !important;
        border:0px solid black;
	
    }
    .owl-prev { left: -25px; }
    .owl-next { right: -25px; }
.owl-prev i, .owl-next i{
	font-size: 30px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
	color:#f894bd !important;
}

@media only screen and (max-width: 840px){
	.aDogLeft{
		width: 340px;
		margin-left: auto;
		margin-right: auto;
	}
	.aDogRight{
		width: 100%;
		padding-left: 0px;
	}
	.aDog h3{
		text-align: center !important;
	}
	.aDog .button{
		margin-left: auto !important; 
		margin-right: auto !important;
	}
	.aDog{
		flex-wrap: wrap;
	}
}
@media only screen and (max-width: 781px){
	.dogSpecs td{
		width:100%;
		display: block;
	}
	}