/*
 Theme Name:   Twenty Twelve CJARS
 Theme URI:    https://cjars.isr.umich.edu/
 Description:  Twenty Twelve Child for CJARS
 Author:       Matt VanEseltine
 Author URI:   https://cjars.isr.umich.edu/
 Template:     twentytwelve
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         nah
 Text Domain:  twentytwelve-cjars
*/

/*
 Removing large border between static page and footer
*/

.site-content article {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/*  Material icons  */

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; vertical-align: -25%; }
.material-icons.md-24 { font-size: 24px; vertical-align: -25%; }
.material-icons.md-36 { font-size: 36px; vertical-align: -25%; }
.material-icons.md-48 { font-size: 48px; vertical-align: -25%; }
/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/* Alternatives */
.material-icons.md-blue { color: rgba(0, 39, 76, 0.8); }
.material-icons.md-yellow { color: rgba(255, 203, 5, 0.9); }
/* Bonus rule for frontpage use */
.material-icons.md-spacer { padding-right: 0.5em; }

/* Colors */
.umblue { color: rgba(0, 39, 76, 0.75); }
.umyellow { color: rgba(255, 203, 5, 1); }
.ummatan { color: rgba(199, 175, 135, 1); } /* #c7af87 */

/* Borders for lightbox */
.clickable { border: solid 2px #c7af87; }
.clickable:hover { border: solid 2px #003d75; }

/* Landing Page */

.intro {
    position:relative;
    width: 100%;
}
.headline {
    font-size: 1.5rem;
    line-height: 150%;
    text-align: center;
    padding:0.5rem;
    width: 100%;
    position: absolute;
    top: 40%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.backdrop {
    padding:0;
    border:none !important;
    box-shadow:none !important;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    -moz-opacity: 0.4;
    opacity: 0.4;
}

/* Landing Page - two columns */
.column {
    width: 45%;
    padding: 0rem 0.5rem 0rem 0.5rem;
}
.column.col-left { float: left; }
.column.col-right { float: right; }

/* FAQ */
.faq-question {    margin-bottom: 0.857145rem !important; }
.faq-answer { padding-left: 1.33rem; }

/* Apple plz */
h1, h2, h3, .nohyphen {
    -moz-hyphens:none;
    -ms-hyphens:none;
    -webkit-hyphens: none;
    hyphens:none;
}

/* ISR Logo */