body{font-family:'Open Sans',sans-serif}p{line-height:1.8em;margin-bottom:20px;font-size:13px}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:28px}h2{font-size:24px}h3{font-size:22px}h4{font-size:20px}h5{font-size:16px}h6{font-size:16px}.c-pink,a.c-pink{color:#b92672}.c-black,a.c-black{color:#000}.c-skyblue,a.c-skyblue{color:#66d9ef}.c-violet,a.c-violet{color:#8481ff}.btn-highlight{background:#dc2282;border-color:#b92672;color:#fff}.btn-highlight:hover{background:#b92672;color:#fff}.top-nav{background:#e45b9f;color:#fff;height:26px;line-height:26px;font-size:13px}.navbar{min-height:30px;font-family:Tahoma,sans-serif;margin-bottom:5px}.navbar-inverse{background:#000;color:#fff}.navbar-inverse .navbar-nav>li>a{color:#fff}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{background:#333}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{background:url(../images/nav-hover.png) no-repeat #000 center -30px}.navbar-toggle{background:#000;margin-right:0}.navbar-toggle .icon-bar{border-radius:0;border:1px solid #fff}.head-address{display:inline-block;text-align:left;margin-left:20px;font-size:14px;font-weight:700;position:relative;top:40px}.slider .bx-wrapper{border-bottom:1px solid #e6e6e6;padding-bottom:1px}.home-banner{background:url(../images/pet.png) no-repeat;height:151px;margin-bottom:20px}.home-ad{margin:0 0 20px}.home-ad h2{margin-bottom:20px}.left-ad{border-right:1px solid #e9e9e9;background:url(../images/pet.png) no-repeat}.left-ad,.right-ad{padding-top:30px;min-height:151px;height:auto}.right-ad{background:url(../images/puppy.png) top right no-repeat}.ad-container{width:50%}.content .img-thumbnail{margin:5px 20px 20px 0}ul.menu{list-style:none;margin:0;padding:0}.menu li{display:inline}.menu li a{color:#fff;padding:0 20px;border-right:1px solid #fff}.menu li:last-child a{padding-right:0;border:none}.page-content{padding-top:15px}.page-content h1,.home-content h1{margin-bottom:20px;border-bottom:1px solid #e6e6e6;padding-bottom:10px}.sidebar{border-left:1px solid #f0f0f0}.sidebar h2{margin:0 0 10px;color:#666;font-size:22px;border-bottom:1px solid #f0f0f0;padding-bottom:15px}.sidebar ul{list-style:none;padding:0}.sidebar .sidebar-links a{padding:5px 0;border-bottom:1px solid #f0f0f0;display:block}.footer{border:1px solid #ccc;margin-bottom:20px;padding:20px}.footer h2{font-size:16px;margin-bottom:15px}.footer-nav ul{list-style:none;padding:0;margin:0 0 20px}.footer-nav li a{color:#b92672;display:block}.widget-title{margin-bottom:15px}.widget_newsletterwidget p{font-size:12px}.newsletter-widget p{margin-bottom:10px}.newsletter-widget input[type="email"]{width:100%}.newsletter-submit{margin-bottom:20px}.copyright{margin-bottom:20px;font-size:13px}@media(min-width:310px){.navbar-brand{height:auto;padding:0}.navbar-brand>img{height:80px}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{font-size:14px}.navbar-toggle{margin-top:15px}}@media(max-width:310px){.navbar-brand>img{height:80px}.right-ad{padding-top:20px}}@media(min-width:310px) and (max-width:767px){.navbar{font-size:12px;border:none;border-radius:0;border-bottom:1px solid #ccc;min-height:0}.home-ad h2{margin-bottom:10px}.left-ad{border:none;margin-bottom:10px}.right-ad .text-center{text-align:left}.sidebar{display:none}.footer-nav li a{padding:8px 0}}@media(max-width:420px){.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{background:none}.ad-container{width:100%}.ad-container h2{font-size:20px}.left-ad{padding-top:75px;margin-bottom:5px}.right-ad{padding-top:30px}}@media(min-width:480px){.navbar-brand>img{height:100px}.navbar-toggle{margin-top:50px}}@media(max-width:529px){.head-address{display:none}}@media(min-width:530px) and (max-width:767px){.head-address{top:20px;line-height:14px;float:left}}@media(max-width:768px){.right-ad .ad-container{width:50%}}@media(min-width:768px){.navbar-collapse{padding-left:0;padding-right:0}.navbar-nav>li>a{padding:5px 6px;font-size:12px}.dropdown:hover > .dropdown-menu{display:block}.dropdown .dropdown .dropdown-menu{left:100%;top:0}.branding{min-height:195px}.navbar-header{float:none}.navbar-brand{float:none;padding:0;height:auto}.navbar-brand>img{display:inherit;height:auto}}@media(min-width:992px){.container{width:990px}.navbar-nav>li>a{padding:5px 14px;font-size:13px}.right-ad p{font-size:16px}}@media(min-width:1200px){.container{width:1170px}.top-nav{font-size:13px;letter-spacing:1px}.navbar-nav>li>a{padding:5px 15px;font-size:13px;letter-spacing:1px}}

.breed-section-flex-row {
	display: grid;
	/* grid-template-columns: ; */
	grid-gap: 24px;
	grid-template-columns: 1fr;

}

.breed-section-flex-row .animal-container {
	width: 100%;
	padding: 12px;
	cursor: pointer;
}

@media (min-width: 768px) {
	.breed-section-flex-row {
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 992px) {
	.breed-section-flex-row {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (min-width: 1200px) {
	.breed-section-flex-row {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
} 


.animal-container .animal-image {
	object-fit: cover;
	width: 100%;
	height: 200px;
	min-height: 200px;
	max-height: 200px;
    box-shadow: 3px 3px 3px #e6e6e6;
}

.animal-container h4 {
	margin-top: 12px;
	margin-bottom: 4px;
    font-size: 16px;
}

.animal-container p {
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	font-family: Tahoma, sans-serif;
}

.animal-container .caption {
	padding: 0;
}

.animal-container button {
	width: 100%;
}

.animal-container .btn-default {
	background-color: #7B5269;
	color: #FFF;
	font-size: 15px;
	border-radius: 0;
	letter-spacing: .25px;
}

.breed-section-header h1 {
	margin-bottom: 10px;
	padding-bottom: 0;
	border: none;
}

.breed-section-header h4 {
	margin-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
	color: #4c4c4c;
}

.breed-section-container {
	margin-bottom: 40px;
}


@media (min-width: 768px) {
	#breedPageModal .modal-dialog {
		width: 450px;
	}
}

#breedPageModal .modal-dialog .form-group, 
#breedPageModal .modal-dialog .form-group span,
#breedPageModal .modal-dialog .form-group textarea,
#breedPageModal .modal-dialog .form-group input {
	display: block;
	width: 100%;
}
#breedPageModal .modal-dialog .form-group textarea,
#breedPageModal .modal-dialog .form-group input {
	border: #E7D3C3;
	padding: 5px;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #DDDDDD;
}


#breedPageModal .modal-dialog .form-group textarea:focus,
#breedPageModal .modal-dialog .form-group input:focus {
	box-shadow: 0 0 5px #5F2626;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #5F2626;
}

#breedPageModal .modal-body {
	background-color: #f1f1f1;
}

#breedPageModal .close {
	font-size: 28px;
}

.breedPageModalHeader {
	display: flex;
}

.breedPageModalHeader .text {
	display: flex;
	flex-wrap: wrap;
	width: 70%;
}


.breedPageModalHeader .text p { 
	margin: 0;
}

.breedPageModalHeader .modal-image {
	max-width:  25%;
	object-fit: cover;
    width: 100%;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
}

.header .text-right span {
    font-weight: 700;
    letter-spacing: .35px;
}

.strong {
    display: bold;
}