/* 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. */



/* html{
  background: red;
}*/

html {
  font-size: 95%;
}

#region-branding {
  width: 183px;
  margin-left: 0;
}

#region-user-first {
  width: 64.3%;
}

#block-menu-menu-header-menu ul.menu > li, block-menu-menu-header-menu ul.menu li > ul li {
  /*width: 24.32%;*/
  width: 19.3%;
}

header #logo {
  margin-left: 0;
}

#region-user-second {
  /* position: relative; */
  position: absolute;
  margin-left: 3%;
  width: inherit;
  top: 0;
  right: 38px;
}

#contentdiv {
  /*position: static;*/
  right: 0;
}

.collections-outer, .editorials-outer, .themes-outer-2 {
  width: 552px;
  margin: 0;
  float: left;
}

.themes-outer {
  width: 276px;
  margin: 0;
  float: left;
}
.empty-img {
  width: 186px;
}

.collections-outer h2, .collections-outer .left-arrow-link, .themes-outer h2, .themes-outer .left-arrow-link, .editorials-outer h2, .themes-outer-2 h2, .editorials-outer .left-arrow-link, .themes-outer-2 .left-arrow-link {
  margin-left: 10px;
}

.create-fanboard-wrap {
  max-height: 430px;
  overflow: hidden;
  float: left;
}

.user img {
  width: 45px;
  height: 44px;
  float: none;
  padding: 0;
}

.search img {
  width: 14px;
  height: 14px;
  float: none;
  padding: 15px 14px;
}

.user, .search {
  width: 45px;
  height: 44px;
  background:url('../images/header-bg.png') repeat-x left center;
  float: left;
}

.user {
  margin-right: -20%;
}

#logo {
  height: inherit;
  margin-left: 0;
  width: 183px;
}

#block-menu-menu-header-menu ul.menu {
  /*width: 408px;*/
  width: 94%;
}

#block-menu-menu-header-menu ul.menu > li a, block-menu-menu-header-menu ul.menu li > ul li a {
  padding: 15px 0;
  font-size: 14px;
}

#block-menu-menu-header-menu ul.menu li > ul li a {
  padding: 15px 5px;
}

.expanded>:first-child {
  background-image: none;
}

.expanded>:first-child:after {
  content: "\e613";
  font-family: 'wpph-icons';
  color: #fff;
  font-size: 12px;
  position: relative;
  top: 1px;
  margin-left: 2px;
}

.navigation-block-s p, .navigation-block-text p {
  min-width: 90.89%;
}

#contentdiv input[type=text] {
  /*width: 94px;*/
  width: 51px;
  right: 0;
  height: 33.5px;
}

#user-signin {
  /*position: static;*/
  left: 0;
}

.banner {
  height: 600px;
}

/*.main-banner{
  height: 650px;
}*/

.scroll-indicator {
  height: 48px;
}

.nav-block-grid {
  margin: 0 10px;
  width: 188px;
  height: 212px;
  float: left;
}

/*.node-type-people .nav-block-grid {
  margin: 0 10px 0 0;
}*/

.nav-block-grid-l {
  margin: 0 10px;
  width: 256px;
  height: 272px;
  float: left;
}

.navigation-block-l .nav-img {
  width: 100%;
  height: 185px;
  float: left;
}

.navigation-block-l .nav-text {
  height: 55px;
  width: 91.3%;
  float: left;
  border-right: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  border-top: none;
  padding: 7.5px 10.2px;
}

.navigation-block-text-l .nav-head {
  height: 178px;
  float: left;
}

.navigation-block-text-l {
  background-color: #1a1a1a;
  color: #f2f2f2;
  float: left;
  width: 91.8%;
  padding: 7px 4%;
  margin-top: 16px;
  height: 242px;
}

.navigation-block-s, .navigation-block-text {
  width: 188px;
}

.navigation-block-s .nav-img {
  width: 100%;
  height: 133px;
}

.navigation-block-s p, .navigation-block-s .nav-text, .navigation-block-text p {
  height: 40px;
}

.navigation-block-text .nav-head {
  height: 118px;
  background: #191919;
  padding: 7px 9px 11px 9px;
}

/*.navigation-block-text{
  width: 174px;
}
.navigation-block-text .nav-head{
  height: 136px;
}
.navigation-block-text p{
  min-height: 16px;
  line-height: 16px;
  margin-top: 18px;
  margin-bottom: 4px;
}*/

.featured-block-wrapper, .featured-block-wrapper .featured-slide, .featured-l, .editorials-block, .editorials-block-image, .blk-ratio-multiple {
  height: 381px;
}

.featured-l .featured-text {
  height: 332px;
}

.editorials-block-text, .views-row .editorials-block {
  height: 340px;
}

.views-row .editorials-block-image {
  display: block;
  height: 340px;
}

.views-row .editorials-block-text {
  height: 320px;
  padding: 10px;
}

.images-overflow .v-crop img.portrait {
  width: 100%;
}

.featured-m-text {
  height: 333px;
}

.featured-m .featured-img {
  height: 289px;
}

.contest{
  height: 65px;
}


/*.contest-timeline .item-list{
  width: 100%;
  margin: 0 auto;
}*/

.fix-block .contest-timeline .single-block, .fix-block .contest-timeline ul.quicktabs-tabs li a {
  float: none;
  margin: 0 1%;
  border: 1px solid #ccc;
  color: #ccc;
  font-size: 1.125rem;
  width: 68px;
  height: 28px;
  padding: 0;
  padding-top: 14px;
}

.fix-block .contest-timeline ul.quicktabs-tabs li a:hover {
  border: 1px solid #999;
  color: #191919;
}

.contest-timeline ul.quicktabs-tabs {
  margin-top: 0;
  margin-bottom: 30px;
  width: 100%;
  /*margin: 0 auto;*/
}

.contest-timeline .item-list-fix ul.quicktabs-tabs {
  margin: 0 auto;
}

.workshop-more {
  background: linear-gradient(to right, #f2f2f2 58%, #fff 33%);
}

footer #zone-footer-second-wrapper #region-footer-f-links img {
  max-width: 25px;
}

/*---------------gallery-container--------------------*/

.master-container {
  width: 1180px;
}

.photographer-description {
  width: 420px;
  float: left;
}

.photographer-description .push-1 {
  left: 14.5%;
  width: 85%;
  margin-left: 8%;
}

.photo-block-content {
  overflow: hidden;
}

.photo-block-content .views-field.views-field-field-geo {
  height: inherit;
  overflow: hidden;
}

.image-description {
  width: 720px;
  float: left;
  margin-right: 0;
}

.master-container.reveal.right {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  transition: 0.5s;
  opacity: 1;
  left: -450px;
}


.news-overview {
  margin: 0 10px;
  width: 256px;
  float: left;
  margin-top: 40px;
  height: 384px;
}

.news-overview .news-text {
  height: 198px;
  width: 86.7%;
  padding: 7px 16px 16px 16px;
  float: left;
  border-right: #ccc 1px solid;
  border-left: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  border-top: none;
  position: relative;
}

.news-overview .nav-img {
  overflow: hidden;
  height: 160px;
  float: left;
  width: 100%;
}

.news-overview h3 span {
  /*height: 182px;*/
  font-size: 1.86rem;
  line-height: 2.23rem;
  margin-top: 0;
  overflow: hidden;
}

.news-overview h3 {
  margin-top: 0;
  max-height: 180px;
  overflow: hidden;
}

h1.news-head {
  margin-top: 116px;
  margin-bottom: 8px;
}

.news-overview p.read-more {
  position: absolute;
  bottom: 18px;
}

/*.news-overview p {
  height: 30px;
}*/

.news-overview .without-image {
  height: 345px;
  width: 86.7%;
  float: left;
  border: #ccc 1px solid;
  padding: 15px 20px 20px 21px;
  position: relative;
}

#quicktabs-tabpage-exhibitions-0, #quicktabs-tabpage-exhibitions-1 {
  width: 45%;
  margin: 0 2.5%;
}

.view-display-id-exhibitions_page.openlayers-views-map .openlayers-container, .view-display-id-exhibitions_page.openlayers-views-map .openlayers-map {
    height: 500px !important;
}

a#quicktabs-tab-exhibitions-0:before, a#quicktabs-tab-exhibitions-1:before {
  content: "\e60a";
  font-family: 'wpph-icons';
  color: #ccc;
  font-size: 18px;
  padding-right: 5px;
  position: relative;
}

.gallery_desc_video iframe, .storytelling-multi-contest iframe  {
  height: 209px;
}

.page-collection-photo .social_share_contest_arrow {
  right: 0;
}


.page-collection-photo .social_share_contest_arrow, .page-collection-mm .social_share_contest_arrow {
  right: 0;
}

.page-collection-photo .social_share_contest_arrow, .page-collection-mm .social_share_contest_arrow {
  background: url('../images/popup-arrow-share.png') no-repeat bottom left 32%;
}

.add-collections-popup {
  background: url('../images/add-collection-arrow.png') no-repeat bottom right 44%;
}

.add-collections-popup.add-single {
  background: url('../images/add-collection-arrow.png') no-repeat bottom right 314px;
}

.academy-nav-txt {
  height: 164px;
  width: 147px;
  padding: 6px;
  float: left;
}

.academy-nav-img {
  height: 178px;
  width: 162px;
}

.academy-nav-txt p.short-desc {
  height: 84px;
  overflow: hidden;
}

.timeline-button {
  margin-left: 83px;
  width: 292px;
}