/*
Theme Name: UMN CMRC
Theme URI: http://www.printing.umn.edu/resources/umn-memory
Author: University of Minnesota Printing Services
Author URI: http://www.printing.umn.edu
Description: A UMN-branded theme built with Bootstrap and Underscore(_s)
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: umn-memory
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

umn-memory is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Content
    ## Posts and pages
	## Asides
	## Comments
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Raleway', sans-serif;
}

.top-mast {
	background-color: #7a0019;
}

.dept-footer {
	background: #7A0019;	
	padding: 20px 0;
}

.header-sm {
    float: right;   
    margin-top: 10px;
}

.header-sm .menu-social li a:before {
    color: #210032;
    font-size: 24px;
    padding: 0 5px;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1.site-title,
h1.site-title a,
h1.site-title a:link,
h1.site-title a:hover,
p.site-title,
p.site-title a,
p.site-title a:link,
p.site-title a:hover{
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: #210032;
	font-size: 30px;
	text-decoration: none;
	display: block;
	transition: color 0.4 ease;
    margin-top: 50px;
    margin-bottom:0;
        border-bottom: none;
    background: transparent !important;
}

h1.site-title a:focus,
h1.site-title a:active {
	color: #5B0013;
	transition: color 0.4 ease;
}

p.site-description {
	font-family: 'Raleway', sans-serif;
    font-style: italic;
	font-weight: 300;
	color: rgba(64,64,64,0.7);	
	font-size: 18px;	
}

.site-header {
    margin-left: 110px;   
}

.gcmrc-header {
    background-image: url("img/gcmrc-neuron.jpg");
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: left center;
    left: -110px;
    position: relative;
}

@media screen and (max-width: 1199px) {
.gcmrc-header {
    background-image: none;
}
}

h1 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	color: #210032;
	font-size: 28px;
	text-decoration: none;
	display: block;
	transition: color 0.4 ease;
    margin-top: 30px;
    margin-bottom:0;
}


h2 {
 	font-family: 'Raleway', sans-serif;
	font-weight: 700;   
	font-size: 20px;	
	color: #7a0019;	
}

h3 {
 	font-family: 'Raleway', sans-serif;
	font-weight: 600;   
	font-size: 20px;	
}

h4 {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #5B0013;	
	margin: 20px 0 5px;
	transition: color 0.4 ease;
}

h5 {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #5B0013;	
	margin: 20px 0 5px;
	transition: color 0.4 ease;
    font-size: 16px;
}


h6 {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	margin: 20px 0 5px;
	transition: color 0.4 ease;
    font-size: 14px;
}

p,
ul {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
    font-size: 15px;
    line-height: 1.6em;
}

.posted-on {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: rgba(64,64,64,0.7);	
	font-size: 14px;	
}

p.fine-print {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	color: #ffffff;	
	font-size: 12px;	
}

time.updated {
    display: none;
}

p.center {
    text-align: center;   
}

.fa + a {
    margin-left: 5px;
}

h2.section-head {
    margin-top: 0;
    
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.block-white,
.block-w {
	padding: 30px 0;	
}

.block-grey,
.block-g {
	padding: 30px 0;
	background-color: rgba(191,191,191,0.2);
}

.block-maroon {
	padding: 20px 0;
	background-color: rgb(122,0,25);
    margin-top: 20px;
}

.block-ltpurple {
    padding: 20px 0;
    background: #e0e6ff;
}

.block-maroon a.btn {
    color: #5B0013;
    margin-left: 10px;
    margin-right: 10px;
}

.block-maroon p {
    margin-bottom: 0;   
}

.content-area,
.widget-area {
    margin-bottom: 20px;
    margin-top: 20px;
}

.feature {
    border-bottom: solid 10px #210032;
}

.mission-home {
    background: #d6d8e8;
     padding-top: 20px;
    padding-bottom: 35px;
}

.mission-home h2 {
    color: #210032;  
    font-weight: 400;
    font-size: 24px;
}

.mission-home h2 strong {
    font-weight: 700;  
    text-transform: uppercase;
    font-size: 28px;
    color: #210032;  
}

.mission {
    background: #210032;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 20px;
}

.mission p {
    color: #ffffff; 
    font-size: 1.5em;
}

.tcar-mission {
    background: #210032;
    padding-top: 10px;
    padding-bottom: 25px;
    margin-top: 20px;
}

.tcar-mission ul {
    list-style-type: square;   
}

.tcar-mission li {
    color: #ffffff;  
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 300;
}

.tcar-mission li strong {
    font-weight: 600;   
    text-transform: uppercase;
    font-size: 1.125em;
    color: #adb1d2;
}

.tcar-mission h3 {
    color: #adb1d2;  
}

.tcar-mission p {
    color: #ffffff; 
    font-size: 1.25em;
}

.centerprofile h4,
.centerprofile h5,
.centerprofile p {
    font-size: .9em;   
}

.img-sidebar {
    
}

.right-sidebar {
    margin-top: 40px;   
}

.img-tcar {
    margin-top: 30px;
    border-bottom: 10px solid #210032;
}

.left-custom-sidebar {
    margin-top: 60px;
}

hr {
    border-bottom: 0 none !important;
    border-left: 0 none !important;
    border-right: 0 none !important;
    border-top: 2px dotted #e1e1e1 !important;
}

.about-sidebar {
    margin-top: 20px;
}

.post-image-left {
    margin-top: 30px;
}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a,
a:visited {
	color: #210032;
    font-weight: bold;
}

a:hover,
a:focus,
a:active {
	color: #210032;
    text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

p a,
p a:visited {
    font-weight: 600;
    border-bottom: 1px solid #bbbdc3;
}

p a:hover,
p a:focus,
p a:active {
    font-weight: 600;
    border-bottom: none;
    background: #eaecef;
}

h3 a:hover,
h3 a:focus,
h3 a:active {
    background: #eaecef;
}

a.btn,
input.btn {
    color: #ffffff;
    background: #210032;
    font-family: 'Raleway', sans-serif;
	font-weight: 400;
    border: none;
    margin: 5px 0;
    font-size: 1.25em;
    padding: 7px 20px;
    transition: background-color 0.3s ease;
}

a.btn + a.btn {
    margin-left: 10px;   
}

a.btn:hover,
a.btn:focus,
a.btn:active,
input.btn:hover,
input.btn:focus,
input.btn:active {
    color: #ffffff;
background: #5b0013;
    transition: background-color 0.3s ease;
	font-weight: 400;
}

a.post-edit-link {
    clear: both;   
    display: table;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.nav-bar {
	background: #777b88;	
}

.navbar-default {
	background-color: transparent;
	border: none;	
}

.navbar {
	margin-bottom: 0;	
	min-height: 35px;
}

.navbar-default .navbar-nav > li > a {
	color: #ffffff;
	text-transform: uppercase;	
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 15px;

}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
	color: #e0e6ff;
    background: #210032;
}

.nav > li > a {
	padding: 10px 15px;	
        background: transparent;
	transition: background 0.3 ease;
}

.nav > li > a:hover {
        background: #210032;
	transition: background 0.3 ease;   
}

@media only screen and (max-width: 980px) {	
	.nav > li > a {
	padding: 10px 10px;	
}
}

.nav > li:first-child > a,
.nav > li:first-child > a:hover,
.nav > li:first-child > a:focus,
.nav > li:first-child > a:active {
    color: transparent;
    margin-right: 0;
    width: 65px;
    height: 40px;
    overflow: hidden;
}

.nav > li:first-child > a:before {
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
    font-family: 'Fontawesome';
    font-size: 22px;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
  content: "\f015";
}

.nav > li:first-child > a:hover:before {
    color: #e0e6ff;
}

.nav > li:first-child {
    position: relative;
    display:  inline-block;   
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #210032;
    color: #e0e6ff;
}

.dropdown-menu {
	background-color: #210032;	
}

.dropdown-menu > li > a {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #ffffff;	
	text-shadow: 1px 1px 2px #5B0013;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active {
	background-color: #e0e6ff;
	text-shadow: none;	
	color: #ffffff;
}

.navbar-default .navbar-brand {
	color: #ffffff;	
}

.navbar-brand {
	padding: 15px 0;	
}

.navbar-default a.navbar-brand:hover {
	color: #e0e6ff;
}

.container > .navbar-collapse, 
.container > .navbar-header {
	padding-left: 0;
	padding-right: 0;	
}

@media only screen and (max-width: 768px) {	
.container > .navbar-collapse, 
.container > .navbar-header {
	padding-left: 30px;
	padding-right: 30px;	
}
}

.container > .navbar-collapse {
	background-color: transparent;	
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #ffffff;	
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:active,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #210032;	
}

/* Social Menu */

.menu-social ul {
    float: right;
    text-align: center;
    list-style: none;  
    margin-top: 30px;
}

.menu-social ul li {
    position: relative;
    display:  inline-block;    
}

.menu-social li a:before {
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
    font-family: 'Fontawesome';
    font-size: 22px;
    color: #7a0019;
    -webkit-font-smoothing: antialiased;
    content: '\f0c0';
}

.menu-social li a[href*="facebook.com"]:before { content: '\f09a'; }

.menu-social li a[href*="twitter.com"]:before { content: '\f099'; }

.menu-social li a[href*="dribbble.com"]:before { content: '\f17d'; }

.menu-social li a[href*="plus.google.com"]:before { content: '\f0d5'; }

.menu-social li a[href*="pinterest.com"]:before { content: '\f0d2'; }

.menu-social li a[href*="github.com"]:before { content: '\f09b'; }

.menu-social li a[href*="tumblr.com"]:before { content: '\f173'; }

.menu-social li a[href*="youtube.com"]:before { content: '\f167'; }

.menu-social li a[href*="flickr.com"]:before { content: '\f16e'; }

.menu-social li a[href*="vimeo.com"]:before { content: '\f194'; }

.menu-social li a[href*="instagram.com"]:before { content: '\f16d'; }

.menu-social li a[href*="linkedin.com"]:before { content: '\f0e1'; }

.menu-social li a[href*="mailto:"]:before { content: '\f0e0'; }
                    
@media screen and (max-width: 600px) {
    #menu-social ul {
	    position: absolute;
        top: 0;
        right: 6rem;
        display: block;
    }
    
    #menu-social li a { 
        padding-left:.5em;
        padding-right: .5em;
    }
}

ul#menu-umn-footer-links {
	list-style-type: none;
	text-align: right;
    padding-left: 0;
}

ul#menu-umn-footer-links li a {
	color: #bcbcbc;	
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #e0e6ff;	
	font-size: 15px;	
	line-height: 1.5em;
}

.menu-related-links-container ul {
    list-style-type:  none;   
    padding-left: 0;
}


.google-maps-widget > p {
    text-align: right;   
}

@media (max-width: 768px) {
.google-maps-widget > p {
    text-align: left;   
}
ul#menu-umn-footer-links {
	text-align: left;
}
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## PLUGIN: EVENTS CALENDAR
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## PLUGIN: CONTACT FORM 7
--------------------------------------------------------------*/
input.wpcf7-form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

textarea.wpcf7-form-control {
     background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;      
}

.wpcf7-form p {
   	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #3E515F;	 
}

input.wpcf7-submit {
    width: inherit !important;
    color: #ffffff !important;
    background: #5f506b !important;
    text-transform: uppercase;
    border: none;
    border-radius: 4px;
    padding: 6px 20px;
}

/*--------------------------------------------------------------
## PLUGIN: MAILCHIMP FOR WORDPRESS
--------------------------------------------------------------*/
.newsletter-signup h3 {
       font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 20px;
}



/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.dept-footer {
	background-color: #210032;	
    color: #ffffff;   
}

.dept-footer h3 {
 color: #adb1d2;   
}

.dept-footer p {
    color: #ffffff;   
}

.dept-footer a {
    color: #e0e6ff;   
}

.dept-footer .widget-area {
    margin-bottom: 20px;
    margin-top: 20px;
}

.disclaimer p {
	font-family: 'Raleway', sans-serif;
    font-style: italic;
    font-size: 12px;
}


.dept-footer a.btn {
    background: #e0e6ff;
    color: #210032;
    font-size: 18px;
    margin-top: 10px;
    padding: 5px 15px;
}

.dept-footer a.btn:hover,
.dept-footer a.btn:active,
.dept-footer a.btn:focus {
    background: #ffffff;
        color: #210032;
}

/*--------------------------------------------------------------
## Twitter Plugin
--------------------------------------------------------------*/
  .aptf-follow-btn {
    font-family: "Raleway",sans-serif;
    background-image:none;
    background-color: #7a0019;
    border: none;
    border-radius: 4px; 
    padding: 1px 20px;
      font-size: 18px;
    text-shadow: inherit;
  }
  
  .aptf-follow-btn i {
  background-image: none;
    height: 25px;
    position: relative;
    left:10px;
    top:3px;
  }
  
  .aptf-follow-btn i:before {
    color: #ffffff;
  font-family: 'FontAwesome';
  content: "\f099";
    font-size: 1.375em;
  }
  
  .label {
    font-size: 100%;
    font-weight:400;
  }
  
  .aptf-tweet-content {
        font-family: "Raleway",sans-serif;
font-weight: 400;
  }
  
  .aptf-tweet-content a {
    color: #210032 !important;
  }

.fa-left {
    margin-right: 7px;
}

.fa-right {
    margin-left: 7px;
}


/*--------------------------------------------------------------
## Hover Effects
--------------------------------------------------------------*/

.grid {
    position: relative;
}
.grid figure {
    position: relative;
    margin: 15px 0;
}
.grid figure img {
    display: block;
    max-width: 100%;
    min-height: 100%;
    opacity: 0.8;
    position: relative;
}

figure.effect-honey {
    background: #777b88 none repeat scroll 0 0;
}
figure.effect-honey img {
    opacity: 1;
    transition: opacity 0.35s ease 0s;
}
figure.effect-honey:hover img {
    opacity: 0.6;
}
/*figure.effect-honey figcaption:before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    transform: translate3d(0px, 10px, 0px);
    width: 100%;
}*/

figure.effect-honey h2 {
    bottom: 0;
    left: 0;
    padding: 5px;
    position: absolute;
    text-align: center;
    width: 100%;
    background: rgba(255,255,255,0.8);
    font-size: 20px;
}
figure.effect-honey h2 i {
    font-style: normal;
    opacity: 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
figure.effect-honey figcaption:before, figure.effect-honey h2 {
    transition: transform 0.35s ease 0s;
}
figure.effect-honey:hover figcaption:before, 
figure.effect-honey:hover h2, figure.effect-honey:hover h2 i {
    opacity: 1;
    color: #210032;
    transform: translate3d(0px, 0px, 0px);
}

figure.effect-honey:hover h2 {
    background: rgba(255,255,255,0.9)
}

/*--------------------------------------------------------------
# MISC
--------------------------------------------------------------*/
@media \0screen {
.jumbotron {
    padding-bottom: 0;
    padding-top: 0;
}
.nav {
    margin-left: 0;
}
.left {
    float: left;
}
.right {
    float: right;
}
}

ul.resourcelist,
ul.boardmembers {
    list-style-type: none;
    padding-left: 0;
}

li.resource,
li.member {
       border-bottom: 1px solid #cccccc;
    padding-bottom: 20px;
}

li.resource:last-child,
li.member:last-child {
    border-bottom: none;   
}

li.resource img {
    max-height: 150px;  
    float:right;
    margin-top: 20px;
}

blockquote {
    border-left: 0;   
    margin-top: 20px;
    padding-left: 0;
}

blockquote p {
    font-size: 1.25em;
    color: #606060;
    font-style: italic;
}