body, html {
font-family: PlutoRegular, sans-serif; }
h1, h2, h3, h4, h5, h6 {
font-family: PlutoBold, sans-serif; }
.blog-content ul, .blog-content ol{
list-style: inherit;
margin-left: 20px;
}
.blog-content ul li, .blog-content ol li{
margin-bottom: 10px;
font-size: 14px;
line-height: 1.2;
}
.wide-container, .medium-container, .narrow-container {
margin: 0 auto;
padding: 0 15px; }
.wide-container {
max-width: 1380px; }
.medium-container {
max-width: 1150px; }
.narrow-container {
max-width: 920px; }
.hidden {
display: none; }
.mobile-menu {
background-color: #212B52;
display: none;
height: 100%;
left: 0;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 500; }
.mobile-menu.shown {
display: block; }
@media (min-width: 768px) {
.mobile-menu {
padding-bottom: 5rem; } }
@media (min-width: 992px) {
.mobile-menu {
display: none; } }
.mobile-menu .close-menu {
background-color: #78C7CB;
color: #fff;
display: block;
line-height: 2.5rem;
right: 0;
padding: 0 1rem;
position: absolute;
top: 0; }
.mobile-menu .close-menu:hover, .mobile-menu .close-menu:active {
background-color: #fff;
color: #212B52;
text-decoration: none; }
.mobile-menu .contact-us-container {
border-top: 0.125rem #D2EDEE solid;
font-size: 1.25rem;
line-height: 2.1875rem;
margin: 5rem auto 0;
max-width: 20rem; }
.mobile-menu .contact-us-container .contact-us {
color: #fff;
font-family: PlutoBold, sans-serif; }
.mobile-menu .menu-main-menu-reskin-container {
max-height: 100%;
overflow-y: auto; }
.mobile-menu .menu-main-menu-reskin-container ul {
font-size: 0;
padding: 0; }
.mobile-menu .menu-main-menu-reskin-container ul li {
font-size: 1rem;
list-style-type: none;
margin: 0;
padding: 0; }
.mobile-menu .menu-main-menu-reskin-container ul li a {
color: #fff;
font-family: PlutoBold, sans-serif;
text-decoration: none; }
.mobile-menu .menu-main-menu-reskin-container ul li .sub-menu {
/*display: none;
@media (min-width: 768px) {
display: block;
}*/ }
.mobile-menu .menu-main-menu-reskin-container > ul {
border-top: 0.125rem #D2EDEE solid;
margin: 0 auto 5rem;
max-width: 20rem; }
.mobile-menu .menu-main-menu-reskin-container > ul > li {
border-bottom: 0.125rem #D2EDEE solid;
font-size: 1.25rem;
line-height: 2.1875rem; }
.mobile-menu .menu-main-menu-reskin-container > ul > li.current-menu-item > a {
color: #D2EDEE; }
.mobile-menu .menu-main-menu-reskin-container > ul > li a:hover, .mobile-menu .menu-main-menu-reskin-container > ul > li a:active {
color: #D2EDEE; }
.mobile-menu .menu-main-menu-reskin-container > ul > li > ul > li {
border-top: 0.125rem #e8e8e8 solid;
font-size: 1rem;
line-height: 1.8125rem;
list-style-type: none; }
.mobile-menu .menu-main-menu-reskin-container > ul > li > ul > li.current-menu-item > a {
color: #D2EDEE; }
.mobile-menu .menu-main-menu-reskin-container > ul > li > ul > li.current-menu-item ul li {
background-color: #fff; }
.mobile-menu .menu-main-menu-reskin-container > ul > li > ul > li a {
font-family: PlutoRegular, sans-serif;
font-weight: normal; }
.header {
align-content: stretch;
align-items: start;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between; }
@media (min-width: 992px) {
.header {
justify-content: flex-start; } }
.header .logo {
align-self: auto;
flex: 0 1 auto;
order: 0;
position: relative;
width: 186px; }
.header .logo.white-background img {
background-color: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
padding: 5px 18px 12px 8px; }
.header .logo img {
height: auto;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.header .menu-main-menu-reskin-container {
align-self: center;
flex: 1 1 auto;
order: 0; }
@media (max-width: 991px) {
.header .menu-main-menu-reskin-container {
display: none; } }
.header .menu-main-menu-reskin-container #menu-main-menu-reskin-1 {
align-content: stretch;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
list-style-type: none;
margin: 0;
padding: 0; }
.header .menu-main-menu-reskin-container #menu-main-menu-reskin-1 li {
align-self: center;
flex: 0 0 auto;
font-size: 15px;
line-height: 20px;
order: 0;
position: relative; }
.header .menu-main-menu-reskin-container #menu-main-menu-reskin-1 li:hover .sub-menu {
display: block; }
.header .menu-main-menu-reskin-container #menu-main-menu-reskin-1 li .sub-menu {
border-radius: 5px;
border-top: 18px transparent solid;
display: none;
left: -20px;
overflow: hidden;
position: absolute;
width: 200px;
z-index: 100; }
.header .menu-main-menu-reskin-container #menu-main-menu-reskin-1 li .sub-menu li a {
background-color: #212B52;
color: #fff;
display: block;
padding: 10px 20px; }
.header .menu-main-menu-reskin-container #menu-main-menu-reskin-1 li .sub-menu li a:hover {
background-color: #4689C8; }
.header .mobile-menu-toggle-container {
display: flex;
flex: 1 1 auto;
height: 56px;
justify-content: flex-end; }
@media (min-width: 992px) {
.header .mobile-menu-toggle-container {
display: none; } }
.header .mobile-menu-toggle-container .mobile-menu-toggle {
background-color: #78C7CB;
color: #fff;
display: block;
line-height: 16px;
padding: 20px 10px; }
@media (min-width: 375px) {
.header .mobile-menu-toggle-container .mobile-menu-toggle {
padding: 20px; } }
@media (max-width: 479px) {
.header .mobile-menu-toggle-container .mobile-menu-toggle span {
display: none; } }
.header .mobile-our-branches {
align-self: auto;
background-color: #4689C8;
color: #fff;
display: block;
flex: 0 1 auto;
order: 0;
padding: 20px 6px;
transition: none; }
@media (min-width: 375px) {
.header .mobile-our-branches {
padding: 20px; } }
@media (min-width: 992px) {
.header .mobile-our-branches {
display: none; } }
.header .mobile-our-branches:hover {
background-color: #212B52; }
@media (max-width: 519px) {
.header .mobile-our-branches span {
display: none; } }
.header .contact-us {
align-self: auto;
background-color: #4689C8;
color: #fff;
display: block;
flex: 0 1 auto;
order: 0;
padding: 20px;
transition: none; }
@media (max-width: 991px) {
.header .contact-us {
display: none; } }
@media (min-width: 992px) {
.header .contact-us {
background-image: url(../img/white-phone.png);
background-position: left 20px center;
background-repeat: no-repeat;
background-size: 28px;
padding: 20px 20px 20px 60px; } }
.header .contact-us:hover {
background-color: #212B52; }
.page-template-page-home .top-banner h1 {
max-width: 720px; }
.page-template-page-home .how-can-we-help-today .top-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 75px 0 0; }
.page-template-page-home .how-can-we-help-today .top-section h1 {
color: #212B52;
font-size: 26px;
margin: 0;
text-align: center; }
.page-template-page-home .how-can-we-help-today .top-section .link-boxes {
font-size: 0;
padding: 45px calc(50vw - 430px) 0;
text-align: center; }
@media (min-width: 960px) {
.page-template-page-home .how-can-we-help-today .top-section .link-boxes {
background-image: url(../img/sun-rays-left.png);
background-position: left calc(50vw - 475px) top;
background-repeat: no-repeat;
background-size: 80px auto; } }
@media (min-width: 1140px) {
.page-template-page-home .how-can-we-help-today .top-section .link-boxes {
background-image: url(../img/sun-rays-left.png), url(../img/turquoise-dog-sitting-down.png);
background-position: left calc(50vw - 475px) top, right bottom 106px;
background-repeat: no-repeat, no-repeat;
background-size: 80px auto, 115px auto; } }
@media (min-width: 1360px) {
.page-template-page-home .how-can-we-help-today .top-section .link-boxes {
background-position: left 210px top, right bottom 106px;
padding: 45px 255px 0; } }
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box {
background-color: rgba(120, 199, 203, 0.2);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display: block;
font-size: 20px;
height: 200px;
margin: 0 auto;
max-width: 480px;
position: relative; }
@media (min-width: 480px) {
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box {
height: 300px; } }
@media (min-width: 768px) {
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box {
display: inline-block;
height: 400px;
margin: 0;
width: calc(33% - 20px); } }
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box:nth-of-type(2) {
margin: 30px auto; }
@media (min-width: 768px) {
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box:nth-of-type(2) {
margin: 0 30px; } }
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box:hover .caption {
background-color: rgba(120, 199, 203, 0.9); }
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box:hover .caption .button {
background-color: #fff;
border-color: #78C7CB;
color: #212B52;
text-shadow: none; }
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box .caption {
background-color: rgba(84, 129, 131, 0.5);
bottom: 0;
color: #fff;
font-weight: bold;
height: 106px;
left: 0;
padding: 15px;
position: absolute;
right: 0;
text-align: left; }
@media (min-width: 768px) and (max-width: 991px) {
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box .caption {
height: 126px; } }
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box .caption .text {
margin-bottom: 12px; }
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box .caption .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
display: inline-block;
font-size: 16px;
font-weight: bold;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }
@media (max-width: 767px) {
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box .caption .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-home .how-can-we-help-today .top-section .link-boxes .link-box .caption .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-home .how-can-we-help-today .bottom-section {
background-color: #fff;
margin-top: -106px; }
@media (min-width: 768px) and (max-width: 991px) {
.page-template-page-home .how-can-we-help-today .bottom-section {
margin-top: -126px; } }
.page-template-page-home .how-can-we-help-today .bottom-section .inner {
padding: 200px 40px 60px;
text-align: center; }
@media (min-width: 768px) {
.page-template-page-home .how-can-we-help-today .bottom-section .inner {
background-image: url(../img/poodle.png);
background-position: bottom -1px left 30px;
background-repeat: no-repeat;
background-size: 160px auto;
padding: 200px 100px 120px; } }
@media (min-width: 992px) {
.page-template-page-home .how-can-we-help-today .bottom-section .inner {
padding: 160px 200px 90px; } }
.page-template-page-home .how-can-we-help-today .bottom-section .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-home .how-can-we-help-today .bottom-section .inner h2 {
color: #212B52;
font-size: 20px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-home .how-can-we-help-today .bottom-section .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-home .how-can-we-help-today .bottom-section .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-home .how-can-we-help-today .bottom-section .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-home .how-can-we-help-today .bottom-section .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-home .how-can-we-help-today .bottom-section .inner .video {
margin: 50px 0;
max-width: 100%; }
.page-template-page-home .how-can-we-help-today .bottom-section .inner .video .btn {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
display: inline-block;
font-size: 18px;
font-weight: normal;
margin-top: 22px;
padding: 13px 17px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
text-transform: none;
transition: none; }
.page-template-page-home .how-can-we-help-today .bottom-section .inner .video .btn:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-home .how-can-we-help-today .bottom-section .inner .video .btn {
background-color: #03296A;
border: 1px #03296A solid;
color: #fff; }
.page-template-page-home .how-can-we-help-today .bottom-section .inner .video .btn:hover {
background-color: #fff;
color: #03296A; } }
@media (min-width: 768px) {
.page-template-page-home .how-can-we-help-today .bottom-section .inner .video .btn span {
padding-left: 2rem; } }
.page-template-page-home .how-can-we-help-today .bottom-section .inner .video .btn span svg {
margin-right: 10px; }
@media (max-width: 767px) {
.page-template-page-home .how-can-we-help-today .bottom-section .inner .video .btn span svg {
display: none; } }
.page-template-page-home .thanks-to-dog-lovers {
padding: 100px 0;
text-align: center; }
.page-template-page-home .thanks-to-dog-lovers h1 {
color: #78C7CB;
font-size: 26px;
margin-bottom: 40px; }
@media (min-width: 768px) {
.page-template-page-home .thanks-to-dog-lovers h1 {
padding: 0 60px; } }
.page-template-page-home .thanks-to-dog-lovers p {
background-image: url(../img/left-arrow.png), url(../img/right-arrow.png);
background-position: left top 30px, right top 30px;
background-repeat: no-repeat, no-repeat;
background-size: 15px auto, 15px auto;
padding: 0 60px; }
.page-template-page-home .thanks-to-dog-lovers .reviewer {
color: #78C7CB;
font-weight: bold;
margin: 20px 0 30px; }
.page-template-page-home .thanks-to-dog-lovers .trustpilot {
display: inline;
width: 120px; }
.single-branch .top-banner h1, .page-template-page-head-office .top-banner h1 {
max-width: 640px; }
.single-branch .on-page-menu, .page-template-page-head-office .on-page-menu {
margin: 48px 0 10px; }
.single-branch .on-page-menu ul, .page-template-page-head-office .on-page-menu ul {
font-size: 0;
list-style-type: none;
margin: 0;
padding: 0;
text-align: center; }
.single-branch .on-page-menu ul li, .page-template-page-head-office .on-page-menu ul li {
display: inline-block;
font-size: 14px;
margin: 10px 12px; }
@media (min-width: 480px) {
.single-branch .on-page-menu ul li, .page-template-page-head-office .on-page-menu ul li {
margin: 12px 15px; } }
@media (min-width: 768px) {
.single-branch .on-page-menu ul li, .page-template-page-head-office .on-page-menu ul li {
margin: 15px 18px; } }
.single-branch .on-page-menu ul li a, .page-template-page-head-office .on-page-menu ul li a {
transition: none; }
.single-branch .on-page-menu ul li a:hover, .page-template-page-head-office .on-page-menu ul li a:hover {
color: #4689C8; }
.single-branch .introduction .inner, .page-template-page-head-office .introduction .inner {
margin: 0;
padding: 70px 0 0; }
@media (max-width: 767px) {
.single-branch .introduction .inner .profile-picture, .page-template-page-head-office .introduction .inner .profile-picture {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
float: left;
height: 170px;
margin: 0 25px 20px 0;
width: 120px; } }
@media (min-width: 768px) {
.single-branch .introduction .inner, .page-template-page-head-office .introduction .inner {
background-image: url(../img/petals.png);
background-position: left -67px top 17px;
background-repeat: no-repeat;
background-size: 80px auto;
background-position: left 0 top 17px;
align-content: stretch;
align-items: flex-start;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
display: flex;
padding: 70px 67px 0; }
.single-branch .introduction .inner .profile-picture, .single-branch .introduction .inner .information, .page-template-page-head-office .introduction .inner .profile-picture, .page-template-page-head-office .introduction .inner .information {
align-self: stretch;
order: 0; }
.single-branch .introduction .inner .profile-picture, .page-template-page-head-office .introduction .inner .profile-picture {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
flex: 1 1 30%; }
.single-branch .introduction .inner .information, .page-template-page-head-office .introduction .inner .information {
flex: 1 1 70%;
padding: 20px 0 0 50px; } }
@media (min-width: 993px) {
.single-branch .introduction .inner, .page-template-page-head-office .introduction .inner {
background-position: left 93px top 17px;
padding: 70px 160px 0; } }
.single-branch .introduction .inner .information h1, .page-template-page-head-office .introduction .inner .information h1 {
color: #212B52;
font-size: 22px;
margin: 0;
padding: 0; }
.single-branch .introduction .inner .information h2, .page-template-page-head-office .introduction .inner .information h2 {
color: #212B52;
font-size: 26px;
margin: 0 0 12px;
padding: 0; }
.single-branch .introduction .inner .information p, .page-template-page-head-office .introduction .inner .information p {
color: #212B52;
margin-bottom: 15px; }
.single-branch .introduction .inner .information .telephone, .page-template-page-head-office .introduction .inner .information .telephone {
background-image: url(../img/blue-phone.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 25px auto;
color: #212B52;
display: inline-block;
font-size: 13px;
font-weight: bold;
line-height: 31px;
margin-right: 20px;
padding-left: 35px;
transition: none; }
@media (min-wdith: 375px) {
.single-branch .introduction .inner .information .telephone, .page-template-page-head-office .introduction .inner .information .telephone {
font-size: 14px; } }
@media (min-width: 480px) {
.single-branch .introduction .inner .information .telephone, .page-template-page-head-office .introduction .inner .information .telephone {
font-size: 15px; } }
.single-branch .introduction .inner .information .telephone:hover, .page-template-page-head-office .introduction .inner .information .telephone:hover {
color: #528ECB; }
.single-branch .introduction .inner .information .email, .page-template-page-head-office .introduction .inner .information .email {
background-image: url(../img/email.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 25px auto;
color: #212B52;
display: inline-block;
font-size: 13px;
font-weight: bold;
line-height: 31px;
padding-left: 35px;
transition: none; }
@media (min-wdith: 375px) {
.single-branch .introduction .inner .information .email, .page-template-page-head-office .introduction .inner .information .email {
font-size: 14px; } }
@media (min-width: 480px) {
.single-branch .introduction .inner .information .email, .page-template-page-head-office .introduction .inner .information .email {
font-size: 15px; } }
@media (max-width: 767px) {
.single-branch .introduction .inner .information .email, .page-template-page-head-office .introduction .inner .information .email {
margin-top: 5px; } }
.single-branch .introduction .inner .information .email:hover, .page-template-page-head-office .introduction .inner .information .email:hover {
color: #528ECB; }
.single-branch .introduction .inner .information .licence, .page-template-page-head-office .introduction .inner .information .licence {
margin-top: 15px; }
.single-branch .introduction .inner .information .licence a, .page-template-page-head-office .introduction .inner .information .licence a {
text-decoration: underline; }
.single-branch .introduction .inner .information .licence a:hover, .page-template-page-head-office .introduction .inner .information .licence a:hover {
text-decoration: none; }
.single-branch .introduction .inner .information .prices-and-book, .page-template-page-head-office .introduction .inner .information .prices-and-book {
background-image: url(../img/dot-border.png);
background-position: top left;
background-repeat: repeat-x;
background-size: 6px auto;
clear: both;
margin-top: 20px;
padding-top: 20px; }
.single-branch .introduction .inner .information .prices-and-book h3, .page-template-page-head-office .introduction .inner .information .prices-and-book h3 {
color: #528ECB;
font-size: 18px; }
.single-branch .introduction .inner .information .prices-and-book .book-now.button, .page-template-page-head-office .introduction .inner .information .prices-and-book .book-now.button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
padding: 10px 15px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.single-branch .introduction .inner .information .prices-and-book .book-now.button:hover, .page-template-page-head-office .introduction .inner .information .prices-and-book .book-now.button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52; }
@media (max-width: 767px) {
.single-branch .introduction .inner .information .prices-and-book .book-now.button, .page-template-page-head-office .introduction .inner .information .prices-and-book .book-now.button {
background-color: #03296A;
border: 1px #03296A solid; }
.single-branch .introduction .inner .information .prices-and-book .book-now.button:hover, .page-template-page-head-office .introduction .inner .information .prices-and-book .book-now.button:hover {
background-color: #fff;
color: #03296A; } }
.single-branch .services-offered, .page-template-page-head-office .services-offered {
margin: 100px 0 65px;
padding: 0; }
.single-branch .services-offered h1, .page-template-page-head-office .services-offered h1 {
color: #E51841;
margin: 0 0 30px;
padding: 0;
text-align: center; }
.single-branch .services-offered ul, .page-template-page-head-office .services-offered ul {
margin: 0;
padding: 0;
text-align: center; }
.single-branch .services-offered ul li, .page-template-page-head-office .services-offered ul li {
display: inline-block;
font-size: 20px;
font-weight: bold;
line-height: 28px;
margin: 0 15px 35px;
padding: 0;
text-align: center;
vertical-align: top;
width: 100px; }
@media (min-width: 375px) {
.single-branch .services-offered ul li, .page-template-page-head-office .services-offered ul li {
width: 116px; } }
@media (min-width: 480px) {
.single-branch .services-offered ul li, .page-template-page-head-office .services-offered ul li {
width: 128px; } }
.single-branch .services-offered ul li a, .page-template-page-head-office .services-offered ul li a {
cursor: default;
display: inline-block;
/*&:hover {
span {
color: #4689C8;
}
}*/ }
.single-branch .services-offered ul li a img, .page-template-page-head-office .services-offered ul li a img {
display: inline-block;
height: 92px;
padding-bottom: 10px;
width: 92px; }
@media (min-width: 375px) {
.single-branch .services-offered ul li a img, .page-template-page-head-office .services-offered ul li a img {
height: 108px;
width: 108px; } }
@media (min-width: 480px) {
.single-branch .services-offered ul li a img, .page-template-page-head-office .services-offered ul li a img {
height: 120px;
width: 120px; } }
.single-branch .services-offered ul li a span, .page-template-page-head-office .services-offered ul li a span {
color: #212B52; }
.single-branch .general-info-about-services .top-section, .page-template-page-head-office .general-info-about-services .top-section {
background-color: #D2EDEE;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 200px; }
@media (min-width: 768px) {
.single-branch .general-info-about-services .top-section, .page-template-page-head-office .general-info-about-services .top-section {
background-position: top -150px center;
height: 300px; } }
@media (min-width: 1200px) {
.single-branch .general-info-about-services .top-section, .page-template-page-head-office .general-info-about-services .top-section {
background-position: top -200px center;
height: 400px; } }
.single-branch .general-info-about-services .middle-section, .page-template-page-head-office .general-info-about-services .middle-section {
background-color: #78C7CB; }
@media (min-width: 1200px) {
.single-branch .general-info-about-services .middle-section, .page-template-page-head-office .general-info-about-services .middle-section {
background-image: url(../img/dog-with-tail-on-its-back.png);
background-position: left 80px bottom;
background-repeat: no-repeat;
background-size: 160px; } }
.single-branch .general-info-about-services .middle-section .inner, .page-template-page-head-office .general-info-about-services .middle-section .inner {
margin: 0 auto;
max-width: 720px;
padding: 70px 30px 240px; }
@media (min-width: 768px) {
.single-branch .general-info-about-services .middle-section .inner, .page-template-page-head-office .general-info-about-services .middle-section .inner {
padding-left: 0;
padding-right: 0; } }
.single-branch .general-info-about-services .middle-section .inner h1, .page-template-page-head-office .general-info-about-services .middle-section .inner h1 {
color: #fff;
font-size: 22px;
margin: 0 0 5px;
padding: 0; }
.single-branch .general-info-about-services .middle-section .inner h1:nth-of-type(2), .page-template-page-head-office .general-info-about-services .middle-section .inner h1:nth-of-type(2) {
margin-bottom: 30px; }
.single-branch .general-info-about-services .middle-section .inner h2, .single-branch .general-info-about-services .middle-section .inner h3, .page-template-page-head-office .general-info-about-services .middle-section .inner h2, .page-template-page-head-office .general-info-about-services .middle-section .inner h3 {
color: #fff; }
.single-branch .general-info-about-services .middle-section .inner p img, .single-branch .general-info-about-services .middle-section .inner p .bark-widget, .page-template-page-head-office .general-info-about-services .middle-section .inner p img, .page-template-page-head-office .general-info-about-services .middle-section .inner p .bark-widget {
display: inline-block;
margin-right: 20px; }
.single-branch .general-info-about-services .bottom-section, .page-template-page-head-office .general-info-about-services .bottom-section {
background-image: url(../img/dot-border.png);
background-position: bottom left;
background-repeat: repeat-x;
margin: -180px auto 50px;
max-width: 720px;
overflow: hidden;
padding: 0 30px 60px; }
@media (min-width: 768px) {
.single-branch .general-info-about-services .bottom-section, .page-template-page-head-office .general-info-about-services .bottom-section {
padding-left: 0;
padding-right: 0; } }
.single-branch .general-info-about-services .bottom-section .image-at-top, .page-template-page-head-office .general-info-about-services .bottom-section .image-at-top {
background-color: #D2EDEE;
/*background-image: url(../img/justin-veenema-_c_I5GMZYR0-unsplash.jpg);*/
background-image: url(../img/mybackground.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 400px;
margin-bottom: 40px; }
.single-branch .general-info-about-services .bottom-section p img, .single-branch .general-info-about-services .bottom-section p .bark-widget, .page-template-page-head-office .general-info-about-services .bottom-section p img, .page-template-page-head-office .general-info-about-services .bottom-section p .bark-widget {
display: inline-block;
margin-right: 20px; }
.single-branch .general-info-about-services .bottom-section p .bark-widget, .page-template-page-head-office .general-info-about-services .bottom-section p .bark-widget {
display: inline-block !important;
margin-bottom: 30px; }
.single-branch .prices, .page-template-page-head-office .prices {
padding: 0 0 60px; }
@media (min-width: 768px) {
.single-branch .prices, .page-template-page-head-office .prices {
background-image: url(../img/yellow-paw-prints.png);
background-position: right 15px bottom 60px;
background-repeat: no-repeat;
background-size: 160px; } }
@media (min-width: 992px) {
.single-branch .prices, .page-template-page-head-office .prices {
background-position: right 60px bottom 60px; } }
@media (min-width: 1200px) {
.single-branch .prices, .page-template-page-head-office .prices {
background-position: right 180px bottom 60px; } }
.single-branch .prices h1, .page-template-page-head-office .prices h1 {
color: #212B52;
font-size: 28px;
margin: 0 0 12px;
padding: 0;
text-align: center; }
.single-branch .prices p, .page-template-page-head-office .prices p {
color: #212B52;
text-align: center; }
.single-branch .prices ul, .page-template-page-head-office .prices ul {
margin: 40px 0 0; }
@media (min-width: 768px) {
.single-branch .prices ul, .page-template-page-head-office .prices ul {
padding: 0 180px; } }
@media (min-width: 992px) {
.single-branch .prices ul, .page-template-page-head-office .prices ul {
padding: 0 260px; } }
.single-branch .prices ul li, .page-template-page-head-office .prices ul li {
background-color: #D2EDEE;
color: #212B52;
font-size: 14px;
line-height: 40px;
margin-top: 10px;
overflow: hidden;
padding: 14px 40px 14px 24px; }
.single-branch .prices ul li span.cost, .page-template-page-head-office .prices ul li span.cost {
float: right;
font-size: 32px;
font-weight: bold;
line-height: 40px;
margin-left: 20px; }
.single-branch .prices ul li span.cost .from, .page-template-page-head-office .prices ul li span.cost .from {
font-size: 16px; }
.single-branch .prices ul + p, .page-template-page-head-office .prices ul + p {
margin-top: 25px; }
.single-branch .branch-quote, .page-template-page-head-office .branch-quote {
padding: 0 0 70px;
text-align: center; }
@media (min-width: 768px) {
.single-branch .branch-quote, .page-template-page-head-office .branch-quote {
padding: 0 80px 70px; } }
.single-branch .branch-quote h1, .page-template-page-head-office .branch-quote h1 {
color: #212B52;
font-size: 32px;
margin: 0 0 26px;
padding: 0; }
.single-branch .branch-quote .quote, .page-template-page-head-office .branch-quote .quote {
color: #212B52; }
.single-branch .host-community .top-section, .page-template-page-head-office .host-community .top-section {
background-color: #528ECB;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 50px 0 40px;
text-align: center; }
@media (min-width: 768px) {
.single-branch .host-community .top-section, .page-template-page-head-office .host-community .top-section {
background-image: url(../img/bouncing-ball.png);
background-position: bottom 15px left 25px;
background-repeat: no-repeat;
background-size: 260px auto; } }
.single-branch .host-community .top-section h1, .page-template-page-head-office .host-community .top-section h1 {
color: #fff;
font-size: 40px;
margin: 0;
padding: 0; }
.single-branch .host-community .top-section .book-now.button, .page-template-page-head-office .host-community .top-section .book-now.button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 20px 25px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.single-branch .host-community .top-section .book-now.button:hover, .page-template-page-head-office .host-community .top-section .book-now.button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52; }
@media (max-width: 767px) {
.single-branch .host-community .top-section .book-now.button, .page-template-page-head-office .host-community .top-section .book-now.button {
background-color: #03296A;
border: 1px #03296A solid; }
.single-branch .host-community .top-section .book-now.button:hover, .page-template-page-head-office .host-community .top-section .book-now.button:hover {
background-color: #fff;
color: #03296A; } }
.single-branch .host-community .bottom-section, .page-template-page-head-office .host-community .bottom-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 60px 0 70px; }
.single-branch .host-community .bottom-section.no-host-community h1.become-a-dog-sitting-host, .page-template-page-head-office .host-community .bottom-section.no-host-community h1.become-a-dog-sitting-host {
color: #78C7CB;
padding-top: 0; }
.single-branch .host-community .bottom-section h1, .page-template-page-head-office .host-community .bottom-section h1 {
color: #78C7CB;
font-size: 28px;
margin: 0 0 24px;
text-align: center; }
.single-branch .host-community .bottom-section h1.become-a-dog-sitting-host, .page-template-page-head-office .host-community .bottom-section h1.become-a-dog-sitting-host {
color: #528ECB;
padding-top: 45px;
padding-bottom: 0; }
.single-branch .host-community .bottom-section ul, .page-template-page-head-office .host-community .bottom-section ul {
margin: 0;
padding: 0;
text-align: center; }
.single-branch .host-community .bottom-section ul li, .page-template-page-head-office .host-community .bottom-section ul li {
display: inline-block;
margin: 0 15px 35px;
text-align: center;
width: 120px; }
.single-branch .host-community .bottom-section ul li img, .page-template-page-head-office .host-community .bottom-section ul li img {
border: 2px #528ECB solid;
border-radius: 100%;
display: inline-block;
margin-bottom: 16px;
height: 100px;
width: 100px; }
.single-branch .host-community .bottom-section ul li span, .page-template-page-head-office .host-community .bottom-section ul li span {
color: #212B52;
font-weight: bold; }
.single-branch .host-community .bottom-section p.become-a-dog-sitting-host, .page-template-page-head-office .host-community .bottom-section p.become-a-dog-sitting-host {
font-size: 16px;
margin: 0 auto;
max-width: 730px;
padding: 0 15px;
text-align: center; }
.single-branch .host-community .bottom-section div.become-a-dog-sitting-host, .page-template-page-head-office .host-community .bottom-section div.become-a-dog-sitting-host {
text-align: center; }
.single-branch .host-community .bottom-section .book-now.button, .page-template-page-head-office .host-community .bottom-section .book-now.button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 20px 25px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.single-branch .host-community .bottom-section .book-now.button:hover, .page-template-page-head-office .host-community .bottom-section .book-now.button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52; }
@media (max-width: 767px) {
.single-branch .host-community .bottom-section .book-now.button, .page-template-page-head-office .host-community .bottom-section .book-now.button {
background-color: #03296A;
border: 1px #03296A solid; }
.single-branch .host-community .bottom-section .book-now.button:hover, .page-template-page-head-office .host-community .bottom-section .book-now.button:hover {
background-color: #fff;
color: #03296A; } }
.single-branch .thanks-to-dog-lovers, .page-template-page-head-office .thanks-to-dog-lovers {
padding: 60px 0 70px;
text-align: center; }
.single-branch .thanks-to-dog-lovers h1, .page-template-page-head-office .thanks-to-dog-lovers h1 {
color: #78C7CB;
font-size: 26px;
margin-bottom: 40px; }
@media (min-width: 768px) {
.single-branch .thanks-to-dog-lovers h1, .page-template-page-head-office .thanks-to-dog-lovers h1 {
padding: 0 60px; } }
@media (max-width: 767px) {
.single-branch .thanks-to-dog-lovers h1 br, .page-template-page-head-office .thanks-to-dog-lovers h1 br {
display: none; } }
.single-branch .thanks-to-dog-lovers p, .page-template-page-head-office .thanks-to-dog-lovers p {
background-image: url(../img/left-arrow.png), url(../img/right-arrow.png);
background-position: left top 30px, right top 30px;
background-repeat: no-repeat, no-repeat;
background-size: 15px auto, 15px auto;
padding: 0 60px; }
.single-branch .thanks-to-dog-lovers .reviewer, .page-template-page-head-office .thanks-to-dog-lovers .reviewer {
color: #78C7CB;
font-weight: bold;
margin: 20px 0 30px; }
.single-branch .thanks-to-dog-lovers .trustpilot, .page-template-page-head-office .thanks-to-dog-lovers .trustpilot {
display: inline;
width: 120px; }
@media (min-width: 768px) {
.single-branch .areas-covered, .page-template-page-head-office .areas-covered {
align-content: stretch;
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start; }
.single-branch .areas-covered .text-area, .single-branch .areas-covered .map-area, .page-template-page-head-office .areas-covered .text-area, .page-template-page-head-office .areas-covered .map-area {
align-self: stretch;
flex: 1 1 50%;
order: 0; } }
.single-branch .areas-covered .text-area, .page-template-page-head-office .areas-covered .text-area {
background-color: #78C7CB;
padding: 40px 10px 40px 30px; }
@media (min-width: 768px) {
.single-branch .areas-covered .text-area, .page-template-page-head-office .areas-covered .text-area {
padding: 42px 23px 42px 53px; } }
@media (min-width: 1360px) {
.single-branch .areas-covered .text-area, .page-template-page-head-office .areas-covered .text-area {
padding: 92px 83px 92px 113px; } }
@media (min-width: 1600px) {
.single-branch .areas-covered .text-area, .page-template-page-head-office .areas-covered .text-area {
padding: 112px 98px 112px 128px; } }
.single-branch .areas-covered .text-area h1, .page-template-page-head-office .areas-covered .text-area h1 {
color: #212B52;
font-size: 28px;
margin: 0 0 24px; }
.single-branch .areas-covered .text-area p, .page-template-page-head-office .areas-covered .text-area p {
color: #fff;
font-weight: bold; }
.single-branch .areas-covered .text-area ul, .page-template-page-head-office .areas-covered .text-area ul {
font-size: 0;
margin: 20px 0 30px; }
.single-branch .areas-covered .text-area ul li, .page-template-page-head-office .areas-covered .text-area ul li {
color: #fff;
display: inline-block;
font-size: 16px;
margin-bottom: 10px;
margin-right: 20px;
vertical-align: text-top;
width: calc(50% - 20px); }
@media (min-width: 1360px) {
.single-branch .areas-covered .text-area ul li, .page-template-page-head-office .areas-covered .text-area ul li {
width: calc(33% - 20px); } }
.single-branch .areas-covered .text-area a.show-all-locations, .page-template-page-head-office .areas-covered .text-area a.show-all-locations {
color: #F2CB00;
font-weight: bold;
transition: none; }
.single-branch .areas-covered .text-area a.show-all-locations:hover, .page-template-page-head-office .areas-covered .text-area a.show-all-locations:hover {
color: #212B52; }
@media (max-width: 767px) {
.single-branch .areas-covered .text-area a.show-all-locations, .page-template-page-head-office .areas-covered .text-area a.show-all-locations {
background-color: #03296A;
border: 1px #03296A solid; }
.single-branch .areas-covered .text-area a.show-all-locations:hover, .page-template-page-head-office .areas-covered .text-area a.show-all-locations:hover {
background-color: #fff;
color: #03296A; } }
.single-branch .areas-covered .map-area, .page-template-page-head-office .areas-covered .map-area {
min-height: 300px; }
.single-branch .areas-covered .map-area iframe, .page-template-page-head-office .areas-covered .map-area iframe {
height: 300px;
width: 100%; }
@media (min-width: 768px) {
.single-branch .areas-covered .map-area iframe, .page-template-page-head-office .areas-covered .map-area iframe {
height: 100%; } }
.page-template-page-form-success .thank-you-for-your-enquiry .inner {
background-image: url(../img/turquoise-dog-bowl.png);
background-position: left 25px bottom;
background-repeat: no-repeat;
background-size: 148px auto;
padding: 75px 200px 120px;
padding: 75px calc(50vw - 300px) 120px;
text-align: center; }
@media (min-width: 480px) {
.page-template-page-form-success .thank-you-for-your-enquiry .inner {
background-image: url(../img/turquoise-dog-bowl.png), url(../img/sausage-dog.png);
background-position: left 40px bottom, right 28px bottom;
background-repeat: no-repeat, no-repeat;
background-size: 148px auto, 172px auto; } }
@media (min-width: 768px) {
.page-template-page-form-success .thank-you-for-your-enquiry .inner {
background-position: left 60px bottom, right 48px bottom; } }
@media (min-width: 992px) {
.page-template-page-form-success .thank-you-for-your-enquiry .inner {
background-position: left 130px bottom, right 118px bottom; } }
@media (min-width: 1360px) {
.page-template-page-form-success .thank-you-for-your-enquiry .inner {
padding: 75px 200px 120px; } }
.page-template-page-form-success .thank-you-for-your-enquiry .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-form-success .thank-you-for-your-enquiry .inner h2 {
color: #212B52;
font-size: 20px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-form-success .thank-you-for-your-enquiry .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-form-success .thank-you-for-your-enquiry .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-form-success .thank-you-for-your-enquiry .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-form-success .thank-you-for-your-enquiry .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-form-success .watch-our-video {
/*background-image: url(../img/sun-rays-right.png);
background-position: right 65px top;
background-repeat: no-repeat;
background-size: 80px auto;
padding: 45px 0 0;*/ }
@media (max-width: 480px) {
.page-template-page-form-success .watch-our-video {
margin: 0 -15px; } }
.page-template-page-form-success .watch-our-video .top-section {
background-color: #4689C8;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 50px 0 40px;
text-align: center; }
.page-template-page-form-success .watch-our-video .top-section h1 {
color: #fff;
font-size: 32px;
margin: 0;
padding: 0 20px; }
@media (min-width: 480px) {
.page-template-page-form-success .watch-our-video .top-section h1 {
font-size: 40px; } }
.page-template-page-form-success .watch-our-video .top-section .book-now.button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 20px 25px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-form-success .watch-our-video .top-section .book-now.button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52; }
@media (max-width: 767px) {
.page-template-page-form-success .watch-our-video .top-section .book-now.button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-form-success .watch-our-video .top-section .book-now.button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-form-success .watch-our-video .bottom-section {
background-color: #F1F3F1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 120px; }
@media (min-width: 375px) {
.page-template-page-form-success .watch-our-video .bottom-section {
height: 160px; } }
@media (min-width: 480px) {
.page-template-page-form-success .watch-our-video .bottom-section {
height: 200px; } }
@media (min-width: 768px) {
.page-template-page-form-success .watch-our-video .bottom-section {
height: 320px; } }
@media (min-width: 992px) {
.page-template-page-form-success .watch-our-video .bottom-section {
height: 400px; } }
.page-template-page-form-success .thanks-to-dog-lovers {
padding: 60px 0 50px;
text-align: center; }
.page-template-page-form-success .thanks-to-dog-lovers h1 {
color: #78C7CB;
font-size: 26px;
margin-bottom: 40px; }
@media (min-width: 480px) {
.page-template-page-form-success .thanks-to-dog-lovers h1 {
padding: 0 60px; } }
.page-template-page-form-success .thanks-to-dog-lovers p {
background-image: url(../img/left-arrow.png), url(../img/right-arrow.png);
background-position: left top 30px, right top 30px;
background-repeat: no-repeat, no-repeat;
background-size: 15px auto, 15px auto; }
@media (min-width: 480px) {
.page-template-page-form-success .thanks-to-dog-lovers p {
padding: 0 60px; } }
.page-template-page-form-success .thanks-to-dog-lovers .reviewer {
color: #78C7CB;
font-weight: bold;
margin: 20px 0 30px; }
.page-template-page-form-success .thanks-to-dog-lovers .trustpilot {
display: inline;
width: 120px; }
.page-template-page-parent .top-banner {
background-size: cover; }
.page-template-page-parent .how-can-we-help-today .inner {
background-image: url(../img/turquoise-dog-bowl.png);
background-position: left 40px bottom;
background-repeat: no-repeat;
background-size: 148px auto;
padding: 75px 200px 90px;
text-align: center; }
@media (min-width: 375px) {
.page-template-page-parent .how-can-we-help-today .inner {
background-image: url(../img/turquoise-dog-bowl.png), url(../img/sausage-dog.png);
background-position: left 40px bottom, right 28px bottom;
background-repeat: no-repeat, no-repeat;
background-size: 148px auto, 172px auto; } }
.page-template-page-parent .how-can-we-help-today .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-parent .how-can-we-help-today .inner h2 {
color: #212B52;
font-size: 20px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-parent .how-can-we-help-today .inner ul li {
line-height: 22px;
list-style-position: inside;
list-style-type: disc; }
.page-template-page-parent .how-can-we-help-today .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-parent .how-can-we-help-today .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-parent .how-can-we-help-today .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .how-can-we-help-today .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .watch-our-host-tv-advert {
margin: 0 15px; }
.page-template-page-parent .watch-our-host-tv-advert .top-section {
background-color: #D2EDEE;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 400px; }
.page-template-page-parent .watch-our-host-tv-advert .middle-section {
background-color: #4689C8;
/*background-image: url(../img/dog-with-tail-on-its-back.png);
background-position: left 80px bottom;
background-repeat: no-repeat;
background-size: 160px;*/ }
.page-template-page-parent .watch-our-host-tv-advert .middle-section .inner {
margin: 0 auto;
max-width: 720px;
padding: 50px 20px 70px;
text-align: center; }
.page-template-page-parent .watch-our-host-tv-advert .middle-section .inner h1 {
color: #fff;
font-size: 40px;
margin: 0;
padding: 0; }
.page-template-page-parent .watch-our-host-tv-advert .middle-section .inner .book-now.button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 20px 25px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-parent .watch-our-host-tv-advert .middle-section .inner .book-now.button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52; }
@media (max-width: 767px) {
.page-template-page-parent .watch-our-host-tv-advert .middle-section .inner .book-now.button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .watch-our-host-tv-advert .middle-section .inner .book-now.button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .how-can-we-help-today .top-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 75px 0 0; }
.page-template-page-parent .how-can-we-help-today .top-section h1 {
color: #212B52;
font-size: 26px;
margin: 0;
text-align: center; }
.page-template-page-parent .how-can-we-help-today .top-section .link-boxes {
background-image: url(../img/sun-rays-left.png), url(../img/turquoise-dog-sitting-down.png);
background-position: left 195px top, right bottom 106px;
background-repeat: no-repeat, no-repeat;
background-size: 80px auto, 115px auto;
font-size: 0;
padding: 45px 240px 0;
text-align: center; }
.page-template-page-parent .how-can-we-help-today .top-section .link-boxes .link-box {
background-color: rgba(120, 199, 203, 0.2);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display: inline-block;
font-size: 20px;
height: 400px;
position: relative;
width: calc(33% - 20px); }
.page-template-page-parent .how-can-we-help-today .top-section .link-boxes .link-box:nth-of-type(2) {
margin: 0 30px; }
.page-template-page-parent .how-can-we-help-today .top-section .link-boxes .link-box:hover .caption {
background-color: rgba(120, 199, 203, 0.9); }
.page-template-page-parent .how-can-we-help-today .top-section .link-boxes .link-box:hover .caption .button {
background-color: #fff;
border-color: #78C7CB;
color: #212B52;
text-shadow: none; }
.page-template-page-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption {
background-color: rgba(84, 129, 131, 0.5);
bottom: 0;
color: #fff;
font-weight: bold;
height: 106px;
left: 0;
padding: 15px;
position: absolute;
right: 0;
text-align: left; }
.page-template-page-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption .text {
margin-bottom: 12px; }
.page-template-page-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
display: inline-block;
font-size: 16px;
font-weight: bold;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }
@media (max-width: 767px) {
.page-template-page-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .how-can-we-help-today .bottom-section {
background-color: #fff;
margin-top: -106px; }
.page-template-page-parent .how-can-we-help-today .bottom-section .inner {
background-image: url(../img/poodle.png);
background-position: bottom -1px left 30px;
background-repeat: no-repeat;
background-size: 160px auto;
padding: 160px 200px 90px;
text-align: center; }
.page-template-page-parent .how-can-we-help-today .bottom-section .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-parent .how-can-we-help-today .bottom-section .inner h2 {
color: #212B52;
font-size: 20px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-parent .how-can-we-help-today .bottom-section .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-parent .how-can-we-help-today .bottom-section .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-parent .how-can-we-help-today .bottom-section .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .how-can-we-help-today .bottom-section .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .host-stories-our-hosts-become-a-host {
margin-top: 70px; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section {
background-color: #fff; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section h1 {
color: #212B52;
font-size: 26px;
margin: 0;
text-align: center; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes {
font-size: 0;
padding: 45px 20px 0;
text-align: center; }
@media (min-width: 480px) {
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes {
padding: 45px calc(50vw - 200px) 0; } }
@media (min-width: 768px) {
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes {
padding: 45px calc(50vw - 400px) 0; } }
@media (min-width: 992px) {
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes {
background-image: url(../img/sun-rays-right.png);
background-position: right calc(50vw - 446px) top;
background-repeat: no-repeat;
background-size: 80px auto; } }
@media (min-width: 1360px) {
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes {
background-position: right 195px top;
padding: 45px 240px 0; } }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box {
background-color: rgba(120, 199, 203, 0.2);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display: block;
font-size: 20px;
height: 240px;
margin: 0 0 32px;
overflow: hidden;
position: relative; }
@media (min-width: 768px) {
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box {
display: inline-block;
height: 300px;
margin: 0;
width: calc(33% - 20px); }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box:nth-of-type(2) {
margin: 0 30px; } }
@media (min-width: 992px) {
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box {
height: 400px; } }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box:hover .caption {
height: auto;
padding: 40px 28px;
top: 0; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box:hover .caption p {
display: block; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box:hover .caption .button {
display: inline-block; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box .caption {
background-color: rgba(120, 199, 203, 0.9);
bottom: 0;
color: #fff;
font-weight: bold;
height: 60px;
left: 0;
padding: 20px 28px;
position: absolute;
right: 0;
text-align: left; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box .caption p {
color: #212B52;
display: none;
font-weight: normal;
margin-top: 20px; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box .caption .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
bottom: 40px;
display: none;
font-size: 16px;
font-weight: bold;
padding: 11px;
position: absolute;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }
@media (max-width: 767px) {
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box .caption .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .top-section .link-boxes .link-box .caption .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-top: -90px; }
@media (min-width: 768px) {
.page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section {
margin-top: -60px; } }
.page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section .inner {
padding: 150px 0 100px; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section .inner h1, .page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section .inner p {
padding: 45px calc(50vw - 360px) 0; }
@media (min-width: 1360px) {
.page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section .inner h1, .page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section .inner p {
padding: 0 328px; } }
.page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section .inner p {
padding-bottom: .875rem; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .host-stories-our-hosts-become-a-host .bottom-section .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .about-our-hosts .top-section {
background-color: #D2E0EE;
background-position: top -200px center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 400px; }
.page-template-page-parent .about-our-hosts .middle-section {
background-color: #4689C8;
background-image: url(../img/bouncing-ball.png);
background-position: bottom 15px left 15px;
background-repeat: no-repeat;
background-size: 260px auto; }
.page-template-page-parent .about-our-hosts .middle-section .inner {
margin: 0 auto;
max-width: 720px;
padding: 70px 0 240px; }
.page-template-page-parent .about-our-hosts .middle-section .inner h1 {
color: #fff;
font-size: 22px;
margin: 0 0 5px;
padding: 0; }
.page-template-page-parent .about-our-hosts .middle-section .inner h1:nth-of-type(2) {
margin-bottom: 30px; }
.page-template-page-parent .about-our-hosts .middle-section .inner p {
color: #fff; }
.page-template-page-parent .about-our-hosts .bottom-section {
margin: -180px auto 0;
max-width: 920px;
padding: 0 0 25px; }
.page-template-page-parent .about-our-hosts .bottom-section h1 {
font-size: 22px;
margin: 0 0 5px;
padding: 0; }
.page-template-page-parent .about-our-hosts .bottom-section h2 {
font-size: 20px; }
.page-template-page-parent .about-our-hosts .bottom-section .image-at-top {
background-color: #D2E0EE;
background-image: url(../img/istockphoto-1098033974-1024x1024.jpg);
background-position: left;
background-repeat: no-repeat;
background-size: 112% auto;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 500px;
margin-bottom: 40px; }
.page-template-page-parent .our-sitters-are-dedicated {
margin-top: 50px; }
.page-template-page-parent .our-sitters-are-dedicated .top-section {
background-color: #fff; }
.page-template-page-parent .our-sitters-are-dedicated .top-section h1 {
color: #212B52;
font-size: 26px;
margin: 0;
text-align: center; }
.page-template-page-parent .our-sitters-are-dedicated .top-section .link-boxes {
background-image: url(../img/sun-rays-right.png);
background-position: right 195px top;
background-repeat: no-repeat;
background-size: 80px auto;
font-size: 0;
padding: 45px 240px 0;
text-align: center; }
.page-template-page-parent .our-sitters-are-dedicated .top-section .link-boxes .link-box {
background-color: rgba(120, 199, 203, 0.2);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display: inline-block;
font-size: 20px;
height: 400px;
overflow: hidden;
position: relative;
width: calc(33% - 20px); }
.page-template-page-parent .our-sitters-are-dedicated .top-section .link-boxes .link-box:nth-of-type(2) {
margin: 0 30px; }
.page-template-page-parent .our-sitters-are-dedicated .top-section .link-boxes .link-box:hover .caption {
height: auto;
padding: 40px 28px;
top: 0; }
.page-template-page-parent .our-sitters-are-dedicated .top-section .link-boxes .link-box:hover .caption p {
display: block; }
.page-template-page-parent .our-sitters-are-dedicated .top-section .link-boxes .link-box:hover .caption .button {
display: inline-block; }
.page-template-page-parent .our-sitters-are-dedicated .top-section .link-boxes .link-box .caption {
background-color: rgba(120, 199, 203, 0.9);
bottom: 0;
color: #fff;
font-weight: bold;
height: 60px;
left: 0;
padding: 20px 28px;
position: absolute;
right: 0;
text-align: left; }
.page-template-page-parent .our-sitters-are-dedicated .top-section .link-boxes .link-box .caption p {
color: #212B52;
display: none;
font-weight: normal;
margin-top: 20px; }
.page-template-page-parent .our-sitters-are-dedicated .top-section .link-boxes .link-box .caption .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
bottom: 40px;
display: none;
font-size: 16px;
font-weight: bold;
padding: 11px;
position: absolute;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }
@media (max-width: 767px) {
.page-template-page-parent .our-sitters-are-dedicated .top-section .link-boxes .link-box .caption .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .our-sitters-are-dedicated .top-section .link-boxes .link-box .caption .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner {
padding: 60px 0 100px; }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner h1, .page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner p {
padding: 0 calc(50vw - 300px); }
@media (min-width: 1360px) {
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner h1, .page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner p {
padding: 0 328px; } }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner h1 {
color: #212B52;
font-size: 26px;
margin: 40px 0 20px; }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner p {
padding-bottom: .875rem; }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner .instagram {
background-image: url(../img/turquoise-dog-bowl.png);
background-position: left 20px bottom;
background-repeat: no-repeat;
background-size: 148px auto;
font-size: 0;
margin-top: 40px;
overflow: hidden;
padding: 0 248px 30px;
text-align: center; }
@media (min-width: 375px) {
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner .instagram {
background-image: url(../img/turquoise-dog-bowl.png), url(../img/sausage-dog.png);
background-position: left 20px bottom, right 8px bottom;
background-repeat: no-repeat, no-repeat;
background-size: 148px auto, 172px auto; } }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner .instagram h1 {
background-image: url(../img/instagram.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 40px;
color: #4689C8;
font-size: 22px;
padding-top: 48px; }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner .instagram img {
display: inline-block;
margin: 0 12px;
width: calc(25% - 18px); }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner .instagram img:first-of-type {
margin-left: 0; }
.page-template-page-parent .our-sitters-are-dedicated .bottom-section .inner .instagram img:last-of-type {
margin-right: 0; }
.page-template-page-parent .run-your-own-franchise .top-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 75px 0;
text-align: center; }
.page-template-page-parent .run-your-own-franchise .top-section h1, .page-template-page-parent .run-your-own-franchise .top-section p {
padding: 0 20px; }
@media (min-width: 768px) {
.page-template-page-parent .run-your-own-franchise .top-section h1, .page-template-page-parent .run-your-own-franchise .top-section p {
padding: 0 75px; } }
.page-template-page-parent .run-your-own-franchise .top-section h1 {
color: #212B52;
font-size: 26px;
margin: 0 0 20px;
text-align: center; }
.page-template-page-parent .run-your-own-franchise .top-section p {
margin-bottom: 20px;
text-align: center; }
.page-template-page-parent .run-your-own-franchise .top-section .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-parent .run-your-own-franchise .top-section .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-parent .run-your-own-franchise .top-section .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .run-your-own-franchise .top-section .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .run-your-own-franchise .bottom-section {
background-color: #fff; }
.page-template-page-parent .run-your-own-franchise .bottom-section .inner {
background-image: url(../img/poodle.png);
background-position: bottom -1px left 30px;
background-repeat: no-repeat;
background-size: 160px auto;
padding: 160px 200px 90px;
text-align: center; }
.page-template-page-parent .run-your-own-franchise .bottom-section .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-parent .run-your-own-franchise .bottom-section .inner h2 {
color: #212B52;
font-size: 20px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-parent .run-your-own-franchise .bottom-section .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-parent .run-your-own-franchise .bottom-section .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-parent .run-your-own-franchise .bottom-section .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .run-your-own-franchise .bottom-section .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .franchise-information {
margin: 75px 0 30px;
padding: 0; }
.page-template-page-parent .franchise-information h1 {
color: #E51841;
font-size: 26px;
margin: 0 0 30px;
padding: 0;
text-align: center; }
.page-template-page-parent .franchise-information ul {
margin: 0;
padding: 0;
text-align: center; }
.page-template-page-parent .franchise-information ul li {
display: inline-block;
font-size: 20px;
font-weight: bold;
line-height: 28px;
margin: 0 15px 45px;
padding: 0;
text-align: center;
vertical-align: top;
width: 128px; }
.page-template-page-parent .franchise-information ul li a {
display: inline-block; }
.page-template-page-parent .franchise-information ul li a:hover span {
color: #4689C8; }
.page-template-page-parent .franchise-information ul li a img {
display: inline-block;
height: 120px;
padding-bottom: 10px;
width: 120px; }
.page-template-page-parent .franchise-information ul li a span {
color: #212B52; }
.page-template-page-parent .general-info-about-services .top-section {
background-color: #D2E0EE;
background-position: top -200px center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 400px; }
.page-template-page-parent .general-info-about-services .middle-section {
background-color: #4689C8;
background-image: url(../img/bouncing-ball.png);
background-position: bottom 15px left 15px;
background-repeat: no-repeat;
background-size: 260px auto; }
.page-template-page-parent .general-info-about-services .middle-section .inner {
margin: 0 auto;
max-width: 720px;
padding: 70px 0 240px; }
.page-template-page-parent .general-info-about-services .middle-section .inner h1 {
color: #fff;
font-size: 40px;
margin: 0;
padding: 0; }
.page-template-page-parent .general-info-about-services .middle-section .inner h2 {
color: #fff;
font-size: 22px;
margin: 0 0 5px;
padding: 0; }
.page-template-page-parent .general-info-about-services .middle-section .inner h2:nth-of-type(2) {
margin-bottom: 30px; }
.page-template-page-parent .general-info-about-services .middle-section .inner p {
color: #fff; }
.page-template-page-parent .general-info-about-services .bottom-section {
margin: -180px auto 0;
max-width: 720px;
padding: 0 0 25px; }
.page-template-page-parent .general-info-about-services .bottom-section h1 {
font-size: 22px;
margin: 0 0 5px;
padding: 0; }
.page-template-page-parent .general-info-about-services .bottom-section .image-at-top {
background-color: #D2E0EE;
background-image: url(../img/istockphoto-1098033974-1024x1024.jpg);
background-position: left;
background-repeat: no-repeat;
background-size: 112% auto;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 400px;
margin-bottom: 40px; }
.page-template-page-parent .general-info-about-services .bottom-section ol {
padding-left: 30px; }
.page-template-page-parent .general-info-about-services .bottom-section ol li {
font-size: 14px;
line-height: 20px;
list-style-type: decimal; }
.page-template-page-parent .which-pet-care-services .top-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 75px 0 0; }
.page-template-page-parent .which-pet-care-services .top-section h1, .page-template-page-parent .which-pet-care-services .top-section h2, .page-template-page-parent .which-pet-care-services .top-section p {
padding: 0 calc(50vw - 300px) 0;
text-align: center; }
@media (min-width: 1360px) {
.page-template-page-parent .which-pet-care-services .top-section h1, .page-template-page-parent .which-pet-care-services .top-section h2, .page-template-page-parent .which-pet-care-services .top-section p {
padding: 0 328px; } }
.page-template-page-parent .which-pet-care-services .top-section h1 {
color: #212B52;
font-size: 26px;
margin: 0 0 20px; }
.page-template-page-parent .which-pet-care-services .top-section h2 {
font-size: 22px;
margin: 30px 0 0; }
.page-template-page-parent .which-pet-care-services .top-section .link-boxes {
font-size: 0;
padding: 45px calc(50vw - 640px) 0;
text-align: center; }
@media (min-width: 1360px) {
.page-template-page-parent .which-pet-care-services .top-section .link-boxes {
padding: 45px 100px 0; } }
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box {
background-color: rgba(120, 199, 203, 0.2);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display: block;
font-size: 20px;
height: 200px;
margin: 0 auto 30px;
max-width: 480px;
overflow: hidden;
position: relative; }
@media (min-width: 480px) {
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box {
height: 300px; } }
@media (min-width: 768px) {
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box {
display: inline-block;
margin: 0 15px;
width: calc(25% - 30px); } }
@media (min-width: 992px) {
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box {
height: 400px; }
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box:hover .caption {
height: auto;
padding: 40px 28px;
top: 0; }
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box:hover .caption p {
display: block; }
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box:hover .caption .button {
display: inline-block; } }
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box .caption {
background-color: rgba(120, 199, 203, 0.9);
bottom: 0;
color: #fff;
font-weight: bold;
height: 60px;
left: 0;
padding: 22px 16px;
position: absolute;
right: 0;
text-align: left; }
@media (min-width: 768px) and (max-width: 1359px) {
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box .caption {
height: 80px; } }
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box .caption .text {
font-size: 17px; }
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box .caption p {
color: #212B52;
display: none;
font-weight: normal;
margin-top: 20px; }
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box .caption .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
bottom: 40px;
display: none;
font-size: 16px;
font-weight: bold;
padding: 11px;
position: absolute;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }
@media (max-width: 767px) {
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box .caption .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .which-pet-care-services .top-section .link-boxes .link-box .caption .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .which-pet-care-services .bottom-section {
background-color: #fff;
margin-top: -90px;
padding-bottom: 75px; }
@media (min-width: 768px) {
.page-template-page-parent .which-pet-care-services .bottom-section {
margin-top: -60px; } }
.page-template-page-parent .which-pet-care-services .bottom-section .inner {
padding: 160px 0 0;
text-align: center; }
.page-template-page-parent .which-pet-care-services .bottom-section .inner h1, .page-template-page-parent .which-pet-care-services .bottom-section .inner p {
padding: 0 calc(50vw - 300px) 0;
text-align: center; }
@media (min-width: 1360px) {
.page-template-page-parent .which-pet-care-services .bottom-section .inner h1, .page-template-page-parent .which-pet-care-services .bottom-section .inner p {
padding: 0 328px; } }
.page-template-page-parent .which-pet-care-services .bottom-section .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-parent .which-pet-care-services .bottom-section .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-parent .which-pet-care-services .bottom-section .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-parent .which-pet-care-services .bottom-section .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .which-pet-care-services .bottom-section .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .send-your-doggy-on-holiday {
background-image: url(../img/sun-rays-right.png);
background-position: right 65px top;
background-repeat: no-repeat;
background-size: 80px auto;
padding: 45px 0 0; }
.page-template-page-parent .send-your-doggy-on-holiday .top-section {
background-color: #78C7CB;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 50px 0 40px;
text-align: center; }
.page-template-page-parent .send-your-doggy-on-holiday .top-section h1 {
color: #fff;
font-size: 40px;
margin: 0;
padding: 0; }
.page-template-page-parent .send-your-doggy-on-holiday .top-section .book-now.button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 20px 25px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-parent .send-your-doggy-on-holiday .top-section .book-now.button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52; }
@media (max-width: 767px) {
.page-template-page-parent .send-your-doggy-on-holiday .top-section .book-now.button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-parent .send-your-doggy-on-holiday .top-section .book-now.button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-parent .send-your-doggy-on-holiday .bottom-section {
background-color: #F1F3F1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 400px; }
.page-template-page-parent .thanks-to-dog-lovers {
padding: 60px 0 50px;
text-align: center; }
.page-template-page-parent .thanks-to-dog-lovers h1 {
color: #78C7CB;
font-size: 26px;
margin-bottom: 40px;
padding: 0 60px; }
.page-template-page-parent .thanks-to-dog-lovers p {
background-image: url(../img/left-arrow.png), url(../img/right-arrow.png);
background-position: left top 30px, right top 30px;
background-repeat: no-repeat, no-repeat;
background-size: 15px auto, 15px auto;
padding: 0 60px; }
.page-template-page-parent .thanks-to-dog-lovers .reviewer {
color: #78C7CB;
font-weight: bold;
margin: 20px 0 30px; }
.page-template-page-parent .thanks-to-dog-lovers .trustpilot {
display: inline;
width: 120px; }
.page-template-page-landing .franchise-information {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin: 50px 0 30px;
padding: 60px 0 15px; }
.page-template-page-landing .franchise-information h1 {
color: #E51841;
font-size: 26px;
margin: 0 0 30px;
padding: 0;
text-align: center; }
.page-template-page-landing .franchise-information ul {
margin: 0;
padding: 0;
text-align: center; }
.page-template-page-landing .franchise-information ul li {
display: inline-block;
font-size: 20px;
font-weight: bold;
line-height: 28px;
margin: 0 15px 45px;
padding: 0;
text-align: center;
vertical-align: top;
width: 128px; }
.page-template-page-landing .franchise-information ul li a {
display: inline-block; }
.page-template-page-landing .franchise-information ul li a:hover span {
color: #4689C8; }
.page-template-page-landing .franchise-information ul li a img {
display: inline-block;
height: 120px;
padding-bottom: 10px;
width: 120px; }
.page-template-page-landing .franchise-information ul li a span {
color: #212B52; }
.page-template-page-landing.page-id-20 .how-can-we-help-today p, .page-template-page-stories.page-id-20 .how-can-we-help-today p, .page-template-page-parent.page-id-20 .how-can-we-help-today p, .page-template-default.page-id-20 .how-can-we-help-today p {
display: none; }
.page-template-page-landing.page-id-20 .how-can-we-help-today .wp-video, .page-template-page-stories.page-id-20 .how-can-we-help-today .wp-video, .page-template-page-parent.page-id-20 .how-can-we-help-today .wp-video, .page-template-default.page-id-20 .how-can-we-help-today .wp-video {
margin: 0 auto; }
.page-template-page-landing .how-can-we-help-today-stories .top-section, .page-template-page-stories .how-can-we-help-today-stories .top-section, .page-template-page-parent .how-can-we-help-today-stories .top-section, .page-template-default .how-can-we-help-today-stories .top-section {
background-color: #F1F3F1;
background-image: url(../img/bones-tall.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 75px 0; }
.page-template-page-landing .how-can-we-help-today-stories .top-section h1, .page-template-page-landing .how-can-we-help-today-stories .top-section p, .page-template-page-stories .how-can-we-help-today-stories .top-section h1, .page-template-page-stories .how-can-we-help-today-stories .top-section p, .page-template-page-parent .how-can-we-help-today-stories .top-section h1, .page-template-page-parent .how-can-we-help-today-stories .top-section p, .page-template-default .how-can-we-help-today-stories .top-section h1, .page-template-default .how-can-we-help-today-stories .top-section p {
padding: 0 150px; }
.page-template-page-landing .how-can-we-help-today-stories .top-section h1, .page-template-page-stories .how-can-we-help-today-stories .top-section h1, .page-template-page-parent .how-can-we-help-today-stories .top-section h1, .page-template-default .how-can-we-help-today-stories .top-section h1 {
color: #212B52;
font-size: 26px;
margin: 0 0 20px;
text-align: center; }
.page-template-page-landing .how-can-we-help-today-stories .top-section p, .page-template-page-stories .how-can-we-help-today-stories .top-section p, .page-template-page-parent .how-can-we-help-today-stories .top-section p, .page-template-default .how-can-we-help-today-stories .top-section p {
text-align: center; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories, .page-template-default .how-can-we-help-today-stories .top-section .stories {
margin-top: 25px;
padding: 0 150px; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories.wide, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories.wide, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories.wide, .page-template-default .how-can-we-help-today-stories .top-section .stories.wide {
padding: 0 50px; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story, .page-template-default .how-can-we-help-today-stories .top-section .stories .story {
background-color: #fff;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-top: 50px;
overflow: hidden; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) h2, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) h2, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) h2, .page-template-default .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) h2 {
text-align: right; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text, .page-template-default .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text {
text-align: right; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text > img, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text > img, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text > img, .page-template-default .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text > img {
float: right;
margin-left: 30px;
margin-right: 0; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text p, .page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text h3, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text p, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text h3, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text p, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text h3, .page-template-default .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text p, .page-template-default .how-can-we-help-today-stories .top-section .stories .story:nth-child(odd) .text h3 {
text-align: right; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story h2, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story h2, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story h2, .page-template-default .how-can-we-help-today-stories .top-section .stories .story h2 {
background-color: #78C7CB;
color: #fff;
font-size: 18px;
overflow: hidden;
padding: 15px 30px; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story .text, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story .text, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story .text, .page-template-default .how-can-we-help-today-stories .top-section .stories .story .text {
overflow: hidden;
padding: 30px 30px 10px;
text-align: left; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story .text > img, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story .text > img, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story .text > img, .page-template-default .how-can-we-help-today-stories .top-section .stories .story .text > img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: block;
float: left;
margin: 0 30px 20px 0;
width: 250px; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story .text h3, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story .text h3, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story .text h3, .page-template-default .how-can-we-help-today-stories .top-section .stories .story .text h3 {
color: #4689C8;
margin: 0 0 20px;
padding: 0;
text-align: left; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story .text p, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story .text p, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story .text p, .page-template-default .how-can-we-help-today-stories .top-section .stories .story .text p {
margin-bottom: 20px;
padding: 0;
text-align: left; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story .text .button, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story .text .button, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story .text .button, .page-template-default .how-can-we-help-today-stories .top-section .stories .story .text .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story .text .button:hover, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story .text .button:hover, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story .text .button:hover, .page-template-default .how-can-we-help-today-stories .top-section .stories .story .text .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story .text .button, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story .text .button, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story .text .button, .page-template-default .how-can-we-help-today-stories .top-section .stories .story .text .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-landing .how-can-we-help-today-stories .top-section .stories .story .text .button:hover, .page-template-page-stories .how-can-we-help-today-stories .top-section .stories .story .text .button:hover, .page-template-page-parent .how-can-we-help-today-stories .top-section .stories .story .text .button:hover, .page-template-default .how-can-we-help-today-stories .top-section .stories .story .text .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-landing .how-can-we-help-today-stories .bottom-section, .page-template-page-stories .how-can-we-help-today-stories .bottom-section, .page-template-page-parent .how-can-we-help-today-stories .bottom-section, .page-template-default .how-can-we-help-today-stories .bottom-section {
background-color: #fff;
margin-top: -106px; }
.page-template-page-landing .how-can-we-help-today-stories .bottom-section .inner, .page-template-page-stories .how-can-we-help-today-stories .bottom-section .inner, .page-template-page-parent .how-can-we-help-today-stories .bottom-section .inner, .page-template-default .how-can-we-help-today-stories .bottom-section .inner {
/*background-image: url(../img/poodle.png);
background-position: bottom -1px left 30px;
background-repeat: no-repeat;
background-size: 160px auto;*/
padding: 160px 200px 90px;
text-align: center; }
.page-template-page-landing .how-can-we-help-today-stories .bottom-section .inner h1, .page-template-page-stories .how-can-we-help-today-stories .bottom-section .inner h1, .page-template-page-parent .how-can-we-help-today-stories .bottom-section .inner h1, .page-template-default .how-can-we-help-today-stories .bottom-section .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-landing .how-can-we-help-today-stories .bottom-section .inner h2, .page-template-page-stories .how-can-we-help-today-stories .bottom-section .inner h2, .page-template-page-parent .how-can-we-help-today-stories .bottom-section .inner h2, .page-template-default .how-can-we-help-today-stories .bottom-section .inner h2 {
color: #212B52;
font-size: 20px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-landing .how-can-we-help-today-stories .bottom-section .inner .button, .page-template-page-stories .how-can-we-help-today-stories .bottom-section .inner .button, .page-template-page-parent .how-can-we-help-today-stories .bottom-section .inner .button, .page-template-default .how-can-we-help-today-stories .bottom-section .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-landing .how-can-we-help-today-stories .bottom-section .inner .button:hover, .page-template-page-stories .how-can-we-help-today-stories .bottom-section .inner .button:hover, .page-template-page-parent .how-can-we-help-today-stories .bottom-section .inner .button:hover, .page-template-default .how-can-we-help-today-stories .bottom-section .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-landing .how-can-we-help-today-stories .bottom-section .inner .button, .page-template-page-stories .how-can-we-help-today-stories .bottom-section .inner .button, .page-template-page-parent .how-can-we-help-today-stories .bottom-section .inner .button, .page-template-default .how-can-we-help-today-stories .bottom-section .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-landing .how-can-we-help-today-stories .bottom-section .inner .button:hover, .page-template-page-stories .how-can-we-help-today-stories .bottom-section .inner .button:hover, .page-template-page-parent .how-can-we-help-today-stories .bottom-section .inner .button:hover, .page-template-default .how-can-we-help-today-stories .bottom-section .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-landing .how-can-we-help-today-options .top-section, .page-template-page-stories .how-can-we-help-today-options .top-section, .page-template-page-parent .how-can-we-help-today-options .top-section, .page-template-default .how-can-we-help-today-options .top-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 75px 0; }
.page-template-page-landing .how-can-we-help-today-options .top-section h1, .page-template-page-landing .how-can-we-help-today-options .top-section p, .page-template-page-stories .how-can-we-help-today-options .top-section h1, .page-template-page-stories .how-can-we-help-today-options .top-section p, .page-template-page-parent .how-can-we-help-today-options .top-section h1, .page-template-page-parent .how-can-we-help-today-options .top-section p, .page-template-default .how-can-we-help-today-options .top-section h1, .page-template-default .how-can-we-help-today-options .top-section p {
padding: 0 150px; }
.page-template-page-landing .how-can-we-help-today-options .top-section h1, .page-template-page-stories .how-can-we-help-today-options .top-section h1, .page-template-page-parent .how-can-we-help-today-options .top-section h1, .page-template-default .how-can-we-help-today-options .top-section h1 {
color: #212B52;
font-size: 26px;
margin: 0 0 20px;
text-align: center; }
.page-template-page-landing .how-can-we-help-today-options .top-section p, .page-template-page-stories .how-can-we-help-today-options .top-section p, .page-template-page-parent .how-can-we-help-today-options .top-section p, .page-template-default .how-can-we-help-today-options .top-section p {
text-align: center; }
.page-template-page-landing .how-can-we-help-today-options .top-section .link-boxes, .page-template-page-stories .how-can-we-help-today-options .top-section .link-boxes, .page-template-page-parent .how-can-we-help-today-options .top-section .link-boxes, .page-template-default .how-can-we-help-today-options .top-section .link-boxes {
/*background-image: url(../img/sun-rays-left.png), url(../img/turquoise-dog-sitting-down.png);
background-position: left 195px top, right bottom 106px;
background-repeat: no-repeat, no-repeat;
background-size: 80px auto, 115px auto;*/
font-size: 0;
padding: 45px 0 0;
text-align: center; }
.page-template-page-landing .how-can-we-help-today-options .top-section .link-boxes + p, .page-template-page-stories .how-can-we-help-today-options .top-section .link-boxes + p, .page-template-page-parent .how-can-we-help-today-options .top-section .link-boxes + p, .page-template-default .how-can-we-help-today-options .top-section .link-boxes + p {
margin-top: 40px; }
.page-template-page-landing .how-can-we-help-today-options .top-section .link-boxes .link-box, .page-template-page-stories .how-can-we-help-today-options .top-section .link-boxes .link-box, .page-template-page-parent .how-can-we-help-today-options .top-section .link-boxes .link-box, .page-template-default .how-can-we-help-today-options .top-section .link-boxes .link-box {
background-color: rgba(120, 199, 203, 0.2);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display: inline-block;
font-size: 20px;
height: 400px;
margin: 0 15px;
position: relative;
width: calc(38% - 30px); }
.page-template-page-landing .how-can-we-help-today-options .top-section .link-boxes .link-box:hover .caption, .page-template-page-stories .how-can-we-help-today-options .top-section .link-boxes .link-box:hover .caption, .page-template-page-parent .how-can-we-help-today-options .top-section .link-boxes .link-box:hover .caption, .page-template-default .how-can-we-help-today-options .top-section .link-boxes .link-box:hover .caption {
background-color: rgba(120, 199, 203, 0.9); }
.page-template-page-landing .how-can-we-help-today-options .top-section .link-boxes .link-box:hover .caption .button, .page-template-page-stories .how-can-we-help-today-options .top-section .link-boxes .link-box:hover .caption .button, .page-template-page-parent .how-can-we-help-today-options .top-section .link-boxes .link-box:hover .caption .button, .page-template-default .how-can-we-help-today-options .top-section .link-boxes .link-box:hover .caption .button {
background-color: #fff;
border-color: #78C7CB;
color: #212B52;
text-shadow: none; }
.page-template-page-landing .how-can-we-help-today-options .top-section .link-boxes .link-box .caption, .page-template-page-stories .how-can-we-help-today-options .top-section .link-boxes .link-box .caption, .page-template-page-parent .how-can-we-help-today-options .top-section .link-boxes .link-box .caption, .page-template-default .how-can-we-help-today-options .top-section .link-boxes .link-box .caption {
background-color: rgba(84, 129, 131, 0.5);
bottom: 0;
color: #fff;
font-weight: bold;
height: 136px;
left: 0;
padding: 15px 30px;
position: absolute;
right: 0;
text-align: left; }
.page-template-page-landing .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .text, .page-template-page-stories .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .text, .page-template-page-parent .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .text, .page-template-default .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .text {
margin-bottom: 12px; }
.page-template-page-landing .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button, .page-template-page-stories .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button, .page-template-page-parent .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button, .page-template-default .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
display: inline-block;
font-size: 16px;
font-weight: bold;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }
@media (max-width: 767px) {
.page-template-page-landing .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button, .page-template-page-stories .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button, .page-template-page-parent .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button, .page-template-default .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-landing .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button:hover, .page-template-page-stories .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button:hover, .page-template-page-parent .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button:hover, .page-template-default .how-can-we-help-today-options .top-section .link-boxes .link-box .caption .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-landing .how-can-we-help-today-options .bottom-section, .page-template-page-stories .how-can-we-help-today-options .bottom-section, .page-template-page-parent .how-can-we-help-today-options .bottom-section, .page-template-default .how-can-we-help-today-options .bottom-section {
background-color: #fff;
margin-top: -106px; }
.page-template-page-landing .how-can-we-help-today-options .bottom-section .inner, .page-template-page-stories .how-can-we-help-today-options .bottom-section .inner, .page-template-page-parent .how-can-we-help-today-options .bottom-section .inner, .page-template-default .how-can-we-help-today-options .bottom-section .inner {
/*background-image: url(../img/poodle.png);
background-position: bottom -1px left 30px;
background-repeat: no-repeat;
background-size: 160px auto;*/
padding: 160px 200px 90px;
text-align: center; }
.page-template-page-landing .how-can-we-help-today-options .bottom-section .inner h1, .page-template-page-stories .how-can-we-help-today-options .bottom-section .inner h1, .page-template-page-parent .how-can-we-help-today-options .bottom-section .inner h1, .page-template-default .how-can-we-help-today-options .bottom-section .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-landing .how-can-we-help-today-options .bottom-section .inner h2, .page-template-page-stories .how-can-we-help-today-options .bottom-section .inner h2, .page-template-page-parent .how-can-we-help-today-options .bottom-section .inner h2, .page-template-default .how-can-we-help-today-options .bottom-section .inner h2 {
color: #212B52;
font-size: 20px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-landing .how-can-we-help-today-options .bottom-section .inner .button, .page-template-page-stories .how-can-we-help-today-options .bottom-section .inner .button, .page-template-page-parent .how-can-we-help-today-options .bottom-section .inner .button, .page-template-default .how-can-we-help-today-options .bottom-section .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-landing .how-can-we-help-today-options .bottom-section .inner .button:hover, .page-template-page-stories .how-can-we-help-today-options .bottom-section .inner .button:hover, .page-template-page-parent .how-can-we-help-today-options .bottom-section .inner .button:hover, .page-template-default .how-can-we-help-today-options .bottom-section .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-landing .how-can-we-help-today-options .bottom-section .inner .button, .page-template-page-stories .how-can-we-help-today-options .bottom-section .inner .button, .page-template-page-parent .how-can-we-help-today-options .bottom-section .inner .button, .page-template-default .how-can-we-help-today-options .bottom-section .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-landing .how-can-we-help-today-options .bottom-section .inner .button:hover, .page-template-page-stories .how-can-we-help-today-options .bottom-section .inner .button:hover, .page-template-page-parent .how-can-we-help-today-options .bottom-section .inner .button:hover, .page-template-default .how-can-we-help-today-options .bottom-section .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-landing .how-can-we-help-today .inner, .page-template-page-stories .how-can-we-help-today .inner, .page-template-page-parent .how-can-we-help-today .inner, .page-template-default .how-can-we-help-today .inner {
background-image: url(../img/turquoise-dog-bowl.png);
background-position: left 40px bottom;
background-repeat: no-repeat;
background-size: 148px auto;
padding: 75px 20px 140px;
text-align: center; }
@media (min-width: 375px) {
.page-template-page-landing .how-can-we-help-today .inner, .page-template-page-stories .how-can-we-help-today .inner, .page-template-page-parent .how-can-we-help-today .inner, .page-template-default .how-can-we-help-today .inner {
background-image: url(../img/turquoise-dog-bowl.png), url(../img/sausage-dog.png);
background-position: left 40px bottom, right 28px bottom;
background-repeat: no-repeat, no-repeat;
background-size: 148px auto, 172px auto; } }
@media (min-width: 768px) {
.page-template-page-landing .how-can-we-help-today .inner, .page-template-page-stories .how-can-we-help-today .inner, .page-template-page-parent .how-can-we-help-today .inner, .page-template-default .how-can-we-help-today .inner {
padding: 75px 120px 120px; } }
@media (min-width: 992px) {
.page-template-page-landing .how-can-we-help-today .inner, .page-template-page-stories .how-can-we-help-today .inner, .page-template-page-parent .how-can-we-help-today .inner, .page-template-default .how-can-we-help-today .inner {
padding: 75px 200px 90px; } }
.page-template-page-landing .how-can-we-help-today .inner h1, .page-template-page-stories .how-can-we-help-today .inner h1, .page-template-page-parent .how-can-we-help-today .inner h1, .page-template-default .how-can-we-help-today .inner h1 {
color: #212B52;
font-size: 24px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-landing .how-can-we-help-today .inner h2, .page-template-page-stories .how-can-we-help-today .inner h2, .page-template-page-parent .how-can-we-help-today .inner h2, .page-template-default .how-can-we-help-today .inner h2 {
color: #212B52;
font-size: 18px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-landing .how-can-we-help-today .inner h1 + h2, .page-template-page-stories .how-can-we-help-today .inner h1 + h2, .page-template-page-parent .how-can-we-help-today .inner h1 + h2, .page-template-default .how-can-we-help-today .inner h1 + h2 {
margin-top: 25px; }
.page-template-page-landing .how-can-we-help-today .inner p + h2, .page-template-page-stories .how-can-we-help-today .inner p + h2, .page-template-page-parent .how-can-we-help-today .inner p + h2, .page-template-default .how-can-we-help-today .inner p + h2 {
margin-top: 10px; }
.page-template-page-landing .how-can-we-help-today .inner ul, .page-template-page-stories .how-can-we-help-today .inner ul, .page-template-page-parent .how-can-we-help-today .inner ul, .page-template-default .how-can-we-help-today .inner ul {
margin-bottom: 20px; }
.page-template-page-landing .how-can-we-help-today .inner ul li, .page-template-page-stories .how-can-we-help-today .inner ul li, .page-template-page-parent .how-can-we-help-today .inner ul li, .page-template-default .how-can-we-help-today .inner ul li {
line-height: 22px;
list-style-position: inside;
list-style-type: disc; }
.page-template-page-landing .how-can-we-help-today .inner .button + p, .page-template-page-stories .how-can-we-help-today .inner .button + p, .page-template-page-parent .how-can-we-help-today .inner .button + p, .page-template-default .how-can-we-help-today .inner .button + p {
margin-top: 20px; }
.page-template-page-landing .how-can-we-help-today .inner .button, .page-template-page-stories .how-can-we-help-today .inner .button, .page-template-page-parent .how-can-we-help-today .inner .button, .page-template-default .how-can-we-help-today .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-landing .how-can-we-help-today .inner .button:hover, .page-template-page-stories .how-can-we-help-today .inner .button:hover, .page-template-page-parent .how-can-we-help-today .inner .button:hover, .page-template-default .how-can-we-help-today .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-landing .how-can-we-help-today .inner .button, .page-template-page-stories .how-can-we-help-today .inner .button, .page-template-page-parent .how-can-we-help-today .inner .button, .page-template-default .how-can-we-help-today .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-landing .how-can-we-help-today .inner .button:hover, .page-template-page-stories .how-can-we-help-today .inner .button:hover, .page-template-page-parent .how-can-we-help-today .inner .button:hover, .page-template-default .how-can-we-help-today .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-landing .general-info-about-services + .general-info-about-services, .page-template-page-stories .general-info-about-services + .general-info-about-services, .page-template-page-parent .general-info-about-services + .general-info-about-services, .page-template-default .general-info-about-services + .general-info-about-services {
padding-top: 50px; }
.page-template-page-landing .general-info-about-services + .footer, .page-template-page-stories .general-info-about-services + .footer, .page-template-page-parent .general-info-about-services + .footer, .page-template-default .general-info-about-services + .footer {
margin-top: 50px; }
.page-template-page-landing .general-info-about-services.turquoise .middle-section, .page-template-page-stories .general-info-about-services.turquoise .middle-section, .page-template-page-parent .general-info-about-services.turquoise .middle-section, .page-template-default .general-info-about-services.turquoise .middle-section {
background-color: #78C7CB; }
.page-template-page-landing .general-info-about-services.turquoise .middle-section .inner p, .page-template-page-landing .general-info-about-services.turquoise .middle-section .inner ul li, .page-template-page-landing .general-info-about-services.turquoise .middle-section .inner ol li, .page-template-page-stories .general-info-about-services.turquoise .middle-section .inner p, .page-template-page-stories .general-info-about-services.turquoise .middle-section .inner ul li, .page-template-page-stories .general-info-about-services.turquoise .middle-section .inner ol li, .page-template-page-parent .general-info-about-services.turquoise .middle-section .inner p, .page-template-page-parent .general-info-about-services.turquoise .middle-section .inner ul li, .page-template-page-parent .general-info-about-services.turquoise .middle-section .inner ol li, .page-template-default .general-info-about-services.turquoise .middle-section .inner p, .page-template-default .general-info-about-services.turquoise .middle-section .inner ul li, .page-template-default .general-info-about-services.turquoise .middle-section .inner ol li {
color: #002147; }
.page-template-page-landing .general-info-about-services.turquoise .bottom-section h1, .page-template-page-landing .general-info-about-services.turquoise .bottom-section h2, .page-template-page-stories .general-info-about-services.turquoise .bottom-section h1, .page-template-page-stories .general-info-about-services.turquoise .bottom-section h2, .page-template-page-parent .general-info-about-services.turquoise .bottom-section h1, .page-template-page-parent .general-info-about-services.turquoise .bottom-section h2, .page-template-default .general-info-about-services.turquoise .bottom-section h1, .page-template-default .general-info-about-services.turquoise .bottom-section h2 {
color: #78C7CB; }
@media (max-width: 479px) {
.page-template-page-landing .general-info-about-services .wide-container, .page-template-page-stories .general-info-about-services .wide-container, .page-template-page-parent .general-info-about-services .wide-container, .page-template-default .general-info-about-services .wide-container {
padding: 0; } }
.page-template-page-landing .general-info-about-services .top-section, .page-template-page-stories .general-info-about-services .top-section, .page-template-page-parent .general-info-about-services .top-section, .page-template-default .general-info-about-services .top-section {
background-color: #D2E0EE;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 400px; }
@media (min-width: 480px) {
.page-template-page-landing .general-info-about-services .top-section, .page-template-page-stories .general-info-about-services .top-section, .page-template-page-parent .general-info-about-services .top-section, .page-template-default .general-info-about-services .top-section {
border-top-left-radius: 20px;
border-top-right-radius: 20px; } }
.page-template-page-landing .general-info-about-services .middle-section, .page-template-page-stories .general-info-about-services .middle-section, .page-template-page-parent .general-info-about-services .middle-section, .page-template-default .general-info-about-services .middle-section {
background-color: #4689C8; }
@media (min-width: 992px) {
.page-template-page-landing .general-info-about-services .middle-section, .page-template-page-stories .general-info-about-services .middle-section, .page-template-page-parent .general-info-about-services .middle-section, .page-template-default .general-info-about-services .middle-section {
background-image: url(../img/bouncing-ball.png);
background-position: bottom 5px left -15px;
background-repeat: no-repeat;
background-size: calc(50vw - 370px) auto; } }
@media (min-width: 1200px) {
.page-template-page-landing .general-info-about-services .middle-section, .page-template-page-stories .general-info-about-services .middle-section, .page-template-page-parent .general-info-about-services .middle-section, .page-template-default .general-info-about-services .middle-section {
background-position: bottom 15px left 15px;
background-size: 260px auto; } }
.page-template-page-landing .general-info-about-services .middle-section.no-bouncing-ball, .page-template-page-stories .general-info-about-services .middle-section.no-bouncing-ball, .page-template-page-parent .general-info-about-services .middle-section.no-bouncing-ball, .page-template-default .general-info-about-services .middle-section.no-bouncing-ball {
background-image: none; }
.page-template-page-landing .general-info-about-services .middle-section.no-bouncing-ball > .inner, .page-template-page-stories .general-info-about-services .middle-section.no-bouncing-ball > .inner, .page-template-page-parent .general-info-about-services .middle-section.no-bouncing-ball > .inner, .page-template-default .general-info-about-services .middle-section.no-bouncing-ball > .inner {
padding: 50px 20px 70px; }
@media (min-width: 375px) {
.page-template-page-landing .general-info-about-services .middle-section.no-bouncing-ball > .inner, .page-template-page-stories .general-info-about-services .middle-section.no-bouncing-ball > .inner, .page-template-page-parent .general-info-about-services .middle-section.no-bouncing-ball > .inner, .page-template-default .general-info-about-services .middle-section.no-bouncing-ball > .inner {
padding: 50px 20px 70px; } }
.page-template-page-landing .general-info-about-services .middle-section .popup.inner .inside.inner, .page-template-page-stories .general-info-about-services .middle-section .popup.inner .inside.inner, .page-template-page-parent .general-info-about-services .middle-section .popup.inner .inside.inner, .page-template-default .general-info-about-services .middle-section .popup.inner .inside.inner {
padding: 0; }
.page-template-page-landing .general-info-about-services .middle-section > .inner, .page-template-page-stories .general-info-about-services .middle-section > .inner, .page-template-page-parent .general-info-about-services .middle-section > .inner, .page-template-default .general-info-about-services .middle-section > .inner {
margin: 0 auto;
max-width: 780px;
padding: 70px 20px 240px; }
@media (min-width: 375px) {
.page-template-page-landing .general-info-about-services .middle-section > .inner, .page-template-page-stories .general-info-about-services .middle-section > .inner, .page-template-page-parent .general-info-about-services .middle-section > .inner, .page-template-default .general-info-about-services .middle-section > .inner {
padding: 70px 30px 240px; } }
.page-template-page-landing .general-info-about-services .middle-section > .inner h1, .page-template-page-stories .general-info-about-services .middle-section > .inner h1, .page-template-page-parent .general-info-about-services .middle-section > .inner h1, .page-template-default .general-info-about-services .middle-section > .inner h1 {
color: #fff;
font-size: 40px;
margin: 0;
padding: 0; }
.page-template-page-landing .general-info-about-services .middle-section > .inner h2, .page-template-page-stories .general-info-about-services .middle-section > .inner h2, .page-template-page-parent .general-info-about-services .middle-section > .inner h2, .page-template-default .general-info-about-services .middle-section > .inner h2 {
color: #fff;
font-size: 22px;
margin: 0 0 20px;
padding: 0; }
.page-template-page-landing .general-info-about-services .middle-section > .inner h3, .page-template-page-stories .general-info-about-services .middle-section > .inner h3, .page-template-page-parent .general-info-about-services .middle-section > .inner h3, .page-template-default .general-info-about-services .middle-section > .inner h3 {
color: #fff;
font-size: 18px;
margin: 0 0 20px;
padding: 0; }
.page-template-page-landing .general-info-about-services .middle-section > .inner p a, .page-template-page-stories .general-info-about-services .middle-section > .inner p a, .page-template-page-parent .general-info-about-services .middle-section > .inner p a, .page-template-default .general-info-about-services .middle-section > .inner p a {
text-decoration: underline; }
.page-template-page-landing .general-info-about-services .middle-section > .inner p + h1, .page-template-page-landing .general-info-about-services .middle-section > .inner p + h2, .page-template-page-stories .general-info-about-services .middle-section > .inner p + h1, .page-template-page-stories .general-info-about-services .middle-section > .inner p + h2, .page-template-page-parent .general-info-about-services .middle-section > .inner p + h1, .page-template-page-parent .general-info-about-services .middle-section > .inner p + h2, .page-template-default .general-info-about-services .middle-section > .inner p + h1, .page-template-default .general-info-about-services .middle-section > .inner p + h2 {
margin-top: 20px; }
.page-template-page-landing .general-info-about-services .middle-section > .inner ul + p, .page-template-page-stories .general-info-about-services .middle-section > .inner ul + p, .page-template-page-parent .general-info-about-services .middle-section > .inner ul + p, .page-template-default .general-info-about-services .middle-section > .inner ul + p {
margin-top: 20px; }
.page-template-page-landing .general-info-about-services .middle-section > .inner p, .page-template-page-landing .general-info-about-services .middle-section > .inner ul li, .page-template-page-stories .general-info-about-services .middle-section > .inner p, .page-template-page-stories .general-info-about-services .middle-section > .inner ul li, .page-template-page-parent .general-info-about-services .middle-section > .inner p, .page-template-page-parent .general-info-about-services .middle-section > .inner ul li, .page-template-default .general-info-about-services .middle-section > .inner p, .page-template-default .general-info-about-services .middle-section > .inner ul li {
color: #fff; }
.page-template-page-landing .general-info-about-services .middle-section > .inner ul, .page-template-page-stories .general-info-about-services .middle-section > .inner ul, .page-template-page-parent .general-info-about-services .middle-section > .inner ul, .page-template-default .general-info-about-services .middle-section > .inner ul {
padding-left: 30px; }
.page-template-page-landing .general-info-about-services .middle-section > .inner ul li, .page-template-page-stories .general-info-about-services .middle-section > .inner ul li, .page-template-page-parent .general-info-about-services .middle-section > .inner ul li, .page-template-default .general-info-about-services .middle-section > .inner ul li {
line-height: 22px;
list-style-type: disc; }
.page-template-page-landing .general-info-about-services .middle-section > .inner ol, .page-template-page-stories .general-info-about-services .middle-section > .inner ol, .page-template-page-parent .general-info-about-services .middle-section > .inner ol, .page-template-default .general-info-about-services .middle-section > .inner ol {
padding-left: 30px; }
.page-template-page-landing .general-info-about-services .middle-section > .inner ol li, .page-template-page-stories .general-info-about-services .middle-section > .inner ol li, .page-template-page-parent .general-info-about-services .middle-section > .inner ol li, .page-template-default .general-info-about-services .middle-section > .inner ol li {
color: #fff;
font-size: 14px;
line-height: 20px;
list-style-type: decimal; }
.page-template-page-landing .general-info-about-services .middle-section > .inner ol + h1, .page-template-page-landing .general-info-about-services .middle-section > .inner ol + h2, .page-template-page-stories .general-info-about-services .middle-section > .inner ol + h1, .page-template-page-stories .general-info-about-services .middle-section > .inner ol + h2, .page-template-page-parent .general-info-about-services .middle-section > .inner ol + h1, .page-template-page-parent .general-info-about-services .middle-section > .inner ol + h2, .page-template-default .general-info-about-services .middle-section > .inner ol + h1, .page-template-default .general-info-about-services .middle-section > .inner ol + h2 {
margin-top: 20px; }
.page-template-page-landing .general-info-about-services .middle-section > .inner .button-container, .page-template-page-stories .general-info-about-services .middle-section > .inner .button-container, .page-template-page-parent .general-info-about-services .middle-section > .inner .button-container, .page-template-default .general-info-about-services .middle-section > .inner .button-container {
text-align: center; }
.page-template-page-landing .general-info-about-services .middle-section > .inner .button, .page-template-page-stories .general-info-about-services .middle-section > .inner .button, .page-template-page-parent .general-info-about-services .middle-section > .inner .button, .page-template-default .general-info-about-services .middle-section > .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-decoration: none;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-landing .general-info-about-services .middle-section > .inner .button:hover, .page-template-page-stories .general-info-about-services .middle-section > .inner .button:hover, .page-template-page-parent .general-info-about-services .middle-section > .inner .button:hover, .page-template-default .general-info-about-services .middle-section > .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-landing .general-info-about-services .middle-section > .inner .button, .page-template-page-stories .general-info-about-services .middle-section > .inner .button, .page-template-page-parent .general-info-about-services .middle-section > .inner .button, .page-template-default .general-info-about-services .middle-section > .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-landing .general-info-about-services .middle-section > .inner .button:hover, .page-template-page-stories .general-info-about-services .middle-section > .inner .button:hover, .page-template-page-parent .general-info-about-services .middle-section > .inner .button:hover, .page-template-default .general-info-about-services .middle-section > .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-landing .general-info-about-services .bottom-section, .page-template-page-stories .general-info-about-services .bottom-section, .page-template-page-parent .general-info-about-services .bottom-section, .page-template-default .general-info-about-services .bottom-section {
margin: -180px auto 0;
max-width: 780px;
padding: 0 0 25px; }
@media (min-width: 375px) {
.page-template-page-landing .general-info-about-services .bottom-section, .page-template-page-stories .general-info-about-services .bottom-section, .page-template-page-parent .general-info-about-services .bottom-section, .page-template-default .general-info-about-services .bottom-section {
padding: 0 20px 25px; } }
.page-template-page-landing .general-info-about-services .bottom-section h1, .page-template-page-stories .general-info-about-services .bottom-section h1, .page-template-page-parent .general-info-about-services .bottom-section h1, .page-template-default .general-info-about-services .bottom-section h1 {
font-size: 22px;
margin: 0 0 20px;
padding: 0; }
.page-template-page-landing .general-info-about-services .bottom-section h2, .page-template-page-stories .general-info-about-services .bottom-section h2, .page-template-page-parent .general-info-about-services .bottom-section h2, .page-template-default .general-info-about-services .bottom-section h2 {
font-size: 18px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-landing .general-info-about-services .bottom-section p + h1, .page-template-page-landing .general-info-about-services .bottom-section p + h2, .page-template-page-stories .general-info-about-services .bottom-section p + h1, .page-template-page-stories .general-info-about-services .bottom-section p + h2, .page-template-page-parent .general-info-about-services .bottom-section p + h1, .page-template-page-parent .general-info-about-services .bottom-section p + h2, .page-template-default .general-info-about-services .bottom-section p + h1, .page-template-default .general-info-about-services .bottom-section p + h2 {
margin-top: 20px; }
.page-template-page-landing .general-info-about-services .bottom-section ul + p, .page-template-page-landing .general-info-about-services .bottom-section ul + h2, .page-template-page-stories .general-info-about-services .bottom-section ul + p, .page-template-page-stories .general-info-about-services .bottom-section ul + h2, .page-template-page-parent .general-info-about-services .bottom-section ul + p, .page-template-page-parent .general-info-about-services .bottom-section ul + h2, .page-template-default .general-info-about-services .bottom-section ul + p, .page-template-default .general-info-about-services .bottom-section ul + h2 {
margin-top: 20px; }
.page-template-page-landing .general-info-about-services .bottom-section .image-at-top, .page-template-page-stories .general-info-about-services .bottom-section .image-at-top, .page-template-page-parent .general-info-about-services .bottom-section .image-at-top, .page-template-default .general-info-about-services .bottom-section .image-at-top {
background-color: #D2E0EE;
background-image: url(../img/istockphoto-1098033974-1024x1024.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
height: 400px;
margin-bottom: 40px; }
.page-template-page-landing .general-info-about-services .bottom-section .image-at-top.video, .page-template-page-stories .general-info-about-services .bottom-section .image-at-top.video, .page-template-page-parent .general-info-about-services .bottom-section .image-at-top.video, .page-template-default .general-info-about-services .bottom-section .image-at-top.video {
cursor: pointer; }
.page-template-page-landing .general-info-about-services .bottom-section ol, .page-template-page-stories .general-info-about-services .bottom-section ol, .page-template-page-parent .general-info-about-services .bottom-section ol, .page-template-default .general-info-about-services .bottom-section ol {
padding-left: 30px; }
.page-template-page-landing .general-info-about-services .bottom-section ol li, .page-template-page-stories .general-info-about-services .bottom-section ol li, .page-template-page-parent .general-info-about-services .bottom-section ol li, .page-template-default .general-info-about-services .bottom-section ol li {
font-size: 14px;
line-height: 20px;
list-style-type: decimal; }
.page-template-page-landing .general-info-about-services .bottom-section ul, .page-template-page-stories .general-info-about-services .bottom-section ul, .page-template-page-parent .general-info-about-services .bottom-section ul, .page-template-default .general-info-about-services .bottom-section ul {
padding-left: 30px; }
.page-template-page-landing .general-info-about-services .bottom-section ul li, .page-template-page-stories .general-info-about-services .bottom-section ul li, .page-template-page-parent .general-info-about-services .bottom-section ul li, .page-template-default .general-info-about-services .bottom-section ul li {
line-height: 22px;
list-style-type: disc; }
.page-template-page-landing .general-info-about-services .bottom-section .button-container, .page-template-page-stories .general-info-about-services .bottom-section .button-container, .page-template-page-parent .general-info-about-services .bottom-section .button-container, .page-template-default .general-info-about-services .bottom-section .button-container {
text-align: center; }
.page-template-page-landing .general-info-about-services .bottom-section .button, .page-template-page-stories .general-info-about-services .bottom-section .button, .page-template-page-parent .general-info-about-services .bottom-section .button, .page-template-default .general-info-about-services .bottom-section .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-landing .general-info-about-services .bottom-section .button:hover, .page-template-page-stories .general-info-about-services .bottom-section .button:hover, .page-template-page-parent .general-info-about-services .bottom-section .button:hover, .page-template-default .general-info-about-services .bottom-section .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-landing .general-info-about-services .bottom-section .button, .page-template-page-stories .general-info-about-services .bottom-section .button, .page-template-page-parent .general-info-about-services .bottom-section .button, .page-template-default .general-info-about-services .bottom-section .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-landing .general-info-about-services .bottom-section .button:hover, .page-template-page-stories .general-info-about-services .bottom-section .button:hover, .page-template-page-parent .general-info-about-services .bottom-section .button:hover, .page-template-default .general-info-about-services .bottom-section .button:hover {
background-color: #fff;
color: #03296A; } }
@media (max-width: 479px) {
.page-template-page-landing .medium-container, .page-template-page-stories .medium-container, .page-template-page-parent .medium-container, .page-template-default .medium-container {
padding: 0; } }
@media (max-width: 479px) {
.page-template-page-landing .medium-container .narrow-container, .page-template-page-stories .medium-container .narrow-container, .page-template-page-parent .medium-container .narrow-container, .page-template-default .medium-container .narrow-container {
padding: 0; } }
.page-template-page-landing .bottom-general-info-about, .page-template-page-stories .bottom-general-info-about, .page-template-page-parent .bottom-general-info-about, .page-template-default .bottom-general-info-about {
padding: 45px 0 0; }
@media (min-width: 1200px) {
.page-template-page-landing .bottom-general-info-about, .page-template-page-stories .bottom-general-info-about, .page-template-page-parent .bottom-general-info-about, .page-template-default .bottom-general-info-about {
background-image: url(../img/sun-rays-right.png);
background-position: right 65px top;
background-repeat: no-repeat;
background-size: 80px auto; } }
.page-template-page-landing .bottom-general-info-about .top-section, .page-template-page-stories .bottom-general-info-about .top-section, .page-template-page-parent .bottom-general-info-about .top-section, .page-template-default .bottom-general-info-about .top-section {
background-color: #78C7CB;
padding: 50px 15px 40px;
text-align: center; }
@media (min-width: 480px) {
.page-template-page-landing .bottom-general-info-about .top-section, .page-template-page-stories .bottom-general-info-about .top-section, .page-template-page-parent .bottom-general-info-about .top-section, .page-template-default .bottom-general-info-about .top-section {
border-top-left-radius: 20px;
border-top-right-radius: 20px; } }
.page-template-page-landing .bottom-general-info-about .top-section h1, .page-template-page-stories .bottom-general-info-about .top-section h1, .page-template-page-parent .bottom-general-info-about .top-section h1, .page-template-default .bottom-general-info-about .top-section h1 {
color: #fff;
font-size: 22px;
margin: 0 0 20px;
padding: 0 25px; }
@media (min-width: 768px) {
.page-template-page-landing .bottom-general-info-about .top-section h1, .page-template-page-stories .bottom-general-info-about .top-section h1, .page-template-page-parent .bottom-general-info-about .top-section h1, .page-template-default .bottom-general-info-about .top-section h1 {
padding: 0 75px; } }
.page-template-page-landing .bottom-general-info-about .top-section h2, .page-template-page-stories .bottom-general-info-about .top-section h2, .page-template-page-parent .bottom-general-info-about .top-section h2, .page-template-default .bottom-general-info-about .top-section h2 {
color: #fff;
font-size: 18px;
margin: 0 0 20px;
padding: 0 25px; }
@media (min-width: 768px) {
.page-template-page-landing .bottom-general-info-about .top-section h2, .page-template-page-stories .bottom-general-info-about .top-section h2, .page-template-page-parent .bottom-general-info-about .top-section h2, .page-template-default .bottom-general-info-about .top-section h2 {
padding: 0 75px; } }
.page-template-page-landing .bottom-general-info-about .top-section p, .page-template-page-stories .bottom-general-info-about .top-section p, .page-template-page-parent .bottom-general-info-about .top-section p, .page-template-default .bottom-general-info-about .top-section p {
margin: 0 0 20px;
padding: 0 25px; }
@media (min-width: 768px) {
.page-template-page-landing .bottom-general-info-about .top-section p, .page-template-page-stories .bottom-general-info-about .top-section p, .page-template-page-parent .bottom-general-info-about .top-section p, .page-template-default .bottom-general-info-about .top-section p {
padding: 0 75px; } }
.page-template-page-landing .bottom-general-info-about .top-section .book-now.button, .page-template-page-stories .bottom-general-info-about .top-section .book-now.button, .page-template-page-parent .bottom-general-info-about .top-section .book-now.button, .page-template-default .bottom-general-info-about .top-section .book-now.button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 10px;
padding: 20px 25px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-landing .bottom-general-info-about .top-section .book-now.button:only-child, .page-template-page-stories .bottom-general-info-about .top-section .book-now.button:only-child, .page-template-page-parent .bottom-general-info-about .top-section .book-now.button:only-child, .page-template-default .bottom-general-info-about .top-section .book-now.button:only-child {
margin-top: 0; }
.page-template-page-landing .bottom-general-info-about .top-section .book-now.button:hover, .page-template-page-stories .bottom-general-info-about .top-section .book-now.button:hover, .page-template-page-parent .bottom-general-info-about .top-section .book-now.button:hover, .page-template-default .bottom-general-info-about .top-section .book-now.button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52; }
@media (max-width: 767px) {
.page-template-page-landing .bottom-general-info-about .top-section .book-now.button, .page-template-page-stories .bottom-general-info-about .top-section .book-now.button, .page-template-page-parent .bottom-general-info-about .top-section .book-now.button, .page-template-default .bottom-general-info-about .top-section .book-now.button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-landing .bottom-general-info-about .top-section .book-now.button:hover, .page-template-page-stories .bottom-general-info-about .top-section .book-now.button:hover, .page-template-page-parent .bottom-general-info-about .top-section .book-now.button:hover, .page-template-default .bottom-general-info-about .top-section .book-now.button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-landing .bottom-general-info-about .bottom-section, .page-template-page-stories .bottom-general-info-about .bottom-section, .page-template-page-parent .bottom-general-info-about .bottom-section, .page-template-default .bottom-general-info-about .bottom-section {
background-color: #F1F3F1;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 400px; }
.page-template-page-landing .thanks-to-dog-lovers, .page-template-page-stories .thanks-to-dog-lovers, .page-template-page-parent .thanks-to-dog-lovers, .page-template-default .thanks-to-dog-lovers {
padding: 60px 0 50px;
text-align: center; }
.page-template-page-landing .thanks-to-dog-lovers h1, .page-template-page-stories .thanks-to-dog-lovers h1, .page-template-page-parent .thanks-to-dog-lovers h1, .page-template-default .thanks-to-dog-lovers h1 {
color: #78C7CB;
font-size: 26px;
margin-bottom: 40px;
padding: 0; }
@media (min-width: 768px) {
.page-template-page-landing .thanks-to-dog-lovers h1, .page-template-page-stories .thanks-to-dog-lovers h1, .page-template-page-parent .thanks-to-dog-lovers h1, .page-template-default .thanks-to-dog-lovers h1 {
padding: 0 60px; } }
.page-template-page-landing .thanks-to-dog-lovers p, .page-template-page-stories .thanks-to-dog-lovers p, .page-template-page-parent .thanks-to-dog-lovers p, .page-template-default .thanks-to-dog-lovers p {
background-image: url(../img/left-arrow.png), url(../img/right-arrow.png);
background-position: left top 30px, right top 30px;
background-repeat: no-repeat, no-repeat;
background-size: 15px auto, 15px auto;
padding: 0; }
@media (min-width: 768px) {
.page-template-page-landing .thanks-to-dog-lovers p, .page-template-page-stories .thanks-to-dog-lovers p, .page-template-page-parent .thanks-to-dog-lovers p, .page-template-default .thanks-to-dog-lovers p {
padding: 0 60px; } }
.page-template-page-landing .thanks-to-dog-lovers .reviewer, .page-template-page-stories .thanks-to-dog-lovers .reviewer, .page-template-page-parent .thanks-to-dog-lovers .reviewer, .page-template-default .thanks-to-dog-lovers .reviewer {
color: #78C7CB;
font-weight: bold;
margin: 20px 0 30px; }
.page-template-page-landing .thanks-to-dog-lovers .trustpilot, .page-template-page-stories .thanks-to-dog-lovers .trustpilot, .page-template-page-parent .thanks-to-dog-lovers .trustpilot, .page-template-default .thanks-to-dog-lovers .trustpilot {
display: inline;
width: 120px; }
.page-template-page-landing .medium-container + .footer, .page-template-page-stories .medium-container + .footer, .page-template-page-parent .medium-container + .footer, .page-template-default .medium-container + .footer {
margin-top: 100px; }
.page-template-page-landing .above-trustpilot-grid, .page-template-page-stories .above-trustpilot-grid, .page-template-page-parent .above-trustpilot-grid, .page-template-default .above-trustpilot-grid {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.page-template-page-landing .trustpilot-grid, .page-template-page-stories .trustpilot-grid, .page-template-page-parent .trustpilot-grid, .page-template-default .trustpilot-grid {
padding: 40px 0 90px; }
.page-template-page-blog-parent .top-banner {
background-position: bottom center; }
.page-template-page-blog-parent .top-banner .search-the-blog {
margin-bottom: 15px; }
.page-template-page-blog-parent .top-banner .search-the-blog .search {
background-image: url(../theme-svg/search.svg);
background-repeat: no-repeat;
background-position: left 1rem center;
background-size: 1.5rem;
color: #212B52;
font-size: 15px;
margin-bottom: 20px;
padding: 1rem 1rem 1rem 3rem;
position: relative; }
@media (min-width: 480px) {
.page-template-page-blog-parent .top-banner .search-the-blog .search {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
margin-bottom: 0;
width: 320px; } }
.page-template-page-blog-parent .top-banner .search-the-blog .search::placeholder {
color: #C1C1C1; }
.page-template-page-blog-parent .top-banner .search-the-blog .btn {
display: block;
text-transform: none;
transition: none; }
@media (min-width: 480px) {
.page-template-page-blog-parent .top-banner .search-the-blog .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
display: inline-block; } }
.page-template-page-blog-parent .how-can-we-help-today .top-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 75px 0 0; }
.page-template-page-blog-parent .how-can-we-help-today .top-section .blog-categories {
background-color: #4689C8;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom: 60px;
overflow: hidden;
padding: 20px 40px; }
.page-template-page-blog-parent .how-can-we-help-today .top-section .blog-categories h1 {
color: #fff;
font-size: 28px;
margin: 0 0 20px;
text-align: center; }
.page-template-page-blog-parent .how-can-we-help-today .top-section .blog-categories .categories li {
clear: both;
color: #fff;
display: block;
font-size: 15px;
line-height: 18px;
padding-right: 24px;
margin-bottom: 10px; }
@media (min-width: 667px) {
.page-template-page-blog-parent .how-can-we-help-today .top-section .blog-categories .categories li {
clear: none;
float: left;
width: 50%; } }
@media (min-width: 992px) {
.page-template-page-blog-parent .how-can-we-help-today .top-section .blog-categories .categories li {
width: 33%; } }
.page-template-page-blog-parent .how-can-we-help-today .top-section .blog-categories .categories li input {
float: left;
margin: 0 1rem 1rem 0; }
.page-template-page-blog-parent .how-can-we-help-today .top-section h1 {
color: #212B52;
font-size: 26px;
margin: 0;
text-align: center; }
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes {
font-size: 0;
text-align: center; }
@media (min-width: 480px) {
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes {
margin: 0 20px; } }
@media (min-width: 1200px) {
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes {
margin: 0 240px; } }
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box {
background-color: rgba(120, 199, 203, 0.2);
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display: block;
font-size: 18px;
height: 300px;
margin-bottom: 50px;
overflow: hidden;
position: relative; }
@media (min-width: 768px) {
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box {
display: inline-block;
font-size: 20px;
width: calc(50% - 20px); }
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box:nth-of-type(2n) {
margin-left: 40px; } }
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box:hover .caption {
height: auto;
padding: 40px 28px;
top: 0; }
@media (min-width: 992px) {
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box:hover .caption p {
display: block; } }
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption {
background-color: rgba(120, 199, 203, 0.95);
bottom: 0;
color: #fff;
font-weight: bold;
height: 120px;
left: 0;
padding: 20px;
position: absolute;
right: 0;
text-align: left; }
@media (min-width: 375px) {
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption {
padding: 20px 28px; } }
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption p {
color: #212B52;
display: none;
font-weight: normal;
margin: 0; }
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption .meta {
color: #fff;
margin-top: 5px; }
@media (min-width: 480px) {
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption .meta {
margin-top: 10px; } }
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
bottom: 40px;
display: none;
font-size: 16px;
font-weight: bold;
padding: 11px;
position: absolute;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }
@media (max-width: 767px) {
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-blog-parent .how-can-we-help-today .top-section .link-boxes .link-box .caption .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-blog-parent .how-can-we-help-today .bottom-section {
background-color: #fff;
margin-top: -170px;
padding-bottom: 25px; }
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes {
font-size: 0;
padding: 170px 0 0;
text-align: center; }
@media (min-width: 480px) {
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes {
margin: 0 20px; } }
@media (min-width: 1200px) {
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes {
margin: 0 240px; } }
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box {
background-color: rgba(120, 199, 203, 0.2);
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display: block;
font-size: 20px;
height: 300px;
margin-bottom: 50px;
overflow: hidden;
position: relative; }
@media (min-width: 768px) {
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box {
display: inline-block;
font-size: 20px;
width: calc(50% - 20px); }
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box:nth-of-type(2n) {
margin-left: 40px; } }
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box:hover .caption {
height: auto;
padding: 40px 28px;
top: 0; }
@media (min-width: 992px) {
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box:hover .caption p {
display: block; } }
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box .caption {
background-color: rgba(120, 199, 203, 0.95);
bottom: 0;
color: #fff;
font-weight: bold;
height: 120px;
left: 0;
padding: 20px;
position: absolute;
right: 0;
text-align: left; }
@media (min-width: 375px) {
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box .caption {
padding: 20px 28px; } }
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box .caption p {
color: #212B52;
display: none;
font-weight: normal;
margin: 0; }
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box .caption .meta {
color: #fff;
margin-top: 5px; }
@media (min-width: 480px) {
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box .caption .meta {
margin-top: 10px; } }
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box .caption .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
bottom: 40px;
display: none;
font-size: 16px;
font-weight: bold;
padding: 11px;
position: absolute;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }
@media (max-width: 767px) {
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box .caption .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-blog-parent .how-can-we-help-today .bottom-section .link-boxes .link-box .caption .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-blog-parent .blog-pagination {
font-size: 0;
margin-bottom: 75px;
text-align: center; }
.page-template-page-blog-parent .blog-pagination span, .page-template-page-blog-parent .blog-pagination a {
font-size: 16px;
margin: 0 10px; }
.page-template-page-blog-parent .any-questions .inner {
padding: 75px 20px 90px;
text-align: center; }
@media (min-width: 540px) {
.page-template-page-blog-parent .any-questions .inner {
background-image: url(../img/dog-with-tail-on-its-back.png);
background-position: left bottom;
background-repeat: no-repeat;
background-size: 160px; } }
@media (min-width: 768px) {
.page-template-page-blog-parent .any-questions .inner {
background-position: left 60px bottom; } }
@media (min-width: 1360px) {
.page-template-page-blog-parent .any-questions .inner {
padding: 75px 200px 90px; } }
.page-template-page-blog-parent .any-questions .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 10px;
padding: 0; }
.page-template-page-blog-parent .any-questions .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-blog-parent .any-questions .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-blog-parent .any-questions .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-blog-parent .any-questions .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-blog-parent .keep-up-to-date {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
@media (max-width: 767px) {
.page-template-page-blog-parent .keep-up-to-date .narrow-container {
padding: 0; } }
.page-template-page-blog-parent .keep-up-to-date .inner {
padding: 100px 0 0;
text-align: center; }
@media (min-width: 768px) {
.page-template-page-blog-parent .keep-up-to-date .inner .top-section {
padding: 0 22px; } }
.page-template-page-blog-parent .keep-up-to-date .inner .top-section h1 {
color: #4689C8;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media {
/*background-image: url(../img/dot-border.png);
background-position: bottom left;
background-repeat: repeat-x;*/
margin-bottom: 50px;
padding-bottom: 50px;
text-align: center; }
.page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .pintrest, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .facebook, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .twitter, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .instagram, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .linked-in {
background-color: #212B52;
background-position: center;
background-repeat: no-repeat;
background-size: 38px 38px;
border-radius: 100%;
border: 1px #212B52 solid;
display: inline-block;
height: 40px;
margin: 0 2px;
padding: 0 4px;
width: 40px;
transition: none; }
@media (min-width: 480px) {
.page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .pintrest, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .facebook, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .twitter, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .instagram, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .linked-in {
background-size: 52px 52px;
border: 3px #212B52 solid;
height: 58px;
margin: 0 8px;
width: 58px; } }
.page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .pintrest:hover, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .facebook:hover, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .twitter:hover, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .instagram:hover, .page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .linked-in:hover {
background-color: #78C7CB;
border-color: #78C7CB; }
.page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .pintrest {
background-image: url(../theme-svg/pintrest.svg); }
.page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .facebook {
background-image: url(../theme-svg/facebook.svg); }
.page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .twitter {
background-image: url(../theme-svg/twitter.svg); }
.page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .instagram {
background-image: url(../theme-svg/instagram.svg); }
.page-template-page-blog-parent .keep-up-to-date .inner .top-section .social-media .linked-in {
background-image: url(../theme-svg/linked-in.svg); }
.page-template-page-blog-parent .keep-up-to-date .inner .instagram-feed {
background-image: url(../img/turquoise-dog-bowl.png);
background-position: left 35px bottom;
background-repeat: no-repeat;
background-size: 148px auto;
font-size: 0;
margin: 40px -15px 0;
overflow: hidden;
padding: 0 0 120px;
text-align: center; }
@media (min-width: 375px) {
.page-template-page-blog-parent .keep-up-to-date .inner .instagram-feed {
background-image: url(../img/turquoise-dog-bowl.png), url(../img/sausage-dog.png);
background-position: left 35px bottom, right 23px bottom;
background-repeat: no-repeat, no-repeat;
background-size: 148px auto, 172px auto; } }
@media (min-width: 480px) {
.page-template-page-blog-parent .keep-up-to-date .inner .instagram-feed {
background-position: left 20px bottom, right 8px bottom;
margin: 40px 0 0; } }
@media (min-width: 768px) {
.page-template-page-blog-parent .keep-up-to-date .inner .instagram-feed {
padding: 0 40px 120px; } }
@media (min-width: 992px) {
.page-template-page-blog-parent .keep-up-to-date .inner .instagram-feed {
padding: 0 200px 120px; } }
@media (min-width: 1200px) {
.page-template-page-blog-parent .keep-up-to-date .inner .instagram-feed {
padding: 0 248px 30px; } }
.page-template-page-blog-parent .keep-up-to-date .inner .instagram-feed h1 {
background-image: url(../img/instagram.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 40px;
color: #4689C8;
font-size: 22px;
padding-top: 48px; }
.page-template-page-blog-parent .keep-up-to-date .inner .instagram-feed img {
display: inline-block;
margin: 0 12px;
width: calc(25% - 18px); }
.page-template-page-blog-parent .keep-up-to-date .inner .instagram-feed img:first-of-type {
margin-left: 0; }
.page-template-page-blog-parent .keep-up-to-date .inner .instagram-feed img:last-of-type {
margin-right: 0; }
.top-banner {
background-color: #B8D4A3;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 225px 0 75px;
text-align: center; }
@media (min-width: 992px) {
.top-banner {
padding: 200px 0 100px; } }
.top-banner h1, .top-banner h2 {
color: #fff; }
.top-banner h1 {
font-size: 40px;
margin: 0 auto; }
.top-banner h2 {
font-size: 20px;
margin: 0 0 30px;
padding: 0; }
.top-banner h2:first-of-type {
margin-bottom: 5px; }
.top-banner .postcode-search {
margin: 0;
padding: 44px 0 15px; }
@media (min-width: 992px) {
.top-banner .postcode-search {
background-image: url(../img/find-your-local-branch.png);
background-position: left 70px top 25px;
background-repeat: no-repeat;
background-size: 140px auto; } }
.top-banner .postcode-search .postcode {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
color: #212B52;
font-size: 15px;
position: relative;
width: 250px; }
@media (min-width: 375px) {
.top-banner .postcode-search .postcode {
width: 320px; } }
@media (max-width: 539px) {
.top-banner .postcode-search .postcode {
border-radius: .3125rem;
margin-bottom: 10px; } }
.top-banner .postcode-search .postcode::placeholder {
color: #C1C1C1; }
.top-banner .postcode-search .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
text-transform: none;
transition: none; }
@media (max-width: 374px) {
.top-banner .postcode-search .btn {
width: 250px; } }
@media (min-width: 375px) and (max-width: 539px) {
.top-banner .postcode-search .btn {
width: 320px; } }
@media (max-width: 539px) {
.top-banner .postcode-search .btn {
border-radius: .3125rem; } }
.top-banner .submit-enquiry {
margin: 0;
padding: 24px 0 45px; }
.top-banner .submit-enquiry.doggy-holiday {
background-image: url(../img/book-your-doggy-holiday.png);
background-position: left 190px top 5px;
background-repeat: no-repeat;
background-size: 140px auto; }
.top-banner .submit-enquiry .enquiry {
background-color: #212B52;
border: 1px #212B52 solid;
border-radius: 5px;
color: #fff;
display: inline-block;
font-weight: bold;
min-width: 200px;
padding: 20px;
transition: none; }
.top-banner .submit-enquiry .enquiry:hover {
background-color: #fff;
color: #212B52; }
.top-banner img {
display: inline; }
.top-banner img.trustpilot {
height: auto;
width: 120px; }
#startFranchise {
background-color: #CF2D2F;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
color: #fff;
left: -100px;
line-height: 40px;
position: fixed;
text-align: center;
top: calc(50% - 360px);
transform: rotate(-90deg);
width: 240px; }
#bookToday {
background-color: #528ECB;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
color: #fff;
display: none;
left: -100px;
line-height: 40px;
position: fixed;
text-align: center;
top: calc(50% - 360px);
transform: rotate(-90deg);
width: 240px; }
@media (max-width: 767px) {
#bookToday {
display: none; } }
.book-your-doggy-holiday .top-section {
background-color: #4689C8;
background-image: url(../img/bouncing-ball.png);
background-position: bottom 15px left 15px;
background-repeat: no-repeat;
background-size: 260px auto;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 66px 20px;
text-align: center; }
@media (min-width: 1200px) {
.book-your-doggy-holiday .top-section {
padding-bottom: 33px; } }
.book-your-doggy-holiday .top-section h1, .book-your-doggy-holiday .top-section h2 {
color: #fff; }
.book-your-doggy-holiday .top-section h1 {
font-size: 40px; }
.book-your-doggy-holiday .top-section h2 {
font-size: 20px;
margin-bottom: 30px; }
.book-your-doggy-holiday .top-section .postcode-search-2 {
margin-bottom: 15px; }
.book-your-doggy-holiday .top-section .postcode-search-2 .postcode-2 {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
color: #212B52;
font-size: 15px;
position: relative;
width: 250px; }
@media (min-width: 375px) {
.book-your-doggy-holiday .top-section .postcode-search-2 .postcode-2 {
width: 300px; } }
@media (max-width: 619px) {
.book-your-doggy-holiday .top-section .postcode-search-2 .postcode-2 {
border-radius: .3125rem;
margin-bottom: 10px; } }
.book-your-doggy-holiday .top-section .postcode-search-2 .postcode-2::placeholder {
color: #C1C1C1; }
.book-your-doggy-holiday .top-section .postcode-search-2 .btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
text-transform: none;
transition: none; }
@media (max-width: 374px) {
.book-your-doggy-holiday .top-section .postcode-search-2 .btn {
width: 250px; } }
@media (min-width: 375px) and (max-width: 619px) {
.book-your-doggy-holiday .top-section .postcode-search-2 .btn {
width: 300px; } }
@media (max-width: 619px) {
.book-your-doggy-holiday .top-section .postcode-search-2 .btn {
border-radius: .3125rem; } }
.book-your-doggy-holiday .bottom-section {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 300px; }
@media (min-width: 768px) {
.book-your-doggy-holiday .bottom-section {
height: 400px; } }
@media (min-width: 992px) {
.book-your-doggy-holiday .bottom-section {
height: 500px; } }
.see-what-we-re-barking-about {
border-bottom: 10px #F2CB00 solid; }
.see-what-we-re-barking-about .top-section {
background-color: #fff; }
.see-what-we-re-barking-about .top-section h1 {
color: #212B52;
font-size: 26px;
margin: 0;
text-align: center; }
.see-what-we-re-barking-about .top-section .link-boxes {
font-size: 0;
padding: 45px calc(50vw - 430px) 0;
text-align: center; }
@media (min-width: 960px) {
.see-what-we-re-barking-about .top-section .link-boxes {
background-image: url(../img/sun-rays-right.png);
background-position: right calc(50vw - 475px) top;
background-repeat: no-repeat;
background-size: 80px auto; } }
@media (min-width: 1360px) {
.see-what-we-re-barking-about .top-section .link-boxes {
background-position: right 210px top;
padding: 45px 255px 0; } }
.see-what-we-re-barking-about .top-section .link-boxes .link-box {
background-color: rgba(120, 199, 203, 0.2);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display: block;
font-size: 20px;
height: 200px;
margin: 0 auto;
max-width: 480px;
overflow: hidden;
position: relative; }
@media (min-width: 480px) {
.see-what-we-re-barking-about .top-section .link-boxes .link-box {
height: 300px; } }
@media (min-width: 768px) {
.see-what-we-re-barking-about .top-section .link-boxes .link-box {
display: inline-block;
height: 500px;
margin: 0;
width: calc(33% - 20px); } }
@media (min-width: 992px) {
.see-what-we-re-barking-about .top-section .link-boxes .link-box {
height: 400px; } }
.see-what-we-re-barking-about .top-section .link-boxes .link-box:nth-of-type(2) {
margin: 30px auto; }
@media (min-width: 768px) {
.see-what-we-re-barking-about .top-section .link-boxes .link-box:nth-of-type(2) {
margin: 0 30px; } }
.see-what-we-re-barking-about .top-section .link-boxes .link-box:hover .caption {
height: auto;
padding: 40px 28px;
top: 0; }
.see-what-we-re-barking-about .top-section .link-boxes .link-box:hover .caption p {
display: block; }
.see-what-we-re-barking-about .top-section .link-boxes .link-box:hover .caption .button {
display: inline-block; }
.see-what-we-re-barking-about .top-section .link-boxes .link-box .caption {
background-color: rgba(120, 199, 203, 0.9);
bottom: 0;
color: #fff;
font-weight: bold;
height: 60px;
left: 0;
padding: 20px 28px;
position: absolute;
right: 0;
text-align: left; }
@media (min-width: 768px) and (max-width: 991px) {
.see-what-we-re-barking-about .top-section .link-boxes .link-box .caption {
height: 80px; } }
.see-what-we-re-barking-about .top-section .link-boxes .link-box .caption p {
color: #212B52;
display: none;
font-weight: normal;
margin-top: 20px; }
.see-what-we-re-barking-about .top-section .link-boxes .link-box .caption .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
bottom: 40px;
display: none;
font-size: 16px;
font-weight: bold;
padding: 11px;
position: absolute;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }
@media (max-width: 767px) {
.see-what-we-re-barking-about .top-section .link-boxes .link-box .caption .button {
background-color: #03296A;
border: 1px #03296A solid; }
.see-what-we-re-barking-about .top-section .link-boxes .link-box .caption .button:hover {
background-color: #fff;
color: #03296A; } }
.see-what-we-re-barking-about .bottom-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-top: -60px; }
@media (min-width: 768px) and (max-width: 992px) {
.see-what-we-re-barking-about .bottom-section {
margin-top: -80px; } }
.see-what-we-re-barking-about .bottom-section .inner {
padding: 160px 0 0;
text-align: center; }
@media (min-width: 480px) {
.see-what-we-re-barking-about .bottom-section .inner p {
padding: 0 40px; } }
@media (min-width: 768px) {
.see-what-we-re-barking-about .bottom-section .inner p {
padding: 0 100px; } }
@media (min-width: 992px) {
.see-what-we-re-barking-about .bottom-section .inner p {
padding: 0 328px; } }
.see-what-we-re-barking-about .bottom-section .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.see-what-we-re-barking-about .bottom-section .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.see-what-we-re-barking-about .bottom-section .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.see-what-we-re-barking-about .bottom-section .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.see-what-we-re-barking-about .bottom-section .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.see-what-we-re-barking-about .bottom-section .inner .instagram {
background-image: url(../img/turquoise-dog-bowl.png);
background-position: left 35px bottom;
background-repeat: no-repeat;
background-size: 148px auto;
font-size: 0;
margin: 40px -15px 0;
overflow: hidden;
padding: 0 0 120px;
text-align: center; }
@media (min-width: 375px) {
.see-what-we-re-barking-about .bottom-section .inner .instagram {
background-image: url(../img/turquoise-dog-bowl.png), url(../img/sausage-dog.png);
background-position: left 35px bottom, right 23px bottom;
background-repeat: no-repeat, no-repeat;
background-size: 148px auto, 172px auto; } }
@media (min-width: 480px) {
.see-what-we-re-barking-about .bottom-section .inner .instagram {
background-position: left 20px bottom, right 8px bottom;
margin: 40px 0 0; } }
@media (min-width: 768px) {
.see-what-we-re-barking-about .bottom-section .inner .instagram {
padding: 0 40px 120px; } }
@media (min-width: 992px) {
.see-what-we-re-barking-about .bottom-section .inner .instagram {
padding: 0 200px 120px; } }
@media (min-width: 1200px) {
.see-what-we-re-barking-about .bottom-section .inner .instagram {
padding: 0 248px 30px; } }
.see-what-we-re-barking-about .bottom-section .inner .instagram h1 {
background-image: url(../img/instagram.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 40px;
color: #4689C8;
font-size: 22px;
padding-top: 48px; }
.see-what-we-re-barking-about .bottom-section .inner .instagram img {
display: inline-block;
margin: 0 12px;
width: calc(25% - 18px); }
.see-what-we-re-barking-about .bottom-section .inner .instagram img:first-of-type {
margin-left: 0; }
.see-what-we-re-barking-about .bottom-section .inner .instagram img:last-of-type {
margin-right: 0; }
.you-may-have-seen-us {
padding: 80px 0; }
@media (min-width: 992px) {
.you-may-have-seen-us {
padding-bottom: 100px; } }
.you-may-have-seen-us h1 {
color: #78C7CB;
font-size: 26px;
margin-bottom: 20px;
text-align: center; }
@media (min-width: 992px) {
.you-may-have-seen-us h1 {
margin-bottom: 40px; } }
@media (max-width: 991px) {
.you-may-have-seen-us .logos {
text-align: center; }
.you-may-have-seen-us .logos img {
display: inline-block;
margin: 20px 30px; } }
@media (min-width: 992px) {
.you-may-have-seen-us .logos {
align-content: stretch;
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between; }
.you-may-have-seen-us .logos img {
align-self: center;
flex: 0 1 auto;
order: 0; } }
.form-banner {
background-color: #4689C8;
padding: 66px 0 100px; }
.form-banner h1, .form-banner h2 {
text-align: center; }
.form-banner h1 {
color: #fff;
font-size: 28px;
margin-bottom: 12px;
padding: 0; }
.form-banner h2 {
color: #212B52;
font-family: PlutoRegular, sans-serif;
font-size: 15px;
font-weight: normal;
margin-bottom: 12px; }
.form-banner .row.fifty-fifty label {
float: left;
width: calc(50% - .5rem); }
.form-banner .row.fifty-fifty label:last-child {
float: right; }
.form-banner .row.fifty-fifty label .wpcf7-form-control-wrap {
float: none;
width: 100%; }
.form-banner label {
font-size: 15px; }
.form-banner label input, .form-banner label select, .form-banner label textarea {
margin: 14px 0 24px; }
.form-banner label input::placeholder, .form-banner label textarea::placeholder {
color: #C1C1C1; }
.form-banner .wpcf7-form-control-wrap.gdpr {
float: left;
margin-top: 8px;
width: 75%; }
.form-banner .wpcf7-form-control-wrap.gdpr input {
margin-top: -2px; }
.form-banner .wpcf7-form-control-wrap.gdpr .wpcf7-list-item-label {
color: #212B52; }
.form-banner .required-services {
margin: 12px 0 15px; }
@media (min-width: 768px) {
.form-banner .required-services .wpcf7-list-item {
display: inline-block;
vertical-align: top;
width: 33%; } }
.form-banner .btn.yellow {
color: #fff;
left: 0;
margin-top: 5px;
margin-bottom: 20px;
padding: 10px 30px;
position: default;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
text-transform: none;
transform: none;
transition: none; }
@media (min-width: 768px) {
.form-banner .btn.yellow {
float: right;
margin-top: -3px; } }
.form-banner .btn.yellow:hover {
text-shadow: none; }
.page-template-default .how-can-we-help-today .top-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 75px 0; }
.page-template-default .how-can-we-help-today .top-section h1, .page-template-default .how-can-we-help-today .top-section p {
padding: 0 20px; }
@media (min-width: 480px) {
.page-template-default .how-can-we-help-today .top-section h1, .page-template-default .how-can-we-help-today .top-section p {
padding: 0 calc(50vw - 400px); } }
@media (min-width: 1360px) {
.page-template-default .how-can-we-help-today .top-section h1, .page-template-default .how-can-we-help-today .top-section p {
padding: 0 150px; } }
.page-template-default .how-can-we-help-today .top-section h1 {
color: #212B52;
font-size: 26px;
margin: 0 0 20px;
text-align: center; }
.page-template-default .how-can-we-help-today .top-section p {
text-align: center; }
.page-template-default .how-can-we-help-today .top-section .link-boxes {
/*background-image: url(../img/sun-rays-left.png), url(../img/turquoise-dog-sitting-down.png);
background-position: left 195px top, right bottom 106px;
background-repeat: no-repeat, no-repeat;
background-size: 80px auto, 115px auto;*/
font-size: 0;
padding: 45px 20px 0;
text-align: center; }
@media (min-width: 480px) {
.page-template-default .how-can-we-help-today .top-section .link-boxes {
padding: 45px calc(50vw - 240px) 0; } }
@media (min-width: 768px) {
.page-template-default .how-can-we-help-today .top-section .link-boxes {
padding: 45px 0 0; } }
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box {
background-color: rgba(120, 199, 203, 0.2);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display: block;
font-size: 20px;
height: 240px;
margin: 0 0 30px;
position: relative; }
@media (min-width: 480px) {
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box {
height: 300px; } }
@media (min-width: 768px) {
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box {
display: inline-block;
margin: 0 15px;
width: calc(25% - 30px); } }
@media (min-width: 992px) {
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box {
height: 400px; } }
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box:hover .caption {
background-color: rgba(120, 199, 203, 0.9); }
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box:hover .caption .button {
background-color: #fff;
border-color: #78C7CB;
color: #212B52;
text-shadow: none; }
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box .caption {
background-color: rgba(84, 129, 131, 0.5);
bottom: 0;
color: #fff;
font-weight: bold;
height: 116px;
left: 0;
padding: 15px 30px;
position: absolute;
right: 0;
text-align: left; }
@media (min-width: 768px) {
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box .caption {
height: 176px;
padding: 15px; } }
@media (min-width: 840px) {
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box .caption {
height: 136px; } }
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box .caption .text {
margin-bottom: 12px; }
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box .caption .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
display: inline-block;
font-size: 16px;
font-weight: bold;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4); }
@media (max-width: 767px) {
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box .caption .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-default .how-can-we-help-today .top-section .link-boxes .link-box .caption .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-default .how-can-we-help-today .bottom-section {
background-color: #fff;
margin-top: -106px; }
.page-template-default .how-can-we-help-today .bottom-section .inner {
/*background-image: url(../img/poodle.png);
background-position: bottom -1px left 30px;
background-repeat: no-repeat;
background-size: 160px auto;*/
padding: 160px 200px 90px;
text-align: center; }
.page-template-default .how-can-we-help-today .bottom-section .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.page-template-default .how-can-we-help-today .bottom-section .inner h2 {
color: #212B52;
font-size: 20px;
margin-bottom: 20px;
padding: 0; }
.page-template-default .how-can-we-help-today .bottom-section .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-default .how-can-we-help-today .bottom-section .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-default .how-can-we-help-today .bottom-section .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-default .how-can-we-help-today .bottom-section .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-branches .branch-regions h2 {
display: block;
padding: 0;
text-align: center; }
.page-template-page-branches .branches-heading {
margin-bottom: 50px; }
.page-template-page-branches .branches-heading .top-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 50px 0 35px;
text-align: center; }
.page-template-page-branches .branches-heading .top-section h1, .page-template-page-branches .branches-heading .top-section h2, .page-template-page-branches .branches-heading .top-section p {
padding: 0 75px; }
.page-template-page-branches .branches-heading .top-section h1, .page-template-page-branches .branches-heading .top-section h2 {
color: #212B52;
font-size: 26px;
margin: 0 0 20px;
text-align: center; }
.page-template-page-branches .branches-heading .top-section p {
margin-bottom: 20px;
text-align: center; }
.page-template-page-branches .branches-heading .top-section .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-branches .branches-heading .top-section .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-branches .branches-heading .top-section .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-branches .branches-heading .top-section .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-branches .branches-heading .bottom-section {
background-color: #fff; }
.page-template-page-branches .branches-heading .bottom-section .inner {
background-image: url(../img/poodle.png);
background-position: bottom -1px left 30px;
background-repeat: no-repeat;
background-size: 160px auto;
padding: 160px 200px 90px;
text-align: center; }
.page-template-page-branches .branches-heading .bottom-section .inner h1 {
color: #212B52;
font-size: 26px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-branches .branches-heading .bottom-section .inner h2 {
color: #212B52;
font-size: 20px;
margin-bottom: 20px;
padding: 0; }
.page-template-page-branches .branches-heading .bottom-section .inner .button {
background-color: #F2CB00;
border-radius: 4px;
border: 1px #F2CB00 solid;
color: #fff;
display: inline-block;
font-weight: bold;
margin-top: 22px;
padding: 11px;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
transition: none; }
.page-template-page-branches .branches-heading .bottom-section .inner .button:hover {
background-color: #fff;
border-color: #212B52;
color: #212B52;
text-shadow: none; }
@media (max-width: 767px) {
.page-template-page-branches .branches-heading .bottom-section .inner .button {
background-color: #03296A;
border: 1px #03296A solid; }
.page-template-page-branches .branches-heading .bottom-section .inner .button:hover {
background-color: #fff;
color: #03296A; } }
.page-template-page-branches .branch-regions h2 {
color: #78C7CB;
font-size: 26px; }
.page-template-page-branches .form-banner {
margin-top: 50px; }
.page-template-page-branches .footer {
margin-top: 100px; }
@media (min-width: 768px) {
.page-template-page-branches .footer {
margin-top: 40px; } }
.page-template-page-contact .map-container {
margin-top: 0; }
.page-template-page-contact .map-container #map, .page-template-page-contact .map-container .info {
height: 408px; }
.single-post .blog-content {
padding: 75px 0 90px; }
.single-post .blog-content h2 {
color: #212B52;
font-size: 24px;
margin-bottom: 30px;
padding: 0;
text-align: center; }
.single-post .blog-content img {
/*&.alignleft, &.alignright, &.aligncenter {
float: none;
height: auto;
margin: 0 auto 20px;
max-width: none;
width: 640px;
}*/ }
.page-template-page-form .form-container {
background-color: #fff;
margin-top: 100px;
padding: 24px 0 64px; }
@media (min-width: 1368px) {
.page-template-page-form .form-container {
margin-top: 40px;
padding: 24px 24px 64px; } }
.page-template-page-form .form-container .book-your-doggy-holiday .top-section {
background-color: #4689C8;
background-image: url(../img/bouncing-ball.png);
background-position: bottom 15px left 15px;
background-repeat: no-repeat;
background-size: 200px auto;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 55px 20px 55px;
text-align: center; }
@media (min-width: 768px) {
.page-template-page-form .form-container .book-your-doggy-holiday .top-section {
padding: 55px 90px 55px; } }
.page-template-page-form .form-container .book-your-doggy-holiday .top-section h1 {
font-size: 28px;
margin-bottom: 32px; }
@media (min-width: 768px) {
.page-template-page-form .form-container .book-your-doggy-holiday .top-section h1 {
margin-bottom: 20px; } }
@media (min-width: 1360px) {
.page-template-page-form .form-container .book-your-doggy-holiday .top-section h1 {
font-size: 40px; } }
.page-template-page-form .form-container .book-your-doggy-holiday .bottom-section {
background-color: #F1F3F1;
background-image: url(../img/bones-full.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: auto;
padding: 55px 20px 55px; }
@media (min-width: 768px) {
.page-template-page-form .form-container .book-your-doggy-holiday .bottom-section {
padding: 55px 90px 55px; } }
.page-template-page-form .form-container .book-your-doggy-holiday .bottom-section h2 {
font-size: 20px;
margin-bottom: 20px;
text-align: center; }
@media (min-width: 1360px) {
.page-template-page-form .form-container .book-your-doggy-holiday .bottom-section h2 {
font-size: 26px; } }
.page-template-page-form .form-container .book-your-doggy-holiday .bottom-section .wpcf7-form-control {
color: #212B52;
margin-bottom: 20px; }
.page-template-page-form .form-container .book-your-doggy-holiday .bottom-section .wpcf7-form-control::placeholder {
color: #212B52; }
.page-template-page-form .form-container .book-your-doggy-holiday .bottom-section .wpcf7-list-item-label {
color: #212B52;
font-size: 16px;
text-shadow: none; }
.page-template-page-form .form-container .book-your-doggy-holiday .bottom-section .wpcf7-list-item input {
float: left; }
.page-template-page-form .form-container .book-your-doggy-holiday .bottom-section .required-services .wpcf7-list-item {
display: inline-block;
width: 33%; }
.page-template-page-form .form-container .book-your-doggy-holiday .bottom-section textarea {
min-height: 100px; }
.page-template-page-form .form-container .book-your-doggy-holiday .bottom-section .wpcf7-submit {
display: block;
margin: 20px auto 0; }
.footer {
background-color: #212B52; }
.footer .medium-container {
padding: 0 15px; }
.footer .top-footer {
border-bottom: 1px #fff solid;
padding: 66px 0 44px; }
@media (min-width: 768px) {
.footer .top-footer {
align-content: stretch;
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between; } }
.footer .top-footer .barking-mad-logo, .footer .top-footer .locally-owned-nationally-recongised, .footer .top-footer .trustpilot, .footer .top-footer .dogs-for-good {
align-self: flex-end;
flex: 0 1 auto;
order: 0; }
.footer .top-footer .barking-mad-logo {
width: 120px; }
.footer .top-footer .locally-owned-nationally-recongised {
color: #fff;
font-size: 18px;
font-weight: bold;
margin-bottom: 24px; }
@media (min-width: 768px) {
.footer .top-footer .locally-owned-nationally-recongised {
margin-bottom: 0;
width: calc(100vw - 300px); } }
@media (min-width: 992px) {
.footer .top-footer .locally-owned-nationally-recongised {
width: 700px; } }
@media (min-width: 1200px) {
.footer .top-footer .locally-owned-nationally-recongised {
width: 740px; } }
@media (max-width: 767px) {
.footer .top-footer .trustpilot, .footer .top-footer .dogs-for-good {
display: inline-block; } }
@media (max-width: 767px) {
.footer .top-footer .trustpilot {
margin-right: 40px; } }
.footer .top-footer .trustpilot img {
width: 120px; }
.footer .top-footer .dogs-for-good {
width: 100px; }
.footer .middle-footer {
overflow: hidden;
padding: 36px 0 60px; }
@media (min-width: 520px) {
.footer .middle-footer .footer-menu-1, .footer .middle-footer .footer-menu-2, .footer .middle-footer .footer-contact {
float: left; } }
@media (min-width: 520px) {
.footer .middle-footer .footer-menu-1 {
width: 290px; } }
.footer .middle-footer .footer-menu-1 h1 {
color: #fff;
font-size: 14px;
font-weight: normal;
line-height: 24px;
margin: 0;
padding: 0; }
.footer .middle-footer .footer-menu-1 .menu-footer-menu-1-reskin-container #menu-footer-menu-1-reskin li {
font-size: 14px;
line-height: 24px; }
.footer .middle-footer .footer-menu-1 .menu-footer-menu-1-reskin-container #menu-footer-menu-1-reskin li a {
color: #fff;
text-decoration: none; }
.footer .middle-footer .footer-menu-1 .menu-footer-menu-1-reskin-container #menu-footer-menu-1-reskin li a:hover {
text-decoration: underline; }
.footer .middle-footer .footer-menu-2 {
margin-top: 24px; }
@media (min-width: 520px) {
.footer .middle-footer .footer-menu-2 {
margin-top: 0;
width: 200px; } }
.footer .middle-footer .footer-menu-2 .menu-footer-menu-2-reskin-container #menu-footer-menu-2-reskin li {
font-size: 14px;
line-height: 24px;
font-weight: bold; }
.footer .middle-footer .footer-menu-2 .menu-footer-menu-2-reskin-container #menu-footer-menu-2-reskin li a {
color: #fff;
text-decoration: none; }
.footer .middle-footer .footer-menu-2 .menu-footer-menu-2-reskin-container #menu-footer-menu-2-reskin li a:hover {
text-decoration: underline; }
.footer .middle-footer .footer-contact {
clear: both;
color: #fff;
font-size: 13px;
line-height: 24px;
margin-top: 24px;
width: 290px; }
@media (min-width: 992px) {
.footer .middle-footer .footer-contact {
clear: none;
margin-top: 0; } }
.footer .middle-footer .footer-contact a {
color: #fff;
font-size: 14px;
font-weight: bold;
text-decoration: none; }
.footer .middle-footer .footer-contact a:hover {
text-decoration: underline; }
.footer .middle-footer .footer-contact span {
white-space: nowrap; }
@media (max-width: 519px) {
.footer .middle-footer .footer-contact span {
display: block; } }
.footer .middle-footer .footer-fbw {
margin-top: 40px; }
@media (min-width: 520px) {
.footer .middle-footer .footer-fbw {
float: left;
margin-top: 8px;
width: 150px; } }
@media (min-width: 992px) {
.footer .middle-footer .footer-fbw {
float: right;
margin-top: 0; } }
.footer .bottom-footer {
background-color: #1C2345;
overflow: hidden; }
@media (min-width: 1200px) {
.footer .bottom-footer .footer-menu-3 {
float: left;
width: 830px; } }
.footer .bottom-footer .footer-menu-3 .menu-footer-menu-3-reskin-container #menu-footer-menu-3-reskin {
padding: 21px 0; }
.footer .bottom-footer .footer-menu-3 .menu-footer-menu-3-reskin-container #menu-footer-menu-3-reskin li {
display: inline;
font-size: 0; }
.footer .bottom-footer .footer-menu-3 .menu-footer-menu-3-reskin-container #menu-footer-menu-3-reskin li:last-of-type::after {
content: ''; }
.footer .bottom-footer .footer-menu-3 .menu-footer-menu-3-reskin-container #menu-footer-menu-3-reskin li::after {
color: #4689C8;
content: '\2022';
font-size: 14px;
margin: 0 5px 0 8px; }
.footer .bottom-footer .footer-menu-3 .menu-footer-menu-3-reskin-container #menu-footer-menu-3-reskin li a {
color: #fff;
font-size: 13px;
text-decoration: none; }
.footer .bottom-footer .footer-menu-3 .menu-footer-menu-3-reskin-container #menu-footer-menu-3-reskin li a:hover {
text-decoration: underline; }
.footer .bottom-footer .social-media {
padding: 11px 0; }
@media (min-width: 1200px) {
.footer .bottom-footer .social-media {
float: right;
text-align: right;
width: 270px; } }
.footer .bottom-footer .social-media .pinterest, .footer .bottom-footer .social-media .facebook, .footer .bottom-footer .social-media .twitter, .footer .bottom-footer .social-media .instagram, .footer .bottom-footer .social-media .linked-in {
background-position: center;
background-repeat: no-repeat;
background-size: 32px 32px;
border-radius: 100%;
border: 3px #fff solid;
display: inline-block;
height: 36px;
margin-right: 12px;
padding: 0 4px;
width: 36px;
transition: none; }
@media (min-width: 768px) {
.footer .bottom-footer .social-media .pinterest, .footer .bottom-footer .social-media .facebook, .footer .bottom-footer .social-media .twitter, .footer .bottom-footer .social-media .instagram, .footer .bottom-footer .social-media .linked-in {
margin-left: 12px;
margin-right: 0; } }
.footer .bottom-footer .social-media .pinterest:hover, .footer .bottom-footer .social-media .facebook:hover, .footer .bottom-footer .social-media .twitter:hover, .footer .bottom-footer .social-media .instagram:hover, .footer .bottom-footer .social-media .linked-in:hover {
border-color: #4689C8; }
.footer .bottom-footer .social-media .pinterest {
background-image: url(../theme-svg/pintrest.svg); }
.footer .bottom-footer .social-media .facebook {
background-image: url(../theme-svg/facebook.svg); }
.footer .bottom-footer .social-media .twitter {
background-image: url(../theme-svg/twitter.svg); }
.footer .bottom-footer .social-media .instagram {
background-image: url(../theme-svg/instagram.svg); }
.footer .bottom-footer .social-media .linked-in {
background-image: url(../theme-svg/linked-in.svg); }
.form-banner .wpcf7-form-control {
font-size: 0.875rem;
margin-bottom: 20px; }
@media (min-width: 480px) {
.form-banner .wpcf7-form-control {
margin-bottom: 0; } }
.form-banner input[type=checkbox] {
margin: 0;
float: left; }
.form-banner h3 {
color: #002147;
font-size: 15px;
font-family: PlutoRegular, sans-serif;
margin-top: 20px; }
.form-banner .twenty-forty-forty .wpcf7-form-control-wrap {
margin-bottom: 20px; }
@media (min-width: 480px) {
.form-banner .twenty-forty-forty .wpcf7-form-control-wrap {
float: left;
width: calc(40% - .5rem); } }
@media (min-width: 480px) {
.form-banner .twenty-forty-forty .wpcf7-form-control-wrap:first-child {
margin-right: 0.75rem;
width: calc(20% - .5rem); } }
@media (min-width: 480px) {
.form-banner .twenty-forty-forty .wpcf7-form-control-wrap:last-child, .form-banner .fifty-fifty .wpcf7-form-control-wrap:last-child {
float: right; } }
@media (min-width: 480px) {
.form-banner .fifty-fifty .wpcf7-form-control-wrap {
width: calc(50% - .5rem);
float: left; } }
@media (min-width: 480px) {
.form-banner .fifty-fifty .wpcf7-form-control-wrap:last-child {
float: right; } }
.form-banner .wpcf7-response-output.wpcf7-validation-errors {
margin: 0 0 1rem; }
.form-banner .wpcf7-response-output.wpcf7-validation-errors div {
font-size: 1.125rem;
line-height: 1.5; }
.form-banner .wpcf7-form-control.wpcf7-not-valid {
color: #e84040; }
.form-banner .wpcf7-checkbox.is-invalid input {
border: 1px #e84040 solid; }
.form-banner .wpcf7-checkbox.is-invalid .wpcf7-list-item-label {
color: #e84040; }
@media (min-width: 480px) {
.form-container .bottom-section.prospectus-request-form .twenty-forty-forty .wpcf7-form-control-wrap, .form-container .bottom-section.host-request-form .twenty-forty-forty .wpcf7-form-control-wrap {
float: left;
width: calc(40% - .5rem); } }
@media (min-width: 480px) {
.form-container .bottom-section.prospectus-request-form .twenty-forty-forty .wpcf7-form-control-wrap:first-child, .form-container .bottom-section.host-request-form .twenty-forty-forty .wpcf7-form-control-wrap:first-child {
margin-right: 0.75rem;
width: calc(20% - .5rem); } }
@media (min-width: 480px) {
.form-container .bottom-section.prospectus-request-form .twenty-forty-forty .wpcf7-form-control-wrap:last-child, .form-container .bottom-section.host-request-form .twenty-forty-forty .wpcf7-form-control-wrap:last-child {
float: right; } }
@media (min-width: 480px) {
.form-container .bottom-section.prospectus-request-form .fifty-fifty .wpcf7-form-control-wrap, .form-container .bottom-section.host-request-form .fifty-fifty .wpcf7-form-control-wrap {
float: left;
width: calc(50% - .5rem); } }
@media (min-width: 480px) {
.form-container .bottom-section.prospectus-request-form .fifty-fifty .wpcf7-form-control-wrap:last-child, .form-container .bottom-section.host-request-form .fifty-fifty .wpcf7-form-control-wrap:last-child {
float: right; } }
.form-container .bottom-section.prospectus-request-form .wpcf7-response-output.wpcf7-validation-errors, .form-container .bottom-section.host-request-form .wpcf7-response-output.wpcf7-validation-errors {
margin: 0 0 1rem; }
.form-container .bottom-section.prospectus-request-form .wpcf7-response-output.wpcf7-validation-errors div, .form-container .bottom-section.host-request-form .wpcf7-response-output.wpcf7-validation-errors div {
font-size: 1.125rem;
line-height: 1.5; }
.form-container .bottom-section.prospectus-request-form .wpcf7-form-control.wpcf7-not-valid, .form-container .bottom-section.host-request-form .wpcf7-form-control.wpcf7-not-valid {
color: #e84040; }
.form-container .bottom-section.prospectus-request-form .wpcf7-checkbox.is-invalid input, .form-container .bottom-section.host-request-form .wpcf7-checkbox.is-invalid input {
border: 1px #e84040 solid; }
.form-container .bottom-section.prospectus-request-form .wpcf7-checkbox.is-invalid .wpcf7-list-item-label, .form-container .bottom-section.host-request-form .wpcf7-checkbox.is-invalid .wpcf7-list-item-label {
color: #e84040; }
div.idpc_autocomplete {
position: relative; }
div.idpc_autocomplete > ul {
position: absolute;
left: 0;
z-index: 1;
min-width: 100%;
box-sizing: border-box;
list-style: none;
padding: 0;
border-radius: .3em;
margin: .2em 0 0;
padding: 1rem;
background: #fff;
text-shadow: none;
max-height: 250px;
overflow-y: scroll;
top: calc(100% - 20px); }
div.idpc_autocomplete > ul li {
cursor: pointer;
line-height: 1.5rem; }
@media (min-width: 768px) {
.page-id-24 .general-info-about-services .bottom-section .image-at-top, .page-id-25 .general-info-about-services .bottom-section .image-at-top {
background-position: top -50px center; } }
@media (max-width: 767px) {
.page-id-12070 .general-info-about-services .bottom-section .image-at-top, .page-id-22 .general-info-about-services .bottom-section .image-at-top {
height: 0;
padding-bottom: 60%;
position: relative; } }
@media (max-width: 767px) {
.page-id-12783 .general-info-about-services .bottom-section .image-at-top.trustpilot-reviews {
height: 0;
padding-bottom: 60%;
position: relative; } }
@media (min-width: 768px) {
.page-id-12783 .page-template-page-landing .general-info-about-services .top-section.joe-and-sara-king {
background-position: top -150px center; } }
@media (min-width: 768px) {
.page-id-11975 .bottom-general-info-about .bottom-section {
background-position: top -75px center; } }
@media (min-width: 992px) {
.page-id-13972 .general-info-about-services .top-section {
background-position: top -200px center; } }
@media (min-width: 768px) {
.page-id-12815 .general-info-about-services .bottom-section .image-at-top.mandy-joy {
background-position: top -150px center; } }
@media (min-width: 768px) {
.page-id-18194 .general-info-about-services .bottom-section .image-at-top.buckinghamshire {
background-position: top -200px center; } }
@media (min-width: 768px) {
.page-id-18194 .bottom-general-info-about .bottom-section.archie {
background-position: top -175px center; } }
@media (min-width: 768px) {
.page-id-13443 .general-info-about-services .bottom-section .image-at-top.paisley {
background-position: top -175px center; } }
@media (min-width: 768px) {
.page-id-13443 .general-info-about-services .top-section.joe-and-sara-king {
background-position: top -150px center; } }
@media (min-width: 768px) {
.page-id-13443 .bottom-general-info-about .bottom-section.lynne-and-graham {
background-position: top -75px center; } }
@media (min-width: 768px) {
.page-id-12074 .general-info-about-services .top-section.joe-and-sara-king {
background-position: top -125px center; } }
@media (min-width: 768px) {
.page-id-8753 .general-info-about-services .top-section.bm-award-02 {
background-position: top -200px center; } }
@media (min-width: 768px) {
.page-id-8753 .general-info-about-services .bottom-section .image-at-top.jakki-and-trudi {
background-position: top -100px center; } }
@media (min-width: 768px) {
.page-id-8756 .general-info-about-services .top-section.winning-stall {
background-position: top -275px center; } }
@media (min-width: 768px) {
.page-id-8756 .general-info-about-services .bottom-section .image-at-top.pet-industry {
background-position: top -225px center; } }
@media (min-width: 768px) {
.page-id-8758 .general-info-about-services .top-section.photoshoot {
background-position: top -125px center; } }
@media (min-width: 768px) {
.page-id-8758 .general-info-about-services .bottom-section .image-at-top.sep-2013 {
background-position: top -150px center; } }
@media (min-width: 768px) {
.page-id-42 .general-info-about-services .top-section.new-office {
background-position: top -275px center; } }
@media (min-width: 768px) {
.page-id-22 .bottom-general-info-about .bottom-section.jZJQcOgQ {
background-position: top -25px center; } }
@media (max-width: 767px) {
body.dark-blue-banner .top-banner {
background-color: #03296A;
background-image: none !important;
padding: 140px 0 40px; }
body.dark-blue-banner .top-banner .postcode-search .btn {
background-color: #78C7CB;
border: .063rem solid #78C7CB;
vertical-align: middle; }
body.dark-blue-banner .top-banner .postcode-search .btn:hover {
background-color: #4689C8;
border: .063rem solid #4689C8;
color: #fff; }
body.dark-blue-banner .top-banner .postcode-search {
padding: 20px 0 0; }
body.turquoise-banner .top-banner {
background-color: #78C7CB;
background-image: none !important;
padding: 140px 0 40px; }
body.turquoise-banner .top-banner .postcode-search .btn {
/*background-color: #FFDB03;
border: .063rem solid #FFDB03;
vertical-align: middle;*/ }
body.turquoise-banner .header .mobile-menu-toggle-container .mobile-menu-toggle {
background-color: #03296A; }
body.turquoise-banner .top-banner .postcode-search {
padding: 20px 0 0; }
body.light-blue-banner .top-banner {
background-color: #4689C8;
background-image: none !important;
padding: 140px 0 40px; }
body.light-blue-banner .top-banner .postcode-search .btn {
/*background-color: #FFDB03;
border: .063rem solid #FFDB03;
vertical-align: middle;*/ }
body.light-blue-banner .header .mobile-our-branches {
background-color: #03296A; }
body.light-blue-banner .top-banner .postcode-search {
padding: 20px 0 0; } }
.single-branch .wpcf7-form.invalid .form31075 .addresslookup, .single-branch .wpcf7-form.invalid .form51345 .addresslookup, .page-template-default .wpcf7-form.invalid .form31075 .addresslookup, .page-template-default .wpcf7-form.invalid .form51345 .addresslookup, .page-template-page-parent .wpcf7-form.invalid .form31075 .addresslookup, .page-template-page-parent .wpcf7-form.invalid .form51345 .addresslookup, .page-template-page-host-form .wpcf7-form.invalid .form31075 .addresslookup, .page-template-page-host-form .wpcf7-form.invalid .form51345 .addresslookup, .page-template-page-head-office .wpcf7-form.invalid .form31075 .addresslookup, .page-template-page-head-office .wpcf7-form.invalid .form51345 .addresslookup {
display: none; }
.single-branch .wpcf7-form.invalid .form31075 .addresslines.hidden, .single-branch .wpcf7-form.invalid .form51345 .addresslines.hidden, .page-template-default .wpcf7-form.invalid .form31075 .addresslines.hidden, .page-template-default .wpcf7-form.invalid .form51345 .addresslines.hidden, .page-template-page-parent .wpcf7-form.invalid .form31075 .addresslines.hidden, .page-template-page-parent .wpcf7-form.invalid .form51345 .addresslines.hidden, .page-template-page-host-form .wpcf7-form.invalid .form31075 .addresslines.hidden, .page-template-page-host-form .wpcf7-form.invalid .form51345 .addresslines.hidden, .page-template-page-head-office .wpcf7-form.invalid .form31075 .addresslines.hidden, .page-template-page-head-office .wpcf7-form.invalid .form51345 .addresslines.hidden {
display: block; }
.single-branch .form31075 select, .single-branch .form31075 input.firstname, .single-branch .form31075 input.surname, .single-branch .form31075 input.telephone, .single-branch .form31075 input.email, .single-branch .form31075 input.addresslookup, .single-branch .form31075 input.addressline1, .single-branch .form31075 input.addressline2, .single-branch .form31075 input.addressline4, .single-branch .form31075 input.addresspostcode, .single-branch .form31075 input.how-other, .single-branch .form51345 select, .single-branch .form51345 input.firstname, .single-branch .form51345 input.surname, .single-branch .form51345 input.telephone, .single-branch .form51345 input.email, .single-branch .form51345 input.addresslookup, .single-branch .form51345 input.addressline1, .single-branch .form51345 input.addressline2, .single-branch .form51345 input.addressline4, .single-branch .form51345 input.addresspostcode, .single-branch .form51345 input.how-other, .page-template-default .form31075 select, .page-template-default .form31075 input.firstname, .page-template-default .form31075 input.surname, .page-template-default .form31075 input.telephone, .page-template-default .form31075 input.email, .page-template-default .form31075 input.addresslookup, .page-template-default .form31075 input.addressline1, .page-template-default .form31075 input.addressline2, .page-template-default .form31075 input.addressline4, .page-template-default .form31075 input.addresspostcode, .page-template-default .form31075 input.how-other, .page-template-default .form51345 select, .page-template-default .form51345 input.firstname, .page-template-default .form51345 input.surname, .page-template-default .form51345 input.telephone, .page-template-default .form51345 input.email, .page-template-default .form51345 input.addresslookup, .page-template-default .form51345 input.addressline1, .page-template-default .form51345 input.addressline2, .page-template-default .form51345 input.addressline4, .page-template-default .form51345 input.addresspostcode, .page-template-default .form51345 input.how-other, .page-template-page-parent .form31075 select, .page-template-page-parent .form31075 input.firstname, .page-template-page-parent .form31075 input.surname, .page-template-page-parent .form31075 input.telephone, .page-template-page-parent .form31075 input.email, .page-template-page-parent .form31075 input.addresslookup, .page-template-page-parent .form31075 input.addressline1, .page-template-page-parent .form31075 input.addressline2, .page-template-page-parent .form31075 input.addressline4, .page-template-page-parent .form31075 input.addresspostcode, .page-template-page-parent .form31075 input.how-other, .page-template-page-parent .form51345 select, .page-template-page-parent .form51345 input.firstname, .page-template-page-parent .form51345 input.surname, .page-template-page-parent .form51345 input.telephone, .page-template-page-parent .form51345 input.email, .page-template-page-parent .form51345 input.addresslookup, .page-template-page-parent .form51345 input.addressline1, .page-template-page-parent .form51345 input.addressline2, .page-template-page-parent .form51345 input.addressline4, .page-template-page-parent .form51345 input.addresspostcode, .page-template-page-parent .form51345 input.how-other, .page-template-page-host-form .form31075 select, .page-template-page-host-form .form31075 input.firstname, .page-template-page-host-form .form31075 input.surname, .page-template-page-host-form .form31075 input.telephone, .page-template-page-host-form .form31075 input.email, .page-template-page-host-form .form31075 input.addresslookup, .page-template-page-host-form .form31075 input.addressline1, .page-template-page-host-form .form31075 input.addressline2, .page-template-page-host-form .form31075 input.addressline4, .page-template-page-host-form .form31075 input.addresspostcode, .page-template-page-host-form .form31075 input.how-other, .page-template-page-host-form .form51345 select, .page-template-page-host-form .form51345 input.firstname, .page-template-page-host-form .form51345 input.surname, .page-template-page-host-form .form51345 input.telephone, .page-template-page-host-form .form51345 input.email, .page-template-page-host-form .form51345 input.addresslookup, .page-template-page-host-form .form51345 input.addressline1, .page-template-page-host-form .form51345 input.addressline2, .page-template-page-host-form .form51345 input.addressline4, .page-template-page-host-form .form51345 input.addresspostcode, .page-template-page-host-form .form51345 input.how-other, .page-template-page-head-office .form31075 select, .page-template-page-head-office .form31075 input.firstname, .page-template-page-head-office .form31075 input.surname, .page-template-page-head-office .form31075 input.telephone, .page-template-page-head-office .form31075 input.email, .page-template-page-head-office .form31075 input.addresslookup, .page-template-page-head-office .form31075 input.addressline1, .page-template-page-head-office .form31075 input.addressline2, .page-template-page-head-office .form31075 input.addressline4, .page-template-page-head-office .form31075 input.addresspostcode, .page-template-page-head-office .form31075 input.how-other, .page-template-page-head-office .form51345 select, .page-template-page-head-office .form51345 input.firstname, .page-template-page-head-office .form51345 input.surname, .page-template-page-head-office .form51345 input.telephone, .page-template-page-head-office .form51345 input.email, .page-template-page-head-office .form51345 input.addresslookup, .page-template-page-head-office .form51345 input.addressline1, .page-template-page-head-office .form51345 input.addressline2, .page-template-page-head-office .form51345 input.addressline4, .page-template-page-head-office .form51345 input.addresspostcode, .page-template-page-head-office .form51345 input.how-other {
margin-bottom: 1rem;
padding: 16px !important; }
.single-branch .form31075 textarea, .single-branch .form51345 textarea, .page-template-default .form31075 textarea, .page-template-default .form51345 textarea, .page-template-page-parent .form31075 textarea, .page-template-page-parent .form51345 textarea, .page-template-page-host-form .form31075 textarea, .page-template-page-host-form .form51345 textarea, .page-template-page-head-office .form31075 textarea, .page-template-page-head-office .form51345 textarea {
margin-bottom: 1rem; }
.single-branch .form31075 h3, .single-branch .form51345 h3, .page-template-default .form31075 h3, .page-template-default .form51345 h3, .page-template-page-parent .form31075 h3, .page-template-page-parent .form51345 h3, .page-template-page-host-form .form31075 h3, .page-template-page-host-form .form51345 h3, .page-template-page-head-office .form31075 h3, .page-template-page-head-office .form51345 h3 {
margin-top: 5px; }
.single-branch .form31075 .required-services-container h3, .single-branch .form51345 .required-services-container h3, .page-template-default .form31075 .required-services-container h3, .page-template-default .form51345 .required-services-container h3, .page-template-page-parent .form31075 .required-services-container h3, .page-template-page-parent .form51345 .required-services-container h3, .page-template-page-host-form .form31075 .required-services-container h3, .page-template-page-host-form .form51345 .required-services-container h3, .page-template-page-head-office .form31075 .required-services-container h3, .page-template-page-head-office .form51345 .required-services-container h3 {
padding-bottom: 5px; }
.single-branch .form31075 .twenty-forty-forty .wpcf7-form-control-wrap, .single-branch .form51345 .twenty-forty-forty .wpcf7-form-control-wrap, .page-template-default .form31075 .twenty-forty-forty .wpcf7-form-control-wrap, .page-template-default .form51345 .twenty-forty-forty .wpcf7-form-control-wrap, .page-template-page-parent .form31075 .twenty-forty-forty .wpcf7-form-control-wrap, .page-template-page-parent .form51345 .twenty-forty-forty .wpcf7-form-control-wrap, .page-template-page-host-form .form31075 .twenty-forty-forty .wpcf7-form-control-wrap, .page-template-page-host-form .form51345 .twenty-forty-forty .wpcf7-form-control-wrap, .page-template-page-head-office .form31075 .twenty-forty-forty .wpcf7-form-control-wrap, .page-template-page-head-office .form51345 .twenty-forty-forty .wpcf7-form-control-wrap {
margin-bottom: 0; }
@media (min-width: 480px) {
.single-branch .form31075 .start-of-holiday-container, .single-branch .form51345 .start-of-holiday-container, .page-template-default .form31075 .start-of-holiday-container, .page-template-default .form51345 .start-of-holiday-container, .page-template-page-parent .form31075 .start-of-holiday-container, .page-template-page-parent .form51345 .start-of-holiday-container, .page-template-page-host-form .form31075 .start-of-holiday-container, .page-template-page-host-form .form51345 .start-of-holiday-container, .page-template-page-head-office .form31075 .start-of-holiday-container, .page-template-page-head-office .form51345 .start-of-holiday-container {
width: calc(50% - 0.5rem);
float: left; } }
@media (min-width: 480px) {
.single-branch .form31075 .end-of-holiday-container, .single-branch .form51345 .end-of-holiday-container, .page-template-default .form31075 .end-of-holiday-container, .page-template-default .form51345 .end-of-holiday-container, .page-template-page-parent .form31075 .end-of-holiday-container, .page-template-page-parent .form51345 .end-of-holiday-container, .page-template-page-host-form .form31075 .end-of-holiday-container, .page-template-page-host-form .form51345 .end-of-holiday-container, .page-template-page-head-office .form31075 .end-of-holiday-container, .page-template-page-head-office .form51345 .end-of-holiday-container {
width: calc(50% - 0.5rem);
float: right; } }
.single-branch .form31075 #start_of_holiday, .single-branch .form31075 #end_of_holiday, .single-branch .form31075 #age_of_dog, .single-branch .form31075 #breed_of_dog, .single-branch .form51345 #start_of_holiday, .single-branch .form51345 #end_of_holiday, .single-branch .form51345 #age_of_dog, .single-branch .form51345 #breed_of_dog, .page-template-default .form31075 #start_of_holiday, .page-template-default .form31075 #end_of_holiday, .page-template-default .form31075 #age_of_dog, .page-template-default .form31075 #breed_of_dog, .page-template-default .form51345 #start_of_holiday, .page-template-default .form51345 #end_of_holiday, .page-template-default .form51345 #age_of_dog, .page-template-default .form51345 #breed_of_dog, .page-template-page-parent .form31075 #start_of_holiday, .page-template-page-parent .form31075 #end_of_holiday, .page-template-page-parent .form31075 #age_of_dog, .page-template-page-parent .form31075 #breed_of_dog, .page-template-page-parent .form51345 #start_of_holiday, .page-template-page-parent .form51345 #end_of_holiday, .page-template-page-parent .form51345 #age_of_dog, .page-template-page-parent .form51345 #breed_of_dog, .page-template-page-host-form .form31075 #start_of_holiday, .page-template-page-host-form .form31075 #end_of_holiday, .page-template-page-host-form .form31075 #age_of_dog, .page-template-page-host-form .form31075 #breed_of_dog, .page-template-page-host-form .form51345 #start_of_holiday, .page-template-page-host-form .form51345 #end_of_holiday, .page-template-page-host-form .form51345 #age_of_dog, .page-template-page-host-form .form51345 #breed_of_dog, .page-template-page-head-office .form31075 #start_of_holiday, .page-template-page-head-office .form31075 #end_of_holiday, .page-template-page-head-office .form31075 #age_of_dog, .page-template-page-head-office .form31075 #breed_of_dog, .page-template-page-head-office .form51345 #start_of_holiday, .page-template-page-head-office .form51345 #end_of_holiday, .page-template-page-head-office .form51345 #age_of_dog, .page-template-page-head-office .form51345 #breed_of_dog {
margin-top: 14px;
padding: 16px !important; }
.single-branch .form31075 #breed_of_dog, .single-branch .form51345 #breed_of_dog, .page-template-default .form31075 #breed_of_dog, .page-template-default .form51345 #breed_of_dog, .page-template-page-parent .form31075 #breed_of_dog, .page-template-page-parent .form51345 #breed_of_dog, .page-template-page-host-form .form31075 #breed_of_dog, .page-template-page-host-form .form51345 #breed_of_dog, .page-template-page-head-office .form31075 #breed_of_dog, .page-template-page-head-office .form51345 #breed_of_dog {
margin-bottom: 25px; }
.single-branch .form-banner .wpcf7-response-output.wpcf7-validation-errors, .single-branch .form-banner .wpcf7-response-output.wpcf7-mail-sent-ok, .page-template-default .form-banner .wpcf7-response-output.wpcf7-validation-errors, .page-template-default .form-banner .wpcf7-response-output.wpcf7-mail-sent-ok, .page-template-page-parent .form-banner .wpcf7-response-output.wpcf7-validation-errors, .page-template-page-parent .form-banner .wpcf7-response-output.wpcf7-mail-sent-ok, .page-template-page-host-form .form-banner .wpcf7-response-output.wpcf7-validation-errors, .page-template-page-host-form .form-banner .wpcf7-response-output.wpcf7-mail-sent-ok, .page-template-page-head-office .form-banner .wpcf7-response-output.wpcf7-validation-errors, .page-template-page-head-office .form-banner .wpcf7-response-output.wpcf7-mail-sent-ok {
clear: both;
margin-top: 20px; }
.lightpick__select {
background: none;
border-radius: 0;
color: #000;
margin: 0 0.5em 0 0;
width: auto;
padding: 0; }
body.cookie-modal-shown {
overflow: hidden; }
body.cookie-modal-shown .cookie-modal {
display: block; }
@media (min-width: 768px) {
body.cookie-modal-shown .cookie-modal {
align-items: center;
display: flex;
justify-content: center; } }
.cookie-modal {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 999999999; }
.cookie-modal .cookie-window {
background-color: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
.cookie-modal .cookie-window a {
text-decoration: underline; }
.cookie-modal .cookie-window .general-options {
text-align: center; }
@media (max-width: 767px) {
.cookie-modal .cookie-window {
bottom: 0;
left: 0;
position: fixed;
right: 0; } }
@media (min-width: 768px) {
.cookie-modal .cookie-window {
max-width: 992px; } }
.cookie-modal .cookie-window h1, .cookie-modal .cookie-window .text-main {
color: #528ECB;
font-size: 1.5rem;
font-weight: 600;
margin: 0 0 1rem;
padding: 0; }
.cookie-modal .cookie-window h2, .cookie-modal .cookie-window .text-sub {
color: #528ECB;
font-size: 1.125rem;
font-weight: 600;
margin: 1.75rem 0 0;
padding: 0; }
.cookie-modal .cookie-window .general-options p {
margin: 0 0 0.75rem; }
@media (min-width: 768px) {
.cookie-modal .cookie-window .general-options p {
margin: 0 0 1rem; } }
.cookie-modal .cookie-window .specific-options p {
margin: 0.75rem 0;
padding: 0; }
.cookie-modal .cookie-window .general-options, .cookie-modal .cookie-window .specific-options {
display: none; }
.cookie-modal .cookie-window .general-options.shown, .cookie-modal .cookie-window .specific-options.shown {
display: block; }
.cookie-modal .cookie-window .specific-options .analytical-cookies-error, .cookie-modal .cookie-window .specific-options .marketing-cookies-error {
color: #FF0000; }
.cookie-modal .cookie-window .buttons {
font-size: 0; }
.cookie-modal .cookie-window .buttons #allowAllCookies, .cookie-modal .cookie-window .buttons #disallowAllCookies, .cookie-modal .cookie-window .buttons #saveCookieChoices {
background-color: #03296A;
border: 1px #03296A solid;
color: #fff; }
.cookie-modal .cookie-window .buttons #saveCookieChoices {
margin-top: 2rem; }
.cookie-modal .cookie-window .buttons #allowAllCookies:hover, .cookie-modal .cookie-window .buttons #disallowAllCookies:hover, .cookie-modal .cookie-window .buttons #saveCookieChoices:hover {
background-color: #4689C8;
border: 1px #4689C8 solid; }
.cookie-modal .cookie-window .buttons #manageCookies {
border: 1px #03296A solid;
color: #4e514e; }
.cookie-modal .cookie-window .buttons #manageCookies:hover {
border: 1px #000 solid;
color: #000; }
.cookie-modal .cookie-window .buttons a {
display: inline-block;
font-size: 1rem;
font-weight: bold;
padding: 0.375rem 0.875rem;
text-decoration: none; }
.cookie-modal .cookie-window .general-options .manage-cookie-preferences {
margin: 0.75rem 0 0; }
.cookie-modal .cookie-window .general-options .manage-cookie-preferences a {
text-decoration: underline; }
@media (min-width: 768px) {
.cookie-modal .cookie-window .buttons a {
padding: 0.5rem 1rem; } }
@media (min-width: 768px) {
.cookie-modal .cookie-window .general-options .manage-cookie-preferences {
margin: 1.125rem 0 0; } }
.cookie-modal .cookie-window .general-options .buttons a {
margin: 0.625rem 0.5rem; }
@media (min-width: 768px) {
.cookie-modal .cookie-window .general-options .buttons a {
margin: 0 0.5rem; } }
.cookie-modal .cookie-window .specific-options .options label {
border: 1px #4e514e solid;
color: #4e514e;
cursor: pointer;
display: inline-block;
font-size: 1rem;
font-weight: bold;
margin-right: 0.75rem;
padding: 0.5rem 1rem; }
.cookie-modal .cookie-window .specific-options .options label:hover {
border: 1px #000 solid;
color: #000; }
.cookie-modal .cookie-window .specific-options .options label input {
margin-right: 0.25rem; }
.cookie-modal .cookie-window .specific-options #essentialCookies label, .cookie-modal .cookie-window .specific-options #essentialCookies label:hover {
color: #9CA09C;
cursor: default; }
.cookie-modal .cookie-window .inner, .cookie-modal .cookie-window form {
background-color: #fff;
padding: 1.375rem; }
@media (max-width: 767px) {
.cookie-modal .cookie-window .inner, .cookie-modal .cookie-window form {
bottom: 0;
left: 0;
overflow-y: auto;
position: fixed;
right: 0;
top: 0; } }
@media (min-width: 768px) {
.cookie-modal .cookie-window .inner, .cookie-modal .cookie-window form {
padding: 1.5rem; } }
table.cookie-info {
margin-bottom: 2rem;
width: 100%; }
table.cookie-info th, table.cookie-info td {
border: 1px #aaa solid;
padding: 0.25rem 0.5rem; }
.lightpick {
position: absolute;
z-index: 99999;
padding: 4px;
border-radius: 4px;
background-color: #FFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
color: #000;
font-family: system-ui, Roboto, Helvetica, Arial, sans-serif;
line-height: 1.125em; }
.lightpick--inlined {
position: relative;
display: inline-block; }
.lightpick,
.lightpick *,
.lightpick::after,
.lightpick::before {
box-sizing: border-box; }
.lightpick.is-hidden {
display: none; }
.lightpick__months {
display: grid;
background-color: #EEE;
grid-template-columns: auto;
grid-gap: 1px; }
.lightpick--2-columns .lightpick__months {
grid-template-columns: auto auto; }
.lightpick--3-columns .lightpick__months {
grid-template-columns: auto auto auto; }
.lightpick--4-columns .lightpick__months {
grid-template-columns: auto auto auto auto; }
.lightpick--5-columns .lightpick__months {
grid-template-columns: auto auto auto auto auto; }
.lightpick__month {
padding: 4px;
width: 288px;
background-color: #FFF; }
.lightpick__month-title-bar {
display: flex;
margin-bottom: 4px;
justify-content: space-between;
align-items: center; }
.lightpick__month-title {
margin-top: 4px;
margin-bottom: 4px;
margin-left: 4px;
font-size: 16px;
font-weight: normal;
line-height: 24px;
cursor: default;
padding: 0 4px;
border-radius: 4px; }
.lightpick__month-title > .lightpick__select {
border: none;
background-color: transparent;
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none; }
.lightpick__month-title > .lightpick__select:disabled {
color: #333; }
.lightpick__month-title > .lightpick__select-months {
font-weight: bold;
font-size: 1em;
margin-right: .5em; }
.lightpick__toolbar {
display: flex;
text-align: right;
justify-content: flex-end; }
.lightpick__previous-action,
.lightpick__next-action,
.lightpick__close-action {
display: flex;
margin-left: 6px;
width: 32px;
height: 32px;
outline: none;
border: none;
border-radius: 50%;
background-color: #DDD;
justify-content: center;
align-items: center; }
.lightpick__previous-action,
.lightpick__next-action {
font-size: 12px; }
.lightpick__close-action {
font-size: 18px; }
.lightpick__previous-action:active,
.lightpick__next-action:active,
.lightpick__close-action:active {
color: inherit; }
.lightpick__days-of-the-week {
display: grid;
grid-template-columns: repeat(7, 1fr); }
.lightpick__day-of-the-week {
display: flex;
font-size: 11px;
font-weight: bold;
justify-content: center;
align-items: center; }
.lightpick__days {
display: grid;
grid-template-columns: repeat(7, 1fr); }
.lightpick__day {
display: flex;
height: 40px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
font-size: 13px;
justify-content: center;
align-items: center;
cursor: default; }
.lightpick__day.is-today {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(220, 50, 47, .5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
background-size: 18.8% auto;
background-position: center bottom;
color: #DC322F; }
.lightpick__day:not(.is-disabled):hover {
background-size: contain;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23E0E0E0' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }
.lightpick__day.is-disabled {
opacity: 0.38;
pointer-events: none; }
.lightpick__day.disabled-tooltip {
pointer-events: auto; }
.lightpick__day.is-disabled.is-forward-selected {
opacity: 1; }
.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {
background-color: rgba(38, 139, 210, 0.1);
background-image: none; }
.lightpick__day.is-previous-month,
.lightpick__day.is-next-month {
opacity: 0.38; }
.lightpick__day.lightpick__day.is-in-range:not(.is-disabled) {
opacity: 1; }
.lightpick__day.is-in-range {
border-radius: 0;
background-color: rgba(38, 139, 210, 0.1);
background-image: none; }
.lightpick__day.is-in-range:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(38, 139, 210, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }
.lightpick__day.is-start-date.is-in-range,
.lightpick__day.is-end-date.is-in-range.is-flipped {
border-top-left-radius: 50%;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 50%;
background-color: #268BD2;
background-image: none; }
.lightpick__day.is-end-date.is-in-range,
.lightpick__day.is-start-date.is-in-range.is-flipped {
border-top-left-radius: 0;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 0;
background-color: #268BD2;
background-image: none; }
.lightpick__day.is-start-date.is-end-date {
background-color: transparent;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23268BD2' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }
.lightpick__day.is-start-date,
.lightpick__day.is-end-date,
.lightpick__day.is-start-date:hover,
.lightpick__day.is-end-date:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23268BD2' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
background-size: auto;
background-position: center;
color: #FFF;
font-weight: bold; }
.lightpick__tooltip {
position: absolute;
margin-top: -4px;
padding: 4px 8px;
border-radius: 4px;
background-color: #FFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
white-space: nowrap;
font-size: 11px;
pointer-events: none; }
.lightpick__tooltip::before {
position: absolute;
bottom: -5px;
left: calc(50% - 5px);
border-top: 5px solid rgba(0, 0, 0, 0.12);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: ""; }
.lightpick__tooltip::after {
position: absolute;
bottom: -4px;
left: calc(50% - 4px);
border-top: 4px solid #FFF;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: ""; }
.lightpick__footer {
display: flex;
justify-content: space-between; }
.lightpick__reset-action,
.lightpick__apply-action {
border-radius: 5px;
font-size: 12px;
border: none; }
.lightpick__reset-action {
color: #fff;
background-color: #aeacad; }
.lightpick__apply-action {
color: #fff;
background-color: #2495f3; }