Custom CSS rules for apgphoto.squarespace.com

apg-ss-custom-styles.css

/* Styles added by Zach */


/* JOIN button is a li in the main navigation */
#yui_3_17_2_11_1434573592057_2377 {
  display: inline-block;
  outline: 3px solid red;
  color: red;
}

strong {
  font-weight: 400;
}

/* Add space between stacked images */
.sqs-gallery-block-stacked .image-wrapper {
  margin: 20px;
}
.sqs-gallery-block-stacked .meta {   display: block !important;
margin: 20px;  
}
.sqs-gallery-block-stacked .image-wrapper{
  margin:20px 0;
}
.image-caption {
  margin-top: 1em;
}
.image-caption p {
    font-size: 1em !important;
}

#yui_3_17_2_2_1434051074368_2064{
    font-size: initial !important;
}

/* JOIN button
   Styles link in top nav to look like a button based on the href.
   In this case, any link in the top nav that points to
   "/membership" will be styled to look like a button.
   */
#topNav>nav>ul>li>a[href="/membership"] {
  color: inherit;
  background-color: white;
  display: inline-block;
  padding: 1em 1.5em !important;
  webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
#topNav>nav>ul>li>a[href="/membership"]:hover {
  color: white;
  background-color: black;
  
}

/* Hide tags everywhere */
.eventitem-meta-tags,
.meta-row.tags{
  display: none;
}

/* Make date and time bigger */
.sqs-block-summary-v2 .summary-metadata-item {
  font-size: 20px;
}

/* Hide calendar square on home page summary view */
body.homepage section#page .summary-thumbnail-event-date {
  display: none;
}

/* Tweak the site header to fit nicely on one line for mobile breakpoint (Specifically our iPhone 5's ) */
@media only screen and (max-width: 640px) {
  #lower-logo {
    padding:0 !important;
  }
  #lower-logo h1.logo {
    font-size: 24px
  }
}

/* Make Summary block text bigger */
.sqs-block-summary-v2 .summary-excerpt p,
.sqs-block-summary-v2 .summary-excerpt ul,
.sqs-block-summary-v2 .summary-excerpt li {
  font-size: 16px;
  line-height: 1.6em;
  margin: 0 0 1.6em;
  text-align: left
}