/*
 Theme Name:   TTC HSSP (WP-Forge Child Theme)
 Theme URI:    https://ttc.iss.lsa.umich.edu/ttc/
 Description:  WP Forge Child Theme
 Author:       John Beals
 Author URI:   https://ttc.iss.lsa.umich.edu/ttc/
 Template:     wp-forge
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, translation-ready
 Text Domain:  ttc-hssp
*/

/* Change from visible to hidden to block registration */
body {
    background: #e6e6e6 !important;
}

.nav_wrap.grid-container {
	padding: 0;
}

.hide-to-close-reg, #register_link {
 visibility: visible;
}

.top-bar {
  font-size: 1.2rem !important;
}

.header_with_image .header-info,
.header_with_image .header-info a,
.header_with_image .header-info a:visited,
.header_with_image .site-title,
.header_with_image .site-description {
  color: white;
  text-shadow: 2px 2px 4px #000000;
}

article.ttc_session {
  border-bottom: none;
}

.ttc-session-description {}
.ttc-session-details {}
  
.ttc-session-details h2 {
  font-size: x-large;
  font-weight: bold;
}

.ttc-session-details hr {
  margin: 1rem 0;
}

th#thumbnail {
  width: 150px;
  max-width: 30%;
  text-align: center;
}

th#date {
  width: 150px;
  text-align: center;
}

th#w {
  width: 30%;
}

th#status, th#action {
  width: 10%;
}

td span.session-date-time {
  text-align: center;
  width: 100%;
  display: block;
}

#content article.ttc_session header > h1 {
  text-align: center;
}

div.search #searchform {
  float: right;
  width: 25%;
  min-width: 300px;
}

span.indent {
  padding-left: .5em;
  display: inline-block ;
}


/* Sort Toggle Bar Directives */

#toggle-descriptions {
  display: inline-block;
  float: left;
}

#sort-menu {
  display: inline-block;
  float: right;
}

#sort-menu div {
  display: inline-block;
  float: left;
  margin-left: 7px;
}
  
/* Calendar Icons for Session Date */

time.icon
{
  font-size: .75em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  margin: 0 auto 1em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #fd9f1b;
  border-bottom: 1px dashed #f37302;
  box-shadow: 0 2px 0 #fd9f1b;
}

time.icon em
{
  position: absolute;
  bottom: 0.1em;
  color: #fd9f1b;
}

time.icon span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #2f2f2f;
}

strong.session-time {
  text-transform: uppercase;
  text-align: center;
}