/**/
body {font-family: verdana, sans-serif !important; background-color: white; font-size: 1em;}
a {color: #1a2767;  text-decoration: none;}
  a:hover, a:focus {color: #c85a3c;}
  
/* Top Bar */
.top-bar,
.top-bar ul,
.top-bar li a:not(.button) {background: white;}
.top-bar li.active:not(.has-form) a:not(.button) {background: #1a2767;}/*active link*/
.top-bar a { color: #1a2767; background: white ;}
.top-bar-title {display: none;}/*hides 'Alba' until media query says so > 670px*/
.logo-med {display: none;}/*hides 'Whistles' until media query says so > 800px*/

.menu li a:hover {color: white; background-color: #c85a3c !important;}


/* Header - text on photo border: thick solid aqua;*/
#header {padding: 60px 0 0 0; background:url(../img/blue-green1280.jpg) no-repeat 50% 10% !important; color: white;margin-top: 0px;overflow: hidden; text-align: center;}
#header h1 {color: white;font-size: 3.5em; line-height: 44px;text-shadow: 4px 4px 3px rgba(0,0,0,0.8);}
#header .subheading {display: block;margin-bottom: 30px;font-size: 23px;line-height: 1.2;text-shadow: 2px 2px 2px rgba(0,0,0,0.9);}
#header #saltire {box-shadow: 4px 4px 3px #333333;}

/* orbit - quotes*/
.orbit-slide {padding: 0.5em 1em 1em 0.5em;}
.orbit-slide H5 {color: #1a2767 !important;}/*main quote text colour*/
.orbit-slide .author {color: #c85a3c !important;}/*author credit colour*/
.orbit-previous, .orbit-next {color: #999; }/*arrow colour*/

/* ------ common to home shop, samples, links page styles ------- */
/*#cleargap {clear: both;}*/
.bigpic { clear: both; position: relative; display: block;}
.bigpic img {border: 1em solid #d8d8d8;border-radius:13px;margin-bottom: 2em;}
.shadow {-webkit-box-shadow: 5px 7px 9px 0px #999; box-shadow: 5px 7px 9px 0px #999;}
/*.panel li {list-style: none; margin-bottom: 1.8em;}
.panel li p {margin-top: 0.6em; margin-bottom: 0.1em; font-size: 90%;}
.callout {border-radius:13px;-moz-border-radius:13px;-webkit-border-radius:13px;-o-border-radius:13px;-ms-border-radius:13px;clear: both;  position: relative; display: block;}*/
.callout li {list-style: none; margin-bottom: 1.8em;}
.callout li p {margin-top: 0.6em; margin-bottom: 0.1em; font-size: 90%;}
.warn {font-weight: bold; color: red;}
.positive {font-weight: bold; color: #43AC6A;}
.quote {font-style: italic; color: #1779ba;}

/* ------ shop styles ------- */
#checkoutlink {float:right;font-size: 90%; margin-bottom: 1em;}
#shop-panel {border-radius:13px; clear: both;  position: relative; display: block;}
#headtext {font-size: 140%;}

/* samples */
.player {/*clear: both; */margin-bottom: 1.5em;}
.player-title {font-weight: bold }
.player-description {margin-bottom: 0.5em}
.audiojs {max-width: 500px;}
/*.audiojs {width: 400px; height: 36px; margin: 15px 0 50px 0; border-radius: 5px 5px 5px 5px;}*/

/* ------ admin styles ------- */
#admin h3 {color: #1a2767;}
table td.even {background-color: #dfecf4;}
table td.odd {background-color: #f6e3de;}


.pitch {font-weight: bold;color: #4e97cc;  background-color: #FFE591; }
/*.key {white-space: nowrap;vertical-align: bottom;}*/
.key select {width: 4em;}
.design {font-weight: normal;color: #c85a3c;}
.th, .th a {border: none;}
.th:hover, .th:focus {box-shadow: 0 0 6px 3px rgba(0, 140, 186, 0.5); }
/*#buytable td*/ 
.pic {float:right; max-width: 60%;  margin-left:15px; margin-bottom: 15px; }
.pictext {font-size: 90%;  text-align: right;  }
.clearing-caption {font-size: 1em;  color: white; }

#gtee {background-image: url(../img/parch2.jpg);  width: 400px;  border: none; font-size: 90%;position: fixed; visibility: hidden;  top: 25%;  left: 25%;-webkit-box-shadow: 3px 3px 3px #000; box-shadow: 3px 3px 3px #000; border-radius: 5px 5px 5px 5px; }
#gtee p {font-size: 90%; padding: 0.1em 1em 0 1em;}
#gteebot { width: 400px;  border: none;  height: 100px;  margin-top: -0.9em;  padding-left: 1em;    }
#gteebot .button {float:right;margin: 45px 20px 5px 10px;    }
#shipinfo {width: 470px;  border: none; font-size: 90%;position: fixed; visibility: hidden;  top: 15%;  left: 20%;-webkit-box-shadow: 3px 3px 3px #000; box-shadow: 3px 3px 3px #000; border-radius: 5px 5px 5px 5px; padding: 10px;  background: white url(../img/parch2.jpg);  }
#shipinfo .button {float:right; }

/*------------- icon bar ------------*/
#iconrow {text-align: center;}
#iconrow .icon {font-size: 7rem !important;}

/* ============= boxout ======================*/
#boxout {border: 2px solid #266896;	background-color: #99CCFF;	padding: 5px 8px 8px 8px;  color: White; margin-bottom: 10px; border-radius: 10px;}


/* Footer */
footer {padding: 40px 0 30px 0; background: white url(../img/caseback1500.jpg) no-repeat 50% 25%; color: white;}
footer ul {background:rgba(48,47,84,0.6); border-radius: 10px; -webkit-border-radius: 10px;padding: 10px;}
footer li {list-style: none;padding-left: 1em;}
footer .inline-list {line-height: 45px;}
footer a:link {color: white;}
footer a:visited {color: white;}
footer a:hover, footer a:focus {color: #c85a3c;}
footer #farce {background: none;}
footer #farce li {margin-left: 10px;}
footer a.icon {color: #4e97cc; font-size: 60px; padding: 0; text-shadow: 4px 4px 3px rgba(0,0,0,0.8);}

/* --------------------------  media queries  --------------------------- */
/*Small screens 
max-width: 40em max-width 640px, mobile-only styles, use when QAing mobile issues
Medium screens
min-width: 40.063em min-width 641px
min-width: 40.063em and max-width: 64em - min-width 641px and max-width 1024px, use when QAing tablet-only issues
Large screens
min-width: 64.063em - min-width 1025px
min-width: 64.063em and max-width: 90em - min-width 1025px and max-width 1440px
XLarge screens
min-width: 90.063em - min-width 1441px
min-width: 90.063em and max-width: 120em - min-width 1441px and max-width 1920px
XXLarge screens
min-width: 120.063em - min-width 1921px
*/
/*Medium screens */
@media only screen and (min-width: 641px) { 
footer a.icon:hover {color: #c85a3c;}
}
@media only screen and (min-width: 670px) {
.top-bar-title {display: inline;}
.top-bar .logo {font-size: 1.1em;}
}
@media only screen and (min-width: 700px) {
.top-bar .logo {font-size: 1.5em;}
}
@media only screen and (min-width: 800px) {
.top-bar .logo-med {display: inline;}
}
/*Large screens*/
@media only screen and (min-width: 1024px) {
.top-bar .logo {font-size: 1.7em;}
}