/*         ______      __     
     /\   |  _ \ \    / /\    
    /  \  | |_) \ \  / /  \   
   / /\ \ |  _ < \ \/ / /\ \  
  / ____ \| |_) | \  / ____ \ 
 /_/    \_\____/   \/_/    \_\
http://www.abva.dev/
http://amber.abva.co.uk/
http://www.abva.co.uk/ 			*/

* { 
	/*outline: 1px dashed red; */
	font-family: 'Lato';
	/*color: #7a60a4;*/
}

/* Utility*/
.u-r0 {
	right: 0;
}
.u-pr0 {
	padding-right: 0;
}
.u-pl0 {
	padding-left: 0;
}
.u-b-lightpurple {
	background-color: #bcafd1;
}
.u-b-purple {
	background-color: #7a60a4;
}

/* Divot */
section {
	position: relative;
}
.divot {
	margin-left: -40px;
	position: absolute;
	top: 0;
	left: 50%;
	width: 0; 
	height: 0; 
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
}
.divot--white {
	border-top: 20px solid white;
}
.divot--green {
	border-top: 20px solid #ebf4f4;
}

/* Headings */
.h1,
.cms h1 {
	color: #7a60a4;
}
.h2,
.cms h2 {
	color: #7a60a4;
}
.h3,
.cms h3 {
	color: #7a60a4;
}

.intro-text p {
	color: #7a60a4;
	font-weight: bold; 
	font-size: 16px;
}

/* Buttons */
.btn {
	transition: all .3s linear; 
	border-radius: 0;
}
.btn--primary {
	background-color: #a9d1cb;
	text-transform: uppercase;
	color: white;
	border: 1px solid #a9d1cb;
	min-width: 150px;
}
.btn--primary:hover,
.btn--primary:active,
.btn--primary:focus {
	background-color: white;
	color: #a9d1cb;
}
.btn--search {
	background-color: #7a60a4;
	border: 1px solid #7a60a4;
	color: white;
	padding: 3px 12px;
}
.btn--search:hover,
.btn--search:active,
.btn--search:focus {
	background-color: transparent;
	color: #7a60a4;
}


/* New Menu */
.main-nav .nav {
	/*text-transform: lowercase;*/
}
.navbar {
	background: none;
	border: none;
	box-shadow: none;
    margin-bottom: 0;
}

.navbar .navbar-nav > .active > a {
    background-color: #a9d1cb;
}

.navbar-default .navbar-nav>li>a {
	/*color: #a9d1cb;*/
	background: #7a60a4 none repeat scroll 0 0;
    border-radius: 5px;
    color: white;
    font-size: 15px;
    margin: 5px 3px;
    padding: 5px 10px;	
	text-shadow: none;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
	background-color: #a9d1cb;
}
.navbar .navbar-nav>.active>a {
	/*background-color: transparent !important;*/
	/*color: #7a60a4;*/
	color: #fff;
}
.navbar-brand {
	height: auto;
}
@media ( min-width: 768px ) and ( max-width: 990px ) {
	.navbar-header {
		max-width: 250px;
	}	
}
@media ( max-width: 767px ) {
	.navbar-header {
		width: 100%;
	}
	.navbar-brand {
		width: 70%;
	}		
}

#menu--main #navPetOwnerArea,
#menu--main #navVetArea,
#menu--main #navMemberArea {
	display: none;	
}
.breadcrumb {
	background-color: transparent;
	padding: 0	;
}

/* Section Buttons */
.s-buttons {
	margin-bottom: 10px;
}
.s-buttons .btn {
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

.s-buttons .btn.active, .s-buttons .btn:active {
	box-shadow: none;
	background-color: #7a60a4;
	border: 1px solid #7a60a4;
}

/* Any Questions */
.any-questions {
	color: #868688;
	font-size: 18px;
}
a.any-questions__tel {
	color: #868688 !important;
	font-size: 25px;
	margin-left: 10px;
}
a.any-questions__tel:hover,
a.any-questions__tel:focus,
a.any-questions__tel:active {
	text-decoration: none;
	opacity: .8;
}

/* Carousel */
#myCarousel .row,
#myCarousel .container {
	margin: 0;	
	padding: 0;
    background-color: #7a60a4
}
#homepage .carousel .item {
    background-color: #7a60a4;
	/*height:auto !important*/
 }
#myCarousel .container {
	width: 100%; 	
}
#myCarousel .s_splithero__textbox {
	padding: 40px;
}
#myCarousel .s_splithero__textbox h2 {
	font-size: 40px;
	padding-bottom: 20px;
}
#myCarousel .s_splithero__textbox li {
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 15px;
}
#myCarousel .abva-membership .s_splithero__textbox {
	padding-bottom: 0px;
}
#myCarousel .abva-membership .s_splithero__textbox li { 
	font-size: 1.25em;
	line-height: 1.25em;
	margin-bottom: 5px;
}
#myCarousel .carousel-control.left,
#myCarousel .carousel-control.right {
	background: none;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .icon-prev {
    left: 25%;
}
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next {
    right: 25%;
}
.split-image {
	width: 100%;
}
@media ( max-width: 1200px ) {
	#myCarousel .s_splithero__textbox {
		padding: 15px;	
	}
	#myCarousel .s_splithero__textbox h2 {
		margin: 0px 0 10px 0;
		font-size: 30px;
		padding-bottom: 10px;
	}
	#myCarousel .abva-membership .s_splithero__textbox li { 
		font-size: 1.15em;
		line-height: 1.15em;
		margin-bottom: 5px;
	}
}
@media ( max-width: 990px ) {
	#myCarousel .s_splithero__textbox {
		padding: 10px;	
	}
	#myCarousel .s_splithero__textbox h2 {
		margin: 0px 0 10px 0;
		font-size: 30px
	}
}

/* Homepage form*/

@media ( min-width: 991px ) {
form.member {
	padding-top: 20px;
	height: 173px;	
	}
}
@media ( min-width: 1199px ) {
form.member {
	padding-top: 40px;
	height: 218px;	
	}
}

/* Hero */
.s-hero {
	margin-bottom: 40px;	
}

/* Mura folders */

.content .mura-index, 
section .mura-index {
    border-top: none;
    padding-top: 1em;
}

/* Boxes */
.three--boxes {
	margin-top: 40px
}

/* cms */
.cms {
	margin-bottom: 40px;	
}

.cms .date {
	color: #7a60a4;
	font-weight: bold;	
}


/* Footer */
.footer {
	background-color: #7a60a4;
	padding-top: 40px;
	padding-bottom: 20px;
	margin-top: 20px;
}
.footer a:hover {
	color: white;
	opacity: .8;
	text-decoration: none;
}
.footer * {
	color: white;
}
.footer .h4 {
	text-transform: uppercase;
}
.footer ul {
	padding-left: 0;
	list-style: none;
}
.footer .fa {
	font-size: 25px;
	margin-right: 15px
}



/* Copyright */
.copyright {
	padding-bottom: 10px;
}
.copyright ul {
	list-style: none;
	padding-left: 0;
}
.copyright li {
	float: left;
	margin-right: 30px;
}
.copyright a {
	color: #7a60a4;
}



/* Homepage — Find A Vet Section*/
.findavet {
	background-color: #ebf4f4;
	padding-top: 40px;
	padding-bottom: 40px;
}

/* Homepage — Courses Section */
.courses--box {
	background-color: #c9c9c9;
	padding-top: 40px;
	padding-bottom: 40px;
}
.course__title,
.course__date {
	margin: 0;
	font-weight: bold;
}
.course__title {
	color: #646464;
}
.course__date {
	color: #7a60a4;
}


/* Thumbnails */
.thumbnail {
	background-color: #a9d1cb;
	padding: 0;
	position: relative;
	border-radius: 0;
}
.thumbnail * {
	color: white;
}
.thumbnail .h3 {
	text-transform: uppercase;
	line-height: 1.5em;
	/*min-height: 3em;*/
	display: block;
	margin-top: 0;
	color: #7a60a4;

}
@media ( max-width: 767px ) {
	#education.depth-1 .caption{
		min-height: 230px
	}
}
.depth-1 .thumbnail .caption h3 {
	font-size: 22px;
	line-height: 1.25em;
	min-height: 55px;
	margin-bottom: 5px;
}
.depth-1 .thumbnail .caption p {
	min-height: 80px;
}
.thumbnail input {
	color: #7a60a4;
	border-radius: 0;
}
.thumbnail img {
	margin: 0;
	width: 100%;
}
.button {
	background-color: #7a60a4;
	text-transform: uppercase;
	padding: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
}
.btn-submit {
	background-image: none;
	background-color: #d5e8e6;
	text-shadow: none;
	color: #7a60a4;
	border-radius: 0;
	padding: 5px 10px;
	text-transform: uppercase;
}
a.thumbnail-hover:hover {
	text-decoration: none;	
}
/* Accordion */
.panel-heading {
	padding: 0
}
.panel-title a {
	width: 100%;
	display: block;
	padding: 5px 15px;
}
.panel-title a:hover,
.panel-title a:active,
.panel-title a:focus {
	text-decoration: none !important;
}
.panel-title a:before {
	content: '-';
	float: right;
	color: #7a60a4;
	font-size: 1.5em;
	margin-top: .18em;
	margin-right: .1em
}
.panel-title a.collapsed {
	/*background-color: red;*/
}
.panel-title a.collapsed:before {
	content: '+';
	margin-right: 0;
}
.panel-group .panel {
	border-radius: 0;
}


/* Quote */
.quote {
	border: 1px solid #a9d1cb;
	position: relative;
	padding-bottom: 40px;
	color: #7a60a4;
	min-height: 190px;
}
.quote p  {
	position: relative;
}
.quote p:before,
.quote p:after {
	position: absolute;
	color: #a9d1cb;
	font-size: 7em;
	opacity: .4;
	line-height: 62px;
}
.quote p:before {
	content: open-quote;
}
.quote p:after {
	content: close-quote;
	right: 0;
}
.quote .h3 {
	text-transform: uppercase;
}
.quote .button {
	left: auto;
	right: 0;
}



/* Contact Page */
.address {
	color: #656566;	
}
/* Form */
.form-horizontal .control-label {
	text-align: left;
	color: #656566;
	font-weight: normal;
}

form#addressForm1 input[type=text],
form#addressForm2 input[type=text] {	
	width: auto;
	min-width: 50%;
}

.form-horizontal textarea,
.form-horizontal select {
background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;	
}
.form-horizontal  input[type=checkbox] {
	width: auto;	
}
.form-horizontal select#species {
	width: auto;
	min-width: 50%;
	min-height: 110px;	
}
.form-horizontal textarea#biography {
	min-height: 255px;
}


/* Split Hero */
.s_splithero img {
	max-width: none;
	width: 100%;	
}

.s_splithero > .container {
	background-color: #7a60a4;
}
.col--hero {
	background-color: white;
	/*padding-right: 0;*/
}
.s_splithero .h1,
.s_splithero h2  {
	color: white;
	/*text-transform: uppercase;*/
	margin: 0;
	padding-bottom: 10px;
}
.s_splithero ul {
	list-style: none;
	padding-left: 0;
}
.s_splithero li {
	color: white;
	background-image: 
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAY1BMVEVMaXGY0syY0syY0syY0syY0syY0syY0syY0syY0syY0syY0syY0syY0syY0syY0syY0syf1c+n2NOt29az3tm74NzB4+DH5uPO6ebU7Ona7+zf8e/n9PLt9vXy+fn5/Pz///9R4Th4AAAAEHRSTlMAECAwQFBgcICPn6+/z9/vIxqCigAAAQZJREFUeNptkeuSgyAMRqPipd4IrrWK2zbv/5QbEcYge34gzJkvhAgXZTvgQd8UcCdrNF70KrZqxJguE7bChLGQNkUHX2LKZnE862c6keaXaMbO6Ta1b6KFv4ptjglsX+59rB+JtUQWHTnAmHRF9PbbJq29EH2nMD1QN/tDRE/06PtIzIdov47Q8DKv6+oT/OCPEbo+IpZ8Oy865iG0CiVpOS9eUeA7n13cvI9V0APocCfN2600PsLIn2yOGyxKCoACHeyYr5F2BKZH3zOzoaQCCPHJ6SluzFG7w852l1bncNL6X2GjsAIQ3uxzlC3hotYYMxQgydso2sCdvB686yr4H8XkIPgDzHkw5xwlyIwAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-size: 15px;
	padding-left: 25px;
	background-position: 3px 4px;;
	line-height: 1.6em;
}
.s_splithero .btn {
	color: white;
	text-transform: uppercase;
	border: 1px solid white;
	margin-bottom: 10px;
}
.s_splithero .btn:hover,
.s_splithero .btn:active,
.s_splithero .btn:focus {
	background-color: white;
	color: #7a60a4;
}
.s_splithero__textbox {
	padding-left: 20px;
	padding-top: 20px;
}

.s_splithero__hero {
	width: 100%;
	height: 220px;
	background-color: white;
	background-image:
		url(http://www.abva.dev/abva/includes/themes/MuraBootstrap3/images/hero/hero.jpg);
	background-size: cover;
}
@media ( min-width: 991px ) {
	.col--hero {
		padding-right: 0;
	}
}
@media ( max-width: 990px ) {
	.s_splithero > .container {
		background-color: transparent;
	}
	.s_splithero__textbox {
		background-color: #7a60a4;
	}
}


/* Split Column */
.split__left {
	padding-right: 0;
}
.split__left .thumbnail {
	min-height: 190px;
}
.split__right {
	padding-left: 0;
	position: relative;
}
.split__right .button {
	left: auto;
	right: 15px;
}


/* Newsletter */
.thumbnail--newsletter .h3 {
	min-height: auto;
	text-transform: none;
}
.thumbnail--newsletter {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	margin-bottom: 40px;
}
.thumbnail--newsletter * {
	color: black;
}
.thumbnail--newsletter .h3,
.thumbnail--newsletter .h5 {
	color: #7a60a4;
}
.thumbnail--newsletter .date {
	margin-bottom: 0;
}
.thumbnail--newsletter li {
	color: #7a60a4;
}
.thumbnail--newsletter li span {
	color: black;
}
.thumbnail--newsletter .h5 {
	text-transform: uppercase;
}
.thumbnail--newsletter .button {
	color: white;
}

/* News */
/*
.ul--news {
	padding-left: 0;
	margin-bottom: 40px;
}
.ul--news li {
	list-style: none;
	background-color: #f8f8f8;
	padding: 10px;
	margin-bottom: 10px;
}
.ul--news .h4 {
	margin: 0;
}
.ul--news .date {
	color: #7a60a4;
	font-weight: bold;
}
.ul--news .button {
	position: static;
	float: right;
	border: 2px solid #7a60a4;
}
.ul--news .button:hover,
.ul--news .button:active,
.ul--news .button:focus {
	background-color: transparent;
	color: #7a60a4 !important;
	text-decoration: none;
}
*/

#news.depth-1 #svFolder,
#education.depth-2.courses #svFolder {
	padding-left: 0;
	margin-bottom: 40px;
}
#news.depth-1 #svFolder dl,
#education.depth-2.courses #svFolder dl {
	list-style: none;
	background-color: #e6e6e6;
	padding: 10px;
	margin-bottom: 10px;
}
#news.depth-1 #svFolder .title a,
#education.depth-2.courses #svFolder .title a{
	margin: 0;
	color: #000;
}
#news.depth-1 #svFolder .date,
#education.depth-2.courses #svFolder .date {
	color: #7a60a4;
	font-weight: bold;
	font-size: 1.25em;
}
#education.depth-2.courses #svFolder dd.summary span.heading,
#education .cms.course span.heading {
	color: #7a60a4;
	font-weight: bold;	
}
@media ( max-width: 767px ) {
	#education .cms.course a.mura-asset {
		padding: 0
	}
	#education .cms.course img.coursePhoto {
		float: none;
	}
}
@media ( min-width: 768px ) {
	#education .cms.course img.coursePhoto {
		max-width: 350px;
		margin: 0 0 30px 30px;
	}	
}

#education.depth-2.courses #svFolder dd.summary ul li {
	margin-left: 20px;
}
#news.depth-1 #svFolder dd.readmore a,
#education.depth-2.courses #svFolder dd.readmore a,
#education .cms.course a.readmore {
	position: static;
	float: right;
	border: 2px solid #7a60a4;
	display: block;
	background-color: #7a60a4;
	text-transform: uppercase;
	padding: 5px;
	color: white;	
}
#education .cms.course a.readmore {
	float: none;	
	display: inline;
}
#education .cms.course p.book {
	margin-top: 25px;	
}
#news.depth-1 #svFolder dd.readmore a:hover,
#news.depth-1 #svFolder dd.readmore a:active,
#news.depth-1 #svFolder dd.readmore a:focus,
#education.depth-2.courses #svFolder dd.readmore a:hover,
#education.depth-2.courses #svFolder dd.readmore a:active,
#education.depth-2.courses #svFolder dd.readmore a:focus {
	background-color: transparent;
	color: #7a60a4 !important;
	text-decoration: none;
}
#education blockquote p {
	font-size: 14px;	
}

/* Archive */
.ul--archive,
.nav-list {
	list-style: none;
	padding-left: 0;
}
.ul--archive li,
.nav-list li {
	margin-bottom: 3px;
}
.ul--archive a,
.nav-list a {
	background-color: #7a60a4;
	color: white;
	text-transform: uppercase;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}
.ul--archive a:hover,
.ul--archive a:active,
.ul--archive a:focus,
.nav-list a:hover,
.nav-list a:active,
.nav-list a:focus {
	opacity: .8;
	text-decoration: none;
	background-color: #ccc !important; 
}
.nav-list ul.nav-list {
	margin-top: 6px;
	margin-left: 20px;
}
.nav-list ul.nav-list a{
	text-transform: none;
}
/* Find a vet */

.locationResultList .locationContentWrapper {
	border-top: 1px solid #337ab7; 
	margin-top: 5px;
}
#initialFormWrapper {
	max-width: 500px;	
}


.gmap-outer-wrapper {
	max-width: 100%;
	overflow: hidden;
}
.gmap-directions-form-wrapper, 
.gmap-directions {
	max-width: 100% !important;
}

/* Member area */

#memberarea #navStandard,
#memberarea #navPeer,
#aboutus.depth-2 #navStandard {
	margin-top: 70px;	
}

#memberarea dd.summary ul {
	margin-left: 20px	
}
#login .checkbox input[type="checkbox"] {
	position: relative; 
	margin-left: auto;
}


/* Fix */
.mura-send-login,
.form-sendlogin {
	
}

#newcookiebanner{
	border-top: 1px solid #7a60a4 !important;
	background:rgba(255,255,255, 0.95);
	bottom: 0px;
	left: 0;
	padding: 10px 30px 5px 30px;
	position: fixed;
	right: 0;
	z-index: 101;
	display:block;
}
#closecookiebanner{ 
	cursor:pointer !important;
	margin-top:10px;
}
#newcookiebanner strong{
	color:#7a60a4;
	cursor:pointer;
	z-index: +999999999;
}
#newcookiebanner a{
	color:#7a60a4;
	cursor:pointer;
}
#newcookiebanner p{
   color:#111111; 
   cursor:pointer;
}
.newbuttonfloat{
	float:right;
	margin-top:10px;
}
#cookieCloseButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #7a60a4;
	background: #7a60a4;
	padding: 5px 20px;
	border-radius: 3px;
	color:white;
}
#cookieCloseButton:hover{
	opacity:0.95;
	color:white !important;
	cursor:pointer !important;
}
@media (max-width: 990px) {
	  .newbuttonfloat{
		margin-top:30px;
}
  }
		
@media (max-width: 767px) {
	#cookieCloseButton{
		background: #7a60a4;
		color:white !important;
		width:100%;
		cursor:pointer !important;
	}
	#closecookiebanner{
		position:static !important; width:100%;
	}
	.newbuttonfloat{
		float:none;
		margin-top: 10px;
	}
}