@import url("bootstrap-drawer.css");
@import url("font-sizes.css");
@import url('https://fonts.googleapis.com/css?family=Anton|Cabin:400,600,700|Roboto:400,700|Yesteryear&display=swap');
/*
font-family: 'Yesteryear', cursive;
font-family: 'Cabin', sans-serif;
*/
body {font-family: 'Cabin', sans-serif; -webkit-transition: font-size 0.7s ; transition: font-size 0.7s ;}
a { color: #2B3C68; /*font-weight: 600*/}
.contentblock li, .contentblock p  { font-size: 18px; font-family: 'Roboto', sans-serif; color: #444444 !important}
.footer p { font-size: 13px;}
h1 {color: #666666; font-size: 31px; margin-top: 0}
h1.iconh1 { display: inline-block; vertical-align: middle; margin: -15px 0 0 25px}	
h2 {color: #666666; font-size: 22px}
.homebox h2 { font-family: 'Yesteryear', cursive; font-size: 48px; margin-top: 0}
.pagenews h2 { margin-top: 10px; font-size: 22px;}
.ueleft h2, h2.columnsubh { font-size: 20px;}
.contentblock h2 { font-size: 19px; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: bold; margin-bottom: 15px}
h3 {color: #666666; font-size: 24px; font-weight: 600}
.servicebox h3 { font-size: 22px; font-weight: bold}
.newsbox h3 { font-size: 18px; font-weight: bold}
.mainevent h3 { position: absolute;color: #FFFFFF;width: 100%;text-align: center; font-size: 40px ; top: 36%;text-shadow: 1px 2px #000;font-weight: 600}
.smallevents h3 { position: absolute;color: #FFFFFF;width: 100%;text-align: center;top: 25%;text-shadow: 1px 2px #000;font-weight: 600; font-size: 24px;}
.galoverview .smallevents h3 { position: absolute;color: #FFFFFF;width: 100%;text-align: center;top: 32%;text-shadow: 1px 2px #000;font-weight: 600; font-size: 24px;}
.dropdown-menu h3 { font-size: 21px; padding-bottom: 0; margin-top: 0; font-weight: 600}
.featurebox h3 { font-size: 48px; text-transform: uppercase; -webkit-text-stroke: 1px #81629b; color: white; text-shadow: 3px 3px 0 #81629b, -1px -1px 0 #81629b, 1px -1px 0 #81629b, -1px 1px 0 #81629b, 1px 1px 0 #81629b; text-align: center; font-family: 'Anton', sans-serif !important; z-index: 2; padding: 27px 60px 30px 0;  margin: 0}
h4 {color: #666666; font-size: 23px}
.reportrepairform h4 { background: #81629b; color: #fff; text-align: center; padding: 8px 0; font-size: 18px;}
.complimentcomplaintform h4 { background: #87ceeb; color: #fff; text-align: center; padding: 8px 0; font-size: 18px;}
.complimentcomplaintform select {    font-size: 16px;padding: 5px;font-weight: bold;}
h5 {color: #666666; font-size: 20px}
h6 {color: #666666; font-size: 18px}
.contrastarea h6 { margin: 0; margin-bottom: 15px; border-bottom: 1px solid #999; font-size: 16px; padding-bottom: 5px}
.cta h6 { font-family: 'Yesteryear', cursive; font-size: 48px; margin-top: 0; text-shadow: 0px 0px transparent; }
.footer h6 { font-size: 19px; color: #fff}

hr { clear: both; margin: 15px 0;     border-top: 1px solid #ccc !important;}



.greytxt { color: #959595; }
.darkgreytxt { color: #3a4043  }
.whitetxt { color: #FFFFFF; }
a.whitetxt:hover { color: #EEEEEE}
.blacktxt { color: #1f1f1f; }
.purpletxt { color: #81629b}

.btn-white { background: #FFF; border-radius: 10px; border: 2px solid #81629b; transition: all 0.5s ease; font-weight: bold; font-size: 17px}
.btn-white:hover { background: #81629b; color: #FFF; }
.btn-form-submit { padding: 6px 60px;}

.btn-fullblue { background: #4dc1f0; color: #FFF; text-shadow: 1px 1px 1px #000; font-size: 21px; padding: 6px 50px; margin-right: 30px; }
.btn-fullblue:hover, .btn-fullgreen:hover, .btn-fullblue:focus, .btn-fullgreen:focus { color: #FFF; }
.btn-fullblue:hover { background: #6cd0f8}
.btn-fullgreen:hover { background: #b2dd7e}
.btn-fullgreen { background: #a0cf67; color: #FFF; text-shadow: 1px 1px 1px #000; font-size: 21px; padding: 6px 50px;}

.greybg { background: #f4f4f4; }
.blackbg { background: #1f1f1f; }
.lightpurplebg { background: #c6b3d1; }
.purplebg { background: #81629b; }
.tdgreyby { background: #f4f4f4; }

.nopad {padding:0} 
.pad8 { padding: 0 8px;}
.pad15 { padding: 15px; }
.padleft0 {	padding-left:0}
.padright0 {padding-right:0}
.padtop15 {padding-top: 15px}
.padright15 {padding-right: 15px}
.padbot0 { padding-bottom: 0 !important}
.padbot5 {padding-bottom: 15px}
.padleft5 {padding-left: 15px}
.marbot15 { margin-bottom: 15px;}
.marbot40 { margin-bottom: 40px;}
.marright5 { margin-right: 5px;}
.marright15 { margin-right: 15px;}
.marleft15 { margin-left: 15px;}
.marginauto { margin: 0 auto}
.spacer0 {clear:both; height: 0px }
.spacer5 {clear:both; height: 5px }
.spacer15 {clear:both; height: 15px }
.spacer35 {clear:both; height: 35px }
.spacer45 {clear:both; height: 45px }
.posrel { position: relative}

/* header */
#header { position: relative; border-bottom: 1px solid #81629b; padding: 10px 0 0 0; }



#listen_reciteme { background:#ffdc53; float: left; margin-right: 15px; padding: 8px 20px; border-radius:5px; font-weight: bold; font-size: 18px; position: relative; cursor: pointer}

#searchfield { float: left; margin-right: 20px; padding: 0px 20px;  position: relative; }

#accessibility { background:#ffdc53; float: left; margin-right: 15px; padding: 8px 20px; border-radius:5px; font-weight: bold; font-size: 18px; position: relative; cursor: pointer}
.contrastarea { display: none; position: absolute; top: 45px; right: 100px; background: #fafafa; border: 1px solid #cccccc; padding: 15px; width: 230px; z-index: 9; text-align: left}
.contrastbutton { background: none; border: 0; width: 100%; text-align: center; padding: 6px 0; margin-bottom: 5px; font-weight: 400; font-size: 15px;}
.contrastbutton.normal { background: #FFF; border: 1px solid #000; color: #000; }
.contrastbutton.soft { background: #F9F7C7; border: 1px solid #575756; color: #575756; }
.contrastbutton.high { background: #000; border: 1px solid #000; color: #fff; }
.topsocialicon { font-size: 42px;}
.facefav { color:#3b5998;}
.facefav:hover { color:#1778F2;}
.twitfav { color:#55acee;}
.twitfav:hover { color:#292f33;}
p.tagline { font-family: 'Yesteryear', cursive; padding-top: 15px; font-size: 50px; margin: 0; text-align: right; }

/* top nav */
#navbar { padding-left:0; padding-right: 0; float: right}
.navbar-collapse { padding-right: 0; }
.navbar { position: static}
.navposstatic { position: static}
.nav>li { position: static}
.navbar-nav>li>a { color: #81629b; font-size: 16px; font-weight: bold; padding: 0 12px 12px 12px; transition: color 0.5s ease; border-bottom: 5px solid #fff; }
.navbar-nav>li>a.last { padding-right: 0}
.nav>li>a:focus, .nav>li>a:hover { background: none; }
.navbar { min-height:auto; margin-bottom: 0; margin-top: 20px;}
.navbar-nav { float: right}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: transparent; border-color: #81629b;}

/* sub nav */
.subnavpad { padding: 30px;}
.dropdown-menu .line { width: 140px; height: 1px; margin: 0; margin-bottom: 15px;}
.topsubnav { list-style: none; padding: 0; margin: 0}
.topsubnav>li>a {padding: 12px 10px 12px 10px;; border-bottom: 1px solid #ddd; color: #666666; font-size: 16px; font-weight: 400; display: block}
.topsubnav>li:hover>a {background: #81629b;  color: #FFF; text-decoration: none}
.subnavdown { float: right}
.subnavdown .fas { color: #81629b}
.topsubnav>li:hover>a>.subnavdown>.fas{color: #FFF;}
.subnavdesc { text-align: right}
.subnavdesc p { margin-bottom: 3px;}

/* third level nav */
.thirdlevelnav { display: none;}
.topthirdnav>li>a {padding: 12px 10px 12px 10px;; border-bottom: 1px solid #ddd; color: #666666; font-size: 16px; font-weight: 400; display: block}
/* nav - burger icon */
.burgerholder { width: 50px; float: left;  padding-top: 4px;}
.navbar-toggle .icon-bar { width: 32px; height: 5px; background-color: #000000; float: right; }

/* carousel banner */
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1.2, 1.2);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}

@keyframes zoom {
  from {
    transform: scale(1.2, 1.2);
  }
  to {
    transform: scale(1, 1);
  }
}
.intro {
    transform: translate3d(0px, 0px, 0px);
    overflow: hidden;
    background-attachment: fixed !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    height: 390px;
}
.contentblock h5 {
    margin-top: 32px;
    margin-bottom: 5px;
	font-weight:bold;
}
#pagecontent ol, #pagecontent ul {
    margin-top: 20px !important;
    margin-bottom: 26px !important;
}
.well { margin-top: 40px !important; }
.contentblock h3 { margin-top: 30px; margin-bottom: 8px; }
.spotlight { background: #81629b; padding: 0; overflow: hidden; border-bottom: 5px solid #c6b3d1; margin-bottom: 15px; }
.carousel-inner .item{min-height:390px !important;}
.carousel-inner .item .innerbg  { -webkit-animation: zoom 20s; animation: zoom 20s;}
.carousel-inner .box {background: #c6b3d1; border: 5px solid #FFFFFF; border-radius:20px; padding:20px; width: 400px; height: 250px; float: right; position: relative; margin-top: 65px;}
.carousel-inner .box h2 { font-size: 24px; color:#FFF; text-shadow:  1px 1px 1px #000; margin: 0; line-height: 30px; }
.carousel-inner .spotbut { position: absolute; bottom: 20px; right: 20px; }
.carousel-control.left,.carousel-control.right { background:none !important; } 

/* home - feature boxes */
.featurebox {border:2px solid #81629b; border-radius:10px;  background-repeat: no-repeat; background-size: cover; overflow:hidden; background-position: bottom center; z-index: 0}
.featurename { padding-left: 0; padding-right: 0; }
.featurebox p { font-weight: bold; font-size: 20px; color: #000; line-height: 23px;}
.featurebox .btn-white { padding-left: 30px; padding-right: 30px;}
.purplediag { position: absolute; top:0; left:-35px; width:100%; height:100%; background:linear-gradient(to top right, #c4b1d0, #81629b); transform:skew(170deg); z-index: -1;}
.featurebox .whitebox {background: rgba(255,255,255,0.7);border-radius: 10px;}
/* home - how can we help */
.servicebox .grow { transition: transform .5s ease, -webkit-transform .5s ease;}
.servicebox:hover .grow {transform: scale(1.2); opacity: 0.8}
.serviceboxtxt { width: 300px; margin: auto; font-weight: bold}
.serviceboxtxt p { font-family: 'Cabin', sans-serif; }
.homebox { padding: 50px 0 }
.line { width: 140px; height: 3px; margin: auto; margin-bottom: 15px;}
.linecolour1 { background: #0088cf }
.linecolour2 { background: #cb2533 }
.linecolour3 { background: #b2d234 }
.linecolourp { background: #81629b; margin-bottom: 30px; }

/* home - news box */
.newsbox { background: #FFFFFF; border-radius: 10px; overflow: hidden; transition: all 0.5s ease;}
.newsbox:hover .newsimg { transform: scale(1.05,1.05);}
.newsimg { height: 180px; overflow: hidden; padding: 2px;  -webkit-transition: all 0.3s ease-in-out;  }
.newsdesc { height: 200px; overflow: hidden; padding: 2px 15px; position: relative}
.newsdesccontent { height: 100px; overflow: hidden}
.newsdate { width: 100%; position: absolute; bottom: 20px; left: 0; text-align: center; font-weight: bold}
/* page - news boxes */
.pagenews .date { color: #999; font-size: 13px; }
 

/* home - gallery */
.gallerybox { height: auto; overflow: hidden}
.smallevents {width: 100%; display: inline-block; position: relative}
.mainevent {/*width: 49%;*/ width:100%; height: 49%; display: inline-block; position: relative}
.eventimgholder {background-size: 100%; background-position: center; height: 100%;transition: all 0.5s ease;background-repeat: no-repeat}
.eventimgholder:hover {background-size: 130%; background-position: center; height: 100%;transition: all 0.5s ease;}
.smalleventimgholder {background-size: 100%; background-position: center; height: 100%;transition: all 0.5s ease;background-repeat: no-repeat}
.smalleventimgholder:hover {background-size: 130%; background-position: center; transition: all 0.5s ease;}
.lgevent { height: 300px; padding: 0}
.smevent { height: 150px; padding: 2px 5px; min-height: 151px }
.smevent.galoverview { height: 220px; margin-bottom: 5px;}
/* page - gallery */
.galholder { width:100%; height:220px; overflow:hidden }
.galholder2 { width:100%; height:200px; overflow:hidden;border-radius: 10px; }
.galleryintro:hover {  -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.3s ease-in-out; }
.gallerythumb { height:200px }
.galleryimage { height:200px; position: relative; text-align: center; cursor: pointer; background-position: center;background-size: cover;overflow: hidden;  -webkit-transition: all 0.3s ease-in-out; }
.galleryimage:hover {    transform: scale(1.1,1.1);}

/* home - whats going on  */
.wgobox { padding-left: 30px;}
.wgoline { margin-bottom: 50px;}
.wgopad { padding: 15px 10px;}
.wgosymbol { position: absolute; top: -35px; left: 0; width: 70px; height: 70px; border: 2px solid #c6b3d1; border-radius: 50%; text-align: center; background: #fff; z-index: 9;}
.wgofa { font-size: 38px;}
.wgotwitter { color: #55acee; padding: 13px 0 0 0 }
.wgofacebook { color: #3b5998; padding: 13px 0 0 0 }
.wgocalendar { color: #81629b; padding: 13px 0 0 0 }
.wgosurround { border: 2px solid #c6b3d1; height: 430px; border-radius: 10px;}
.wgobox #wgocalendar { height: 300px; overflow: hidden;}

/* page - hero image */
.catimg { height: 220px;}
.themeline { height: 15px;}

/* page - content area */
#pagecontent { padding: 30px 0; font-size: 18px; line-height: 25px;}
.well { font-size: 20px !important; color: #6F6F6F !important; font-style: italic }
/* footer */
.cta { padding: 50px 0}
#ft { background-image: url(/images/footerbgrd.png); background-position: bottom center; background-repeat: no-repeat}
.footer { padding: 20px 0}
.footerline { width: 70px; height: 1px; margin-bottom: 15px; background: #FFF}
.footersocialbar { padding: 20px 0 }
.footerlogos { text-align: right}
.flogo { margin-right: 20px;}
.footfacefav { color:#FFF;}
.footfacefav:hover { color:#1778F2;}
.foottwitfav { color: #FFF ;}
.foottwitfav:hover {color: #292f33;}
.footer a { font-weight: 400 !important; line-height: 27px;color: #fff;}
.footer p {color: #FFFFFF}

/* footer cooke bar */
#cookieholder { width:100% !important; position:fixed; background:rgba(0,0,0,0.5); bottom:0; z-index:9 }
#cookiefoot { margin:0 auto; padding:10px;}
#cookiefoot p { color:#FFFFFF; text-align:left;}
#cookiefoot a { color:#FFFFFF; text-decoration:underline; text-align:left; }
#cookiefoot p.accept { color:#FFFFFF; text-decoration:none; cursor:pointer; }
#cookieOK { text-align:right !important; float:right !important; font-weight:700 !important; font-size:13px !important  }

/* CALENDAR */
.mini-cal{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-bottom: 0;  background: #FFFFFF; color: #81629b;}
#calTitle{ display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; font-size: 22px; text-align: center; padding: 0.2em 1em; padding-top: 0.8em;}
#calTitle button{ outline: none; display: block; border: 0.1em solid #ddd; border: none; padding: 0; width: 40px; height: 40px;line-height: 56px; border-radius: 50%; background-color: #81629b;}
#calTitle button svg{ width: 30px; height: 30px;}
#calTitle button:hover{ background: #c6b3d1;}
#calThead, #calTbody{ display: flex; flex-wrap: wrap; padding: 0.1em;}
#calThead{ color: #333; margin-top: 0.4em; align-items: center; text-align: center; font-size: 0.88em;}
#calThead > div, #calTbody .a-date{ box-sizing: border-box; flex: 1; min-width: calc(14.28%); max-width: calc(14.28%); width: calc(14.28%); text-align: center; padding: 0;}
#calThead > div{ font-size: 1.1em; padding: 0.2em 0.2em;}
#calTbody{ color: #ddd;}
#calTbody .a-date > span{ display: block; font-size: 1em;}
#calTbody .a-date{ cursor: default; padding: 0; position: relative; background-color: transparent; color: #81629b; padding: 1em; border: 0.1em solid transparent; outline: none; font-size: 0.9em;}
#calTbody .a-date.blurred{ color:#c6b3d1;  pointer-events: none;}
#calTbody .a-date.event:before{ content: ''; position: absolute; top: 0.2em; right: 0; left: 0; margin: auto; background-color: #ffffff; width: 0.3em; height: 0.3em; border-radius: 50%;}
#calTbody .a-date.current{ border-color: #81629b; outline: none; outline: 0;}
#calTbody .a-date.focused, #calTbody .a-date:active{  background-color: #FFFFFF; color: #81629b; border-color:#81629b}
#calTbody .a-date.event{ background-color: #81629b; color: #FFFFFF;cursor: pointer;}
#calTFooter{ margin-bottom: 35px;display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; font-size: 1.6em; padding: 10px 1em; margin-top: 0;background-color: #81629b}
.homebox #calTFooter{ display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; font-size: 1em; padding: 4px 1em; margin-top: 0;background-color: #81629b}
#calTFooter #calLink{ font-size: 0.8em; display: inline-block; padding: 0.6em 0.8em; flex-shrink: 0; text-decoration: none; color: #fff; border: 1px solid #fff;}
#calTFooter #calLink:hover{ background-color: #c6b3d1; color: #FFFFFF}
#calTFooter #eventTitle{ color:#fff;margin: 0; margin-right: 0.1em; font-weight: normal; font-size: 0.95em; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;text-overflow: ellipsis;}
/* large calendar */
#calendar.large #calTbody .a-date > span { font-size: 20px; }
#calendar.large #calTbody .a-date { border: 1px solid #eeeeee; cursor: pointer}
#calendar.large #calTbody .a-date.focused, #calendar.large #calTbody .a-date:hover { border: 1px solid #4cc4c3}
/*Event page calendar*/
#pagecontent #calTbody .a-date.event:before { background-color: #fff !important}
#pagecontent .wgobox {padding-left: 20px;border-left: 1px solid #efefef}
#pagecontent .wgosymbol {display: none}
#pagecontent .wgosurround {border: 0px; height: auto}
#pagecontent #monthYear {color: #4cc4c3}
#pagecontent #calTbody .a-date > span {display: block;font-size: 14px;}
#pagecontent #calTbody .a-date.blurred {color: #b7e5e5;pointer-events: none;    font-size: 0.9em;    padding: 5px 0;}
#pagecontent #calThead {color: #fff;margin-top: 0.4em;align-items: center;display: none;text-align: center;font-size: 0.88em;}
#pagecontent #calTbody .a-date {cursor: default;position: relative;background-color: transparent;color: #4cc4c3;padding: 0.2em;border: 0.1em solid transparent;outline: none;font-size: 0.9em;}
#pagecontent #calTitle button {outline: none;display: block;border: 0.1em solid #ddd;border: none;padding: 0;width: 30px;height: 30px;line-height: 36px;border-radius: 50%;background-color: #4cc4c3;}
#pagecontent #calTitle button svg {width: 20px;height: 20px;}
#pagecontent #calTFooter {display: flex;justify-content: space-between;-ms-align-items: center;align-items: center;font-size: 1em;padding: 7px 1em;margin-top: 0;background-color:#4cc4c3;}
#pagecontent #calTFooter #calLink {font-size: 0.8em;display: inline-block;padding: 3px 0.8em;flex-shrink: 0;text-decoration: none;color: #fff;background-color: transparent}
#pagecontent #calTFooter #calLink:hover { background: #16cfcd}
#pagecontent #calTbody .a-date {cursor: default;    padding: 5px 0;;position: relative;background-color: transparent;color: #4cc4c3;border: 0.1em solid transparent;outline: none;font-size: 0.9em;}
#pagecontent #calTbody .a-date.focused {cursor: default;    padding: 5px 0;position: relative;background-color: transparent;color: #4cc4c3;border: 0.1em solid #4cc4c3;outline: none;font-size: 0.9em;}
#pagecontent #calTbody .a-date:hover {cursor: default;    padding: 5px 0;;position: relative;background-color: transparent;color: #4cc4c3;border: 0.1em solid #4cc4c3;outline: none;font-size: 0.9em;}
#pagecontent #calTbody .a-date.event {background-color: #4cc4c3;color: #FFF; padding: 5px 0; cursor: pointer}
#pagecontent #calTbody .a-date.event:before {content: '';position: absolute;top: 0;right: 0;left: 0;margin: auto;background-color: #000000;width: 0.3em;height: 0.3em;border-radius: 50%;}
#pagecontent #calTbody .a-date.current {border-color: #4cc4c3;outline: none;outline: 0;}
#pagecontent .mini-cal {background: #fafafa;}
#pagecontent .wgopad {padding: 15px 0 0 0;}
#pagecontent .columnsubh {  margin-bottom: 0; margin-left: 15px;border-bottom: 1px solid #efefef;/*width: 50%;*/padding-bottom: 10px;}
#pagecontent .columnsubh.upcoming {padding-left: 0px;border-left: 0;margin: 0; padding-bottom: 0; border-bottom: 0; width: 100%; margin-bottom: 15px}
#pagecontent .uebox {border-bottom: 1px solid #ddd;padding: 15px 0;border-left: 0;padding-left: 0px;}
#pagecontent .upcomingevents { padding-left: 20px;border-left: 1px solid #efefef;margin: 0;padding-bottom: 0;border-bottom: 0; margin-bottom: 15px; }
#pagecontent .at-icon-wrapper .at-icon-facebook {width: 34px !important; height: 39px !important}
#pagecontent .at-style-responsive .at-share-btn {padding: 0px;}
#pagecontent #gallerybtn {background-color: #4cc4c3;font-weight: bold; color: #FFFFFF;border-radius: 15px; font-size: 16px;padding: 7px 30px}
#pagecontent .event iframe {border: 1px solid #d4d4d4 !important}
#pagecontent #gallerybtn.btn[disabled] {color: #A5F5F4 !important}	
#pagecontent .at-svc-email {background-color: #cb2533 !important}

/* left upcoming events */
.uebox { border-bottom: 1px solid #ddd; padding: 15px 0}
.uebox p { margin-bottom: 0 }
.uebox a { color: #00aba9; font-weight: bold; font-size: 18px; margin-bottom: 3px}
.uebox p.uedate { font-weight: bold; font-size: 13px; margin-bottom: 6px;}
.uebox p.uedesc { font-size: 13px;}

.embed-responsive-16by9 { padding-bottom: 33.25%;}
.embed-responsive-16by9.gmap { padding-bottom: 45.25%;}

.teamitem { border: 1px solid #eee;}
.teamitem:hover { border:1px solid  #81629b; }
.teamitem h2 a { font-size: 16px; text-transform: none}
.teamitem h2 a:hover { text-decoration: none}

@media (min-width: 992px) and (max-width: 1200px) {
	/*#header { background: red;}*/
	.navbar-nav>li>a { font-size: 15px; padding: 0 8px;}
	.navbar { margin-top: 24px;}
	#navbar2 { padding: 0; float: right; width: 100%}
	.footercol {min-height: 250px}
    #searchfield { width: 300px !important; }
}

@media (max-width: 992px) {
	
	.mobilefullwidth { width:100%}
	.featurebox { padding: 0;}
	.featurebox h3 { padding: 15px 0; font-size: 28px;}
	.featurename { display: block; width: 100%; background: #81629b;}
	.purplediag { display: none}
	
	/*#header { background: yellow;}*/
	.navbar-collapse.collapse { display: none !important}
	.navbar-collapse.collapse.in { display: block !important}
	.navbar-toggle { display: block !important; background-color: #FFF; padding: 6px 12px; border-radius: 10px; color: #FFF; font-size: 16px; font-weight: bold; margin:0; }
	.secondnav { display: block !important; background-color: #0071bb }
	#navbar { width: 100%; padding-top: 20px;}
	.navbar-nav { margin: 0; width: 100%;}
	.navbar-nav>li>a { padding: 8px 0 8px 0; color: #FFF; border-bottom: 1px solid #438ebf; }
	.navbar-nav>li { float: none; width: 90%}
	.navbar { margin-top: 0}
	
	p.tagline { font-size: 44px;}
    #searchfield { width: 300px !important; clear: both; }
    
    .headercontain #searchfield { display: none; }

}

@media only screen and (width: 768px) { 
	
	.mobilefullwidth { width:100%}
	.featurebox { padding: 0;}
	.featurebox h3 { padding: 15px 0; font-size: 28px;}
	.featurename { display: block; width: 100%; background: #81629b;}
	.purplediag { display: none}
	
	
}
@media only screen and (max-width: 767px) { 
	/*#header { background: blue;}*/
	p.tagline { font-size: 36px;}
	.burgerholder { width: 32px; }
}

@media only screen and (max-width: 680px) { 
	
	/*#header { background: green;}*/
	.btn-fullblue {margin-right: 0px }
	
	#accessibility { padding: 6px 10px; font-size: 14px; margin-right: 3px !important; margin-top: 2px;  }
    #listen_reciteme { padding: 6px 10px; font-size: 14px; margin-top: 2px; margin-left: 3px; margin-right: 2px; }
	.topsocialicon { font-size: 33px;}
	.twitfav.marright5 { margin-right: 0}
	.navbar-toggle { padding: 0 0 0 10px;}
	.navbar-toggle .icon-bar { width: 26px;}
	.burgerholder { width: 26px;}
	
	p.tagline { font-size: 22px;}
	.featurebox h3 { font-size: 40px;}
	.featurebox p { font-size: 17px;}
	
	.wgobox { margin-bottom: 60px;}
	
	.cta h6 { font-size: 38px;}
	
	.smalleventholder { padding: 0;}
	.lgevent { margin-bottom: 8px; padding: 0}
	.smevent { margin-bottom: 8px; padding: 0}
	
	.carousel-inner .item { min-height: 250px !important;}
	.footerlogos { text-align: left; clear: both;}
     #searchfield { width: 235px !important; margin-right: 3px;  margin-left: 3px; padding: 0px; }
}

@media only screen and (max-width: 480px)  { 
	
	#accessibility { padding: 6px 10px; font-size: 14px; margin-right: 7px;}
	.topsocialicon { font-size: 33px;}
	.twitfav.marright5 { margin-right: 0}
	.navbar-toggle { padding: 0 0 0 10px;}
	.navbar-toggle .icon-bar { width: 26px;}
	.burgerholder { width: 26px;}
	
	.carousel-inner .box { width: 330px;}
	
	p.tagline { font-size: 22px;}
}

@media only screen and (max-width: 375px) { 
	
	.mobnopad { padding: 0;}
	.mobilefullwidth { width:100%}
	#accessibility { padding: 5px 6px; }
	.contrastarea { top: 30px; left: -2px;}
	.topsocialicon { font-size: 31px;}
	.burgerholder { width: 20px;}
	p.tagline { font-size: 20px; line-height: 9px;}
	
	
	.featurebox { padding: 0;}
	.featurebox h3 { padding: 15px 0; font-size: 28px;}
	.featurename { display: block; width: 100%; background: #81629b;}
	.purplediag { display: none}
	
	
	.homebox h2 { font-size: 39px;}
	.serviceboxtxt { width: 260px; }
	
	.mainevent { padding: 0}
	.mainevent h3 { font-size: 30px;}
	.mainevent.eventimgholder { background-size: cover;}
	
	.carousel-inner .box { width: 260px;}
	.carousel-inner .box h2 { font-size: 19px; line-height: 24px;}
	
	#calTitle { font-size: 17px;}
	#calTbody .a-date { padding: 6px;}
	#calTitle button { width: 25px; height: 25px; line-height: 40px;}
	#calTitle button svg { width: 25px; height: 25px;}
	
	.cta h6 { font-size: 29px;}
}

@media only screen and (max-width: 320px) { 
	
	.mobnopad { padding: 0;}
	.mobilefullwidth { width:100%}
	#accessibility { padding: 5px 6px; }
	.contrastarea { top: 30px; left: -2px;}
	.topsocialicon { font-size: 31px;}
	.burgerholder { width: 20px;}
	p.tagline { font-size: 20px; line-height: 9px;}
	
	
	.featurebox { padding: 0;}
	.featurebox h3 { padding: 15px 0; font-size: 28px;}
	.featurename { display: block; width: 100%; background: #81629b;}
	.purplediag { display: none}
	
	
	.homebox h2 { font-size: 39px;}
	.serviceboxtxt { width: 260px; }
	
	.mainevent { padding: 0}
	.mainevent h3 { font-size: 30px;}
	.mainevent.eventimgholder { background-size: cover;}
	
	.carousel-inner .box { width: 260px;}
	.carousel-inner .box h2 { font-size: 19px; line-height: 24px;}
	
	#calTitle { font-size: 17px;}
	#calTbody .a-date { padding: 6px;}
	#calTitle button { width: 25px; height: 25px; line-height: 40px;}
	#calTitle button svg { width: 25px; height: 25px;}
	
	.cta h6 { font-size: 29px;}
	
}
#header .fab.fa-instagram {
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}
.homebox .fab.fa-instagram {
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
}