/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */

 /* --------------------- TABLET LAYOUT ------------------------*/

  /* ------------ SEARCH -------------*/
.region-search {
  padding-top:15px;
}

#search-block-form {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  font: inherit;
  float: right;
}
#search-block-form input textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"]{
  width: 80px;
}

td{
   border: 1px solid #efefef;
  background: #fafafa;
   padding: 5px;  
  
}

/*----- SLIDER-----*/
.slide-body{
  background: none;
  opacity: 1;
  height: 100px;
  width: 400px;
  margin-left: 320px;
  margin-top: -180px;
  padding-bottom: 11%;
}
.slide-body a{
  color: #fff;
  text-decoration: none;
  font-size: 1.3em;
}

.bottom-title {
  background-color: #2F3B4D;
  padding-top:8px;
  padding-bottom: 5px;
  float: left;
}
.bottom-title a {
  color: #fff;
  text-decoration: none;
  font-size: 1.0em;
}
.button-info {
 float: left;
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
  background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
  background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
  background-color:#f9f9f9;
  -moz-border-radius:26px;
  -webkit-border-radius:26px;
  border-radius:26px;
  border:1px solid #dcdcdc;
  margin-top:5px;
  margin-bottom: 5px;
  padding: 2px;
  text-align: center;
  display: block;
}
.button-info a {
  color: #2F3B4D;
  text-decoration: none;
  font-size: 1.0em;
  display:block;
  
}
.button-info a:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
  background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
  background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
  background-color:#e9e9e9;
}

/* ------- FEATURES ---------*/
.feat-img img {
  vertical-align: bottom;
  width: 99%;
  height:auto;
}
.feat-title {
  position: absolute; 
  bottom: 10px; 
  left: 5px; 
  width: 100%; 
}

.feat-title a{
  color: #fff;
  text-decoration: none;
  font-size: 0.7em;
}

.feat-title1 {
  position: absolute; 
  bottom: 10px; 
  left: 0px; 
  width: 100%; 
  border-bottom: none;
  background-color: #800f54;
  padding-left: 0px;
}

.feat-title1 a{
  color: #fff;
  text-decoration: none;
  font-size: 0.7em;
  padding-left: 5px;
}
.feat-title2 {
  position: absolute; 
  bottom: 10px; 
  left: 0px; 
  width: 100%; 
  border-bottom: none;
  background-color: #605818;
  padding-left: 0px;
}

.feat-title2 a{
  color: #fff;
  text-decoration: none;
  font-size: 0.7em;
  padding-left: 5px;
}
.feat-title3 {
  position: absolute; 
  bottom: 10px; 
  left: 0px; 
  width: 100%; 
  border-bottom: none;
  background-color: #143c69;
  padding-left: 0px;
}

.feat-title3 a{
  color: #fff;
  text-decoration: none;
  font-size: 0.7em;
  padding-left: 5px;
}
.feat-title4 {
  position: absolute; 
  bottom: 10px; 
  left: 0px; 
  width: 100%; 
  border-bottom: none;
  background-color: #cda017;
  padding-left: 0px;
}

.feat-title4 a{
  color: #fff;
  text-decoration: none;
  font-size: 0.7em;
  padding-left: 5px;
}



#region-preface-first{
  vertical-align: top;
  display: inline-block;
  text-align: left;
  width: 31.6%;
  margin-left: 10px;
  margin-right: 0px;
}
#region-preface-second{
  vertical-align: top;
  display: inline-block;
  text-align: left;
  width: 31.6%;
  margin-left: 5px;
  margin-right: 0px;

}
#region-preface-third{
  vertical-align: top;
  display: inline-block;
  text-align: left;
  width: 31.6%;
  margin-left: 5px;
  margin-right: 0px;

}
#region-preface-fourth{
  vertical-align: top;
  display: none;
  text-align: left;
  width: 23.8%;
  margin-left: 5px;
  margin-right: 0px;
}

/* -------------- EVENTS BLOCK ON HOMEPAGE ------------*/


.events-title {
  padding-left:2px;
  font-size: 1em;
  font-weight: 400;
  color: #797979;
  margin-bottom: 0px;
  padding-top: 10px;
  float:none;
}
.events-img img
{
width: 100%;
}
.news-col img{
  vertical-align: bottom;
  width: 100%;
  height:auto;
}
.news-col.grid-2.omega.even{
  padding-left: 0px;
  margin-left: 0px;
  padding-bottom: 0px;
}
.news-col.grid-2{
  margin-bottom: 20px;
}
.news-col.grid-2{
width: 146px !important;
margin-right: 0px!important;
}
.events-body{
  padding-left:5px;
  padding-right:5px;
  padding-bottom:0px; 
  margin-bottom: 0px;
}




/* ------- HOMEPAGE LATEST NEWS ---------*/

#zone-footer {
  background-color: #2F3B4D;
 padding-right: 20px;
  max-width: 683px;
}

/* -------------- MENU ------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    ul#main-menu {
    width:94%;
    }
    

    /* Safari only override */
    ::i-block-chrome,ul#main-menu {
     width:100%;
    }
    
}

@-moz-document url-prefix() {
ul#main-menu {
     width:94%;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
ul#main-menu {  width:94.5%;}
}

/* - - - MENU ITEM type 1- - -  */
span.nolink {
  font-size: 1.1em;
  padding: 11px 12px;
  color: #757575;
  text-decoration: none;
  padding-top: 10%;
  position: relative;
  display: inline-table;
  padding-top: 12.5px;
  padding-bottom: 11px;
}
.responsive-menu .sub-menu {
  position: absolute;
  z-index: 100;
  max-height: 0;
  overflow: hidden;
  width:100%;
}
 
 .navigation ul ul {
  display: none;
}

 .navigation ul li:hover > ul {
    display: block;
  }

 .navigation ul {
  background: #e3e1e1; 
  padding: 0 20px;
  border-radius: 0px;  
  list-style: none;
  position: relative;
  display: inline-table;
  font-size: 0.9em;
  
}
   .navigation ul:after {
    content: ""; clear: both; display: block;
  }

  .navigation  ul li {
  float: left;
  padding-bottom: 5px;

}
  .navigation  ul li:hover {
    background: #e9e9e9;
    
  }
   .navigation  ul li:hover a {
      color: white;
    }
  
   .navigation  ul li a {
    display: block; padding: 12.5px 7px;
    text-decoration: none;
		font-family: "Lato" ;
color: white;

  }

.navigation ul ul {
  background: #efefef; border-radius: 0px; padding: 0;
  position: absolute; top: 100%;
}
  .navigation ul ul li {
    float: none; 
    border-top: 1px solid #ccc;
   
    position: relative;
  }
    /* - - - MENU ITEM type 2- - -  */
    .navigation ul ul li a {
      padding: 5px 5px;
      color: #fff;
      font-size: 0.85em;
    } 
      .navigation ul ul li a:hover {
        background: #e9e9e9;
      }

      .navigation ul ul ul {
  position: absolute; left: 100%; top:0;
 
}

@media (max-width: 980px)
{
#oowwrapper
{
    width: 720px;
}

.navigation ul li a 
{
    display: block;
    padding: 5px 14px;
}

.navigation .nolink {
    color: white;
    padding: 5px 14px;
}

#menu-item-1768 span.nolink, #menu-item-583 span.nolink 
{
    padding-left: 14px !important;
    padding-right: 14px !important;
	}


.navigation ul li:hover {
    background: #59A5BB;
}

.navigation ul ul li a:hover {
    background: #59A5BB;
}

.navigation ul ul li a {
    padding: 5px 5px;
    color: #fff;
    font-size: 1em;
	text-align: center;
}

.navigation ul li:hover {
    background: #59A5BB;
}

.bottom-title a 
{
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
}

.news-col.grid-2 
{
    width: 100% !important;
    margin-right: auto;
    max-width: 100% !important;
min-height: auto;
margin-bottom: 5px;
Margin-left:0px;
}




.news-img 
{
   
    display: block;
    float: right;
    width: 135px;
    margin-top: 3px;
    min-height: auto;
	padding: 0px;
}

.news-title {
    font-size: .90em;
}

.news-postdate 
{
    font-size: .90em;
}

.news-body 
{
    font-size: .90em;
}

h1.site-name, h2.site-name 
{
    font-size: 46px;
}



#section-footer, #zone-footer-wrapper, #zone-footer {
    height: 80px;
}


#zone-footer 
{
    background-color: #59A5BB;
    max-width:  100%;
	padding:0px;
}


#footer-menu li a 
{
    padding: 1px 4px;
    font-size: 10.5px !important;
}

#menu-footer-menu 
{
    padding: 0px;
    margin-top: 25px;
    display: block;
}

.separator hr 
{
    margin-top: 5px;
}

.bottom-title 
{
    width: 100% !important;
}

#zone-footer .separator hr
 {
    margin: 0px;
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)

{
.news-col.grid-2 
{
height: 97px;
overflow: hidden;
}
}