.nav-pills .nav-link { border-radius: 0; font-family:"BarloweSemiCondenseds",Arial,sans-serif; font-weight:400; font-size:1.2rem; } /*MODIFIES BOOTSTRAP 4.1.0 CSS*/

.sans { font-family:Barlow, Arial, sans-serif; }
.sans-condensed { font-family:"BarloweSemiCondenseds",Arial,sans-serif; }

h2 { font-family: PagellaBold; }

.yht2 { background-color: #afa74e !important; color:#fff !important; }
.yht3 { background-color: #abdbe0 !important; color:#fff !important; }

.yhtbg3 { background-color:#246b71; color:#fff; }


.bg-yht1 { transition: 0.5s;border:0; } /*MAROON*/
.bg-yht2 { transition: 0.5s;border:0; } /*MUSTARD GREEN*/
.bg-yht3 { transition: 0.5s; border:0;} /*PALE AQUA*/
.bg-yht4 { transition: 0.5s;border:0; } /*SLATE GREY*/
.bg-yht-purple {transition: 0.5s;border:0; } /*PURPLE*/

a.bg-yht1:link, a.bg-yht1:visited { color:#333 !important; }
a.bg-yht2:link, a.bg-yht2:visited { color:#333 !important; }
a.bg-yht3:link, a.bg-yht3:visited { color:#333 !important; }
a.bg-yht4:link, a.bg-yht4:visited { color:#333 !important; }
a.bg-yht-purple:link, a.bg-yht-purple:visited { color:#333 !important; }

a.bg-yht1:hover, a.bg-yht1:focus, a.bg-yht1:active  { opacity:1; background-color: #a1405f !important; color:#fff !important; }
a.bg-yht2:hover, a.bg-yht2:focus, a.bg-yht2:focus { background-color: #afa74e !important; color:#fff !important; } /*MUSTARD GREEN*/
a.bg-yht3:hover { background-color: #abdbe0 !important; color:#000 !important; } /*PALE AQUA*/
a.bg-yht4:hover { background-color: #606674 !important; color:#fff !important; } /*SLATE GREY*/
a.bg-yht-purple:hover { background-color: #873384 !important; color:#fff !important; } /*PURPLE*/

a.bg-yht1.active { opacity:1; background-color: #a1405f !important; color:#fff !important; }
a.bg-yht2.active { background-color: #afa74e !important; color:#fff !important; } /*MUSTARD GREEN*/
a.bg-yht3.active { background-color: #abdbe0 !important; color:#000 !important; } /*PALE AQUA*/
a.bg-yht4.active { background-color: #606674 !important; color:#fff !important; } /*SLATE GREY*/
a.bg-yht-purple.active { background-color: #873384 !important; color:#fff !important; } /*PURPLE*/

.yht-subitem { font-size:115% !important; }

/*61205a*/ 


#topbar { background: url(../img/colour-bar-yht-001.gif) 0 0 repeat; min-height:9px; margin:0; padding:0; border-bottom:1px solid rgba(0,0,0,0.1);  }

header { background: #ddeaf2 url(../img/bg/header-diagonal.png) 0 0 repeat; margin:0; padding:0; }
#menu { background-image:none; background-color:#ddeaf2; }

.main-image { width: 100%; display:block; position: relative; top: 0; left: 0;}


@media only screen and (min-width: 992px) {
      
.main-image { display:none; }
.cover-image { width: 100%; position: relative; top: 0; left: 0; background-size: cover; margin:0; padding:0; }

}