html {
    position: relative !important;
    min-height: 100% !important;
}

html, body {
    font-size: 19px;
    height:100%;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -160px;
}

#push,
footer {
    height: 160px;
}

footer{
    bottom: 0 !important;
    width: 100% !important;
    clear: both !important;
    padding: 25px;
    background-color: #0A3045;
}

footer p {
    color: #929296;
    font-size: 0.7rem !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
}


.header-bar {
    height:150px;
    background: #0A3045;
    margin-bottom: 25px;
}

.top-bar {
    background: #0A3045;
}

.top-bar-section {
    z-index: 99;
}

.right>li {
    padding-bottom: 10px;
}

@media only screen and (min-width: 40.0625em) {
    .top-bar-section .right li .dropdown {
        left: auto;
        right: 0;
    }
}

.top-bar-section ul {
    padding-right: 10px;
}

.top-bar-section ul, .top-bar-section ul li {
    background: #0A3045;
}

.top-bar-section ul a {
    background-color: #0A3045 !important;
    border-bottom: 3px solid #0A3045;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.2rem !important;
    font-weight: 400;
}

.top-bar-section ul li ul li a {
    background-color: #02AAC5 !important;
    border-bottom: 3px solid #02AAC5;
}

.top-bar-section ul li a:hover {
  /*background-color: #074E68 !important;*/
  border-bottom: 3px solid #fff;
}

.top-bar.expanded .title-area {
    background: #0A3045 !important;
}

/*hide dropdown arrows*/
.top-bar-section .has-dropdown > a:after {
   border-color: transparent transparent transparent;
}

.top-bar-section .has-dropdown>a {
    padding-right:0.9375rem !important
}

.top-bar-section li.active:not(.has-form) a:not(.button) {
    line-height: 1.1rem !important;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 1.1rem !important;
    text-transform: uppercase;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
    line-height: 1.1rem !important;
}



[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

#content {
    margin: 0.5rem auto;
    clear:both;
    /*padding-top:10px;*/
}

.darkblueblock {
    margin: 0.5rem 0;
    background: #0A3045;
}

.darkblueblock h1, .darkblueblock h2, .darkblueblock p {
    color: #FFF !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:normal;
    color: #353535;
}


hr {
    margin-top: 20px;
    visibility:hidden;
}

/*img {
    max-width: 100%;
    height: auto;
}*/

a img {
    border: none;
}


.subheader {
  line-height: 1.4;
  color: #0A5A78;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}

.blocksubheader {
    line-height: 1.4;
    color: #fff;
    font-weight: normal;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
    background: #0A5A78;
    padding: 0 20px 5px 20px;
    font-size: 2.1rem;
}

.homepage-blurb {
    color:#6f6f6f;
    line-height: 1.8;
}

p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:normal;
    /*color: #303333;*/
    color: #555;
    font-size: 1rem !important;
}

.gm-style img {   max-width: none; }


#subnav {
    display:table;
    margin: 0.5rem 0 0 0 !important;
}
#subnav > li {
    cursor:pointer;
    list-style:none;
    padding:0px 10px 0px 10px;
    position:relative;
    display:table-cell;
    width:1%;
    background: #02AAC5;
    text-align: center;
}

#subnav > li+li {
    border-left: 10px #FFF solid;
}

#subnav ul li {
    width: 100%;
    display:block;
    text-indent:10px;
    line-height:30px;
    margin-right:10px;
    border-top:1px #000 solid;
    border-bottom:1px #000 solid;
    border-left:none;
    border-right:none;
    background:#fff;
    position:relative;
}
#subnav ul {
    display:none;
}
#subnav li:hover > ul {
    display:block;
    position:absolute;
    z-index:1000;
    border:1px #000 solid;
    left:0;
}
#subnav > li ul li ul {
    left:100%;
    top:-2px;
    white-space:nowrap;
}
#subnav li:hover > a, #subnav li:hover {
    color:#fff;
    background:#0A3045;
}
#subnav li, #subnav li a {
    color:#FFF;
    text-decoration:none;
    text-transform: uppercase;
    padding: 10px;
}
/** {box-sizing:border-box;-moz-box-sizing:border-box;}*/


/*.button {
    background-color: #02AAC5 !important;
}

a.button {
    color: #FFF;
}*/

.breadcrumbs {
    display: block;
    padding: 0.5625rem 0.875rem 0.5625rem;
    overflow: hidden;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    font-size: 0.8rem;
    list-style: none;
    color: #303333;
    background: #FFFFFF !important;
}

.breadcrumbs a {
    color: #303333;
}

.breadcrumbs>*.unavailable a {
    color: #303333;
}

.breadcrumbs li {
    margin-bottom:7px;
}

form ul, form ol, form dl {
    list-style: none !important;
}

.ui-state-error {
    color: #990000;
    font-size: 0.8em;
}

/*.InputfieldStateRequired:before {
    content: '*';
    display: inline;
}*/

.Inputfield_myswscb  {
    display: none !important;
}

img .axys{
    float:left;
    margin-right:75px;
}


#wrap-bg-photo {
    height: 650px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}


.crop-height {
    /* max-width: 1200px; /* img src width (if known) */
    max-height: 650px;
    overflow: hidden; }

.invisible {
    visibility: hidden; }

.transparent {
    /* trigger hasLayout for IE filters below */
    zoom: 1;
    /* 0 opacity in filters still displays layout */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=10);
    opacity: 0; }



#widget {
    padding: 10px;
    background-color: #444;
    color: #fff;
    width: 220px;
    float: right;
    margin: 10px;
    line-height: 1.3;
    text-align: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    opacity: 0.8;
}

.currenttime{
    display: block;
    font-size: 0.9em;
    text-align: right;
    padding-right: 10px;
}

#latest-news{
    padding-left:10px;
}

#latest-news a {
    color: #fff;
}

#latest-news ul, #latest-news li {
    list-style: none;
    list-style-position:inside;
    margin:0;
    padding:0;

}

#latest-news li{
    display: block;
    font-size: 0.9em;
    color: #fff;
}

.widget-item {
    /*padding: 1px 0;*/
}

.widget-icon {
    text-align: center;
    width: 45px;
    /* margin: 10px 0; */
    display: inline-block;
    /*position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);*/
}

.widget-text {
    /*position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);*/
}

.windspeed-text{
    font-size: 3em;
    display: inline;
    padding-left: 5px;
}

.gustspeed-text{
    font-size: 1.5em;
    display: inline;

}

.winddir-text{
    font-size: 1.8em;
    display: inline;
}

.temperature-text{
    font-size: 1.8em;
    display: inline;
}

.tide-text{
    font-size: 1.8em;
    display: inline;
    padding-left: 10px;
}

.tide-datetime {
    font-size: .8em;
    display: block;
    padding-left: 55px;
}

#staff_status{
    padding: 0 0 0 10px;
    color: #FFF;
    font-size: 1.3em;
    line-height: 1.4;
    text-transform: uppercase;
}

#tide-times{
    cursor: pointer;
}

#wind-set{
    cursor: pointer;
}


.Inputfields, .Inputfields .Inputfield, .Inputfields label, .Inputfields input, .Inputfields select, .Inputfields textarea, .Inputfields table {
    font-size: 1em !important;
}

.Inputfields > .Inputfield > .ui-widget-content {
    padding: 0.5em !important;
}

.InputfieldForm .Inputfields .Inputfields > .Inputfield:last-child, .InputfieldForm .Inputfields > .Inputfield > .ui-widget-content > *:last-child {
    margin-bottom: 0;
    /*padding-left: 5px;*/
}

.ui-button-text {
    text-align: center !important;
}

.InputfieldForm .Inputfields, .InputfieldForm .Inputfields > .Inputfield {
    list-style: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0;
}

.ui-datepicker {
    width: 19em !important;
    padding: .2em .2em 0;
    display: none;
}

.Inputfields fieldset, .Inputfields input, .Inputfields select, .Inputfields textarea, .Inputfields label {
    margin: 0;
    padding: 5px !important;
}


/* AjaxSearch Sample CSS for default install */


/* ajaxSearch styles */
/* --------------------------------------------- */

/* main container */
#ajaxSearch{
    display: none;
    position: absolute;
    top:90px;
    /*left:220px;*/
    z-index:100;
    width:300px;
    background-color: #F4F4F4;
    border: 1px solid #F0F0F0;
    box-shadow: 0 3px 3px -2px #555;
    max-height:650px;
    overflow: scroll;
    overflow-x: hidden;
}
/* inner container */
#ajaxSearch .ajaxSearch_body{
    padding: 2.5em 1em 1em 1em;
}

/* ajax loader anim (om search input field) */
.ajaxSearch_loader{ background: #fff url(/site/templates/images/ajax-loader.gif) 185px center no-repeat!important; }

.ajaxSearch_close{
    float:right;
    margin:0.5em;
    overflow:hidden;
}


/* optional basic result styling */
/* --------------------------------------------- */

#ajaxSearch {
    width:450px;
}

#ajaxSearch a {
        color: #444;
    }
        #ajaxSearch a:hover {
            background-color: #444;
            color: #fff;
            text-decoration: none;
        }
#ajaxSearch ul.nav { }

#ajaxSearch ul.nav li {
    display: block;
    list-style: none;
    margin: 0;
    border-bottom: 1px dotted #ccc;
}

#ajaxSearch ul.nav li a {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    margin: 0;
}

#ajaxSearch ul.nav li p {
    margin: 1em 0;
}

tr.user_edit { cursor: pointer; }



.off-duty {
    color:#EC2224;
}

.on-stby {
    color:#F27421;
}

.on-duty {
    color:#6FBD44;
}


.InputfieldForm .Inputfields > .InputfieldColumnWidth {
    float: left;
    clear: none;
    margin-top: 0;
}

/* Pagination */
.MarkupPagerNav {
        margin: 1em 0;
        font-family: Arial, sans-serif;
        overflow: hidden;
}
.MarkupPagerNav li {
    display: inline;
    list-style: none !important;
    margin: 0 !important;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
    display: block;
    float: left !important;
    padding: 2px 9px;
    color: #fff !important;
    background: #444;
    margin-right: 3px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
    color: #fff;
    background: #444;
    text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
    display: inline;
    color: #777;
    background: #d2e4ea;
    padding-left: 3px;
    padding-right: 3px;
}

.f-dropdown {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 0.875rem;
    z-index: 99;
    margin-top: 2px;
    max-width: 240px;
}


.f-dropdown li {
    font-size: 1rem;
    cursor: pointer;
    line-height: 2rem;
    margin: 0;
    background: #444;
}

.f-dropdown li a {
    display: block;
    padding: 0.5rem;
    color: #FFF;
}

.f-dropdown li a:hover {
    display: block;
    padding: 0.5rem;
    background: #444;
}

.footer_icons{
    color: #929296 !important;
}

.align_left{
    float:left;
    margin: 0px 35px 20px 0px;
}

.align_right{
    float:right;
    margin: 0px 0 20px 35px;
}

.imageTags{
    width:45%;
}

.imageFloat{
    float:left;
    margin: 0px 35px 20px 0px;
    width:45%;
}


.rotate {

    /* Abs positioning makes it not take up vert space */
    position: absolute;
    top: 20px;
    left: 100px;

    /* Border is the new background */
    background: none;

    /* Rotate from top left corner (not default) */
    -webkit-transform-origin: 0 0;
    -moz-transform-origin:    0 0;
    -ms-transform-origin:     0 0;
    -o-transform-origin:      0 0;

    /* Safari */
    -webkit-transform: rotate(90deg);

    /* Firefox */
    -moz-transform: rotate(90deg);

    /* IE */
    -ms-transform: rotate(90deg);

    /* Opera */
    -o-transform: rotate(90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.homepage_section_headers{
    font-size: 1rem;
    color:#fff;
}


.full-height
{
  /*height: 100% !important;
  min-height: 100px !important;*/
  display:table;
}

.full-height-panel
{
  display:table-cell;

}

figure{
    margin:15px 0;
    padding: 0;
}

.image_caption{
    padding-top:10px;
    color:#8f8f8f;
    font-size:0.8rem !important;
    text-decoration:none;
    line-height:1.5;
}

figcaption{
    padding-top:10px;
    color:#8f8f8f;
    font-size:0.8rem !important;
    text-decoration:none;
    line-height:1.5;
}


.slick-dots {
    width: 80% !important;
}

.panel.callout {
    border: none !important;
    background: #F3F3F3 !important;
}

.panel.callout p {
    font-size: 0.85rem !important;
}

.carousel {
    display: none;
}

.tabs-content{
    display:none;
}

#year_indicator_story_container{
    /*display: none;*/
    visibility: hidden;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: #C7D92F !important;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    box-shadow: none !important;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
    background: #fff !important;
}

#selectedYear{
    display:none;
}


.play, .pause {
    font-size: 1.4rem;
    color: #444;
    cursor: pointer;
}

.ui-slider {
    background: #444444 !important;
    width: 95%;
}

.fixed {
    width: 90%;
}

.ui-slider .ui-slider-handle {
    width: 3em !important;
    height: 1.6em !important;
    font-size: 1rem !important;
    padding: 0 0 0 3px !important;
    line-height: 1.5;
}


#chart .c3-line {
  stroke-width: 3px;
}

.c3-axis-x .tick, .c3-axis-y .tick, .c3-axis-y2 .tick {
    font-size: 0.6rem;
}

.c3-axis-x-label, .c3-axis-y-label, .c3-axis-y2-label {
    font-size: 0.7rem;
}

.c3-event-rect{
    cursor: pointer;
}

.clickable-bubbles .datamaps-bubble {
    cursor:pointer;
}


.aspect-ratio-box {
  background: white;
}
.aspect-ratio-box::before {
  content: "";
  width: 1px;
  margin-left: -1px;
  float: left;
  height: 0;
  padding-top: 591.44px / 1127.34px * 100%;
}
.aspect-ratio-box::after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}


.tabs dd>a {
    padding: 0.75rem 1.5rem !important;
}

.tabs dd.active a{
    background: #074E68;
    color: #fff;
}


.textbox {
    border-left: 25px solid #99CC33;
    padding-left: 15px;
    margin: 25px 0;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.25;
    color:#3298CB;
    font-weight: 900;
}

.textblockhighlight{
    color:#99CC33;
}

.year_rotate{

    /* Rotate from top left corner (not default) */
    -webkit-transform-origin: 0 0;
    -moz-transform-origin:    0 0;
    -ms-transform-origin:     0 0;
    -o-transform-origin:      0 0;

    /* Safari */
    -webkit-transform: rotate(90deg);

    /* Firefox */
    -moz-transform: rotate(90deg);

    /* IE */
    -ms-transform: rotate(90deg);

    /* Opera */
    -o-transform: rotate(90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.story_year{
    position: absolute;
    top:45px;
    left:70px;
    color: #fff;
    font-size: 1.9rem;
    cursor: pointer;
}

.year_boxes {
    margin-top: 15px;
    padding: 0 50px 0 50px;
}

.year_box {
    cursor:pointer;
    padding: 12px 0 0 29px;
    margin-right: 3px;
    float:left;
    width:40px !important;
    height:118px !important;
    color: #fff;
    font-size: 1rem;
    white-space: nowrap;
}

.story_box {
    padding-left: 15px;
    margin: 25px 0;
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.item{
    cursor: pointer;
}
.year_overlay{
    cursor: pointer;
}

#filter{
    float:right;
    padding: 15px 15px 0 15px;
}

#search_stories{
    font-size: 0.9rem;
    color: #6F6F6F;
    background: rgba(255,255,255,0.9) !important;
}

#search_icon{
    background: rgba(242,242,242,0.9) !important;
}

input[type="text"]{
    padding-left: 10px;
}

#storythumbs {
    margin: 15px 15px 30px 15px;
    visibility: hidden;
}

.slick-next:before {
    color: #99CC33 !important;
}

.slick-next {
    right: 10px !important;
    /*background: #FFFFFF !important;*/
}

.slick-prev:before {
    color: #99CC33 !important;
}

.slick-prev {
    left: 10px !important;
    /*background: #FFFFFF !important;*/
}

.slick-prev:before, .slick-next:before {
    font-size: 35px !important;
}

.slick-prev, .slick-next {
    margin-top: -17px;
    height: 35px !important;
    width: 35px !important;
}

#moreinfo {
    display:none;
}

.whitelink a {
    color: #fff;
}

.top-bar-section .divider, .top-bar-section {
    border:none !important;
}

@media only screen and (min-width: 40.0625em) {
    .top-bar-section .dropdown {
        padding-top:10px;
    }
}

.top-bar-section .dropdown li a {
    font-size: 18px !important;
    padding: 4px 0.9375rem !important;
}

.top-bar-section ul li>a {
    font-size: 18px !important;
    padding: 4px 10px !important;
}


[ng-click],
[data-ng-click],
[x-ng-click] {
    cursor: pointer;
}

.iconlabel {
    display: block;
    text-align: center;
    font-size: 0.7rem;
    color: #353535;
}

.regions-clickable .datamaps-subunits {
    cursor: pointer;
}

.hoverinfo {
    white-space: nowrap !important;
}

li svg {
    width:50%;
}

.fullwidthtextblock {
    background:#0A3045;
    color: #FFF;
    text-align: center;
    padding: 30px 15px;
    margin-bottom:10px;
}

.fullwidthtextblock  h1, .fullwidthtextblock  h3, .fullwidthtextblock  p {
    color: #FFF;
}


.panel {
    border: none !important;
    background: #353535 !important;
    padding: 0.5rem;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #FFF !important;
}

table thead tr th, table thead tr td {
    font-family: 'Source Sans Pro', sans-serif;
    color: #353535 !important;
}

table tr th, table tr td {
    font-family: 'Source Sans Pro', sans-serif;
    color: #353535;
}


/*figure {
    display: table !important;
}
figcaption {
    display: table-caption !important;
    caption-side: bottom !important;
}*/


figure {
   background-color: #fff;
   padding: 5px;
   font-size: .875em;
   display: table;
}

figure img {
    display: block;
    width: 100%;
}

figcaption {
    display: table-caption;
    caption-side: bottom;
    background: #fff;
    padding: 0 5px 5px;
}​


/*figure {
    display: block !important;
}

figcaption {
    display: block !important;
    width: 100%;
}*/

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
    display: table-cell;
    line-height: 1.125rem;
    border: 1px solid #DDDDDD !important;
}

th {
    border: 1px solid #DDDDDD !important;
}





/*.segmented-control {
    display: table;
    width: 100%;
    margin: 2em 0;
    padding: 0;
}*/

.segmented-control__item {
    display: table-cell;
    margin: 0;
    padding: 0;
    background: #0A3045;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    list-style-type: none;
}

.segmented-control__input {
    position: absolute;
    visibility: hidden;
}

.segmented-control__label {
    display: block;
    margin: 0 -1px -1px 0; /* -1px margin removes double-thickness borders between items */
    padding: 0.3em 0;
    font-size: 1rem;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

.segmented-control__label:hover {
    background: #02AAC5;
}

.segmented-control__input:checked + .segmented-control__label {
    background: #02AAC5;
}

input[type="checkbox"]+label, input[type="radio"]+label {
    width: 100% !important;
}

input[type="checkbox"]+label, input[type="radio"]+label {
    margin-left: 0 !important;
}





#legend {
    margin: 10px 0;
}


.in-map-left-top {
    position:absolute;
    top:0;
    left:0;
}
.in-map-left-bottom {
    position:absolute;
    bottom:0;
    left:0;
}

.in-map-right-top {
    position:absolute;
    top:0;
    right:0;
}
.in-map-right-bottom {
    position:absolute;
    bottom:0;
    right:0;
}



[class*="block-grid-"]>li {
    display: block;
    float: left;
    height: auto;
    padding: 0.625rem 0 !important;
}

rzslider span.rz-bar {
    background: #999 !important;
}

.rz-bubble {
    font-size: 14px !important;
}

rzslider span.rz-pointer.rz-active:after {
    background-color: #0A3045 !important;
}

rzslider span.rz-pointer {
    background-color: #02AAC5 !important;
}

rzslider span.rz-pointer {
    background-color: #02AAC5 !important;
}


.c3-legend-item-hidden {
    opacity: .40 !important;
}


#slider1_container {
    margin-bottom: 10px !important;
}


.sliderSmall {
    font-family: 'Source Sans Pro', sans-serif;
    color: #FFFFFF;
    display: block;
    font-size: 90px;
    line-height: 80px;
    padding: 11px 19px;
    box-sizing: content-box;
}

.sliderLarge {
    font-family: 'Source Sans Pro', sans-serif;
    color: #FFFFFF;
    display: block;
    font-size: 155px;
    line-height: 80px;
    padding: 11px 19px;
    box-sizing: content-box;
}

.region_box {
    cursor:pointer;
}

li, ul, ol {
    font-family: 'Source Sans Pro', sans-serif;
    color: #555;
}

[class*="block-grid-"]>li {
    padding: 0.2rem 0 !important;
}

.iconlabel {
    line-height: 1.2 !important;
}

#reportcards_map {
    position: relative;
    width: 100%;
    padding-bottom: 62.5%;
    vertical-align: middle;
    margin: 0;
    overflow: hidden;
}
#reportcards_map svg {
    display: inline-block;
    position: absolute;
    top: 0; left: 0;
}

.f-dropdown {
    background:#02AAC5;
    padding:0;
    border:none;
}

.f-dropdown:before {
    border: none !important;
}
.f-dropdown:after {
    border: none !important;
}

li.langOption, li.langOption a, li.langOption a:hover {
    font-size: 0.9rem;
    line-height:1.5;
    background:#02AAC5;
    border:none;
}

.imageGrid {
    float:left;
    margin: 0 40px 50px 0;
}

div#imageGrid > *:nth-child(5n+1) {
   clear: both;
}