html{
  -webkit-tap-highlight-color:transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}

body{
    font-family: 'Arial';
    font-size:1.0em;
    font-weight:400;
    line-height:1.3em;
    color:#333;
    text-align:left;
}

hr{
    box-sizing:content-box;
    height:0;
    overflow:visible;
}

.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{
    margin-bottom:.3em;
    font-weight:700;
    line-height:1.1;
}

h1{
  font-size: 1.75em;
}

h2{
    font-size:2em;
}

h3{
    font-size:1.75em;
}

h4{
    font-size:1.5em;
}

h5{
    font-size:1.25em;
}

h6{
    font-size:1em;
    font-weight: 700;
}

p {
    margin-top:0.8em!important;
}

dl,ol,ul{
    margin-top:1em!important;
    margin-bottom:1em!important;
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom:1em!important;
}

li {
    margin-top:0.5em!important;
}

blockquote{
    margin:0 0 1rem;
}

b,strong{
    font-weight:600;
}

a{
    color:#0594e0;
    font-weight: 600;
    text-decoration:none;
    background-color:transparent;
}

a:hover{
    text-decoration:underline;
}

hr{
    margin-top:1rem;
    margin-bottom:1rem;
    border:0;
    border-top:1px solid rgba(0,0,0,.1);
}

#headerwrap {
    padding: 0;
    margin: 0;
    height:140px;
}

#listenbutton {
    position: absolute;
    left: 1em;
    top: 25px;
}

.region-login {
    width:15%;
    float:right;
}

.logo {
    text-align:center;
    clear:both;
}

.logo img{
    bottom:0;
    width: 80%;
    max-width: 350px;
}

.pagewrap {
    background-color:#fff;
    padding:30px 1em 40px 1em;
    text-align:center;
}
div.icon-nav-wrapper {
  background-color:#fff;
  padding: 40px 0 10px 0;
}
div.icon-nav-wrapper-nobg {
    text-align:center;
    /* float: right;
    margin: -130px 5% 0 0;*/
}

.block-content-menu{
    padding-bottom:20px;
}
div.icon-nav-wrapper div.menu-block-1 li,
section#main-content ul.tabs li{
    display:inline-block;
    font-size: 0.95em;
    font-weight: 700!important;
    text-align: center;
    width: 100px;
    padding: 10px;
    margin:0 0;
}
.block-content-menu img{
    width:50px;
}

.map img{
    max-height:500px!important;
    padding-top:15px;
    overflow:hidden;
}
.map{
    margin: 0 auto;
    text-align:center;
}
.w3-center{
    text-align:center!important;
}
.w3-section {
    margin-top:16px!important;
    margin-bottom:10px!important;
}
.w3-button-bottom{
    font-size:1.0em;
    border:none;
    display:inline-block;
    padding:8px 15px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:#fff;
    background-color:#037ec0;
    text-align:center;
    cursor:pointer;
    white-space:nowrap;
    opacity: 1.0;
}
.w3-button-bottom:hover{
    opacity:1.0;
    background-color:#075884;
}
.w3-button-bottom{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
div.mySlides {
  background-color: #133D8D;
}
div.mySlides img {
  width:100%;
}
.view-footer{
	text-align:left;
}
.view-footer-caption{
	text-align:center;
    font-size:0.8em;
    line-height:3em;
}

.views-field-image{
     text-align:center;
     padding:5px 7px;
}

.views-field-image img{
    width:80px;
    height:80px;
    border-radius:40px;
}
.views-field-title{
    font-size:1.2em;
}
.item-list .pager {
    clear: both;
    text-align: center;
}
.block ul.pager li {
    margin: 0;
}
ul.pager li.pager-current {
    font-weight: 700;
}
.item-list ul.pager li {
    margin: 0;
}
.item-list .pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: 0.5em;
}
ul.pager li {
    background-image: none;
    display: inline;
    padding: .5em;
}
.item-list ul li {
    margin: 0 0 0.25em 1.5em;
    padding: 0;
}
.pager-current {
    font-weight: bold;
}
ul.pager {
    text-align: center;
}

/**************** USE RESPONSIVE VERSION OF OFFERS TABLE *************/

.views-table {
    max-width: 900px;
    margin:0 auto;
}
.views-table thead {
    display: none;
}
.views-table tbody .views-field-image {
    float: right;
}
.views-table td, .views-table tbody {
    display: block;
    padding: 0;
}
.views-table tbody > tr {
    float: left;
    padding: 3%;
    border: 0;
    width: 94%;
    border-bottom: 6px solid #f5f5f5;
}

.item-list {
    padding: 3%;
    margin: 0 5%;
    border: 0;
    width: 90%;
    background-color: #fff;
    overflow:hidden;
}


/*********************************************************************/

section#main-content {
    background-color:#f5f5f5;
    padding:2em 1em;
    text-align:left;
}
section#main-content h3.page-title {
  float:left;
  margin-left: 2em;
}
.dark-panel {
  background-color:#fff;
  color:#133D8D;
  text-align:center;
  padding:30px 1em 60px 1em;
}
.dark-panel p a {
  color:#133d8d;
  font-weight:800;
}
div.dark-panel ul {
  text-align: center;
}
div.dark-panel ul li {
  display: inline-block;
  border-left: thin solid white;
  padding-left:1em;
}
div.dark-panel ul li:first-child {
  border-left: none;
}
.govt-logo {
    background-color:#12255F;
    text-align:center;
    padding:40px 30%;
    font-size:0.8em;
    color:#fff;
}

.slide-caption-bg {
    opacity:0.7;
    position: relative;
}

div.w3-center {
    text-align:center;
}

.slide-caption {
    color:#fff;
    text-align: center;
    font-size:1.3em;
    padding:1.2em 1.0em 1.5em 1.0em;
    font-weight:800;
}
.slide-caption a {
    color:#fff;
    font-weight:700;
}

.join-panel{
    clear:both;
    color:#fff;
    background-color: #2591AC;
    text-align:center;
    padding:5%;
}
.join-button-white {
    margin:1em auto;
    font-size:1.1em;
    line-height:1.0em;
    text-transform:uppercase;
    text-align:center;
    border:solid 1px #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding-top:26px;
    background-color:#f1f1f1;
}
div.join-button-white a{
    color:#2591AC !important;
}
div.join-button-white a:link{
    color:#2591AC !important;
    font-weight:800 !important;
}

.small,small{
    font-size:80%;
    font-weight:400;
}

.blue {
    color: #12255F;
}

footer {
    clear:both;
    background-color: #133D8D
    margin-bottom: 3%;
    height: 50px;
    text-align: center;
    padding: 30px 0 40px 0;
    color: #2c2c2c;
    font-size: 0.9em;
}
footer a:hover, footer a:link:hover {
    color: #0594e0;
    text-decoration: underline;
}

footer a:visited {
  color: #0594e0;
}

/**** SOCIAL ***/
a.social-share-twitter {
    display: block;
    height: 32px;
    width: 32px;
    text-indent: -9999px;
    background: transparent url('../images/icons/iconpack-32.png') no-repeat -352px 0;
}
a.social-share-facebook {
    display: block;
    height: 32px;
    width: 32px;
    text-indent: -9999px;
    background: transparent url('../images/icons/iconpack-32.png') no-repeat -64px 0;
}
a.social-share-googleplus {
    display: block;
    height: 32px;
    width: 32px;
    text-indent: -9999px;
    background: transparent url('../images/icons/iconpack-32.png') no-repeat -96px 0;
}
div.social-share span {
    margin-top: 4px;
}
div.social-share span, div.social-share a {
    float: left;
    margin-right: 4px;
}
div.social-share .share-label {
    padding-right: 4px;
}


/* ---------------------------- FORMS ----------------------------*/

html.js fieldset.collapsed .fieldset-legend {
    background-image: url(../../misc/menu-collapsed.png);
    background-position: 5px 50%;
}
html.js fieldset.collapsible .fieldset-legend {
    background: url(../images/icons/menu-expanded.png) 5px 65% no-repeat;
    background-position-x: 5px;
    background-position-y: 65%;
    background-image: url("../images/icons/menu-expanded.png");
    padding-left: 15px;
}

.form-textarea-wrapper {
    display: block;
    margin-top:10px;
}

.form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}
.form-item {
    margin-top: 0em;
    margin-bottom: 1em;
}

.form-select {
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #333;
    background-color: #fafafa;
    height: auto;
    width: auto;
    padding: 3px 0px 5px 8px;
    margin: 15px 5px;
    color: #333;
}


/* ---------------------------- / FORMS ----------------------------*/


/* ---------------------------- MOBILE MENU ----------------------------*/

/* Style the navigation menu */
/* Add a black background color to the top navigation */
.topnav {
    /*background-color: none;*/
    overflow: hidden;
    float:right;
    max-width:80%;
    margin:-40px 1em 0 0;
}

/* Style the links inside the navigation bar */
.topnav a, .topnav a:link {
    float: left;
    display: block;
    color: #d3f9fb;
    text-align: center;
    margin: 20px 12px 10px 12px;
    text-decoration: none;
    font-size: 0.9em;
}

/* Change the color of links on hover */
.topnav a:hover, .topnav a:link:hover {
    background-color: none;
    color: #fff;
    text-decoration:none;
}
.topnav a:visited {
  color: #d3f9fb;
}

/* Add an active class to highlight the current page */
.topnav a.active {
    background-color: none;
    color: #fff;
    font-weight:800;
    border-bottom: #fff solid 2px;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* -------------------------------- MEDIA --------------------------------*/

/* MOBILE MENU When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .block-content-menu p{
    font-size: 0.75em;
  }
  section#main-content ul.tabs li {
      padding: 10px 0;
      width:60px
  }
  section#main-content div.icon-nav-wrapper-nobg ul.tabs li a::before {
    display: block;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    content: "";
  }
  h3.page-title {
      font-size:1.2em;
  }

  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .govt-logo {
    padding:40px 5%;
  }
  .block-content-menu p{
    font-size: 0.75em;
  }
}


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

@media only screen and (width: 360px) {
  .page-title {
    text-align: left;
    margin-left:1.5em!important;
  }
  .logo {
    top: 60px!important;
    margin:0 12%!important;
  }
  .govt-logo {
    padding:40px 4%;
  }
  .block-content-menu p{
    font-size: 0.7em;
  }
}

@media only screen and (max-width: 414px) {
  h1{
    font-size:1.5em;
  }
  h2{
    font-size:1.3em;
  }
  h3{
    font-size:1.2em;
  }
  h4{
    font-size:1.0em;
  }
  .dark-panel a, footer{
    font-size:0.7em;
  }
  .topnav a{
    font-size:0.7em;
  }
  .logo {
    top: 60px!important;
    margin:0 12%!important;
  }
  .govt-logo {
    padding:40px 5%;
  }
  .govt-logo img{
    max-height: 70px;
  }
  .slide-caption-bg {
    opacity: 0.7;
    height: 5%;
  }
  .slide-caption {
    font-size: 0.9em;
  }
  .page-title {
    text-align: left;
    margin-left:1.7em!important;
  }
  .block-content-menu p{
    font-size: 0.7em;
  }

  div#content-inner input[type="text"],
  div#content-inner input[type="password"],
  div#content-inner textarea {
     max-width:90%;
  }
}

@media only screen and (max-width: 800px) {

  .govt-logo {
    padding:40px 10%;
  }
  .block-content-menu p{
    font-size: 0.8em;
  }
}

@media only screen and (max-width: 1170px) {
  h1{
    font-size:2.0em;
  }
  h2{
    font-size:1.5em;
  }
  h3{
     /* font-size:1.2em; */
  }
  h4{
    font-size:1.0em;
  }
  .dark-panel a, footer{
    font-size:0.8em;
  }
  .topnav a{
    font-size:0.8em;
  }
  .govt-logo img{
    max-height: 70px;
  }
  .govt-logo {
	padding:40px 20%;
  }
}

@media only screen and (max-width: 1024px) {
  h1{
    font-size:1.2em;
  }
  h2{
    font-size:1.5em;
  }
  h3{
    /* font-size:1.2em; */
  }
  h4{
    font-size:1.0em;
  }
  .dark-panel a, footer{
    font-size:0.8em;
  }
  .topnav a{
    font-size:0.8em;
  }
  .govt-logo img{
    max-height: 70px;
  }
  .govt-logo {
	padding:40px 15%;
  }
}
@media only screen and (width: 800px) {
  h1{
    font-size:1.2em;
  }
  h2{
   font-size:1.5em;
  }
  h3{
     /* font-size:1.2em; */
  }
  h4{
    font-size:1.0em;
  }
  .dark-panel a, footer{
    font-size:0.8em;
  }
  .topnav a{
    font-size:0.8em;
  }
  .govt-logo {
    padding:40px 15%;
  }
  .govt-logo img{
    max-height: 70px;
  }
  .slide-caption-bg {
    background-color: #000;
    opacity: 0.7;
    margin-top: -4px;
    height: 5%;
  }
  .slide-caption {
    font-size: 0.9em;
  }
  .block-content-menu p{
    font-size: 0.9em;
  }
}