/**
 * @file
 * Views Styling
 */


/*
 * Views' admin tabs
 *
 * The views admin tabs use the same classes as the secondary tabs. We prevent
 * some of our tab styling from bleeding into (and breaking) the Views admin
 * pages. If your sub-theme isn't used for admin pages, you can remove this
 * entire section.
 */
.mg-col-4 > .field-items > .field-item, .mg-col-4 .mg-gallery { 
width: 23.00% !important;
}

.views-field-changed {
   margin-bottom: 15px;
}
.field-name-field-reviewurl {
   margin: 0px 50px 20px;
   color: #AA8A40;
}

/* image gallery */
.view-galleria .views-gallery-row {
   position: relative;
   float: left;
   width: 250px;
   height: 300px;
   overflow: hidden;
   margin: 11px;
}
.view-display-id-attachment_1 .view-header {
  margin-top: 40px;
}
.view-header {
  margin-left: 5px;
}
.view-galleria .view-content {
  margin-left: auto;
  margin-right: auto;
}
   
.view-galleria img{
   border: solid 1px #A88766;
   background: white;
   padding: 2px;
   margin: 0;
   width: 230px;
}
#content .views-field-field-image-credit p {
   font-size: 0.8rem;
   margin: 0;
   padding: 0;
   color: #333;
   text-align: left;
}
 
#outerImageContainer {
   border-top: double 4px #925F26;
   border-left: double 4px #925F26;
   border-right: double 4px #925F26;
}
#imageDataContainer {
   border-bottom: double 4px #925F26;
   border-left: double 4px #925F26;
   border-right: double 4px #925F26;
   -webkit-box-shadow: 0 4px 4px -2px #444;
      -moz-box-shadow: 0 4px 4px -2px #444;
           box-shadow: 0 4px 4px -2px #444;
}


#nextLink:hover, 
#nextLink:visited:hover, 
#nextLink.force_show_nav, 
#frameNextLink { 
   background: url("//www.meaganmiller.com/design/sites/meaganmiller.com/themes/miller/images/arrow-right.png") 100% 15% no-repeat transparent;
}
#prevLink:hover, 
#prevLink:visited:hover, 
#prevLink.force_show_nav, 
#framePrevLink {
   background: url("//www.meaganmiller.com/design/sites/meaganmiller.com/themes/miller/images/arrow-left.png") 0% 15% no-repeat transparent;
   left: 100px;
}
#imageDetails {
   color: #222;
}
#bottomNavZoom { 
background: url("https://www.meaganmiller.com/design/sites/meaganmiller.com/themes/miller/images/expand.png") no-repeat transparent;
display: block;
float: right;
height: 34px;
left: 47px;
margin-bottom: 40px;
position: relative;
width: 34px;
}
#bottomNavZoomOut { 
background: url("https://www.meaganmiller.com/design/sites/meaganmiller.com/themes/miller/images/contract.png") no-repeat transparent;
display: block;
float: right;
height: 34px;
left: 47px;
margin-bottom: 40px;
position: relative;
width: 34px;
}

#bottomNavClose { 
   background: url("//www.meaganmiller.com/design/sites/meaganmiller.com/themes/miller/images/close.png") 0% 50% no-repeat transparent;
   display: block;
   float: right;
   height: 26px;
   margin-bottom: 10px;
   padding-top: 0.7em;
   width: 52px;
}

#views-exposed-form-reviews-page {
   display: none;
}

.views-submit-button {
   margin-top: 5px;
}
.views-displays .secondary li {
  float: none;
  margin: 0 6px 0;
}

.views-displays .secondary a:link,
.views-displays .secondary a:visited {
  text-shadow: none;
  padding: 2px 7px 3px;
}

.views-displays .secondary .open > a {
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}

.views-displays .secondary .open > a:hover {
  color: #333;
}

.views-displays .secondary .action-list li {
  margin: 0;
}

.views-displays .secondary .action-list li:first-child {
  -webkit-border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
  -ms-border-radius: 0 7px 0 0;
  -o-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
}

.views-displays .secondary .action-list li:last-child {
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}

.view-reviews-repertoire table,
.view-repertoire table {
   width: 90%;
   margin-left: 10px;
}


.view-reviews-repertoire td,
.view-repertoire td {
  text-align: left;
  border: none;
  vertical-align: middle;
}

.view-reviews-repertoire tr.even,
.view-repertoire tr.even {
  background-color: #EDF5F4;
}
.view-reviews-repertoire tr.odd,
.view-repertoire tr.odd {
  background-color: transparent;
}
.view-reviews-repertoire tr.even,
.view-reviews-repertoire tr.odd,
.view-repertoire tr.even, 
.view-repertoire tr.odd {
    padding: 0.1em 0.6em;
}

.view-id-upcoming .view-display-id-block li,
#block-views-about-face-block .views-field-title {
    padding-bottom: 10px;
}
#block-views-upcoming-block .field-content{
   font-size: 0.9rem;
}
#block-views-upcoming-block .block ,
.region-highlighted  .block ,
#block-views-reviews-block .block {
    margin-bottom: 0;
    padding-bottom: 0;
}
.region-highlighted  h2.node-title, 
.region-highlighted h2.block-title, 
.region-highlighted h2.title, 
.region-highlighted h3.title {
  margin-top: 5px;
}
.views-field-field-performancedate {
   color: #A88766;
   width: 25%;
}
.view-id-upcoming  ul {
   margin: 0;
   padding: 0;
}
.view-id-upcoming  li {
   list-style: none;
}
.view-performances td {
}
.view-performances .views-field-field-pictures img {
   border: 6px solid #888 ;
}

.reviewblock {
  clear: left;
  float: none;
}

.view-reviews li {
   list-style: none;
}
.views-field-field-review {
   font-style: italic;
}

.field-name-field-review p,
.front-page-block,
p.field-name-field-review  {
   margin: 0;
   padding: 0;
   color: #222;
}

   

.view-front-page ul {
   
   padding:0;
   padding-bottom: 10px;
   margin: 0;
   margin-left: 240px;
   margin-right: 100px;
   padding-top: 100px;
}
.view-front-page li ,
.view-front-page .item-list  li {
   list-style: none;
   padding-bottom: 10px;
   width: 90%;
}
.attachment-after .view-id-front_page  {
   background: transparent;
}
.attachment h4 {
   margin-left: 240px;
}
.attachment-after ul {
   padding-top: 0;
}

.view-front-page h4 {
  margin-bottom: 5px;
}

.view-id-media { 
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 340px;
}
.view-id-galleria {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 250px;
}
.view-upcoming table,
.view-media table {
  background: transparent;
  width: 90%;
}
.view-media th,
.view-upcoming th {
  text-align: left;
  font-size: 1rem;
}
.view-media td {
  background: transparent;
  vertical-align: top;
}
.view-media  ul ,
.view-media .item-list ul li {
   margin: 0;
   padding: 0;
}
.view-id-upcoming a {
  font-weight: normal;
}
.view-id-upcoming  {
  font-weight: normal;
  font-size: 1rem;
}
.view-display-id-block  {
  font-size: 0.9rem;
}
.view-id-fields table {
  width: 80%;
}
.view-id-fields td {
  background: transparent;
}
  
.views-id-fields .views-table {
  text-align: left;
  font-weight: 700;
}

.node-view-image h2 {
  display: none;
}

.view-gallery img {
  padding: 4px;
  margin: 10px;
}

.view-upcoming tr {
  border-bottom: 1px dashed #ccc;
}
.view-upcoming td.external_url ,
.view-upcoming td.venue_picture ,
.view-upcoming td.performance_date {
  margin: 0;
}
.view-upcoming td.past_date {
}
.view-upcoming td.group_year {
}
.view-upcoming tr.past-year {
  border-bottom: 1px solid #ccc;
}
.view-upcoming td {
  padding: 5px;
  padding-bottom: 3px;
  vertical-align: middle;
}

td.views-field-field-performane {
  color: #333 ;
  padding: 0;
}
td.views-field-field-composer {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 600;
  color: #222;
}
td.views-field-field-role {
  padding: 0;
  color: #A88766;
}

.node-media {
  margin-bottom: 40px;
}

/* title of video page */
#cboxContent button {
    font-size: 0.8rem;
    
}

.page-video h1.title {
   margin-bottom: 20px;
}
.page-video .field-content {
  font-size: 0.9rem;
  margin-bottom: 10px;
}
.page-video h3 a {
  font-size: 1.0rem;
  color: rgb(115, 28, 10);
  text-decoration: none;
}

.item-video {
  position: relative;
  float: left;
  width: 260px;
  margin-right: 20px;
  border: 1px solid #ccc;
  padding: 10px;
  height: 290px;
  max-height: 290px;
  overflow: hidden;
  margin-bottom: 25px;
}
.view-media .view-content {
  overflow: hidden;
}
.item-video .views-field-field-video {
  float: none;
  padding-left: 20px;
}
.item-video .views-field {
  float: left;
}
.views-field-field-embedded-video img {
  margin-left: 10px;
  padding: 4px;
  border: solid 1px #925F26;
}

td.performance_date,
td.upcoming_title,
td.past_date,
td.external_url {
  vertical-align: top;
  padding-top:20px;
}
td.external_url {
  text-align: right;
}
.past_date,
.performance_date {
  color: #4C2B00 ;
  width: 160px;
}
.tagline {
  color: #333;
  font-size: 0.9rem;
  font-variant: normal;
  font-weight: normal;
}
td.past_date,
td.performance_date {
  font-size: 0.9rem;
  vertical-align: top;
}

.upcoming_title {
  font: Verdana;
  font-variant: small-caps;
  font-weight: bold;
  color: #222;
}
.view-amazon-example-view .views-row{
  border: 1px solid #ccc;
  margin: 10px;
  padding: 10px;
  overflow: hidden;
  
}
.view-amazon-example-view p {
  color: #222;
  padding-left: 20px;
}
.view-amazon-example-view .views-field-title a {
  font-weight: bold;
  text-decoration: none;
  color: darkred;
  padding-bottom: 10px;
}
.view-amazon-example-view .views-field-product-image img {
  display: block;
  position: relative;
  float: left;
  margin-right: 20px;
  margin-top: 10px;
  padding: 4px;
  border: solid 1px #222;
}
.view-amazon-example-view .views-field-body {
  padding-top: 10px;
}

.media-license.medium .copyright {
   background-position: -95px -25px;
}
.media-gallery-detail-info {
   height: 35px;
   margin-top: 9px;
   overflow: hidden;
   width: 80%;
}
.mg-lightbox-wrapper {
    color: #777777;
    font-size: 0.6em;
   overflow: hidden;
}

.media-license {
   width: 20px;
   margin-top: 5px;
   height: 30px;
   overflow: hidden;
}


.node-media-gallery {
   font-size: 18px;
}
.section-gallery-collections .node-media-gallery {
    width: 250px;
    position:  relative;
    float:  left;
}

.section-gallery-collections #content.column {
}

#content .news-body p {
  margin: 0 30px 0 0;
}

.view-news-interviews .views-field-field-site-link {
   text-align: right;
   margin-right: 25px;
}
.views-field-field-role a {
}
.views-field-field-title-of-piece a {
   font-variant: small-caps;
   font-weight: bold;
   text-decoration: none;
   color:  #222; 
}
.facebook_wall_outer {
    width: 98%;
}
.facebook_wall .wallContent_right img {
    width: 250px;
    height: auto;
}
.facebook_wall .comment_left img {
   width: 30px;
   height: auto;
}

@media all and (min-width: 620px) {
  .view-id-galleria {
     width: 550px;
  }
}
@media all and (min-width: 690px) {

  .view-id-media { 
    width: 670px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .views-field-field-embedded-video img {
    margin-left: 20px;
  }
  .facebook_wall .wallContent_right img {
     width: 100%;
     height: auto;
  }
  .facebook_wall .comment_left img {
   width: 100%;
   height: auto;
  }
}
@media all and (min-width: 950px) {
  .view-id-galleria {
     width: 830px;
  }
}
@media all and (min-width: 1100px) {

  .section-gallery-collections #content.column {
  }
  .view-id-media { 
    width: 1000px;
  }
}
@media all and (min-width: 1150px) {
  .view-id-galleria {
     width: 1090px;
  }
}