/* 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. */
 @import "elements.less";

.expanded-menu {
    clear: none;
    float: none;
    width: 100%;
	.content,
	#zone-branding .branding-data,
	h1#page-title {
		width:auto;
	}
	#zone-footer-wrapper {
		display:block;
	}
}

#zone-user-wrapper {
  .region-user-second {
    #block-search-form {
      overflow: hidden;
      position: relative;
      float: right;
      top:10px;
      right:30px;
      button[type="submit"] {
        display: none;
      }
      #edit-actions {
        display: none;
      }
      #edit-search-block-form--2 {
        background: url("/sites/all/themes/global/images/bg_search_hover-orange.png") no-repeat;
        background-position: left center;
        border: none;
        margin-top:15px;
        width: 24px;
        height: 26px;
        text-indent: 28px;
        -webkit-transition: all 300ms ease-in 0s;
        -moz-transition: all 300ms ease-in 0s;
        -o-transition: all 300ms ease-in 0s;
        transition: all 300ms ease-in 0s;
        &:hover {
          width: 200px;
          height:38px;
          margin-top:10px;
          content:'search';
          background: url("../img/bg_search_blue.png") no-repeat right 20px #fff;
          background-color: #eee;
          position:relative;
          z-index: 500;
          color:#666;
          border:none;
          box-shadow:none;
        }
      }
    }
  }
}

#zone-branding-wrapper {
	border-bottom:none;
  margin-top:0;
  box-shadow:2px 1px 5px #ccc;
	#zone-branding {
		.branding-data {
			float:left;
			text-align:left;
			width: auto;
      .site-name {
        margin:0 0 15px;
      }
		}
		.banner_slogan {
			width:35%;
			float:right;
			text-align:right;
			color: #666666;
			font-size: 18px;
			margin-top: 20px;
			text-transform: uppercase;

		}
    .site-logo {
      width:auto;
      float:left;
      position:relative;
      z-index:100;
      width:40%;
      img {
        width:100%;
        height:auto;
      }
    }

	}
}

#zone-menu-wrapper {
    background:#dadada;
    float: none;
    height: auto;
  	position:static;
    width: 100%;
    display:block;
  	#region-menu {
  		.navigation {
        .tb-megamenu {
          text-transform:uppercase;
          .nav {
            li {
              display:inline-block;
              font-size:.9em;
              &.home-icon {
                a {
                  padding:16px 10px;
                  .fa.fa-home {
                    font-size:2em;
                  }
                }
              }
              &.last {
                border-right:1px solid white;
              }
              a {
                font-weight:normal;
                padding:20px 30px 19px;
                border:none;
                &:focus,
                &:hover {
                  color:@highlightcolor;
                }
              }
              &.dropdown {
                border-bottom:none !important;
                ul {
                  li {
                    float:none !important;
                    border:none;
                    clear:both;
                    display:block;
                    a {
                      border:none;
                    }
                  }
                }
                &.open {
                  .dropdown-toggle {
                    color:#eeb200;
                  }
                }
              }
              &.active {
                a,
                a:hover,
                a:focus,
                .dropdown-toggle {
                  background-color:@highlightcolor !important;
                  color:white;
                }
              }
            }
          }
        }
  		}
      #block-search-form {
        overflow: hidden;
        position: absolute;
        float: right;
        margin-top:15px;
        top:0;
        right:0;
        position:relative;
        z-index:500;
        button[type="submit"] {
          display: none !important;
        }
        .control-group {
          margin: 0px;
        }
        #edit-actions {
          display: none;
        }
        #edit-search-block-form--2 {
          background: url("/sites/all/themes/global/images/bg_search.png") no-repeat;
          background-position: left 3px;
          border: none;
          width: 24px;
          height: 26px;
          text-indent: 28px;
          -webkit-transition: all 300ms ease-in 0s;
          -moz-transition: all 300ms ease-in 0s;
          -o-transition: all 300ms ease-in 0s;
          transition: all 300ms ease-in 0s;
          &:hover {
            width: 160px;
            background: url("/sites/all/themes/global/images/bg_search_hover.png") no-repeat left 3px center #fff;
            background-color: #fff;
            position:relative;
            z-index: 500;
            color:#666;
          }
        }
      }
	}
}

#zone-postscript-wrapper {
  #zone-postscript {
    .views-row {
      &.views-row-last {
        width:100%;
      }
    }
  }
  #region-postscript-third {
    .views-row {
      iframe {
        height:140px;
      }
    }
  }
}

#section-content #zone-content #region-content .region-inner .people-tile .views-row {
  width:24%;
  min-height:470px;
  .views-field-field-position {
    ul {
      padding:0;
      margin:0;
      li {
        list-style:none;
        margin:0 0 10px;
      }
    }
  }
}

#section-content {
  #zone-preface-wrapper {
    #zone-preface {
      margin-bottom:0;
      .region {
        margin:30px 0;
        padding:10px 10px;
        width:27.5%;
        box-shadow:1px 1px 3px #eee;
        .region-inner {
          padding:0;
          border-bottom:none;
          h3 {
            font-size:1.2em;
          }
          img {
            margin-top:0;
          }
        }
        &#region-preface-second {
          margin:30px 25px;
        }
      }
    }
  }
  #zone-content {
    padding:0;
    #region-sidebar-first {
      margin-top:15px;
      margin-right:30px;
      width:20%;
      .block.block-menu-block,
      .block-block-26,
      .participants-menu {
      	border-right:1px solid #C4C4B0;
      	padding:10px 20px 10px 0;
        h2.block-title {
          box-shadow:0 1px 3px #666666;
          background:@highlightcolor;
          color:white;
          font-style:normal;
          padding:5px 15px;
          margin-bottom:15px;
          }
        }
        ul {
          li {
            list-style:none !important;
          }
        }
      }

      .block.block-menu-block ul {
      	padding-left:10px;
      	margin-left:0;
        li {
        	line-height:100%;
        	margin-bottom:20px;
        	text-transform:uppercase;
          &.leaf {
          	list-style-image:none;
          	list-style-type:disc;
          	padding:0;
            a {
            	color:#666;
            }
          }
          ul {
          	margin-top:10px;
            li {
              &.leaf {
              	margin:10px;
              	text-transform:none;
              	padding:5px 10px 5px 0;
              	margin:10px 10px 10px 20px;
              	list-style-image:none;
              	list-style-type:disc;
              }
              &.collapsed {
              	list-style-image:url("/../../misc/menu-collapsed.png");
              	list-style-type:disc;
              	padding-left:13px;
              	text-transform:none;
              	margin-left:20px;
              	padding-left:0;
              }
              &.expanded {
              	list-style-image:url("/../../misc/menu-expanded.png");
              	text-transform:none;
              	padding-left:13px;
              	margin-left:20px;
              	padding-left:0;
                li {
                	list-style:none;
                  a {
                  	color:black !important;
                  }
                  &.leaf {
                  	background:none;
                  }
                }
              }
            }
          }
        }
      }
    }
    #region-content {
      margin:0;
      .region-inner {
        margin:10px 0;
        .people-tile {
          .views-row {
          width:24%;
          padding:4px;
          }
        }
        .homepage-slideshow {
          .bx-viewport {
            position:relative;
            figure {
              margin:0;
              text-align:center;
            }
            blockquote {
              position:absolute;
              padding-bottom:35px;
              padding-left:5%;
              padding-top:20px;
              bottom:-20px;
              width:100%;
              margin-left:0;
              background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)) repeat scroll 0 0;
              color:white;
              text-align:left;
              text-transform:uppercase;
              font-size:1.2em;
              font-family:'oswald', sans-serif;
              h3 {
                font-size:18px;
                font-weight:500;
                text-transform:none;
                padding:10px 0 0;
                color:white;
              }
            }
          }
        }
        /*.view-people {
          h5 {
            margin:0 0 15px;
          }
          tr {
            td {
              display:table-cell;
              width:50%;
              float:left;
              .views-field-field-curriculum-vitae {
                h4 {
                  color:@highlightcolor;
                }
              }
            }
          }
        }*/
      }
    }
    #region-sidebar-second {
      .contact-block {
        background:#eee;
        margin-top:30px;
        padding-bottom:20px;
        margin-bottom:30px;
        h2 {
          margin-top:0;
          text-transform:uppercase;
        }
        h4 {
          margin-bottom:0;
          font-style:italic;
          text-transform:uppercase;
          font-weight:700;
        }
      }
    }
  }


#zone-footer-wrapper {
	#zone-footer {
		font-size:90%;
		#region-footer-second {
			.region-inner {
				float:right;
			}
		}
	}
}

body.front {
  .panel-col-first,
  .panel-col-last {
    width:50%;
  }
}