/*---------------------------------------------------------------------------------

 Theme Name:   pettypro
 Theme URI:    
 Description:  pettypro
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

@font-face {
    font-family: 'avenirblack';
    src: url('/wp-content/themes/pettypro/fonts/avenir-black-webfont.woff2') format('woff2'),
         url('/wp-content/themes/pettypro/fonts/avenir-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenirmedium';
    src: url('/wp-content/themes/pettypro/fonts/avenir-medium-webfont.woff2') format('woff2'),
         url('/wp-content/themes/pettypro/fonts/avenir-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenirroman';
    src: url('/wp-content/themes/pettypro/fonts/avenir-roman-webfont.woff2') format('woff2'),
         url('/wp-content/themes/pettypro/fonts/avenir-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body, a, p{
	font-family: 'avenirroman';
	font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5{
	font-family: 'avenirblack';
	font-weight: normal;
    font-style: normal;
}

h1{
	font-size: 50px;
    color: #004987;
}

p{
	font-family: 'avenirmedium';
	font-size: 20px;
	color: #231F20;
	line-height: 28px;
}

/* Header Css */

ul.sub-menu{
	padding: 0px !important;
	border-top: none !important;
	top: 20px;
	opacity: 0.7 !important;
}

ul.sub-menu li{
	padding: 0 !important;
}

ul.sub-menu li a{
	font-size: 16px !important;
	padding: 2px 20px !important;
	color: #231F20 !important;
	width: 230px !important;
	font-family: 'avenirroman' !important;
}

ul.sub-menu li a:hover{
	background: none;
	opacity: 1;
}

ul.sub-menu li.current-menu-item>a{
	color: #62A60A !important;
	font-weight: 600;
}

#top-header{
	background-color: #bcbdc0 !important;
}

#top-menu li a {
    color: #004987;
    font-size: 16px;
	font-family: 'avenirblack';
}

#top-menu li.current-menu-ancestor>a{
	color: #004987;
}

#top-menu li.current-menu-item>a{
	color: #004987;
}

#et-secondary-nav li:first-child a{
	color: #231F20;
    font-size: 15px;
	font-family: 'avenirblack';
}

#et-secondary-nav li:nth-child(2) a{
	background: #62A60A;
    padding: 15px;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    font-size: 15px;
    color: #004987;
	font-family: 'avenirblack';
}

#top-header .container{
	padding: 0px;
}

/* End Css */


/* Home Page Css */
.home-feautres .et_pb_column_1_4 {
    border-right: 2px solid #62A60A;
    padding-right: 30px;
}

.home-feautres .et_pb_column_1_4:last-child{
	border-right: none !important;
}

.home-feautres table td {
    padding: 0px;
    border: none !important;
	font-size: 16px;
    font-weight: 600;
    color: #004987;
	font-family: 'avenirblack';
}

.home-feautres table{
	border: none !important;	
	margin: 0px !important;
}

.home-feautres img{
	max-width: 100px;
}

.home-make-yourself h2{
	color: #231F20;
	line-height: 30px;
}

.home-make-yourself p{
	color: #004987;
    font-size: 20px;
}

.home-benefits h2{
	color: #fff;
    font-size: 35px;
}

.home-services h4{
	font-size: 30px;
    color: #004987;
}

.home-services h2{
	color: #004987;
    font-size: 80px;
}

.home-services .services-card{
	background: #fff;
	box-shadow: 0 14px 25px rgba(0,0,0,.16);
	padding: 10px 0px;
}

.home-services .services-card img{
	max-width: 100px;
}

.home-services .services-card h5{
	color: #004987;
	line-height: 20px;
}

.home-services .services-card a{
	color: #52c6f3;
	font-weight: 600;
}

.home-testimonials h4{
	text-align: center;
}

.home-testimonials h4 span{
	background: #cfe881;
    display: inline-block;
    width: 20%;
    padding: 5px;
    color: #62a60a;
}

.home-testimonials .strong-view.wpmtst-default .wpmtst-testimonial-inner{
	border: 20px solid #cfe881;
    padding: 30px;
    text-align: center;
}

.home-testimonials .strong-view.wpmtst-default .wpmtst-testimonial{
	border: none;
	background: #e6f3be;
}

.home-testimonials .strong-view.wpmtst-default .wpmtst-testimonial-field{
	text-align: center;
	font-size: 20px;
	font-family: 'avenirblack';
	color: #004987;
}

.home-testimonials p{
	color: #004987;
    line-height: 28px;
	display: flex;
    margin: 20px 0px !important;
}

.home-testimonials img.quote-start{
	position: relative;
    bottom: 38px;
    max-height: 65px;
}

.home-testimonials img.quote-end{
	position: relative;
    top: 70px;
    max-height: 65px;
}

.home-testimonials h2{
	color: #004987;
	font-size: 50px;
}

.home-contact-us h2{
	color: #004987;
	font-size: 35px;
}

.home-contact-us .et_pb_button{
	background: #004987 !important;
    border-color: #004987 !important;
    color: #fff !important;
	font-family: 'avenirblack';
}

/* End Css */

/* Pricing Page Css */

.inspection-pricing-section h1{
	font-size: 50px;
	color: #004987;
}

.inspection-pricing-section p{
	font-size: 20px;
	color: #231F20;
}

.inspection-pricing-section .pricing-accordion .et_pb_toggle_close{
	background: #004987;
}

.inspection-pricing-section .pricing-accordion .et_pb_toggle_open{
	padding: 0px;
}

.inspection-pricing-section .pricing-accordion .et_pb_toggle_open .et_pb_toggle_title{
	color: #fff;
	background: #004987;
	padding: 20px;
}

.inspection-pricing-section .pricing-accordion .et_pb_toggle_open .et_pb_toggle_content{
	padding: 20px;
	background: #f5f5f5;
}

.inspection-pricing-section .pricing-accordion .et_pb_toggle_close .et_pb_toggle_title{
	color: #fff;
}

.inspection-pricing-section .pricing-accordion .et_pb_toggle .et_pb_toggle_title:before {
    right: 0;
    left: auto;
    background: #62A60A;
    color: #fff;
    padding: 7px 10px;
    top: 2px;
}

/* End Css */

/* About Page Css */

.members-certifications h2{
	color: #004987;
    font-size: 37px;
    line-height: 45px;
	margin-top: 30px;
}

/* End Css */

/* Contact Page Css */

.contact-page .request-inspection{
	background: #62A60A;
    padding: 10px;
    color: #fff;
    font-size: 16px;
}

.contact-page .request-inspection p{
	color: #fff;
}

.contact-page .et_pb_column:first-child{
	border-right: 2px solid #62A60A;
    padding-right: 50px;
}

.contact-page .et_pb_gallery_items{
	display: flex;
}

.contact-page .member-certifictaions h3{
		padding: 10px;
    color: #fff;
    font-style: italic;
    background: linear-gradient(to left, transparent 0%, #004987 25%);
}

.contact-page .address-section{
	font-size: 16px;
}

.contact-page .contact-form h3{
	font-size: 16px;
    text-align: center;
    color: #231F20;
    font-weight: 600;
	font-family: 'avenirblack';
}

.contact-page .contact-form .field{
	text-align: center;
	margin-bottom: 10px;
}

.contact-page .contact-form .field label{
	color: #231F20;
	font-size: 16px;
	font-weight: 600;
}

.contact-page .contact-form .field .wpcf7-text, .contact-page .contact-form .field .wpcf7-textarea{
    display: inline-block;
    width: 90%;
    border: 1px solid #999;
    background: #e6e7e9;
    padding: 5px;
	text-align: center;
    font-weight: 600;
}
.contact-page .contact-form .field .wpcf7-textarea{
	max-height: 90px;
}

.contact-page .contact-form p{
	text-align: center;
}

.contact-page .contact-form span.required {
    color: #ff0000 !important;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}

.contact-page .contact-form .wpcf7-submit{
	display: inline-block;
    width: 90%;
    text-align: center;
    background: #004987;
    padding: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
}

.contact-page .contact-form .preferred_days{
	display: grid;
	justify-content: center;
	text-align: justify;
}

/* End Css */

/* Service Page */
	
.inspection-services h3{
	color: #004987;
	font-size: 30px;
	margin-bottom: 10px;
}

.inspection-services .services-card{
	background: #fff;
    box-shadow: 0 14px 25px rgba(0, 0, 0, .16);
	padding: 10px 0px;
}

.inspection-services .services-card p{
	padding: 0;
}

.inspection-services .services-card img{
	max-width: 150px;
}

.inspection-services .services-card h5{
	color: #004987;
	font-size: 20px;
	line-height: 25px;
}

.inspection-services .services-card a{
	color: #62A60A;
}

/* End Css */

/* Home Inspection Css */

span.green{
	color: #62A60A;
}

.services-home-benefits h2{
	color: #62A60A;
    font-size: 50px;
    font-family: 'avenirmedium';
    font-weight: 600;
}

.services-home-benefits h3{
	color: #62A60A;
    font-size: 35px;
	margin-bottom: 10px;
}

.services-home-inspection h3{
	font-size: 50px;
    color: #004987;
	margin-bottom: 15px;
}

.services-home-inspection p{
    color: #004987;
}

.services-home-inspection li{
    color: #004987;
	font-size: 20px;
	font-family: 'avenirroman';
}

.services-home-benefits li{
	font-size: 20px;
	font-family: 'avenirroman';
	margin-bottom: 20px;
	line-height: 30px;
	color: #231F20;
}

/* End Css */

/* Service Area Css */
	
.service-area-description .map img{
	padding: 20px;
	background: #fff;
	box-shadow: 0 14px 25px rgba(0,0,0,.16);
}	

/* End Css */

/* Footer Css */
#main-footer{
	background: #e6e7e9;
}

#main-footer h1{
	color: #004987 !important;
    font-size: 38px;
}

.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget{
	margin-bottom: 0;
}

#main-footer .footer-info{
	display: flex;
}

#main-footer .footer-info img{
	max-width: 120px;
}

#main-footer .footer-info .footer-address{
	margin-left: 20px;
    border-left: 1px solid #231F20;
    padding-left: 15px;
}

#main-footer .footer-info .footer-address, #main-footer .footer-info .footer-address a{
	color: #231F20 !important;
	font-size: 18px;
    font-weight: 600;
}

#main-footer p{
	color: #231F20;
	line-height: 22px;
	font-size: 16px;
    font-weight: 600;
}

#main-footer p.blue{
	color: #004987;
	padding: 0;
}

#footer-info{
	text-align: center;
	float: none;
	font-family: 'avenirblack';
}

.footer-widget{
	margin-bottom: 10px !important;
}

/* End Css */

@media only screen and (max-width: 600px) {
	.mobile_menu_bar:before{
		color: #004987;
	}
	
	.home-feautres .et_pb_column_1_4{
		border: none;
		padding: 0px 15px;
	}
	
	.home-make-yourself h2 {
		color: #231F20;
		line-height: 30px;
		font-size: 22px;
	}
	
	
	.home-benefits h2 {
		color: #fff;
		font-size: 22px;
	}
	
	body #page-container .et_pb_section .et_pb_button_0 {
        font-size: 16px;
    }
	
	.home-services h4 {
		font-size: 25px;
		color: #004987;
		line-height: 30px;
	}
	
	.home-services h2 {
		color: #004987;
		font-size: 55px;
	}
	
	.home-testimonials h4 span {
		background: #cfe881;
		display: inline-block;
		width: 60%;
		padding: 5px;
		color: #62a60a;
	}
	
	.home-testimonials h2 {
		color: #004987;
		font-size: 35px;
		line-height: 40px;
	}
	
	.home-testimonials img {
		display: none;
	}
	
	.home-testimonials p{
		margin: 0 !important;
	}
	
	.home-testimonials .strong-view.wpmtst-default .wpmtst-testimonial-inner{
		padding: 20px;
	}
	
	.home-contact-us h2 {
		color: #004987;
		font-size: 22px;
		text-align: center;
	}
	
	.home-contact-us .et_pb_button {
		background: #004987 !important;
		border-color: #004987 !important;
		color: #fff !important;
		font-family: 'avenirblack';
		font-size: 16px !important;
	}
	
	.inspection-services h3 {
		color: #004987;
		font-size: 25px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	
	h1 {
		font-size: 30px;
		color: #004987;
	}
	
	.services-home-benefits h2 {
		color: #62A60A;
		font-size: 34px;
		font-family: 'avenirmedium';
		font-weight: 600;
	}
	
	.services-home-inspection h3 {
		font-size: 35px;
		color: #004987;
		margin-bottom: 15px;
	}
	
	.inspection-pricing-section h1 {
		font-size: 40px;
		color: #004987;
	}
	
	.members-certifications h2 {
		color: #004987;
		font-size: 21px;
		margin-top: 30px;
		line-height: 30px;
	}
	
	.contact-page .et_pb_column:first-child{
		border-right: none;
    	padding-right: 0px;
	}
	
	.contact-page .et_pb_gallery_items {
		display: block;
		text-align: center;
	}
	
	.contact-page .et_pb_gallery_items img{
		max-width: 150px;
	}
		
	#main-footer .footer-info img{
		max-width: 115px;
	}
	
	#main-footer .footer-info .footer-address {
		margin-left: 5px;
		padding-left: 10px;
	}
}