body { font-family: 'SourceSerifPro', Georgia, "Times New Roman", serif !important;  font-size:1.5rem; }

.bold { font-weight:600; }
.smaller { font-size:90%; line-height:170%; }



a { text-decoration:none; font-weight:600; }
a:link { color:#502F88; border-bottom:1px dotted #502F88; }
a:visited { color:#502F8880;  border-bottom:1px dotted #502F88; }
a:hover, a:focus, a:active { text-decoration:none; color:#FF3366; border-bottom:1px solid #FF3366; }

div.text-light a { text-decoration:none; font-weight:600; }
div.text-light a:link { color:#97a43a; border-bottom:1px dotted #97a43a; }
div.text-light a:visited { color:#97a43a;  border-bottom:1px dotted #97a43a; }
div.text-light a:hover, a:focus, a:active { text-decoration:none; color:#BABE33; border-bottom:1px solid #BABE33; }

div.s { padding-top:0.3rem; padding-bottom:0.5rem; font-size:85%; 
  clear:both;
}

div.m { overflow:hidden; }

div.s::after {
  display: block;
  clear: both;
  content: "";
}

@media (min-width: 576px) {
  div.s {
    padding-top:0rem; padding-bottom:0.5rem; font-size:85%;
  }
}

@media (min-width: 600px) { /*sm1*/
  div.s {
    padding-top:0rem; padding-bottom:0.5rem; font-size:90%;
  }
}

@media (min-width: 768px) { /*md*/
  div.s {
    padding-top:0.6rem; padding-bottom:2rem; font-size:100%;
  }
  div.home01 div.s { padding-top:0; }
  div.home01left { font-size:80%; padding-top:1rem !important; }
  div.home01right { padding-top:0; margin-top:0; }
}

@media (min-width: 839px) { /*md*/
  div.s {
    padding-top:0.6rem; padding-bottom:2rem; font-size:100%;
  }
  div.home01 div.s { padding-top:0; }
  div.home01left { font-size:85%; padding-top:1.5rem !important; }
  div.home01right { padding-top:0; margin-top:0; }
}

@media (min-width: 992px) { /*lg*/
  div.s {
    padding-top:1rem; padding-bottom:2rem; font-size:100%;
  }
}

@media (min-width: 1200px) { /*xl*/
  div.s {
    /*padding-top:2.5rem; padding-bottom:2rem; font-size:100%;*/
    padding-top:1rem;
  }
  /*div.home01 div.s { padding-top:0 !important; }*/
  div.s.home01left { padding-top:1rem !important; }
  div.home01right { padding-top:0 !important; margin-top:0 !important; }
}

div.corecolour { padding-top:2rem !important; }

p.h2 { margin-top:0; padding-top:0; }


strong { font-weight:600; }

header { background: #adbcd5 url(/img/bg/hdr-004c.jpg) repeat-x bottom center; /*background-size: cover;*/  }

header.home { background: #adbcd5 url(/img/bg/hdr-004a.jpg) repeat-x bottom center; /*background-size: cover;*/  }

header.content { background:none; background-color: #d6e2e8; }

.container-xxl {
    max-width: 1298px;
}

#menu1 { font-family: 'SourceSerifPro', Georgia, "Times New Roman", serif; font-weight:500; font-size:1.3rem; background: url(../img/bg/hdr/purple-texture.jpg) repeat 0 0; }

#menu1 {
  border: 1px solid transparent;  
  border-image-source: url(../img/bg/lines/line-purple.png);  
  border-image-repeat: round; border-image-outset: 1; border-image-slice: 10; border-image-width: 2px;  border-top:none;border-right:none;border-left:none;
  }


#menu1 a:link { color:#d2cde2; border-bottom:none; }
#menu1 a:visited { color:#d2cde2; border-bottom:none; }
#menu1 a:hover { color:#fff; border-bottom:none; }
#menu1 a:focus { color:#fff; border-bottom:none; }
#menu1 a:active { color:#fff; border-bottom:none; }
#menu1 div.active a { color:#fff; font-weight:800; border-bottom:none; }



@media (min-width: 992px) {
  #logo { padding-right:2rem !important; margin-right:1.5rem; border-right:1px solid #B3A4C3; }
}


.navbar-nav { flex-wrap:wrap; line-height:100%; }

div.hdr-divider { height:2px; background: url(../img/bg/hdr-divider-001.png) repeat-x; }
div.divider { height:2px !important; z-index:99999999; background: url(../img/bg/div-001a.png) repeat 0 0 !important; width:100%; }
div.divider-green { height:2px !important; z-index:99999999; background: url(../img/bg/div-green-001a.png) repeat 0 0 !important; width:100%; }
div.divider-green-1 { height:1px !important; z-index:99999999; background: url(../img/bg/div-green-001a.png) repeat 0 0 !important; width:100%; }
div.divider-grey { height:1px !important; z-index:99999999; background: url(../img/bg/divider-grey-003.png) repeat 0 0 !important; width:100%; }
div.divider-slatedark { height:2px !important; z-index:99999999; background: url(../img/bg/divider-slatedark-001.png) repeat 0 0 !important; width:100%; }


div.paleblue { background-color:#d6e2e8; color:#222; }

div.paleblue {
  border: 2px solid transparent;  
  border-image-source: url(../img/bg/lines/line-paleblue.png);  
  border-image-repeat: round;  
  border-image-outset: 1; 
  border-image-slice: 10; 
  border-image-width: 2px;  
  border-bottom:none;
  border-right:none;
  border-left:none;
  }

  .core.paleblue { border:none !important; border-image:none !important; }
  .core.paleblue a { text-decoration:none; font-weight:600; }
  .core.paleblue a:link { color:#502F88; border-bottom:1px dotted #502F88; }
  .core.paleblue a:visited { color:#502F8880;  border-bottom:1px dotted #502F88; }
  .core.paleblue a:hover, .core.paleblue a:focus, .core.paleblue a:active { text-decoration:none; color:#FF3366; border-bottom:1px solid #FF3366; }

  .core.paleblue a.btn { border-bottom:inherit; }
  .core.paleblue a.btn:link { color:#fff; }
  .core.paleblue a.btn:visited { color:#fff; }
  


div.palegreen { background-color:#B1B844; }
div.purpleblue { background-color:#9DA0C2; }
/*div.purple { background: url(../img/bg/mnu-008a.png) repeat 0 0; }*/
div.lightpurpleblue { background-color:#d3dfe6; }
div.mediumpurpleblue { background-color:#d0dbe4; }
div.brightgreen { background: #97a43a url(../img/bg/green-02.jpg) repeat 0 0;   }
div.slate { background: #53657F url(../img/bg/slate-001.jpg) repeat 0 0; }






/*div.navbar-nav { border: 2px solid transparent;  
  border-image-source: url(../img/bg/lines/line-slatedark.png);  
  border-image-repeat: round;  border-image-outset: 1; border-image-slice: 10; border-image-width: 2px;  border-bottom:none;border-right:none;border-left:none;
  }*/


div.purple2 { background:/*#502F75*/ url(/img/bg/purple-01.jpg) repeat 0 0 !important; color:#f8f9fa !important; }
/*div.gold { background: url(../img/bg/gold-01.jpg) repeat 0 0; }*/
div.mutedwhite { background-color:#f8f9fa !important; color:#333 !important;  }
div.brightwhite { background-color:#fff !important; color:#111 !important;  }
div.bluegrey { background: #56677E url(/img/bg/bluegrey-01.jpg) repeat 0 0 !important; color:#f9f9fa !important; }


div.charcoal { background: #2b2b2b url(../img/bg/hdr/charcoal-texture.jpg) repeat 0 0; color:#f8f9fa !important; }
div.charcoal {
  border: 2px solid transparent;  
  border-image-source: url(../img/bg/lines/line-charcoal.png);  
  border-image-repeat: round;  
  border-image-outset: 1; 
  border-image-slice: 10; 
  border-image-width: 2px;  
  border-bottom:none;
  border-right:none;
  border-left:none;
  }
div.charcoal h2 { text-shadow: 1px 1px 3px rgba(255,255,255,0.5); }
.core.charcoal { border:none !important; border-image:none !important; }


/* PURPLE COLOUR */
div.purple { background: url(../img/bg/hdr/purple-texture.jpg) repeat 0 0; color:#f8f9fa !important; }
div.purple {
  border: 2px solid transparent;  
  border-image-source: url(../img/bg/lines/line-purple.png);  
  border-image-repeat: round; border-image-outset: 1; border-image-slice: 10; border-image-width: 2px;  border-bottom:none;border-right:none;border-left:none;
  }
.core.purple { border:none !important; border-image:none !important; }

/* SKY COLOUR */
div.sky { background: url(../img/bg/hdr/sky-texture.jpg) repeat 0 0; color:#2E3746 !important; }
div.sky {
  border: 2px solid transparent;  
  border-image-source: url(../img/bg/lines/line-sky.png);  
  border-image-repeat: round; border-image-outset: 1; border-image-slice: 10; border-image-width: 2px;  border-bottom:none;border-right:none;border-left:none;
  }
div.sky h2 { text-shadow: 1px 1px 3px rgba(255,255,255,0.5); }
.core.sky { border:none !important; border-image:none !important; }

/* KASHMIR BLUE COLOUR - #557299 */
div.kashmir-blue { background:url(../img/bg/hdr/kashmir-blue-texture.jpg) repeat 0 0; color:#f9f9fa !important; }
div.kashmir-blue h2 { text-shadow: 1px 1px 3px rgba(0,0,0,0.7); }
div.kashmir-blue {
  border: 2px solid transparent;  
  border-image-source: url(../img/bg/lines/line-kashmir-blue.png);  
  border-image-repeat: round; border-image-outset: 1; border-image-slice: 10; border-image-width: 2px;  border-bottom:none;border-right:none;border-left:none;
  }
.core.kashmir-blue { border:none !important; border-image:none !important; }


/* SLATE DARK COLOUR */
div.slatedark { background: #2E3746 url(../img/bg/hdr/slate-dark-001.jpg) repeat 0 0; color: #f8f9fa; } 
div.slatedark a:link {  color:#BABE33; border-bottom:1px dotted #BABE33; }
div.slatedark a:visited {  color:#BABE33; border-bottom:1px dotted #BABE33; }
div.slatedark a:hover { color:#BABE33; border-bottom:1px solid #BABE33; }
div.slatedark a:focus { color:#BABE33; border-bottom:1px solid #BABE33; }
div.slatedark a:active { color:#BABE33; border-bottom:1px solid #BABE33; }
div.slatedark { border: 2px solid transparent;  
border-image-source: url(../img/bg/lines/line-slatedark.png);  
border-image-repeat: round;  border-image-outset: 1; border-image-slice: 10; border-image-width: 2px;  border-bottom:none;border-right:none;border-left:none;
}
.core.slatedark { border:none !important; border-image:none !important; }


  div.smoothtop { border-image:none !important; }  



div.cream { background: url(../img/bg/cream-02.jpg) repeat 0 0; color:#111 !important; }




.semibold { font-weight:600; }

.btn { font-family:Metropolis, Arial, sans-serif; text-transform:uppercase; font-weight:600; }
.btn-extra-round { border-radius:8px; }
.btn-purple { background: url(../img/bg/mnu-008a.png) repeat-x 0 0; color:#fff; }
.btn-purple:link { color:#fff; }
.btn-purple:visited { color:#fff; }
.btn-purple:hover { color:#fff; }
.btn-purple:focus { color:#fff;}
.btn-purple:active { color:#fff; }

.fall-shadow { -webkit-box-shadow: -1px 31px 13px -12px rgba(0,0,0,0.38);
-moz-box-shadow: -1px 31px 13px -12px rgba(0,0,0,0.38);
box-shadow: -1px 31px 13px -12px rgba(0,0,0,0.38); }
.fall-shadow-sm { -webkit-box-shadow: 0px 13px 9px -6px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 13px 9px -6px rgba(0,0,0,0.28);
box-shadow: 0px 13px 9px -6px rgba(0,0,0,0.28); }

/* BORDERS */
.pencil-border-purpleblue { border-style:solid; border-width:6px; border-image: url(../img/brd/pencil-border-purpleblue.png) 6 6 round; }


/* HEADER */


div.themepanel { /*margin-left: 20%; background-color: plum; width:418px;*/ position:relative; min-height:273px; }
div.themepanelimg { position:absolute; left:0; top:0; }
div.themepanel img { width:100%; max-width:90%; }

div.green { padding-bottom:25px; background: url(../img/bg/green-03.gif) bottom; }
div.green2 { background: url(../img/bg/green-04.jpg) repeat bottom; }
div.green6 { background: url(../img/bg/green-06.jpg) repeat 0 0; }



div.celery-green { background: url(../img/bg/hdr/celery-green-texture.jpg) repeat 0 0; }
div.celery-green {
  border: 2px solid transparent;  
  border-image-source: url(../img/bg/lines/line-celery-green.png);  
  border-image-repeat: round;  
  border-image-outset: 1; 
  border-image-slice: 10; 
  border-image-width: 2px;  
  border-bottom:none;
  border-right:none;
  border-left:none;
  }
div.celery-green h2 { text-shadow: 1px 1px 3px rgba(255,255,255,0.4); }  
.core.celery-green { border:none !important; border-image:none !important; }

div.aqua  { background: #2E91AE url(../img/bg/hdr/aqua-texture.jpg) repeat 0 0; color:#f8f9fa; }
div.aqua {
  border: 2px solid transparent;  
  border-image-source: url(../img/bg/lines/line-aqua.png);  
  border-image-repeat: round;  
  border-image-outset: 1; 
  border-image-slice: 10; 
  border-image-width: 2px;  
  border-bottom:none;
  border-right:none;
  border-left:none;
  }
div.aqua h2 { text-shadow: 1px 1px 3px rgba(46,55,70,0.7); }  
.core.aqua { border:none !important; border-image:none !important; }

div.pigeon-post  { background: #B4B9D9 url(../img/bg/hdr/pigeon-post-texture.jpg) repeat 0 0; color:#2E3746; }
div.pigeon-post {
  border: 2px solid transparent;  
  border-image-source: url(../img/bg/lines/line-pigeon-post.png);  
  border-image-repeat: round;  
  border-image-outset: 1; 
  border-image-slice: 10; 
  border-image-width: 2px;  
  border-bottom:none;
  border-right:none;
  border-left:none;
  }
div.pigeon-post h2 { text-shadow: 1px 1px 3px rgba(255,255,255,0.4); }  
.core.pigeon-post { border:none !important; border-image:none !important; }

div.gold  { background: #DBB237 url(../img/bg/hdr/gold-texture.jpg) repeat 0 0; color:#2E3746; }
div.gold {
  border: 2px solid transparent;  
  border-image-source: url(../img/bg/lines/line-gold.png);  
  border-image-repeat: round;  
  border-image-outset: 1; 
  border-image-slice: 10; 
  border-image-width: 2px;  
  border-bottom:none;
  border-right:none;
  border-left:none;
  }
div.gold h2 { text-shadow: 1px 1px 3px rgba(255,255,255,0.4); }  
.core.gold { border:none !important; border-image:none !important; }

/*div.sky { background: #CCD2DE url(../img/bg/hdr/sky-texture.jpg) repeat 0 0; }
div.sky {
  border: 2px solid transparent;  
  border-image-source: url(../img/bg/lines/line-sky.png);  
  border-image-repeat: round;  
  border-image-outset: 1; 
  border-image-slice: 10; 
  border-image-width: 2px;  
  border-bottom:none;
  border-right:none;
  border-left:none;
  }
.core.sky { border:none !important; border-image:none !important; }*/


*.debug { outline:6px solid hotpink !important; }

/*#hdr { min-height: 276px; }*/

.metro { font-family:Metropolis, Arial, sans-serif; text-transform:uppercase; font-weight:600; }
.jost { font-family:Jost, Arial, sans-serif; text-transform:uppercase; font-weight:600; }

h2.mainheading { /*font-family:Jost, Arial, sans-serif; border-bottom:8px solid #502F88; padding-bottom:2px; text-transform:uppercase;*/ font-weight:800; 
  font-size:140%; line-height:150%;  margin-bottom:1rem; display:inline-block; margin-top:3rem; }

  h2.ul { border-bottom: 3px solid #222; margin-bottom:1.5rem; display:inline-block; padding-bottom:4px; }
  div.text-light h2.ul { border-bottom: 3px solid #eeeeee; margin-bottom:1.5rem; display:inline-block; padding-bottom:4px; }

.mainheading { /*border-bottom:6px solid #502F88; padding-bottom:2px;*/ font-weight:600; 
    font-size:140%; line-height:150%;  margin-bottom:1rem; display:inline-block; }  

    .headingslate { border-bottom:6px solid #53657F; }
    .headingslatedark { border-bottom:6px solid #2E3746; }


/* FOOTER */
footer { /*background: url(../img/bg/footer-grey-001.jpg) repeat 0 0;*/ color:#eee; }
footer a { font-weight:600; }
footer a:link { color:#97a43a; border-bottom:none; }
footer a:visited { color:#97a43a; border-bottom:none; }
footer a:hover { color:#BABE33; border-bottom:1px solid #BABE33; }
footer a:focus { color:#BABE33; border-bottom:1px solid #BABE33; }
footer a:active { color:#BABE33; border-bottom:1px solid #BABE33; }

footer p { margin-top: 0; margin-bottom:0; }
footer div.smaller { font-size:70%; line-height:170%; }





.navbar-light .navbar-toggler {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.6);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#tabs .nav-tabs { border-bottom:1px solid #222 !important; }

.nav-tabs .nav-link { 
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

ul.tnotes li.nav-item a.nav-link { background-color:#ffffff99; color:#222; margin-right:6px; }
ul.tnotes li.nav-item a.nav-link:hover { background:#ffffffdd; color:#2E3746; margin-right:6px; }

ul.tnotes li.nav-item a.nav-link { border-bottom:1px solid #222 !important; }
ul.tnotes li.nav-item a.nav-link.active { background: #2E3746 url(../img/bg/slate-dark-001.jpg) repeat 0 0; color:#ffffee; border-bottom:none !important; bottom:-1px; position:relative; display:inline-block; border-top:1px solid #222; border-right:1px solid #222; border-left:1px solid #222; }

div.cream { background-color:#ffffee; }
/*div.sky { background-color: #EFF3F6; }*/
div.sky2 { background: url(../img/bg/sky-001.jpg) repeat 0 0; }
div.skylight  { background: url(../img/bg/sky-light-001a.jpg) repeat 0 0; }



/*.nte { background-color:#ffffee; border-radius:10px; overflow:hidden; border:1px solid #aaa; }*/
.nte { background-color:#EFF3F6; border-radius:10px; overflow:hidden; border:1px solid #aaa; }

.border-grey { border: 2px solid transparent; border-image: url(../img/borders/border-grey.png) 2 round; }
.border-white { border: 2px solid transparent; border-image: url(../img/borders/border-white.png) 2 round; }
.border-white-on-purple { border: 2px solid transparent; border-image: url(../img/borders/border-white-on-purple.png) 2 round; }
.border-black-on-purple { border: 2px solid transparent; border-image: url(../img/borders/border-black-on-purple.png) 2 round; }

.btn-solid-bottom { border-bottom-style: solid !important; }

ul.decorative { list-style-type: none; padding:0; }
ul.decorative li { background:url(../img/bg/ptr-002.png) no-repeat 0 9px; padding-left:40px;  }
div.text-light ul.decorative li { background:url(../img/bg/ptr-dark-002.png) no-repeat 0 9px; padding-left:40px;  }
div.text-dark ul.decorative li { background:url(../img/bg/ptr-002.png) no-repeat 0 9px !important; padding-left:40px;  }
div.purple2 ul.decorative li { background:url(../img/bg/ptr-dark-002.png) no-repeat 0 9px; padding-left:40px;  }
div.slatedark ul.decorative li { background:url(../img/bg/ptr-dark-002.png) no-repeat 0 9px; padding-left:40px;  }
div.paleblue ul.decorative li { background:url(../img/bg/ptr-002.png) no-repeat 0 9px; padding-left:40px;  }

.cke_combo__styles { min-width:200px !important; }
.cke_combo_button { min-width:200px !important; }
.cke_combo_text { min-width:200px !important; }
.cke_panel { min-width:230px !important; }


/*.cke_toolbar a:link, .cke_toolbar a:visited { border-bottom:none !important; }
.cke_combo_text { padding-top:0 !important; padding-bottom:0 !important; max-height:24px !important; }
.cke_combo_inlinelabel { padding-top:0 !important; padding-bottom:0 !important; max-height:24px !important; }
.cke_combo_button { padding-top:0 !important; padding-bottom:0 !important; max-height:24px !important; }
.cke_panel_listItem * { float:none !important; }
.cke_toolbar h2 { font-family:Arial !important; }

.cke_button__link_label { display:inline !important; margin-left:2px !important; }
.cke_button__iwsimg_label { display:inline !important; margin-left:2px !important; }
.cke_button__iwsdoc_label { display:inline !important; margin-left:2px !important; }
.cke_button__source_label { display:none !important; }

.cke_top { background-image:none !important; background-color:#515151 !important;  }
.cke_bottom { background-image:none !important; background-color:#515151 !important; opacity:.5;  }
.cke_reset_all { box-shadow:none !important; }

.cke_bottom a:link { color:#fff !important; text-shadow:none !important; border-bottom: none !important;  }
.cke_bottom a:visited { color:#fff !important; text-shadow:none !important;  border-bottom: none !important;  }
.cke_bottom a:hover, .cke_bottom a:focus, .cke_bottom a:active { border-bottom:none !important; }*/

/*a.cke_button { min-height:24px !important; padding-top:0 !important; padding-bottom:0 !important; }*/
a.cke_button { height:18px !important; padding-top:3px !important; padding-bottom:3px !important; }
.cke_button__removeformat_label { display:inline !important; margin-left:2px !important; }
.cke_button__selectall_label { display:inline !important; margin-left:2px !important; }
.show_label { display:inline !important; margin-left:2px !important; }
#trpwebs { display:none; }


h2, .h2 {
  font-weight:800; font-size:170%; line-height:150%; margin-bottom:1rem; margin-top:1.5rem;
}

h3, .h3 {
  font-weight:800; font-size:145%; line-height:150%; margin-bottom:1rem;  margin-top:1.5rem;
}

h4, .h4 {
  font-size: 120%; font-weight:600;  
}

h5, .h5 {
  font-size: 110%;  font-weight:600; font-family:"Barlowe";
}

p.h3 {
  margin-bottom:1.4rem !important;  
}

p.h4 {
  margin-bottom:1.4rem !important;  
}

p.h5 {
  margin-bottom:1.4rem !important;  
}

p strong { font-weight:800 !important; font-size:95% !important; }

blockquote { border-left:1px solid #ccc; margin-left:1.5rem; padding-left:0.75rem; }

.bold { font-weight:600 !important; }
.strike { text-decoration: line-through !important; }

hr  { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
hr.plain { border:0; height:1px; background-image:none; }

div.full-width-section { margin-left:0 !important; margin-right:0 !important; margin:0 !important; padding:0 !important; width:100%; }
div.full-width-section div.container { margin:0 !important; padding:0 !important; width:100% !important; max-width:none !important; }
div.full-width-section div.container p { margin:0 !important; padding:0 !important; }

#tabs { font-size:70% !important; font-family: 'SourceSerifPro', Georgia, "Times New Roman", serif !important; }
.ntes { font-size:90% !important; color:#111 !important; font-family: 'SourceSerifPro', Georgia, "Times New Roman", serif; }
.ntes a:link { color:#502F88 !important; border-bottom:1px dotted #502F88 !important; }
.ntes a:visited { color:#502F8880 !important;  border-bottom:1px dotted #502F88 !important; }
.ntes a:hover, .ntes a:focus, .ntes a:active { text-decoration:none; color:#FF3366 !important; border-bottom:1px solid #FF3366 !important; }
.ntes label { background-color: transparent !important; font-size:85%; font-weight:600; }
.ntes select { font-weight:600; }
.ntes select option { font-weight:600; }
#notesul { font-size:70% !important; font-family: 'SourceSerifPro', Georgia, "Times New Roman", serif !important; color:#111 !important;  }
#notesul li {  background:url(../img/bg/ptr-002.png) no-repeat 0 9px; padding-left:40px;  }
#notesul a:link { color:#502F88; border-bottom:1px dotted #502F88; }
#notesul a:visited { color:#502F8880;  border-bottom:1px dotted #502F88; }
#notesul a:hover, #notesul a:focus, #notesul a:active { text-decoration:none; color:#FF3366; border-bottom:1px solid #FF3366; }

#menu1 div.dropdown-menu { background-color:#3C205E; border-width: 1px; border-style:solid; border-bottom-color:#111; border-right-color:#111; border-left-color:#111; 
  border-bottom-left-radius:4px; border-bottom-right-radius:4px; margin-top:0; 
  -webkit-box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.75);
  box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.75);}

  #menu1 div.dropdown-menu a:link { color:#d2cde2; border-bottom:none }
  #menu1 div.dropdown-menu a:visited { color:#d2cde2; border-bottom:none; }
  #menu1 div.dropdown-menu a:hover { color:#fff; border-bottom:none; background-color:#3C205E;    }
  #menu1 div.dropdown-menu a:focus { color:#fff; border-bottom:none; background-color:#3C205E;   }
  #menu1 div.dropdown-menu a:active { color:#fff; border-bottom:none; background-color:#3C205E;   }


  #menu1 a.dropdown-toggle-split { border-top-left-radius:4px !important; border-bottom-left-radius:4px !important; }
  #menu1 a.dropdown-toggle-split:hover { background-color:#3C205E !important; }

    #menu1 div.hex-dropdown-menu a { font-weight:normal !important; background-color:black; padding-top:0.5rem; padding-bottom:0.5rem; }
  #menu1 div.hex-dropdown-menu a:link { color:#d2cde2; }
  #menu1 div.hex-dropdown-menu a:visited { color:#d2cde2; border-bottom:none; }
  #menu1 div.hex-dropdown-menu a:hover { color:#fff; border-bottom:none; background-color:#f46121;    }
  #menu1 div.hex-dropdown-menu a:focus { color:#fff; border-bottom:none; background-color:#f46121;   }
  #menu1 div.hex-dropdown-menu a:active { color:#fff; border-bottom:none; background-color:#f46121;   }


  #menu1 div.dropdown-divider {
  
    border-top: 1px solid #e9ecef80; background-color:black;
    
  }

  .hex-dropdown-divider {    
    margin: 0;
    padding:0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef80; background-color:black;
  }

  .hex-dropdown-divider-top {
    height: 0.5rem;    
    overflow: hidden;
    background-color:#3C205E;
  }

  .hex-dropdown-divider-bottom {
    height: 0.5rem;    
    overflow: hidden;
    background-color:#000;
  }

  .hex-dropdown-menu {
    padding-top:0.75rem;
    font-family: ClearSans;
    font-weight: 400;
    background-color:#000;
    font-size:95%;
  }

  div.dropdown-item { background-color:#3C205E; }
  div.dropdown-item:hover { background-color:#3C205E; }

  .modal { z-index:99999999 !important; }

  #hdr2 { margin-top:18px; 
    
    /*background:url(../img/bg/hdr/translucent-green-background.png) repeat-x 0 0; */

    /*background-image: url(../img/bg/hdr/translucent-green-background-05.png), url(../img/bg/hdr/light-navy-texture.jpg);
    background-position: 0, 0;*/
    background-repeat: repeat-x, repeat;

    
    /*height:278px;*/ }

    .teaching-notes-grid  {
      font-family: 'SourceSerifPro', Georgia, "Times New Roman", serif !important;      
      color:#111 !important;             
    }
    .teaching-notes-grid img { max-height:170px; }
.teaching-notes-grid p { line-height:50% !important; }
    .teaching-notes-grid a { font-weight:700 !important; font-size: 1.05rem !important; }
    .teaching-notes-grid a:link { color:#2E3746 !important; border-bottom:none !important; }
    .teaching-notes-grid a:visited { color:#2E374680 !important;  border-bottom:none !important; }
    .teaching-notes-grid a:hover, .teaching-notes-grid a:focus, .teaching-notes-grid a:active { text-decoration:none; color:#FF3366 !important; border-bottom:1px solid #FF3366 !important; }

    .teaching-notes-grid .badge { font-size:0.8rem !important; font-family:Arial,sans-serif !important; position:absolute; top:5px; left:0; }


    .author-list  {
      font-family: 'SourceSerifPro', Georgia, "Times New Roman", serif !important;      
      color:#111 !important;                   
    }
    
.author-list li { line-height:140%; padding-bottom:0.5rem; }
    .author-list a { font-size:1.3rem; font-weight:normal; }
    .author-list a:link { color:#2E3746 !important; border-bottom:1px dotted #2e3746 !important; }
    .author-list a:visited { color:#2E374680 !important;  border-bottom:1px dotted #2e3746 !important; }
    .author-list a:hover, .author-list a:focus, .author-list a:active { text-decoration:none; color:#FF3366 !important; border-bottom:1px solid #FF3366 !important; }

    .author-list .badge { font-size:0.8rem !important; font-family:Arial,sans-serif !important; position:absolute; top:5px; left:0; }

    .sans { font-family:Arial, sans-serif !important;}
    
    .mini { font-size: 0.75rem !important; }
    .teaching-notes-grid p.mini { line-height:115% !important; }

    .book-shadow { display:inline-block; 
      -webkit-box-shadow: 0px 13px 7px -9px rgba(0,0,0,0.52);
      -moz-box-shadow: 0px 13px 7px -9px rgba(0,0,0,0.52);
      box-shadow: 0px 13px 7px -9px rgba(0,0,0,0.52); }

    .book-border { display:inline-block; border:1px solid #87898b;}

    a.book-border:link { border:1px solid #87898b !important; }
    a.book-border:visited { border:1px solid #87898b !important; }
    a.book-border:hover, a.book-border:focus, a.book-border:active { border:1px solid transparent !important; outline:2px solid #FF3366 !important; }

    a.book-border-dashed:link { border:1px dashed #999990 !important; }
    a.book-border-dashed:visited { border:1px dashed #999990 !important; }
    a.book-border-dashed:hover, a.book-border:focus, a.book-border:active { border:1px solid transparent !important; outline:1px dashed #FF3366 !important;  }

    .btn-success:link { color:#fff; }
.btn-success:visited { color:#fff; }
.btn-success { border-color: #28a745 !important; }

.btn-hex:link { color:#fff !important; }
.btn-hex:visited { color:#fff !important; }


.ntes a.btn-hex:link { color:#fff !important; border-bottom:inherit !important; }
.ntes a.btn-hexa:visited { color:#fff !important;  border-bottom:inherit !important; }

p.faded { color:#999990 !important; }


.teaching-notes-grid p.faded a:link { color:#999990 !important; border-bottom:none !important; }
.teaching-notes-grid p.faded a:visited { color:#999990 !important;  border-bottom:none !important; }
.teaching-notes-grid p.faded a:hover, .teaching-notes-grid p.faded a:focus, .teaching-notes-grid p.faded a:active { text-decoration:none; color:#FF3366 !important; border-bottom:1px solid #FF3366 !important; opacity:0.6 !important; }


.evafont * { font-family: 'SourceSerifPro', Georgia, "Times New Roman", serif !important; }

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

div.make-image-fluid img {   max-width: 100%;
  height: auto; }

.tight { font-size:1.2rem !important; line-height:1.6rem !important; }
.dark { color:#111 !important; }

ul.decorative.small li { background:url(../img/bg/ptr-002.png) no-repeat 0 10px; padding-top:4px; padding-bottom:4px; }

div.s.do-not-pad-last-para div.core { padding-bottom:0 !important; }
div.s.do-not-pad-last-para div.core div.m p:last-child { margin-bottom:0 !important; }
div.s.do-not-pad-last-para div.core div.m ul:last-child { margin-bottom:0 !important; }

/* HOME PAGE HEADER */
h1.eva-header-home {
  font-size: 2.6rem;
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 480px) { /*xs3*/
  h1.eva-header-home {
    font-size: 3.1rem;
    font-weight: 300;
    line-height: 1.2;
  }  
  .uheader { position:absolute; top:28%; padding-left:20%; margin-top:0; margin-bottom:0; text-align:center; font-size: 2.3rem; font-weight: 300; line-height: 1;  }  
}

@media (min-width: 576px) { /*sm*/
  h1.eva-header-home {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
  }  
  .uheader { position:absolute; top:35%; padding-left:20%; margin-top:0; margin-bottom:0; text-align:center; font-size: 2.4rem; font-weight: 300; line-height: 1;  }  
}

@media (min-width: 768px) { /*md*/
  h1.eva-header-home {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
  }  
  .uheader { position:absolute; top:40%; padding-left:15%; margin-top:0; margin-bottom:0; text-align:center; font-size: 2.5rem; font-weight: 300; line-height: 1;  }  
}

@media (min-width: 576px) { /*sm*/
  .container {
    max-width: 767px;
  }
}

@media (min-width: 768px) { /*md*/
  .container {
    max-width: 991px;
  }
}

@media (min-width: 992px) { /*lg*/
  .container {
    max-width: 1140px;
  }
  .uheader { position:absolute; top:40%; padding-left:10%; margin-top:0; margin-bottom:0; text-align:center; font-size: 3.5rem; font-weight: 300; line-height: 1;  }  
}

@media (min-width: 1200px) { /*xl*/
  .container {
    max-width: 1140px;
  }
  .uheader { position:absolute; top:40%; padding-left:10%; margin-top:0; margin-bottom:0; text-align:center; font-size: 4.5rem; font-weight: 300; line-height: 1;  }  
}


@media (max-width: 767px) { /*lg*/
  .mby-centre {     
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align:center;
    width:auto;
  }
}

p.home-panel-p {
  line-height:140%; font-size:1.3rem;
}

ul.home-panel-ul {
  line-height:140%; font-size:1.05rem;
}

@media (min-width: 400px) { /*xs3*/
  p.home-panel-p {
    line-height:140%; font-size:1.3rem;
  }
  
  ul.home-panel-ul {
    line-height:140%; font-size:1.2rem !important;
  }
}

@media (min-width: 480px) { /*xs3*/
  p.home-panel-p {
    line-height:140%; font-size:1.45rem;
  }
  
  ul.home-panel-ul {
    line-height:140%; font-size:1.25rem !important;
  }
}

.no-bottom { border-bottom: transparent !important; }

/* STYLES FOR EXTRA SMALL SCREENS */
@media (max-width: 360px) {
  #logo { max-width:74% !important; margin-right:0.25rem !important; padding:0.2rem !important; padding-top:0.3rem !important;  }
  #logo img { max-width:100% !important; height:auto !important; }
  button.navbar-toggler { max-width:20%; padding:0.25rem; }
  button.navbar-toggler span.navbar-toggler-icon { max-width:100%; }

  h1.eva-header-home {
    font-size: 2.3rem;
    font-weight: 300;
    line-height: 1.2;
  }

}