/*
===============================
PRIMARY STYLES
===============================
*/
* {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}

p, li, a {
  font-size: 1.2em;
  color: #666666;
}

p a {
  font-size: 1em;
}

ul {
  padding-inline-start: 20px!important;
}

a, a:active, a:focus {
  text-decoration: #F67E1A!important;
}

.font-strong {
  font-weight: 900;
}

.text-success {
  color: #F67E1A!important;
}

.bg-success {
  background-color: #ffffff!important;
}

.btn-success {
  background-color: #F67E1A!important;
  border: 1px solid white;
  color: white;
}

.bg-cta {
  background-color: #00B9C4!important;
}

.btn-cta {
  background-color: white!important;
  border: 3px solid #F67E1A!important;
  color: #F67E1A!important;
}

.dark-overlay {
  background: rgba(0,0,0,0.05);
  width: 100%;
  height: 100%;
}

.img-container {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
  box-shadow: 5px 5px 5px 0 rgba(0,0,0,.3);
}


/*
===============================
NAV
===============================
*/

nav * {
  color: #666666!important;
}

nav img {
  max-width: 250px;
  height: auto;
}

.nav-item {
  font-size: 1em;
  margin-right: 15px;
}

.navbar-toggler {
  border: 1px #666666!important;
}

.navbar-toggler-icon {
  color: #666666!important;
}

.cta {
  padding-left: 25px!important;
}

i.fa-phone {
  transform: rotate(90deg);
  font-size: 2em;
}

.phone a {
  font-size: 1.5em;
}

/* 
================================
FOOTER
================================
*/

footer img {
  max-width: 300px;
  height: auto;
}


/*
================================
CALL-TO-ACTION
================================
*/

.cta-partial p,
.cta-partial a {
  font-size: 25px;
}

.cta-partial .btn-success:hover {
  background-color: white!important;
  border: 1px solid white;
  color: #4a9629;
}


/*
================================
HOME PAGE
================================
*/

.home-banner {
  min-height: 360px;
  height: 80vh;
  background: url('/images/golden-bandana.jpg') center 45% no-repeat;
  background-size: cover;
}

.home-banner p {
  font-size: 1.8rem;
}

.service-img {
  max-width: 120px;
  max-height: 120px;
  height: auto;
  margin-bottom: 1rem;
  border-radius: 50%;
  border: 5px solid black;
  background-color: #ffffff;
}

.service-img img {
  max-width: 100%;
  height: auto;
  padding: 25px;
}

.home-services {
  background: #F6F6F6; 
}

.home-services .btn {
  font-size: 1.2em;
  border: 2px solid #F67E1A;
}

.home-services a:hover {
  background-color: white!important;
  border-color: #F67E1A!important;
  color: #F67E1A;
}

.about-img {
	max-height: 525px;
}

.di {
	font-size: .75em;
}

.terms {
	font-size: 1em;
}

/*
================================
ABOUT PAGE
================================
*/

.about-banner {
  min-height: 250px;
  height: 50vh;
  background: url('/images/golden-puppy.jpg') center center no-repeat;
  background-size: cover;
}


/*
================================
SERVICES PAGE
================================
*/

.services-banner {
  min-height: 250px;
  height: 50vh;
  background: url('/images/pug-blanket.jpg') center 40% no-repeat;
  background-size: cover;
}

.services-page .more li {
  padding-bottom: 1rem;
}


/*
================================
CONTACT PAGE
================================
*/

.contact-banner {
  min-height: 250px;
  height: 50vh;
  background: url('/images/window.jpg') center 20% no-repeat;
  background-size: cover;
}

#contactForm {
  padding: 10px;
  box-shadow: 0 0 3px 3px rgba(150,150,150,.2);
}

#contactForm p {
  padding: 0 15px;
}

#contactForm .btn {
  padding: 12px 36px;
  text-transform: uppercase;
}

.contact-page i {
  padding: 16px;
  background: #4a9629;
  font-size: 2em;
  color: white;
}

.contact-page a {
  color: inherit;
}

.contact-page a:hover {
  color: #4a9629;
}

.contact-box {
  box-shadow: 0 0 3px 3px rgba(150,150,150,.2);
}