/*Fonts from typekit
Museo - 500 (normal), 700 (bold)
Futura PT - Book (400), Medium (500), Heavy (700)*/
:root{
  --blue: #1f609f;/*CGAO blue*/
  --orange: #f07933;/*CGAO orange*/

  --primary: var(--blue);
  --secondary: var(--orange);
  --tertiary: #909193;/*CGAO grey*/
  --light: #f4f4f4;

  --border-color: #d5d5d5;

  --font-family-sans-serif: Arial, Helvetica, sans-serif;
  --font-family-serif: "museo",sans-serif;

  --h1-font-size: '1.625rem';

  --box-shadow: 0 2px 4px rgba(0,0,0,.15);

  --wpadminbar-height: 46px;
  @media (min-width: 783px) {
    --wpadminbar-height: 32px;
  }
}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
  background: none;
  border: none;
}
body{
	font-family:var(--font-family-sans-serif);
  overflow-x: hidden;
  font-size: .875rem;/*14px*/
  line-height: 1.6;
  height: 100vh;
}
body.admin-bar {
  height: calc(100vh - var(--wpadminbar-height));
}

h1,.h1,h2,.h2,h3{
	font-family:var(--font-family-serif);
	font-weight:normal;
  line-height: normal;
}

h1,.h1{
	font-size: 1.625rem;/*26px*/
	margin-bottom: 1em;
}
h2,.h2{
	font-size: 1.25rem;/*20px*/
  color:var(--secondary);
}
h2:not(:last-child) {
	margin-bottom: .8em;
}
h2:not(:first-child) {
	margin-top: 1.5em;
}

h3{
	font-size: 1.125rem;/*18px*/
	margin-bottom: 1em;
}
p:not(:last-child),
ul:not(:last-child){
	margin-bottom: 1em;
}
ul,ol{
  margin-left: 24px;
}
a{
	color:var(--secondary);
}
a:hover{
	color:var(--primary);
}
figure:not(:last-child){
	margin-bottom:20px;
}
img{
	max-width:100%;
	height:auto;
}
hr{
  border-top: 1px solid var(--border-color);
  margin-top: 20px;
  margin-bottom: 20px;
}
header{
  background: white;
  padding-bottom: 12px;
  font-size: 1rem;
}
header .inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#main{
  background: linear-gradient(var(--light), white 60px);
  padding:50px 0;
}

.row {
  display: flex;
  flex-wrap: wrap;
}
.row > *{
  width: 100%;
}

.g-1{margin: -5px; }
.g-1>*{padding: 5px;}

.container{
  max-width: 1136px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

#orangebox{
  background: #f98838;
  background: radial-gradient(circle at center 8000px,#f98838 8000px,var(--secondary) 8000px);
}

#orangebox h2,
#orangebox h3,
#orangebox a{
	color:white;
}
#orangebox a{
  text-decoration: none;
}
#orangebox a:hover{
  text-decoration: underline;
}
#orangebox img{
  box-shadow: 0 0 80px #c34600;
}

.logo{
  font-size: 1.25rem;/*20px*/
  font-family: "futura-pt",sans-serif;
  font-weight: 500;
}
.logo a{
  color:var(--primary);
  text-decoration: none;
}
.logo img{
  margin-right:24px;
}
.logo span{
  white-space: nowrap;
  line-height: normal;
}
.logo em{
  color:var(--tertiary);
  font-style: inherit;/*Remove italics*/
}

footer{
  background:var(--secondary);
  color: white;
}
footer ul{
  margin: 0;
}
footer li{
	display: inline;
}
footer li:not(:last-child){
	margin-right: 30px;
}
footer a{
	color:inherit;
  text-decoration: none;
	font-weight: bold;
}
footer a:hover{
  color: inherit;
  text-decoration: underline;
}
.copyright{
  text-align: right;
}

/*ACCORDION*/
.accordion:not(:first-child){
  margin-top: 20px;
}
/*Header uses class so we can make it more universal (i.e. it can be h2, h3, etc.)*/
.accordion .accordion-header{
	font-size: 1.125rem;/*18px*/
	font-weight: normal;
	margin-bottom: 0;
}
.accordion .accordion-header:not(:first-child){
  margin-top: 12px;
}
.accordion ul{
	list-style: none;
}
.accordion div > ul{
  margin-left: 0;
}
.accordion button{
  background:var(--border-color);
	padding:12px 20px;
  width: 100%;
  border-radius: 0;
  font-size: .875rem;/*14px*/
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.accordion span{
  white-space: nowrap;
}
.accordion div{
  background:var(--light);
  padding: 20px;
  display: none;
}

table.styled{
  /*font-size:.875rem;*//*14px*/
	/*line-height: 160%;*/
  border-collapse: 0;
  width: 100%;
}
table.styled td{
  padding:8px 0;
}
table.styled td.date{
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}
table.styled table ul{
  font-size:inherit;
}

.btn-list{
  list-style: none;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /*justify-content only matter for small screens*/
  -webkit-justify-content:center;
  justify-content:center;
}
header .btn-list{
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.btn,
.btn:hover{
  color: #ffffff;
}
.btn {
  font-size: 1.125rem;/*18px*/
  font-weight: 500;
  cursor: pointer;
  background-color:var(--primary);
  line-height: 1.4;
  padding: 10px 24px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  transition: background-color .4s;
  font-family: "futura-pt",sans-serif;
  border-radius: 0;/*Need to set this to override browser default on form buttons*/
}
.btn:hover{
  background-color:var(--tertiary);
}
.btn-secondary{
  background-color:var(--secondary);
}
.btn-secondary:hover{
  background-color:#f98838;
}

/*Button with drop down (e.g. The View button in header)*/
.tooltip{
  position: relative;
}
.tooltip span{
  color:var(--primary);
	position:absolute;
	left:0;
  top: 100%;
	border: 1px solid var(--border-color);
	padding:14px;
  box-shadow:var(--box-shadow);
	background:white;
	font-size:1rem;
	font-weight:normal;
	z-index:100;
	display:none;
  text-transform: none;
  text-align: left;
}
.tooltip:hover span{
	display:block;
}

.text-uppercase{
  text-transform: uppercase;
}
.text-center{
  text-align: center;
}
.text-white{
  color: #ffffff;
}

.cover-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

/*Skip to main content link*/
.skip-link {
  position: fixed;
  padding: 8px 12px;
  background: rgba(0,0,0,.8);
  top: -1000px;
  z-index: 300;
  text-decoration: none;
  color: #fff;
}
.skip-link:focus {
  top: 0;
}

.mt-0{
  margin-top: 0 !important;
}
.mb-0{
  margin-bottom: 0 !important;
}
.mt-auto{
  margin-top: auto;
}
.mb-auto{
  margin-bottom: auto;
}
.my-4{
  margin-top: 60px;
  margin-bottom: 60px;
}

.px-0{
  padding-left: 0;
  padding-right: 0;
}
.px-2{
  padding-left: 20px;
  padding-right: 20px;
}
.py-3{
  padding-top: 30px;
  padding-bottom: 30px;
}

.vstack {
  display: flex;
  /*flex:1 1 auto;*//*grow shrink basis*/
  flex-direction: column;
  /*align-self: stretch;*/
}

.overflow-hidden{
  overflow: hidden;
}

.d-none{
  display: none;
}

/*Small up (i.e. medium screens and larger*/
@media (min-width:561px){
  .d-md-block{
    display: block;
  }
  .col-md-6{
    width:50%
  }
}

/*Medium up (i.e. large screens)*/
@media (min-width: 769px){
  .d-lg-none {
    display: none!important;
  }
  .col-lg-6{
    width:50%
  }
  .mb-lg-0{
    margin-bottom: 0 !important;
  }
}

/*Medium down*/
@media (max-width:768px){
  header{
    padding-bottom: 0;
  }
  header .inner{
    flex-direction: column;
  }
  .logo{
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.125rem;/*18px*/
  }
  .logo img{
    margin-right: 0;
  }
  /*Force logo text to new line and allow to wrap*/
  .logo span{
    display: block;
    white-space: normal;
  }
  footer,
  footer .copyright{
    text-align: center;
  }
}

/*Small down*/
@media (max-width:560px){
  footer li{
    display: block;
    margin: 0 !important;
  }
}