/**
 * @file
 * Block Styling
 */

.block /* Block wrapper */ {
  margin-bottom: 1.5em;
}

.block.first /* The first block in the region */ {
}

.block.last /* The last block in the region */ {
}

.block.odd /* Zebra striping for each block in the region */ {
}

.block.even /* Zebra striping for each block in the region */ {
}

h2.block-title /* Block title */ {
}

.block .content /* Block's content wrapper */ {
}

#block-aggregator-category-1 /* Block for the latest news items in the first category */ {
}

#block-aggregator-feed-1 /* Block for the latest news items in the first feed */ {
}

#block-block-1 /* First block created with "Add block" link */ {
}

#block-blog-recent /* "Recent blog posts" block */ {
}

#block-book-navigation /* "Book navigation" block for the current book's table of contents */ {
}

#block-comment-recent /* "Recent comments" block */ {
}

#block-forum-active /* "Active forum topics" block */ {
}

#block-forum-new /* "New forum topics" block */ {
}

#block-locale-language /* Language switcher block */ {
}

#block-menu-menu-NAME /* Custom menu block  */ {
}

#block-node-recent /* "Recent content" block */ {
}

#block-node-syndicate /* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */ {
}

#block-poll-recent /* "Most recent poll" block */ {
}

#block-profile-author-information /* "Author information" block for the profile of the page's author */ {
}

#block-search-form /* "Search form" block */ {
}

#block-shortcut-shortcuts /* "Shortcuts" block */ {
}

#block-statistics-popular /* "Popular content" block */ {
}

#block-system-main-menu /* "Main menu" block */ {
}

#block-system-management /* "Management" block for Drupal management menu */ {
}

#block-system-navigation /* "Navigation" block for Drupal navigation menu */ {
}

#block-system-user-menu /* "User menu" block for Drupal user menu */ {
}

#block-system-help /* "System help" block */ {
}

#block-system-main /* "Main page content" block */ {
}

#block-system-powered-by /* "Powered by Drupal" block */ {
}

#block-user-login /* "User login form" block */ {
}

#block-user-new /* "Who's new" block for a list of the newest users */ {
}

#block-user-online /* "Who's online" block for a list of the online users */ {
}

/**
 * Menu block.
 */
.menu-block-5 {
  margin-top: 10px;
}

.block-menu ul.menu,
.block-menu-block ul.menu {
  margin: 0;
  padding: 0;
  width: 100%;
}

.block-menu ul.menu li,
.block-menu-block ul.menu li {
  list-style: none;
}

.block-menu ul.menu li a,
.block-menu-block ul.menu li a {
  color: #fff;
  display: block;
  padding: 3px 0 3px 21px;
  text-decoration: underline;
}

/**
 * Blue menu block.
 */
.block-menu.blocktheme-blue ul.menu,
.block-menu-block.blocktheme-blue ul.menu {
	background-attachment: scroll;
	background-color: #829ea4;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}

.block-menu.blocktheme-blue ul.menu li,
.block-menu-block.blocktheme-blue ul.menu li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;;
	border-bottom-color: #70888F;
}

.block-menu.blocktheme-blue ul.menu li a:hover,
.block-menu-block.blocktheme-blue ul.menu li a:hover {
	background-color: #a5c1c5;
}

/**
 * Green menu block.
 */
.block-menu.blocktheme-green ul.menu,
.block-menu-block.blocktheme-green ul.menu {
	background-attachment: scroll;
	background-color: #999;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}

.block-menu.blocktheme-green ul.menu li,
.block-menu-block.blocktheme-green ul.menu li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #818181;
}

.block-menu.blocktheme-green ul.menu li a:hover,
.block-menu-block.blocktheme-green ul.menu li a:hover {
	background-color: #666;
}

/**
 * Orange menu block.
 */
.block-menu.blocktheme-orange ul.menu,
.block-menu-block.blocktheme-orange ul.menu {
	background-attachment: scroll;
	background-color: #4a7b86;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}

.block-menu.blocktheme-orange ul.menu li,
.block-menu-block.blocktheme-orange ul.menu li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3c6b75;
}

.block-menu.blocktheme-orange ul.menu li a:hover,
.block-menu-block.blocktheme-orange ul.menu li a:hover {
  background-color: #3f6972;
}

/**
 * Purple menu block.
 */
.block-menu.blocktheme-purple ul.menu,
.block-menu-block.blocktheme-purple ul.menu {
	background-attachment: scroll;
	background-color: #9AAB54;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}

.block-menu.blocktheme-purple ul.menu li,
.block-menu-block.blocktheme-purple ul.menu li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #B2C661;
}

.block-menu.blocktheme-purple ul.menu li a:hover,
.block-menu-block.blocktheme-purple ul.menu li a:hover {
	background-attachment: scroll;
	background-color: #7F8D45;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}

/**
 * Red menu block.
 */
.block-menu.blocktheme-red ul.menu,
.block-menu-block.blocktheme-red ul.menu {
  background: none repeat scroll 0 0 #830a0a;
}

.block-menu.blocktheme-red ul.menu li,
.block-menu-block.blocktheme-red ul.menu li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4D0909;
}

.block-menu.blocktheme-red ul.menu li a:hover,
.block-menu-block.blocktheme-red ul.menu li a:hover {
  background: none repeat scroll 0 0 #ac3e3e;
}

/**
 * Social Icon block.
 */
#block-block-198 {
  float: left;
  margin-left: 20px;  
  padding: 4% 0;
  width: 20%;
}

#block-block-198 h1 {
  color: #92a2a2;
  font-size: 100%;
  margin: 3px 0;
  text-transform: uppercase;
}

#block-block-198 p {
  color: #fff;
  font-family: verdana;
  font-size: 10px;
  line-height: 1.5;
  margin: 0;
}

#block-block-198 p.number {
  color: #c9fbfb;
}

#block-block-198 p a {
  color: #fff;
  text-decoration: underline;
}

#block-block-198 .content ul {
  display: inline;
  padding: 0;
}

#block-block-198 .content li {
  display: inline-block;
  list-style: none;
}

#block-block-198 .content li a {
  background: url('../images/social-icons.png') no-repeat transparent;
  color: #fff;
  display: block;
  height: 22px;
  overflow: hidden;
  position: relative;
  width: 22px;
}

/* Over specified to overwrite above property. */
#block-block-198 .content li a.social-facebook {
  background-position: 0 0;
}

#block-block-198 .content li a.social-twitter {
  background-position: -23px 0;
}

#block-block-198 .content li a.social-linkedin {
  background-position: -46px 0;
}

#block-block-198 .content li a.social-youtube {
  background-position: -69px 0;
}

#block-block-198 .content li a.social-instagram {
  background-position: -92px 0;
}

#block-block-198 .content li a.social-pinterest {
  background-position: -115px 0;
}

#block-block-198 .content li a.social-google {
  background-position: -138px 0;
}

@media only screen and (max-width: 520px) {
  #block-block-164,
  #block-block-22,
  #block-block-24,
  #block-block-38,
  #block-block-45,
  #block-block-66,
  #block-block-79,
  #block-block-130,
  #block-block-133,
  #block-block-171,
  #block-block-172,
  #block-block-113,
  #block-block-84,
  #block-block-65,
  #block-block-33,
  #block-block-174,
  #block-block-96 {
    float: left;
    text-align: center;
    width: 50%;
  }

  #block-block-44 {
    text-align: center;
  }

  #block-block-24 p {
    margin-top: 0;
  }

  #block-block-195 {
    display: none;
  }

  .block-menu ul.menu li a,
  .block-menu-block ul.menu li a {
    font-size: 135%;
  }

  #block-block-19 table {
    margin: 0 auto;
  }

  #block-block-3 {
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 520px) {
  #block-block-164,
  #block-block-22,
  #block-block-24,
  #block-block-38,
  #block-block-45,
  #block-block-66,
  #block-block-79,
  #block-block-130,
  #block-block-133,
  #block-block-171,
  #block-block-172,
  #block-block-113,
  #block-block-84,
  #block-block-65,
  #block-block-33,
  #block-block-174,
  #block-block-96 {
    float: none ;
    text-align: center;
    width: 100%;
  }
}

.front #block-site-alert-site-alert {
  margin: 0 auto;
  padding: 10px;
  width: 95%;
}

div.site-alert div.text {
  padding: 15px 15px 15px 50px;
  width: 100%
}


div.site-alert > div.info {
  background-color: #00f;
  color: #fff;
}

div.site-alert > div.high {
  background-color: #f00;
  color: #fff;
}

div.site-alert > div.low {
  background-color: #ff0;
  border: 1px solid #000;
  color: #000;
}

@media screen and (max-width: 520px) {
  .front #block-site-alert-site-alert {
    width: 100%;
  }
}