/* Web Fonts from fontspring.com / All OpenType features and all extended glyphs have been removed. Fully installable fonts can be purchased at http://www.fontspring.com / The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010 Fontspring. The fonts included are copyrighted by the vendor listed below. Vendor: Shinntype. License URL: http://www.fontspring.com/fflicense/shinntype */

@font-face {
	font-family: 'SenseRegular';
	src: url('Sense_Reg-webfont.eot');
	src: local('☺'), url('../fonts/Sense_Reg-webfont.woff') format('woff'), url('../fonts/Sense_Reg-webfont.ttf') format('truetype'), url('../fonts/Sense_Reg-webfont.svg#webfontLjhfo6Ny') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SenseMedium';
	src: url('Sense_Medium-webfont.eot');
	src: local('☺'), url('../fonts/Sense_Medium-webfont.woff') format('woff'), url('../fonts/Sense_Medium-webfont.ttf') format('truetype'), url('../fonts/Sense_Medium-webfont.svg#webfontdRTftAAt') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SenseLight';
	src: url('../fonts/Sense_Light-webfont.eot');
	src: local('☺'), url('../fonts/Sense_Light-webfont.woff') format('woff'), url('../fonts/Sense_Light-webfont.ttf') format('truetype'), url('../fonts/Sense_Light-webfont.svg#webfontGxA6wI2O') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SenseBoldItalic';
	src: url('Sense_BoldItalic-webfont.eot');
	src: local('☺'), url('../fonts/Sense_BoldItalic-webfont.woff') format('woff'), url('../fonts/Sense_BoldItalic-webfont.ttf') format('truetype'), url('../fonts/Sense_BoldItalic-webfont.svg#webfontb3O3fZal') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {position: relative; min-height: 100%;}
body {margin-bottom: 190px; background: #F9F9FB url(../img/ahuk_background.png) no-repeat; background-position: top center; font-family: 'SenseRegular',Arial,sans-serif; color:#593961; font-size: 18px; line-height: 1.7}

h1 {font-family: 'SenseMedium',Arial,sans-serif; font-size: 36px;}
h2 {font-family: 'SenseLight',Arial,sans-serif; font-size: 27px; margin-bottom: 20px; margin-top: 0px }
/*p {text-shadow: 1px 1px 1px #fff;}*/
p > span.label {text-shadow: none;}
p > a {color: #AF588C; text-decoration: underline;}
p > a:hover {color: #AF588C; text-decoration: none}
strong {font-family: 'SenseMedium',Arial,sans-serif; font-weight: normal; color: #793583}
strong em {font-family: 'SenseBoldItalic',Arial,sans-serif; font-weight: normal; font-style: normal; color: #793583}
label {font-family: 'SenseRegular',Arial,sans-serif; color:#593961; font-weight: normal;}
.form-control {font-size: 18px}
.purpleTxt {color: #793583}
.purpleBack {background-color: #793583}
.pinkTxt {color: #AF588C}
.pinkBack {background-color: #AF588C}
.twentyTop {margin-top: 20px}
.thirtyTop {margin-top: 30px}
.noBottom {margin-bottom: 0px}
.underline {border-bottom: 1px #DDCCE0 dotted; padding: 5px 0}
::selection {background-color: #DDCCE0; color: #793583; border-radius: 3px; /*text-shadow: 1px 1px 1px #fff*/}

.centeredContainer {
   display: table;
   width: 100%;
   height: 100%;
}
.centered {
   display: table-cell;
   text-align: center;
   vertical-align: middle;   
}
.centeredMessage
{
	background-color: #fff; border:1px solid #333; border-radius: 5px; padding: 30px; display: inline-block;
}

#messageSent {position: fixed; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background-color: rgba(0,0,0,0.6); z-index: 99}


.hdrTxt {padding-top: 30px}
.ahuk {color: #fff; margin-bottom: 0px; margin-top: 0px; text-shadow: 2px 2px 2px #662C6E; text-shadow: 2px 2px 5px rgba(73, 32, 79, 0.5);}
.strap {color: #FFCC99; margin-top: 0px; margin-bottom: 0px;  text-shadow: 2px 2px 2px #662C6E; text-shadow: 2px 2px 5px rgba(73, 32, 79, 0.5);}
.logo {text-align: center; padding-top: 20px;}
.logo > img {margin-right:-30px;}

#navigation {padding-top: 90px}
#navigation > div {padding-left: 5px; padding-right: 5px}

.btn-primary {background-color: #AF588C; border: none;}
.btn-lg {font-size: 20px; font-weight: normal; color: #fff; color: rgba(255,255,255,0.9); text-shadow: 2px 2px 2px rgba(73, 32, 79, 0.3); font-family: 'SenseRegular',Arial,sans-serif; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
color: #fff; background-color: #A1497C;}
.btn.active, .btn-primary.active:hover {background-color: #793583}
.btn:focus, .btn:active:focus, .btn.active:focus {outline: none!important; outline-offset: none;}

.dropdown-menu > li > a {font-size: 18px}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background-color: #DDCCE0;}

.mainText {padding: 30px 0 }
.mainText p {margin-bottom: 20px}
.tenPadTop {padding-top: 10px}
.tenTop {margin-top: 10px}
.twentyTop {margin-top: 20px}

.lessPad {padding-left: 7px; padding-right: 5px}
.ahukMap {position:relative; margin-top: 30px}
.marker {width: 16px; height: 16px; position: absolute; z-index: 10; display: block; border-radius: 50%; width: 16px; height: 16px; background-color: #793583; border:1px solid #fff;}

.marker { animation-name: markerColours; animation-duration:2s; animation-iteration-count:infinite; -webkit-animation-name: markerColours; -webkit-animation-duration:2s; -webkit-animation-iteration-count:infinite;}	
@keyframes markerColours {0%,100% {background-color:#AF588C;} 50% {background-color:#793583;}} 
@-webkit-keyframes markerColours{ 0%,100%{background-color:#AF588C;} 50% {background-color:#793583;}}
@keyframes markerHover {background-color:#AF588C;}
@-webkit-keyframes markerHover{background-color:#AF588C;}
.marker:hover {animation-name: markerHover; animation-duration:0.5s; animation-iteration-count:1;  -webkit-animation-name: markerHover; -webkit-animation-duration:0.5s; -webkit-animation-iteration-count:1; }


.marker.barnstaple {left:214px; top:54px;}
.marker.crediton {left:268px; top:104px;}
.marker.northlew {left:208px; top:98px;}
.marker.modbury {left:240px; top:177px;}
.marker.launceston {left:178px; top:141px;}
.marker.launcestonTwo {left:173px; top:136px;}
.marker.south-molton {left:247px; top:62px;}
.marker.cullompton {left:301px; top:92px;}




.tooltip {font-size: 18px;}
.tooltip-inner {background-color: #793583}
.tooltip.top .tooltip-arrow {border-top-color: #793583}

.mapList {margin-top: 30px}
.list-group-item {margin:0px; padding: 0px}
.list-group-item a {padding: 15px 15px 15px 46px; background: #DDCCE0 url(../img/marker.png) no-repeat; background-position: 15px center; line-height: 16px; display: block; color: #593960; font-family: 'SenseMedium',Arial,sans-serif; text-shadow: 1px 1px 1px #fff; font-size: 20px}
.list-group-item a:hover {background: #D7ABC5 url(../img/marker.png) no-repeat; background-position: 15px center; text-decoration: none}

.footer {background: url(../img/ahuk_footer.png) no-repeat; background-position: top center; min-height: 190px; position: absolute; bottom: 0; width: 100%; height: 190px;}
.footer > .container {text-align: center; padding-top: 60px; color: #fff; font-family: 'SenseMedium',Arial,sans-serif;}
.footer > .container > img {margin-right:-20px;}

.form-horizontal .form-group.noNegative {margin-left: 0; margin-right: 0}
.reqd {display:inline-block;padding: 6px 12px; font-size: 14px; line-height: 1; color: #555; text-align: center; background-color: #FFDFBF; border: 1px solid #CCC; border-radius: 4px; margin-bottom: 10px;}

.fieldHover {padding: 5px}
.fieldHover:hover  {background-color: #D9C8DD; background-color: rgba(217,200,221,0.50); border-radius: 6px}

@media (max-width: 767px) {
	.logo {padding-top: 10px}
	.hdrTxt {text-align: center; padding-top: 50px}
	.hdrTxt > h1 {color: #793583; font-size: 28px; text-shadow:none;}
	.hdrTxt > h2 {color: #AF588C; font-size: 22px; text-shadow:none;}
	.dropdown-menu {width:100%;}
	#navigation {padding-top: 20px}
	#navigation > div {margin-bottom: 2px}
	.btn-lg {font-size: 17px;}
	.ahukMap {position:relative; margin-top: 0px; overflow: hidden;}
}
@media (min-width: 768px) {
	.hdrTxt > h1 {font-size: 28px; text-shadow:none;}
	.hdrTxt > h2 {font-size: 22px; text-shadow:none;}
	.btn-lg {font-size: 16px; padding: 10px 10px;}
}

@media (min-width: 990px) {
	.hdrTxt > h1 {font-size: 32px; text-shadow:none;}
	.hdrTxt > h2 {font-size: 24px; text-shadow:none;}
	.btn-lg {font-size: 20px; padding: 8px}
}

@media (min-width: 1200px) {
	.hdrTxt > h1 {font-size: 36px;}
	.hdrTxt > h2 {font-size: 28px; }
	.btn-lg {font-size: 21px; padding: 10px 10px;}
}

