/*
Theme Name: Animal Care Hospital of Phoenix
Description: Avada Child Theme
Author: Web Studio West
Template: Avada
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800&display=swap');

a, a:active, a:focus {
   	outline: none;
	text-decoration: none;
	border: none;
}
.post-content a:hover {
    color: #07A7E3;
}
.headerbanner {
	text-align: right;
	font-size: 16px;
    line-height: 26px;
	color: #ff0000;
	text-transform: uppercase;
	font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}
.fusion-header-v4 .fusion-header {
    border-bottom: 0px !important;
}
.fusion-secondary-main-menu {
    border-bottom: 0px !important;
}
.fusion-main-menu .sub-menu {
    border-top: 4px solid #07A7E3;
}
.fusion-page-title-captions {
    margin-top: 150px;
}
home.body .post-content p {
  margin-bottom: 0px !important;
}
.homeannouncement h2 {
	font-family: 'Poppins', sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
	line-height: 34px !important;
    margin: 0px;
}
.homeintro h1, .homedoctors h2 {
	font-family: 'Poppins', sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
	line-height: 34px !important;
    margin: 0px 0px 15px 0px;
}
.homesocial h2, .homeblog h3, .homebiodesc h2 {
	font-family: 'Poppins', sans-serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
	line-height: 35px !important;
    margin: 0px 0px 25px 0px;
}
.homeintro a.button {
    display: block;
    padding: 6px;
    text-align: center;
    width: 230px;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    margin-top: 25px;
    border-radius: 5px;
    background-color: #0074B8;
    box-sizing: border-box;
    text-transform: capitalize;
}
.homeintro a.button:hover {
    background-color: #07A7E3;
    color: #FFF !important;
}
.homeannouncement a {
    display: block;
    padding: 6px;
    text-align: center;
    width: 230px;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    border-radius: 5px;
    background-color: #0074B8;
    box-sizing: border-box;
    text-transform: capitalize;
}
.homeannouncement a:hover {
    background-color: #07A7E3;
    color: #FFF !important;
}
.homedoctors a, .homeblogbtn a {
    display: block;
    padding: 6px;
    text-align: center;
    width: 240px;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    margin-top: 25px;
    border-radius: 5px;
    background-color: #0074B8;
    box-sizing: border-box;
    text-transform: capitalize;
}
.homeblogbtn a {
	margin-left: auto;
	margin-right: auto;
	width: 240px;
}
.homedoctors a:hover, .homeblogbtn a:hover {
    background-color: #07A7E3;
    color: #FFF !important;
}
.reviewrequest a {
    display: block;
    padding: 6px;
    text-align: center;
    width: 240px;
    color: #0074B8;
    font-size: 15px;
    font-weight: 500 !important;
	line-height: 23px;
    margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
    border-radius: 5px;
    background-color: #FFF;
    box-sizing: border-box;
}
.reviewrequest a:hover {
	color: #FFF;
	background-color: #07A7E3;
}
.footercon strong {
    font-size: 16px !important;
    color: #FFFFFF !important;
    margin: 0px !important;
    font-weight: 600 !important;
}
.footercon {
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
}
.footercon ul li {
    margin: 10px 0px 10px 0px;
}
.footercon i {
    margin-right: 5px;
}
.contactinfo i {
	margin-right: 5px;
}
.contactinfo h3 {
	margin-bottom: 5px !important;
}
.testimonial {
    display: flex;
    margin-bottom: 20px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
.testimonial .left {
    width: 25%;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    flex-direction: column;    
    justify-content: center;
}
.testimonial .right {
    width: 75%;
    padding: 30px;
    border: 4px solid #dbdbdb;
    border-radius: 5px;
    position: relative;
    font-size: 16px;
    font-style: italic;
    line-height: 24px;
    background-color: #FFF;
}
.testimonial .right::before {
    height: 0;
    width: 0;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-right: 15px solid #dbdbdb;
    content: "";
    top: 22px;
    position: absolute;
    left: -18px;
}
.testimonial .right::after {
    height: 0;
    width: 0;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    border-right: 12px solid white;
    content: "";
    top: 25px;
    position: absolute;
    left: -12px;
    box-sizing: border-box;
}
.testimonial .left img {
    max-width: 139px;
    margin-top: 5px;
}
.hoursgrid {
	width: 100%;
	margin-top: 10px;
	border-bottom: 1px dotted #FFF;
}
.hoursgrid .day {
    border-top: 1px dotted #FFF;
    padding: 5px 0px 5px 0px;
	display: flex;
	justify-content: space-between;
}
.hoursgrid .time {
	text-align: right; 
}
.contactinfo .hoursgrid {
	border-bottom: 1px dotted #000;
}
.contactinfo .hoursgrid .day {
    border-top: 1px dotted #000;
    padding: 5px 0px 5px 0px;
	display: flex;
	justify-content: space-between;
}
.footeraaha img {
	width: 110px;
	height: 110px;
	float: right;
	margin-top: 60px;
}
.fusion-secondary-header {
    padding: 8px 0px 8px 0px;
    letter-spacing: 0.01em;
    color: #FFF !important;
    font-size: 15px !important;
}
.fusion-secondary-header a, .fusion-secondary-header a {
    color: #FFF !important;
}
.fusion-secondary-header {
    text-align: center;
}
.fusion-secondary-header .email a {
  color: #FFF !important;
  text-decoration: none;
  margin-right: 30px;
}
.fusion-secondary-header a[href^="tel"] {
    color: #FFF !important;
    text-decoration: none;
    margin-right: 30px;
}
.fusion-secondary-header a:hover {
    color: #002135 !important;
}
.fusion-secondary-header a[href^="tel"]:hover {
    color: #FFF !important;
}
.fusion-secondary-header i {
    margin-right: 5px;
}
.fusion-sharing-box h4 {
    font-size: 16px !important;
}
body.home .fusion-post-wrapper {
	min-height: 470px !important;
}
body.home .fusion-single-line-meta {
	color: #666 !important;
}
.subnavs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
}
.subnavs a {
    padding: 25px 0px 25px 0px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #0074B8;
    background-color: #FFF;
	border-radius: 10px;
}
.subnavs a:hover {
	background-color: #EDDF4E;   
	color: #0074B8;
}
.subnavs i {
    margin-right: 5px;
	color: #FFF;
} 
.subnavs a:hover i {
	color: #FFF;
}  
.subnavs .icon-background {
    color: #0074B8;
}
.subnavs a:hover .icon-background {
    color: #0074B8;
	transition-duration: .2s;
} 
.homesubscription h2 {
    color: #FFF !important;
}
.circle-icon {
    background: #FFF;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
    padding: 10px;
}
.eapps-google-maps-marker {
	width: 300px;
}
.staffindex {
	width: 800px !important;
	margin-left: auto;
	margin-right: auto;
}
.post-1799 .post-content strong {
	display: block;
	font-size: 16px;
	font-style: italic;
	font-weight: 500;
	padding-left: 50px;
	padding-right: 50px;
	line-height: 24px;
	box-sizing: border-box;
}
.post-1799 .post-content ul li {
	margin-bottom: 5px;
}
.post-1799 .post-content ul {
	margin-bottom: 30px;
}
.post-1809 .post-content ul {
	list-style: none;
}
.post-1809 .post-content ul li {
	margin-bottom: 10px;
	font-size: 15px;
}
.post-1809 .post-content i, .post-2374 .post-content i {
	margin-right: 5px;
}
.post-2374 .post-content ul.employmentcontact {
	list-style: none;
}
.post-2374 .post-content ul.employmentcontact li {
	margin-bottom: 10px;
}
.post-2374 .post-content ul.employmentlist li {
	margin-bottom: 5px;
	color: #F00;
}
.servicedesc ul li {
	margin-bottom: 10px !important;
}
.sidemenu {
	border-bottom: 1px solid #0074b8;
}
.fusion-menu-element-list > li:not(.fusion-menu-item-button) > a:hover {
	padding-left: 6px !important;
}
.post-content .current-menu-item > a {
	padding-left: 6px !important;	
}
h3.underline {
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	margin-top: 30px;
}
.toxicgrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 50px;
}
.toxicgrid div {
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	text-transform: capitalize;
	padding: 5px 10px 5px 10px;
}
.testimonialsliderbtn:hover {
	transition-property: color, background-color !important;
	transition-duration: .3s !important;
	background-color: #0074b8 !important;
	color: #FFF !important;
}
.empquote {
	display: block;
	box-sizing: border-box;
	padding: 30px;
	border: 4px solid #CCC;
	border-radius: 10px;
	font-size: 15px;
	font-style: italic;
	margin-bottom: 15px;
	background-color: #FFF;
}
.empquote .sig {
	display: block;
	box-sizing: border-box;
	font-weight: 600;
	text-align: right;
}
.empquote .sig::before {
	content: "\2014";
	margin-right: 5px;
}
#sb_instagram {
	width: inherit !important;
	max-width: 1500px !important;
}
.type-post .fusion-meta-info {
	margin-top: 50px;
}
.blogmenucats {
	border-bottom: 1px solid #E2E2E2;
}
.blogmenucats a {
	display: block;
	box-sizing: border-box;
	border-top: 1px solid #E2E2E2;
	padding-top: 9px;
	padding-bottom: 9px;
}
.blogmenucats a::before {
    content: "\f054"; 
    font-family: "Font Awesome 5 Pro" !important;
    padding-right: 6px;
	font-size: 10px;
}
.widget_recent_entries ul {
	border-top: 1px solid #E2E2E2;
	padding-top: 10px !important;
}
.fusion-blog-archive .fusion-blog-layout-grid .fusion-post-content-wrapper {
	padding-top: 15px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	padding-bottom: 15px !important;
}
body.home .fusion-post-content-wrapper {
	padding-top: 25px !important;
	padding-left: 25px !important;
	padding-right: 25px !important;
	padding-bottom: 30px !important;
}
.homebiopics {
	display: grid;
	grid-template-columns: 300px 300px;
	grid-column-gap: 20px;
	grid-row-gap: 0px;
	margin-left: auto;
	margin-right: auto;
}
.homebiopics a {
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 500px;
	color: #000;
	box-sizing: border-box;
}
.homebiopics img {
	max-width: 300px;
	margin-bottom: 10px;
}
.pagedesc ul li {
	margin-bottom: 10px;
}
.footercreds {
	width: 200px;
	display: block;
	box-sizing: border-box;
	margin-right: 0px;
	margin-left: auto;
}
.footersocial {
	display: flex;
  	justify-content: space-between;
	margin-bottom: 50px;
}
.footersocial {
    text-align: right;
}
.footersocial a {
    display: inline;
    font-size: 60px;
}

.footercred img {
	display: block;
	box-sizing: border-box;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}
.ctaphone a[href^="tel"], .ctaphone a[href^="tel"]:hover {
  color: #FFF;
  text-decoration: none;
}
.awb-imageframe-caption-container {
  	text-align: center !important;
	display: flex !important;
    	align-items: flex-end !important; 
    	justify-content: center !important; 
	text-transform: capitalize !important;
}
p.awb-imageframe-caption-text {
	display: none !important;
}
.awb-imageframe-style-schantel img {
  opacity: 0.8 !important; 
}
.awb-imageframe-style-schantel:hover img {
  opacity: 1.0 !important;
}
.gm-style-iw-chr {
	display: none !important;
}



/* ******************** Mobile Layout: 769px and below ******************** */
/* ************************************************************************ */

@media only screen and (max-width: 769px) {

.fusion-body .fusion-header-wrapper .fusion-header {
	background-color: #0074B8 !important;
}
.fusion-mobile-menu-design-classic.fusion-header-v3 .fusion-header {
	padding-top: 0px !important;
}
	.fusion-header .fusion-row {
		padding-top: 10px !important;
		padding-bottom: 0px !important;
	}
.homeintrobg {
    background-image: none !important;
}	
.headerbanner .mobi {
	display: none;
}    
.intropic img {
    width: 100% !important;
} 
.homeintro a.button, .homeannouncement a {
	margin-left: auto;
	margin-right: auto;
}	
.copyrightdiv a {
	display: block;
	text-align: center;
} 
.footeraaha img {
	float: none;
	margin-top: 50px;
}
.testimonial {
    display: block;
    margin-bottom: 20px;
    width: 100%;
}
.testimonial .left {
    width: 100%;
    display: block;
}
.testimonial .right {
    width: 100%;
    padding: 0px 0px 30px 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    margin-bottom: 30px;
    background-color: transparent;
}
.testimonial .right::before {
    height: 0;
    width: 0;
    border: 0px;
    content: "";
    top: 22px;
    position: absolute;
    left: -18px;
}
.testimonial .right::after {
    height: 0;
    width: 0;
    border: 0px;
    content: "";
    top: 25px;
    position: absolute;
    left: -12px;
    box-sizing: border-box;
} 
.testimonial .left img {
    max-width: 100px;
    margin-top: 0px;
} 	
.fusion-secondary-header .email {
	display: none;
}
.fusion-secondary-header .address, .fusion-secondary-header .phone {
	display: block;
}
.fusion-secondary-header a[href^="tel"] {
    margin-right: auto;
}
.fusion-column-wrapper {
  margin-right: 20px !important;
  margin-left: 20px !important;
}	
.homebiopics {
	display: block;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.homebiopics a {
	margin-bottom: 30px;
}
.subnavs a {
    font-size: 16px;
}
.subnavs .fa-stack {
  	display: block !important;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	}
.homeintro h1, .homedoctors h2, .homesocial h2, .homeblog h3, .instagramhdr, .homeannouncement h2 {
    font-size: 25px !important;
	line-height: 30px !important;
}
.reviewrequest {
	font-size: 25px !important;
	line-height: 32px !important;
}
.homebiodesc h2 {
	font-size: 25px !important;
	line-height: 32px !important;
}
.fusion-page-title-captions {
  margin-top: 0px;
}
.fusion-page-title-bar h1 {
  	font-size: 25px !important;
	font-weight: 500 !important;
}
.contactinfo .hoursgrid {
	width: 100%;
}
.footercreds {
	margin-right: auto;
}
.ctaphone {
	font-size: 25px !important;
	line-height: 33px !important;
}
.ctaphone a[href^="tel"] {
	display: block;
}
.sidemenu {
	border-bottom: 0px solid #0074b8;
	border-top: 1px solid #0074b8;
}
.empquote {
	padding: 25px;
}
}