body {
	font-family: 'Varela Round', sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Varela Round', sans-serif;
	color: #1376c2;
}

b, strong {
    font-weight: bolder;
    color:#1376c2;
}

#pageContent a,
#pageContent a.visited {
	color: #1376c2;
	text-decoration: underline;
}

html#fixed div#content.noMedia.topImage {
	margin-top:107px;
}

.staff-grid .modal-panel figure, .staff-grid .modal-panel img {
    margin: 0;
    height: 23rem;
}


/* ADD TO SITES TO HIDE IN PAGE NAVIGATION FOR 2ND LEVEL PAGES */

#content #pageNav {
    display: none;
}

#content .col-9 {
		width: 100%;
}

#content a.btn.btn-primary {
    color: #fff;
    text-decoration: none;
}

#registration #content .col-9,
#repeat-prescriptions .col-9,
#food-order-requests .col-9 {
		width: 60%;
}

#registration #content .col-mx-auto,
#repeat-prescriptions #content .col-mx-auto,
#food-order-requests #content .col-mx-auto {
    margin-left: 0px;
    /* margin-right: auto; */
}

/* START page backgrounds  */

#content {
	min-height: 1000px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
}

#content.bottomImage {
  background-position: bottom center;
  min-height: auto;
}

#services div#content,
#insurance-for-pets div#content {
  padding: 2rem 0 500px 0;
}

.bgPuppy {
	background-image: url("images/pet-advice-puppy.jpg");
}

.bgKitten {
	background-image: url("images/pet-advice-kitten.jpg");
}

.bgDog {
	background-image: url("images/prices-dog.jpg");
}

.bgRabbit {
	background-image: url("images/pet-advice-rabbit.jpg");
}

.bgDogCat {
	background-image: url("images/dog-cat-blue-bg2.jpg");
}

.bgBottomDog {
	background-image: url("images/dog-bottom.jpg");
}

.bgBottomDog2 {
	background-image: url("images/dog-bottom2.jpg");
}

.bgTick {
	background-image: url("images/tick.jpg");
}

.bgWorm {
	background-image: url("images/worm.jpg");
}

.bgPaws {
	background-image: url("images/paws-heart2.jpg");
}

.ahc {
	background-image: url("images/ahc2.jpg");
}

.appointment {
	background-image: url("images/appointment2.jpg");
}

.behavioural {
	background-image: url("images/behavioural2.jpg");
}

.blood-pressure {
	background-image: url("images/blood-pressure2.jpg");
}

.blood-test-facilities {
	background-image: url("images/blood-test-facilities2.jpg");
}

.cfc {
	background-image: url("images/cfc2.jpg");
}

.consultation {
	background-image: url("images/consultation2.jpg");
}

.dental {
	background-image: url("images/dental2.jpg");
}

.emergencies {
	background-image: url("images/emergencies2.jpg");
}

.flea {
	background-image: url("images/flea2.jpg");
}

.follow-up-consult {
	background-image: url("images/follow-up-consult2.jpg");
}

.history {
	background-image: url("images/history2.jpg");
}

.home-visit {
	background-image: url("images/home-visit2.jpg");
}

.imaging {
	background-image: url("images/imaging2.jpg");
}

.insurance {
	background-image: url("images/insurance2.jpg");
}

.join-team {
	background-image: url("images/join-team2.jpg");
}

.neutering {
	background-image: url("images/neutering2.jpg");
}

.nurse-consult {
	background-image: url("images/nurse-consult2.jpg");
}

.nutrition {
	background-image: url("images/nutrition2.jpg");
}

.prescriptions {
	background-image: url("images/prescriptions2.jpg");
}

.pricing {
	background-image: url("images/pricing2.jpg");
}

.register {
	background-image: url("images/register2.jpg");
}

.theatre {
	background-image: url("images/theatre2.jpg");
}

.vaccination {
	background-image: url("images/vaccination2.jpg");
}

.weight-clinic {
	background-image: url("images/weight-clinic2.jpg");
}

.xray {
	background-image: url("images/xray2.jpg");
}

.food {
	background-image: url("images/food.jpg");
}

/* END page backgrounds  */


.page-text .col-12 {
	min-height: 1000px;
	width: 60%;
}

/* START blue box page text backgrounds  */

.page-text .page-title {
	color: #fff;
	background-color: #63afdc;
	width: 60%;
	padding: 10px;
}

.page-text .page-title h2 {
	margin-bottom: 0em;
}

.page-text .page-title h1,
.page-text .page-content h1,
.page-text .page-title h2,
.page-text .page-content h2,
.page-text .page-title h3,
.page-text .page-content h3,
.page-text .page-title h4,
.page-text .page-content h4,
.page-text .page-title h5,
.page-text .page-content h5 {
	color: #fff;
}

.page-text .page-content {
	color: #fff;
	background-color: #5e94d3;
	padding: 10px;
}

#pageContent .page-text .page-content a {
	color: white;
}

/* END blue box page text backgrounds  */

#prices .accordion .accordion-header,
#our-services .accordion .accordion-header {
    background-color: #5e94d3;
    color: #fff;
}

#services .blue {
	background-color: #5e94d3;
	color: #fff;
	padding: .2rem .4rem;
}

#services .blue a {
	color: #fff;
	text-decoration: none;
}

#pet-health-club #content ul {
    list-style: none;
}

#pet-health-club #content ul li:before {
    content: '✓';
    color: #1376c2;
    margin-right: 0.5rem;
}

div#header {
    background-color: rgba(19, 118, 194, 1);
}

#menu {
    flex-direction: column;
}

#video .container.headingContainer,
#video-wrapper .container.container.headingContainer {
    width: 24%;
}

#ajaxForm-11 .form-label,
#ajaxForm-13 .form-label,
#ajaxForm-14 .form-label {
    font-family: "Varela Round", sans-serif;
    color: rgb(19, 118, 194);
    font-size: 1.4rem;
    margin: 0.5rem 0 0.5rem 0;
}

#ajaxForm-11 .form-label a,
#ajaxForm-13 .form-label a,
#ajaxForm-14 .form-label a {
	color: #fff;
}

#pageContent form.ajaxForm .repeats .repeater a.btn-unrepeat.btn.btn-error {
	color: #fff;
    padding: 2px 20px !important;
    height: auto;
    border: none;
    border-radius: 40px;
    margin-top: -1px;
    text-decoration: none;
    transition: .3s background-color ease-in-out;
    background-color: #2E5D82;	
}

.btn.btn-primary,
.btn.btn-success {
    padding: 2px 20px !important;
    height: auto;
    border: none;
    border-radius: 40px;
    margin-top: -1px;
    text-decoration: none;
    transition: .3s background-color ease-in-out;
}

a.btn.btn-primary,
.btn.btn-success,
.btn.btn-success:visited {
	background-color: #2E5D82;
 }
 
.btn.btn-success:hover,
.btn.btn-success:active,
#pageContent form.ajaxForm .repeats .repeater a.btn-unrepeat.btn.btn-error:hover,
#pageContent form.ajaxForm .repeats .repeater a.btn-unrepeat.btn.btn-error:active {
	background-color: #13ADC2;
}

.btn.btn-primary.active, 
a.btn.btn-primary:active,
a.btn.btn-primary:hover {
	background-color: #13ADC2;	
}

#home h1 {
	text-align: center;
}

#features {
	display: none;
}

div#location {
    min-height: 568px;
    background: #1376c2;
}

div#location h2 {
    text-align: center;
    color: #fff;
    margin-top: 0.75rem;
}

#testimonialsBlock {
	background-color: #13ADC2;
    min-height: 225px;
}

#tns1 > .tns-item {
    font-size: 30px;
}

#testimonialsBlock .testimonialsBlock quote {
    font-size: 30px;
    margin-bottom: 20px;
    transition: .3s all ease-in-out;
    color: #343f48;
}

#testimonialsBlock .testimonialsBlock a {
	color: #0B5EA3;
}

#accreditationsBlock {
    border-top: none;
    border-bottom: none;
    background-color: #f6f7f7;
    padding: 20px;
    outline: none;
}

/* Style footer menu */

footer {
	background-color: #1376c2;
	color: #fff;
	padding: 50px;
}

img.footerLogo {
    height: 75px;
    display: block;
    margin: 0 auto 1rem auto;
}

.footerMenu {
	text-align: center;
	max-width: 60%;
}

footer .footerMenu ul.menuMain div {
	margin-top: 1.4rem;
}

footer .footerMenu ul.menuMain a {
	color: #fff;
	text-decoration: underline;
}

footer .footerMenu ul.menuMain i {
	font-size: 1.8rem;
	width: 2.25rem;
}

footer .text-right span a, footer .text-right span.linkText {
	color: #fff;
}

/* END footer menu */

/* Add for grid boxes */

#masonry a {
    text-shadow: 0 2px 10px black;
}

#masonry a, #masonry a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
}

#home .col-9 {
    width: 100%;
}

.grid {
    margin: 2rem 0;
}

.grid:after {
    content: '';
    display: block;
    clear: both;
}

.grid-sizer,
.grid-item {
    width: calc(25% - 20px);
    margin-bottom: 20px;
}

.grid-item {
    height: 326px;
    float: left;
    background: #1376c2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 10px;
}

.grid-item--width2 {
    width:  calc(50% - 20px);
}

.grid-item--height2 {
    height: 672px;
}

.grid-item .inner-center {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.grid-item .inner h3 {
    margin: 0;
}

.grid-item .inner a {
    display: flex;
    align-items: flex-end;
    padding: 1.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 5px solid transparent;
    transition: .3s border ease-in-out;
    color: #fff;
    font-weight: bolder;
}

.grid-item .inner a:hover {
    text-decoration: none;
    border-color: rgba(19, 118, 194, 0);
}

.grid-1 {
    background-image: url('images/grid-register.jpg');
}

.grid-2 {
    background-image: url('images/home-grid2.jpg');
}

.grid-3 {
    background-image: url('images/home-grid3.jpg');
}

.grid-4 {
    background-image: url('images/home-grid4.jpg');
}

.grid-5 {
    background-image: url('images/home-grid5.jpg');
}

.grid-1b {
    background-image: url('images/home-grid1a.jpg');
}

/* END grid boxes */

#logo a {
background: white;
display: block;
padding: 1rem;
position: absolute;
}
#social {
margin-bottom: .5rem;
}
div#header .dropdown .btn {
height: auto;
}
body#home #image.flex {
  align-items: center;
}

body#home #image-inline .container.headingContainer {
  position: absolute;
  top: 50%;
  left: 0;
  bottom: initial;
  transform: translate(0, -50%);
}

body#home .container.headingContainer {
  background-color: #fff;
  margin-left: 0;
  width: 50%;
  box-shadow: 5px 0 10px black;
}

body#home .container.headingContainer .heading {
  padding: .5rem;
  text-align: right;
}

body#home h1#imageHeading {
  margin-bottom: 0;

}

#video-wrapper .container.headingContainer h1#imageHeading {
	color: #3b4351;
	font-size: 2rem;	
}

#video-wrapper .container.headingContainer h1#imageHeading .large {
	color: #1376c2;
	font-family: "Raleway", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-size: 4rem;
	display: block;
}

.table tr.is-section td {
    background-color: #1376c2;
    color: #fff;
    border-bottom: none;
}

/* START control gradient on page backgrounds  */

#content,
#content .container {
  position: relative;
}

#content.topImage::before {
  position: absolute;
  content: ' ';
  top: 0;
  right: 0;
  width: 1000px;
  height: 1000px;
  background-image: linear-gradient(to left, rgba(255,255,255,0) 50%, rgba(255,255,255,1)), linear-gradient(to bottom, rgba(255,255,255,0) 70%, rgba(255,255,255,1));
}

.accordion input:checked~.accordion-body, .accordion[open] .accordion-body {
    max-height: 55rem;
}

@media (max-width: 1750px) {
  
  #content.topImage::before {
    background-image: linear-gradient(to left, rgba(255,255,255,0) 50%, rgba(255,255,255,1)), linear-gradient(to bottom, rgba(255,255,255,0) 50%, rgba(255,255,255,1));
  }
  
}

@media (max-width: 1400px) {
  
  #content.topImage::before {
    background-image: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,1)), linear-gradient(to bottom, rgba(255,255,255,0) 25%, rgba(255,255,255,1));
  }
  
}

@media (max-width: 1024px) {
  
  #content.topImage::before {
	background-image: linear-gradient(to bottom, rgba(255,255,255,.7), rgba(255,255,255,1));
  }
  
}

/* END control gradient on page backgrounds  */

@media (max-width: 840px) {
	
	.page-text .col-12 {
		width: 100%;
	}

	a.btn.btn-primary,
    a.btn.btn-primary:active,
	a.btn.btn-primary:hover {
        color: #1376c2;
    	background-color: rgba(255, 255, 255, 0);
	}

    body.expanded div#header #menu a.btn:hover {
        color: #0B5EA3;
    }
    
    #social {
	    display: none;
    }
    
    div#header #menu .menu a {
	    color: #fff;
    }

    .grid-sizer,
    .grid-item {
        width: calc(50% - 10px);
    }

    .grid-item--width2 {
        width: 100%;
    }

    .grid-item--height2 {
        height: 326px;
    }
    
    .grid-item .inner h3 {
	    font-size: 0.8rem;
    }
    
    .grid-item .inner a {
	    padding: 0.5rem;
    }
    
    div#header {
		padding: 1.25rem 0 1rem 0;
	}
	
	#logo a {
		top: 10px;
	}

	body.expanded #site-menu {
		top: 45px !important;
	}
	
	#registration #content .col-9,
	#repeat-prescriptions #content .col-9,
	#food-order-requests #content .col-9 {
		width: 100%;
}

}