@charset "utf-8";

/*

#F7941D - 247,148,29 - Orange

#939598 - 147,149,152 - Gray

#6DCFF6 - 109,207,246 - Blue

*/

#navClick {
  display: block;
}

#navTouch {
  display: none;
}

.NewAdminItem {
  background: #efefef;

  border-bottom: #ccc;

  display: block;

  overflow: hidden;
}

/* HEADER: Logo Bar

-----------------------------------------------------------------------------*/

#logo img {
  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  height: 62px;

  width: auto;

  margin: 12px 0 8px 0;
}

#logo img:hover,
#logo img:focus {
  -webkit-transform: scale(0.95);

  -moz-transform: scale(0.95);

  -ms-transform: scale(0.95);

  -o-transform: scale(0.95);

  transform: scale(0.95);
}

#logo img.small {
  height: 32px;

  margin: 10px 0 6px 0;
}

#logo2 {
  text-align: center;
}

#logo2 img {
  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  width: auto;

  /* margin: 12px 0 8px 0; */
}

#logo2 img:hover,
#logo2 img:focus {
  -webkit-transform: scale(0.95);

  -moz-transform: scale(0.95);

  -ms-transform: scale(0.95);

  -o-transform: scale(0.95);

  transform: scale(0.95);
}

#logo2 img.small {
  height: 24px;

  margin: 10px 0 6px 0;
}

/* Full-screen: Main nav

-----------------------------------------------------------------------------*/

#menu {
  padding: 0;

  margin: 20px 0;

  font-size: 1.4rem;

  line-height: 1.4rem;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  list-style: none;

  text-align: right;
}

#menu a {
  text-decoration: none;

  color: #fff;

  padding: 12px 14px 12px 14px;

  margin: 0 4px 0 4px;

  display: inline-block;

  text-transform: uppercase;

  font-family: "Cervo-Medium";

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  border: 1px solid rgba(109, 207, 246, 1);
}

#menu.small {
  margin: 12px 0;
}

#menu a.small {
  padding: 4px 12px 4px 12px;

  margin: 0 3px 0 3px;
}

#menu a:hover,
#menu a:focus {
  background: rgba(0, 0, 0, 0.2);

  color: #fff;
}

/* Full-screen: Footer nav

-----------------------------------------------------------------------------*/

#menuFooter {
  margin: 12px 0 12px 0;

  padding: 0 0 12px 0;

  font-size: 1.4rem;

  line-height: 1.4rem;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  list-style: none;

  border-bottom: 1px solid #fff;

  display: block;

  overflow: hidden;

  text-align: right;
}

#menuFooter a {
  text-decoration: none;

  color: #fff;

  padding: 6px 12px 6px 12px;

  margin: 0 3px 0 3px;

  display: inline-block;

  text-transform: uppercase;

  font-family: "Cervo-Medium";

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  border: 1px solid rgba(109, 207, 246, 1);
}

#menuFooter a:hover,
#menuFooter a:footer {
  background: rgba(0, 0, 0, 0.2);

  color: #fff;
}

#initiatives {
  padding: 0;

  margin: 12px 0;

  font-size: 1.4rem;

  line-height: 1.4rem;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  list-style: none;

  text-align: center;
}

#initiatives li {
  display: inline-block;

  float: right;
}

#initiatives li a {
  text-decoration: none;

  color: #fff;

  padding: 6px 12px 6px 12px;

  margin: 0 3px 0 3px;

  display: block;

  text-transform: uppercase;

  font-family: "Cervo-Medium";

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  border: 1px solid rgba(109, 207, 246, 1);
}

#initiatives li a:hover,
#initiatives li a:focus {
  background: rgba(0, 0, 0, 0.2);

  color: #fff;
}

#initiatives li {
  position: relative;

  padding: 0;

  margin: 0;
}

/*

/*

/*

/*

/*

/*

/*

/* Full-screen: Admin Panel nav

-----------------------------------------------------------------------------*/

#admin {
  background: #111;

  color: #ccc;

  overflow: hidden;

  font-size: 0.85rem;

  line-height: 0.85rem;
}

ul#admin-nav {
  list-style: none;

  margin: 0;

  padding: 0;
}

ul#admin-nav li {
  display: inline;
}

ul#admin-nav li a {
  text-decoration: none;

  padding: 6px 8px 6px 8px;

  color: #ccc;

  float: right;
}

ul#admin-nav li a:hover,
ul#admin-nav li a:focus {
  background: #555;

  color: #fff;
}

#admin-mobile {
  background: #111;

  color: #ccc;

  overflow: hidden;

  font-size: 0.85rem;

  line-height: 0.85rem;
}

#admin-mobile a {
  text-decoration: none;

  padding: 6px 8px 6px 8px;

  color: #ccc;

  float: right;
}

#admin-mobile a:hover,
#admin-mobile a:focus {
  background: #555;

  color: #fff;
}

/*

/*

/*

/*

/*

/*

/*

/* Mobile

-----------------------------------------------------------------------------*/

#mNav {
  width: 90%;

  margin: 0 6% 0 6%;
}

#mNavBar {
  overflow: hidden;
}

#mIcons {
  width: 20%;

  overflow: hidden;

  float: left;

  padding: 0 0 0 0;

  margin: 0 0 0 0;
}

#flip {
  cursor: pointer;

  display: block;

  padding: 8px;

  margin-top: 18px;

  background-image: url("../../media/static/images/hamburger-off.svg");

  -webkit-background-size: contain;

  -moz-background-size: contain;

  -ms-background-size: contain;

  -o-background-size: contain;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: center;
}

#flip:hover,
#flip:focus {
  background-image: url("../../media/static/images/hamburger-on.svg");
}

#mLogo {
  padding: 12px 0 8px 0;

  width: 80%;

  float: left;

  background: rgba(0, 0, 0, 0.1);
}

#mLogo img {
  height: 28px;

  padding: 0 0 0 0;

  margin: 0 0 0 0;
}

#mMenu {
  display: none;

  padding: 0 0 0 0;

  margin: 0 0 24px 0;
}

#mSubMenu {
  padding: 0 0 0 0;

  margin: 0 0 0 0;
}

#mSubMenu a {
  text-decoration: none;

  color: #fff;

  padding: 8px;

  display: block;

  text-transform: uppercase;

  font-family: "Cervo-Medium";

  font-size: 1.4rem;

  line-height: 1.4rem;

  border-bottom: 1px solid rgba(255, 255, 255, 0.3);

  text-align: center;
}

#mSubMenu a:hover,
#mSubMenu a:focus {
  background: rgba(0, 0, 0, 0.2);

  color: #fff;
}

/*

/*

/*

/*

/*

/*

/* Social Links

-----------------------------------------------------------------------------*/

#socialLinks {
  border-top: 1px solid #999;

  margin: 20px 0 12px 0;

  padding: 20px 0 0 0;

  overflow: hidden;
}

#socialLinks ul {
  margin: 0 0 0 0;

  padding: 0 0 0 0;

  list-style: none;

  text-align: center;
}

#socialLinks li {
  margin: 0 6px 0 6px;

  padding: 0 0 0 0;

  width: 30px;

  display: inline-block;
}

#socialLinks a img {
  width: 30px;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  -webkit-border-radius: 4px 4px 4px 4px;

  -moz-border-radius: 4px 4px 4px 4px;

  -ms-border-radius: 4px 4px 4px 4px;

  -o-border-radius: 4px 4px 4px 4px;

  border-radius: 4px 4px 4px 4px;

  border: 0px solid #000;
}

#socialLinks a:hover img,
#socialLinks a:focus img {
  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

  transform: scale(0.9);
}

/*

/*

/*

/*

/*

/*

/* Big Buttons

-----------------------------------------------------------------------------*/

.bigBtn {
  display: inline-block;

  padding: 12px 18px 12px 18px;

  margin: 18px 0 0 0;

  background: #f7941d;

  color: #fff;

  font-family: "Cervo-Medium";

  font-size: 1.4rem;

  line-height: 1rem;

  text-transform: uppercase;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;
}

.bigBtn:hover,
.bigBtn:focus {
  background: #6dcff6;

  color: #fff;

  text-decoration: none;
}

.bigBtn2 {
  display: inline-block;

  text-align: center;

  padding: 12px 18px 12px 18px;

  margin: 18px auto 0 auto;

  background: #f7941d;

  color: #fff;

  font-family: "Cervo-Medium";

  font-size: 1.4rem;

  line-height: 1rem;

  text-transform: uppercase;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.2s ease-in-out;

  -ms-transition: all 0.2s ease-in-out;

  -o-transition: all 0.2s ease-in-out;

  transition: all 0.2s ease-in-out;

  border: 1px solid #fff;
}

.bigBtn2:hover,
.bigBtn2:focus {
  background: #fff;

  color: #f7941d;

  text-decoration: none;
}

/*

/*

/*

/*

/*

/*

/* Breadcrumb

-----------------------------------------------------------------------------*/

#breadcrumb {
  font-size: 0.9rem;

  line-height: 1.1rem;

  margin: 0px 0 12px 0;
}

#breadcrumb a {
  margin-right: 10px;

  padding-right: 20px;

  color: #666;

  background: url("../../media/static/images/breadcrumb.svg") no-repeat right;
}

/*

/*

/*

/*

/*

/*

/* Skip to Main Content

-----------------------------------------------------------------------------*/

#skip a,
#skip a:hover,
#skip a:visited {
  position: absolute;

  left: 0px;

  top: -500px;

  width: 1px;

  height: 1px;

  overflow: hidden;
}

#skip a:active,
#skip a:focus {
  position: static;

  width: auto;

  height: auto;
}