/* CSS FOR HTML ELEMENTS */

/* COLOUR CODING FOR RESPONSIVE DEBUGGING */
/*body { background-color:firebrick; } 
  @media (min-width: 576px)  { body { background-color:orangered; } }
  @media (min-width: 768px)  { body { background-color:goldenrod; } } 
  @media (min-width: 992px)  { body { background-color:yellowgreen; } } 
  @media (min-width: 1200px) { body { background-color:cornflowerblue; } } 
  @media (min-width: 1400px) { body { background-color:violet; } }*/

  html, body
  {
      height: 100%;
  }

  body {
    min-height: 100%;
  }  

body { 
  font-family: Roboto, sans-serif; 
  font-size:125%;   
  font-weight:400; 
  letter-spacing:0;   
}

h2 { 
  font-family: Merriweather, Roboto, sans-serif; 
  font-size:300%; 
  font-weight:500; 
  margin-bottom:1.8rem; 
}

@media (min-width: 0px)    { /*XS*/  h2, .h2 { font-size:2.35rem; } }
@media (min-width: 576px)  { /*SM*/  h2, .h2 { font-size:2.55rem; } }
@media (min-width: 768px)  { /*MD*/  h2, .h2 { font-size:2.75rem; } }
@media (min-width: 992px)  { /*LG*/  h2, .h2 { font-size:2.9rem; } }
@media (min-width: 1200px) { /*XL*/  h2, .h2 { font-size:3rem; } }
@media (min-width: 1400px) { /*XXL*/ h2, .h2 { font-size:3rem; } }


@media (min-width: 40em) {

/*	h3 {
		font-size: 2rem;
	}*/

}

h3, .h3 {
  /*border-bottom: 1px solid #8fc0db;
  display:inline-block; */
  clear:both;
  border-top:3px double #8fc0db;  
  font-family: Merriweather, Roboto, sans-serif;
  font-size: calc(1.3rem + 0.6vw);
  font-weight:400;
  line-height:140%;
  margin-bottom: 1.5rem; 
  margin-top:0.75rem;
  padding-top:1.5rem;
}

h3.bigfeature {
  clear:both;
  border-top:none;
  font-family: Roboto, sans-serif;  
  font-weight:400;
  line-height:140%;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0;
}

.menu-top-ten h3, .menu-top-ten .h3 {
  border-bottom:3px double #8fc0db;
  border-top:none; 
  font-family: Roboto, sans-serif;
  font-weight:bold;
  margin-bottom:0;
  margin-top:0; 
  padding-top:0;
}

@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4 {
  /*border-bottom: 1px solid #8fc0db;*/
  display:inline-block; 
  font-family: Merriweather, Roboto, sans-serif;
  font-size: calc(1.275rem + 0.3vw);
  font-weight:400;
  line-height:140%;
  margin-bottom: 1.5rem; 
  margin-top:0;
}

@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5 {
  display:inline-block; 
  font-family: Merriweather, Roboto, sans-serif;
  font-size: 1.25rem;
  font-weight:400;
  line-height:140%;
  margin-top:0.75rem;
}

.infobox {
  background-color:#8fc0db50;
  border:1px solid #8fc0db;
  padding:2rem;
}

.infobox h3, .infobox h4, .infobox.h5 {
  border-top:none;
  border-bottom:none;
  padding-top:0; 
}

p.on-this-page {
  font-size:1rem !important; 
  line-height:160% !important; 
}

span.hdiv { 
  color: #eb9598;
  font-size:1.2rem !important;   
  font-weight:300 !important;
}


p, ul li { 
  line-height:150%;   
}

div.s { clear:both !important; }
div.s p { font-size:1.2rem; }
div.s ul li { font-size:1.2rem; }

ul { list-style:none; list-style-position: inside; padding-left:0.6rem; }
ul li { background: url(../img/bg/arrow-dark.png) no-repeat 0 4px; padding-left:22px; padding-bottom:10px; }

ul a { font-weight:500; text-decoration:none; }
ul a:link { color:#2E74BC; } 
ul a:visited { color:#2E74BC; opacity:0.9;  }
ul a:hover, ul a:focus, ul a:active { color:#EE1F2E; border-bottom:1px solid #EE1F2E; }

/* CLASSES */
div.paleblue { background-color:#D2E6F1; }
.bb-paleblue { border-bottom: 1px solid #d2e6f1; }

div.verypaleblue { background-color:#E9F2F8;}

img.dropbase { box-shadow: 0 10px 10px -5px rgba(0,0,0,0.8); }

img.border-marginblue { 
  border:1px solid #6B90A4; 
  border-bottom:none; 
}

p.present, ul.present { font-weight:500; }

div.s div.leaderv2 p, div.s div.leaderv2 ul { font-weight:500; font-size:1.25rem; }

p.present-smaller, ul.present-smaller { 
  font-size:95%; 
  line-height:140%; 
}

p.smaller, ul.smaller { 
  font-size:1.2rem !important; 
  line-height:150% !important; 
}

ul.nobullet li { background:none; }

ul.reduced { font-size: 95%; }

hr.div0 {
  display:none;
}

hr.div1 {
  background-color:#fff;
  border-top:1px solid #8fc0db;  
  height: 1px;  
  margin:1rem 0;
  opacity:1;
}

hr.div2 {
  background-color:#fff;
  border-top:3px double #8fc0db;  
  height: 3px;  
  margin:1rem 0;
  opacity:1;
}

.mby-close {
  font-family:Roboto, sans-serif;
}

span.roh { display:inline-block; margin-right:6px; margin-bottom:6px; padding:4px 4px 4px 6px; font-size:80%; border:1px solid #ccc; font-weight:400; border-left:6px solid #ccc;  }
span.rohi { display:inline; margin-right:2px; margin-left:2px; padding:4px 4px 4px 6px; font-size:90%; border:1px solid #ccc; font-weight:bold; border-left:6px solid #ccc; white-space:nowrap;  }

.pshade { margin-bottom:12px !important; }
.shade { display:inline-block; margin:0 auto; text-align:center; padding:0.25rem 0.45rem; color:#fff; background-color:#000; font-size:0.8rem !important; border-bottom-left-radius:4px; border-bottom-right-radius:4px; line-height:120%; width:100%; }


.sld2-size-100 img { display:block; width:auto; height:auto; max-width:380px !important; max-height:auto !important;min-height:auto !important; }
.sld2-size-xl img { display:block; width:auto; height:auto; max-width:304px; max-height:228px; min-height:228px; }
.sld2-size-l img { display:block; width:auto; height:auto; max-width:252px; max-height:189px; min-height:189px; }
.sld2-size-m img { display:block; width:auto; height:auto; max-width:196px; max-height:147px; min-height:147px; }
.sld2-size-s img { display:block; width:auto; height:auto; max-width:144px; max-height:108px; min-height:108px; }
.sld2-size-xs img { display:block; width:auto; height:auto; max-width:88px; max-height:66px; min-height:66px; }

.sld2 { padding-left:0; padding-right:0;  }

div.pp_overlay { z-index:9999998; }
div.pp_pic_holder { z-index:9999999; }

div.s-bold * { font-weight:500 !important; }

.force-break {
  clear:both !important;
  padding-top: 0.5rem !important;  
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

#trpwebs { display:none; }

.newsdate { font-family:B612, Roboto, sans-serif; padding-top:0.5rem; font-size:0.9rem !important; font-weight:bold; color:#555; text-transform:uppercase; clear:both; display:block; }

.newsdate span { display:inline-block; padding-top:0.5rem; border-top:1px solid #ddd; }

/*div.s p::after {
  content: "";
  clear: both;
  display: table;
}*/

.yht-label { font-family:Roboto, sans-serif; padding:0; margin:0; text-transform:uppercase; font-weight:500; font-size:0.9em; }

.dropdown-toggle.no-caret::after {
  display: none;
}

.dropdown-menu.news-menu { left:-12.4rem !important; box-shadow: 0 10px 10px -5px rgba(0,0,0,0.8);  }

.dropdown-menu.search-menu { left:-2.4rem !important; top:2.05rem !important; box-shadow: 0 10px 10px -5px rgba(0,0,0,0.8);  }

.serif { font-family:Merriweather,serif !important;}
.sans { font-family:Roboto,Arial,sans-serif !important;}
.sans-bold { font-weight:700 !important; }
.sans-semibold { font-weight:500 !important; }
.serif-italic { font-family: "Source Serif Pro", Merriweather, serif !important; font-style:italic !important; font-size:120% !important; }


.flex-container {
	max-width: 60rem;
	margin: 0 auto 5rem auto;
	filter: drop-shadow(0.4rem 0.4rem 0.45rem rgba(0, 0, 30, 0.5));
/* 	box-shadow: 0.4rem 0.4rem 0.45rem rgba(0, 0, 30, 0.3); */
}

.colmn {
/* 	box-shadow: 0.4rem 0.4rem 0.45rem rgba(0, 0, 30, 0.3); */
	position: relative;
}

.col--img {
	flex: 0 0 33.333%;
	align-self: flex-start;
	background: white;
}

.col--text {
	background-color: #234db8;
	color: white;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	position: relative;
}

@media (min-width: 40em) {
	h3 {
		font-size: 2rem;
	}
	
	.flex-container {
		display: flex;
	}
	
	.col--text {
		padding: 2rem 4rem;
		margin-top: 2rem;
		margin-left: -2rem;
		z-index: -1;
	}
}


.quotation{
  /*font-size: 30px; */
  quotes: "\201C""\201D""\2018""\2019";
  padding: 10px 20px 10px 0;
  line-height: 1.4;
  font-family:"Source Serif Pro",serif;
  font-style: italic;
  font-size:1.4rem;
}

.quotation:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 25px;
  color: #ccc;
  font-size: 3em;
  font-family:'Source Serif Pro',serif;
  font-style:normal;
}
.quotation::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 30px;
  color: #ccc;
  font-size: 3em;
  font-family:'Source Serif Pro',serif;
  font-style:normal;
}

div.bigfeature a { text-decoration:none; font-weight:400; display:inline; }
div.bigfeature a:link { color:#ffffff; border-bottom:1px solid #ffffff20; }
div.bigfeature a:visited { color:#ffffff; border-bottom:1px solid #ffffff20; }
div.bigfeature a:hover { color:#8fc0db; border-bottom:1px solid #8fc0db; }

div.bigfeature a:link.noborder { border:none; }
div.bigfeature a:visited.noborder { border:none; }
div.bigfeature a:visited.noborder { border:none; }

img.bigfeature-border { border:1px solid #234db8; }

p.small21 { font-size:1.2rem !important; }

.dropdown-item.small { font-size:0.85rem !important; }
.dropdown-item-inline.small { font-size:0.85rem !important; }

label.small { font-size:0.95rem !important; font-weight:bold !important; color:#333 !important; }
select.small {font-size:0.9rem !important; }
input.small {font-size:0.9rem !important; }
a.small {font-size:0.9rem !important; }
select.b { font-weight:700 !important; }

.form-dashed { border:1px dashed #bbb; }

.f14px { font-size:14px !important; }
.f16px { font-size:16px !important; }
.f18px { font-size:18px !important; }
.f20px { font-size:20px !important; }
.f22px { font-size:22px !important; }
.f24px { font-size:24px !important; }
.f30px { font-size:30px !important; }
.f36px { font-size:36px !important; }

.yht-red {
  color: #ee1f2e !important;
}

.yht-link-blue {
  color: #2e74bc !important;
}

.fileset {
  font-family:Roboto,sans-serif;  
  font-size:1rem;
}

.fileset-row {  
  border-bottom:1px solid #aaa;
}

.doctitle {  
  font-size:1.2rem;
  font-weight:800;
  letter-spacing:-0.5px;
}

.docinfo {  
  font-size:0.9rem;
  font-weight:800;
  letter-spacing:-0.5px;
  text-transform:uppercase;     
}

.docdate {
  font-size:0.85rem;
  font-weight:500;
  letter-spacing:-0.5px;
  text-transform:uppercase; 
}

p.newsdate {
  clear:both !important;
}

#div-menu { position:relative; max-height:75vh !important; }

.ul-toplinks li { padding-bottom:0.5vh !important; }

span.cursor-pointer { 
  cursor:pointer;
}

.que-results h3, .que-results p.h3 {
  font-weight:bold;
  font-size:110%;
  font-family:Roboto,sans-serif;
  border-top: none;
  margin-bottom:0.25rem;
  margin-top:0;
  padding-bottom:0;
  padding-top:0;
  background-color:transparent;
  color:inherit;
}

.que-results h4, .que-results p.h4 {
  font-weight:bold;
  font-size:105%;
  font-family:Roboto,sans-serif;
  border-top: none;
  margin-bottom:0.25rem;
  margin-top:0;
  padding-bottom:0;
  padding-top:0;
  background-color:transparent;
  color:inherit;
}

.que-results {
  color:#222;
}

.que-results a:link {
  color:#2F53B0 !important;
}

.que-results a:visited {
  color:#5975C0 !important;
}

.que-results a:hover, .que-results a:focus, .que-results a:active {
  color: red !important;
}



.que2 {
  font-size:100% !important;
}

.que2 * {
  font-size:100% !important;
}

.bts-icon {
  margin-top:-5px;
}

.alert-search-results {
  color: #155724;
  color:#000;
  background-color: #d4edda70;
  border-color: #c3e6cb;
}

div.alert-search-results h3 {
  color:#155724;
}

.alert-search-results b { 
  font-weight:inherit;
  background-color:#ffffcc !important;
  border-bottom:1px solid red;
}