/*!
 * @file template/includes/css/base2014/alerts-banner.css
 */

/*
  Alerts Banner
*/

.container.ohioAlertContainer {
  background-color: #00694e;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #FFF;
}

.container.ohioAlertContainer .field--name-field-image {
  float: left;
  padding: 14px 0;
  width: 31%;
  position: relative;
max-width: 291px;
}

.container.ohioAlertContainer .field--name-field-image img {
width: 100%;
height: auto;
max-width: 291px;
}

.container.ohioAlertContainer h2 {
background-color: #2B7051;
  border-top: 1px solid #53AF44;
  border-bottom: 1px solid #53AF44;
  color: #FFF;
  padding: 5px;
  font-size: 21px;
  margin: 0;
  text-transform: none;
float: right;
  margin-top: 15px;
  width: 69%;
  margin-right: 0;
}

.container.ohioAlertContainer .field--name-body {
float: right;
width: 69%;
margin-right: 0;
padding: 5px 10px 10px 5px;
font-size: 14px;
color: #FFF;
}

.container.ohioAlertContainer .field--name-body a {
text-decoration: underline;
}

.container.ohioAlertContainer .field--name-body *, .container.ohioAlertContainer .field--name-body a {
  color: #FFF;
  font-size: 14px;
}

@media screen and (max-width: 990px)
{
.container.ohioAlertContainer {
  width: auto;
}

.container.ohioAlertContainer .field--name-field-image {
  padding-left: 5px;
}
}

@media screen and (max-width: 665px)
{
.container.ohioAlertContainer {
  padding: 0;
}
.container.ohioAlertContainer h2{
  padding: 5px 20px;
    background-color: #53af44;
    border-color: #cce7c7;
    float: none;
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
}
.container.ohioAlertContainer .field--name-body{padding:10px 20px;float:none;width:100%;margin:0;text-align:center;}
}