/*
Theme Name:     MIRI Theme 
Theme URI:      http://intelligence.org
`escription:    Child theme for the Bootstrap Wordpress theme
Author:         Alex Vermeer, Malo Bourgon
Author URI:     http://alexvermeer.com, http://malob.me
Template:       wordpress-bootstrap-master  
Version:        0.1.0
*/

/* include the parent theme main style.css, so that we don't have to duplicate it all here. */
@import url("../wordpress-bootstrap-master/style.css");


/* set full-width background image; code from http://css-tricks.com/perfect-full-page-background-image/ */
html { 
  background: url("https://intelligence.org/wp-content/uploads/2013/07/sf_bg.gif") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


body {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	color: #2e2e2d;
	padding-top: 0;
	background: transparent;
	font-size:16px;
	line-height:24px;
}

/*--------------------------------------------------
   BASIC TYPOGRAPHY 
---------------------------------------------------*/

a { color: #2863a2 }

h1,h2,h3,h4,h5,h6 {
	font-family: 'Quattrocento', Quattrocento, Georgia, serif; /* loaded Google font */
	color: #2e3f51;
	letter-spacing: -0.03em;
	line-height: 130%;
	font-weight:normal;
}

h4,h5 { 
	text-transform: none; 
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; /* loaded Google font */
	letter-spacing: 0.02em; 
	font-weight: 700; 
}

h5 {
	font-size: 16px;
}

li { line-height: inherit } /* prevents Bootstrap from making list items have a smaller lineheight from normal text */

.lead { font-size:19px; line-height: 24px; font-weight:400 }

.text-justify { text-align:justify }
.text-undecorated { text-decoration: none !important}

.link-unstyled { color:inherit; text-decoration:inherit; border-bottom:none }

.media-heading { font-weight:bold }	

.hero-unit { font-weight: normal }

/*--------------------------------------------------
   BASIC LAYOUT 
---------------------------------------------------*/

.pad-right { padding-right:20px }
.pad-left { padding-left:20px }
.remove-bottom {padding-bottom:0!important;margin-bottom:0!important}
.remove-top {padding-top:0!important;margin-top:0!important}

img.aligncenter { margin-bottom: 20px }
img.alignright { margin-left: 20px; margin-bottom:10px }
img.alignleft { margin-right: 20px; margin-bottom:10px }

.pull-right-pad { margin: 0 0 5px 20px }
.pull-left-pad  { margin: 20px 5px 0 0 }

table.table-expanded td { padding:30px 20px }
table.table-expanded td h3 { margin-top:0 }
table.table-expanded p:last-child { margin-bottom: 0 }

/* stop blockquotes from being 'lead'-styled */
blockquote p { 
	margin-bottom:10px;
	font-size: inherit;
	font-weight:inherit;
	line-height: inherit;
}

img.shadowed {
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);	
}

/* used on the Research page */
img.cover {
	margin: 5px 20px 5px 0;
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}


.well p:last-child {margin-bottom:0}

#main article footer {margin-top:30px}

#disqus_thread {margin-bottom:30px}

.alert-dark,
.homepage-newsletter-signup {
	background-color: #304865;
	background-color: rgba(10, 10, 10, 0.5);
	padding:20px;
	height:100%;
	-webkit-border-radius: 15px;
	border-radius: 15px;
/*	margin-left: 20px;
	margin-bottom:10px;	*/
}
.alert-dark h3,
.alert-dark h4,
.homepage-newsletter-signup h3,
.homepage-newsletter-signup h4 {color:#eee}




.carousel {line-height:inherit}


.miri-bio { padding-bottom: 20px }


/* a section styling for creating a "document" look, i.e. larger top margins on headings, etc. */
.document-style h2 { margin-top: 50px }
.document-style h3 { margin-top: 40px }
.document-style h4 { margin-top: 30px }
.document-style hr.underline { margin-top: -5px }


td.courses {padding:15px}
#table-courses td img { max-width: 200px } /* to prevent images from collapsing to a single pixel wide in tables */
#table-courses td { vertical-align: middle }


#main p.meta { 
	font-style: normal;
	margin-bottom: 20px;
}

#publication-header {
	top: 39px !important;
/* 	padding-bottom: 5px !important;  */
}
#publication-header .legend {
	bottom: 3px;
}
#publication-header li .reload {
	font-family: 'Quattrocento', Quattrocento, Georgia, serif; 
	text-decoration: none;
	font-size: 1.2em;
	padding:.3em 1em;
	color: #2c2e24;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	border: 0;
	height: 27px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: inherit;
	background-position: 2px center;
}
.reload {
	color:#f8f8f8;
	float:right;
}
.reload:hover {
	color: #fff !important;
	background: #9fb234 !important;
}
.pub {
	padding-right: 35px;
	text-align: justify;
	text-indent: -25px; 
	padding-left: 25px;
	width: 75% !important;
}
.pub-subj {	
	text-align: justify;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -900em;
	color: #333;
	margin-top: 3px;
	margin-left: 0px !important;
	margin-right: 0px;
	text-decoration: none;
	line-height: 100%;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	vertical-align: right;
	background-color: #ECECEC;
	border: 1px solid #B8B8B9;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.text {
    text-indent: 0px;
    text-align: center;
    width: auto;
    height: 20px;
    background-position: 2px center;
}
.none-click {
	visibility:hidden;
}
.HR-click {
	background-color: #E6E6E6;
    border-color: #808080;
    color: #808080;
}
.ET-click {
	background-color: #FFF5E0;
	border-color: #999386;
	color: #999386;
}
.VS-click {
	background-color: #E3E3FF;
	border-color: #8484B8;
	color: #8484B8;
}
.FC-click {
	background-color: #989797;
	border-color: #3F3F3F;
	color: #FFF;
}

.publication-star { color:yellow }
.star_icon,
.publication-star {
  float: left;
  position: absolute;
  left: -20px;
  top: 3px;
  margin:0;
}
.publication-type {
  color: black;
  position: relative;
  right: 10px;
  margin:0;
}
.publication-subject {
  color: grey;
  float: right;
  position: relative;
  left: -30px;
  top: 3px;
  margin:0;
}

.green {
	background-color: green;
}

.publication-type-header {
  background: white;
  top: 42px;
}
.blog-post-content h2,
.blog-post-content h3,
.blog-post-content h4,
.blog-post-content h5 { margin-top:30px }
.blog-post-content { text-align:justify }
.blog-post-content h1 { text-align:left }







#main article { border-bottom: 0px solid #eeeeee; margin-bottom: -10px; padding: 0 0 0 0;}


/*--------------------------------------------------
   MISC 
---------------------------------------------------*/

/* header style overrides */
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  box-shadow: inherit;
}
.navbar-inner { background:none }

	.container-fluid.nav-container {
	box-shadow: none;
}
.container-fluid {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	background: white fixed;
	background-image:none;
	border: none;
	padding-left: 30px;
	padding-right: 30px;
}
.navbar{ position: static }
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0;
}
.navbar .brand {padding-top:25px; padding-left:0}



#main-footer {
	padding: 40px 50px;
	margin: 0 -30px;
	background: #304865;
	color:#ccc;
	font-weight:300;
}
#main-footer a { color: #ccd2d7; }
#main-footer a:hover,
#main-footer a:active { color: #eee; }

.press-logos {
	padding: 20px 50px;
	margin: -10px -30px 0;
	background: #f8f8f8;
	border-top: 1px solid #ecebeb;
	border-bottom: 1px solid #ecebeb;
	color: #aaa;
}


.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


#hiring {
	float: right;
	padding-top: 2px;
	padding-right: 180px;
}


/*--------------------------------------------------
   HOMEPAGE-SPECIFIC STYLING
---------------------------------------------------*/

/* Homepage grey header bar */
.header-bar {
	padding: 10px 20px;
	margin: 0;
	background: #f8f8f8;
	border-top: 1px solid #ecebeb;
	border-bottom: 1px solid #ecebeb;
	color: #aaa;
	margin-bottom:20px;
}
.header-bar.alpha {margin-left:-30px}
.header-bar.omega {margin-right:-30px}
.header-bar h4 {font-size:22px; text-transform:uppercase}

/* Homepage Main Header */
#homepage-header {
	margin-right: -30px;
	margin-left: -30px;
	margin-bottom: 0;
	background-color: #F8F8F8;
	/*border-bottom: 1px solid #ecebeb;
	padding:30px;
	background: url('https://intelligence.org/wp-content/uploads/2013/07/campus_bg_dark_2.jpg');*/
}
#homepage-header a {
	color: #2E3F51;
}
#homepage-header h1 {
	line-height: 1em;
	font-size: 1.5em;
	letter-spacing: 0.3px;
	color: #eee;
	/*text-shadow: 0 1px 0 #111; margin-bottom:10px; text-shadow: 0 1px 0 #111;*/
}
#homepage-header h1 a {font-size: 0.9em;}

#homepage-header h2 {
	
}


.homepage-header p.lead { color: #eee ; margin-bottom:20px; text-shadow: 0 1px 0 #111;}
.homepage-header p.lead a { color:#81c9ed }

/* Homepage Advisors Carousel */
#advisorsCarousel .carousel-caption { left:110px; top:0px; background:none; padding-top:0;}
#advisorsCarousel .carousel-caption p { color:#111 }
#advisorsCarousel .carousel-control { background:none; border:none; opacity:0; top:80% }

.advisors-title {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.02em;
	font-weight:bold;
}
.advisors-content {
	font-family: 'Quattrocento', Quattrocento, Georgia, serif; 
	font-size: 14px;	
}

#homepage-header-button-container {
	position: relative;
}

#homepage-header-button {
	position: absolute;
	top: -65px;
	width: 100%;
	left: 40%;	
}

#homepage-header-button h2 a {
	font-size:20px;
	letter-spacing: normal;
}

#book-announcement p {
	margin-bottom: 17px;
}


.h4 {
	text-transform: none;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	letter-spacing: 0.02em;
	font-weight: 700;
	font-size: 17.5px;	
}

#advisorsCarousel {
line-height: 1.1em;
}



/*--------------------------------------------------
   DONATE PAGE
---------------------------------------------------*/

/* Donate Carousel */
#donateCarousel {
	margin-right: -30px;
	margin-left: -30px;
	padding:30px;
	border-top: 1px solid #ecebeb;
	border-bottom: 1px solid #ecebeb;
	background: #f8f8f8;
	background: url('https://intelligence.org/wp-content/uploads/2013/07/campus_bg_4.jpg');
	color:#eee;
}
#donateCarousel h1,
#donateCarousel h2,
#donateCarousel h3,
#donateCarousel h4,
#donateCarousel legend { color: #eee; text-shadow: 0 1px 0 #111; margin-bottom:10px; text-shadow: 0 1px 0 #111; }
#donateCarousel p.lead { color: #eee ; margin-bottom:20px; text-shadow: 0 1px 0 #111;}
#donateCarousel p.lead a { color:#81c9ed }
#donateCarousel .carousel-indicators {top:auto; bottom:15px}
#donateCarousel blockquote {border-left-color:#111111}

/* Endorsers Carousel */
#endorseCarousel .carousel-caption { left:110px; top:0px; background:none; padding-top:0;}
#endorseCarousel .carousel-caption p { color:#111 }
#endorseCarousel .carousel-inner { height:150px; }
#endorseCarousel .carousel-control { background:none; border:none; opacity:0; top:80% }
#endorseCarousel blockquote { border: 0px;}




/*--------------------------------------------------
   PRIMARY MENU TWEAKS
---------------------------------------------------*/

#primary-menu {
	float: right;
	margin: 0;
	padding: 0;
}
#primary-menu select {
	display:none;
}
#primary-menu select {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #eee;
	cursor: pointer;
	width: 100%;
	padding: 7px;
	margin: 38px 0;
	color: #0b1d33;
}
#primary-menu ul {
	margin: 0;
	padding-top: 25px;
	padding-bottom: 29px;
	list-style-type: none;
	float: right;
}
#primary-menu ul li:hover { 
	visibility: inherit; 
}
#primary-menu ul li {
	position: relative;
	display: inline;
	float: left;
	margin: 0 0 0 -1px;
	background: url("images/sprite.png") no-repeat scroll right -153px transparent;
}
#primary-menu ul li:last-child {
    background: none;
}
#primary-menu ul li a {
	text-decoration: none;
	text-transform: none;
	font-size: 20px;
	font-weight: normal;
	color: #0b1d33;
	padding: 17px 15px;
	display: block;
	float: left;
}
#primary-menu ul li a:hover, #primary-menu ul li.sfHover a {
	background-color: #0c1e34;
	color: #fff;
	text-shadow: 0 1px 0 #000;	
}
#primary-menu .current {
	color: #fff;
	background-color: #0b1d33;
	background-image: linear-gradient(right bottom, rgb(18,47,78) 5%, rgb(11,29,51) 53%);
	background-image: -o-linear-gradient(right bottom, rgb(18,47,78) 5%, rgb(11,29,51) 53%);
	background-image: -moz-linear-gradient(right bottom, rgb(18,47,78) 5%, rgb(11,29,51) 53%);
	background-image: -webkit-linear-gradient(right bottom, rgb(18,47,78) 5%, rgb(11,29,51) 53%);
	background-image: -ms-linear-gradient(right bottom, rgb(18,47,78) 5%, rgb(11,29,51) 53%);
	background-image: -webkit-gradient(
		linear,
		right bottom,
		left top,
		color-stop(0.05, rgb(18,47,78)),
		color-stop(0.53, rgb(11,29,51))
	);
	text-shadow: 0 1px 0 #fff;
}
#primary-menu ul li a.logo {
	display: none;
	margin: 0;
}
#primary-menu ul li a { font-family: Quattrocento, arial, serif; }
/* donate style override 
#menu-item-7942 a {
	color: #fff !important;
	background-color: #e26603;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTE1ZTAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjZTg4NzEwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4ODcxMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=');
	background: -moz-linear-gradient(-45deg,  rgba(225,94,0,1) 0%, rgba(232,135,16,1) 71%, rgba(232,135,16,1) 100%); 
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(225,94,0,1)), color-stop(71%,rgba(232,135,16,1)), color-stop(100%,rgba(232,135,16,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(225,94,0,1) 0%,rgba(232,135,16,1) 71%,rgba(232,135,16,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(225,94,0,1) 0%,rgba(232,135,16,1) 71%,rgba(232,135,16,1) 100%); 
	background: -ms-linear-gradient(-45deg,  rgba(225,94,0,1) 0%,rgba(232,135,16,1) 71%,rgba(232,135,16,1) 100%);
	background: linear-gradient(135deg,  rgba(225,94,0,1) 0%,rgba(232,135,16,1) 71%,rgba(232,135,16,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e15e00', endColorstr='#e88710',GradientType=1 );
	text-shadow: 0 1px 0 #000;
}
*/

/* Adjust logo and menu font and padding sizing for smaller screens */
@media (max-width: 979px) {
  #primary-menu ul {margin-right: -40px }
  #primary-menu ul li a { font-size:16px; padding:10px 10px }
  #logo img {width:75%} 
  #hiring img {width:75%}
  #hiring {padding-right: 70px}
}



/*--------------------------------------------------
   STICKY-MENU PAGE STYLING
---------------------------------------------------*/

#sticky-menu h2 { margin-top: 0 }

/* Header */

#sticky-menu header {
	text-align: center;
	padding: 30px 50px 0;
	margin: 0 -30px;
	background: #f8f8f8;
	border-top: 1px solid #ecebeb;
}

#sticky-menu header p {
	margin-bottom: 30px;
	padding-right: 2em;
	padding-left: 2em;
}

#sticky-menu header.simple-header { border-bottom: 1px solid #ecebeb; padding-bottom:30px; margin-bottom:30px}
#sticky-menu header.simple-header h1,
#sticky-menu header.simple-header p.lead { color: #111; text-shadow: 0 1px 0 #eee; }


/* Sections */
#sticky-menu section {
	margin: 0 -30px;
	padding: 80px 50px 35px;
	border-bottom: 1px solid #ecebeb;
}
#sticky-menu section:last-child {
	border-bottom: 0;
}

#sticky-menu section h3,
#sticky-menu section h4 { margin-top:20px }


/* Sticky Menu - When Rigid */
#sticky-menu .nav-container { margin: 0 }

#sticky-menu nav {
	z-index: 42;

	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	
	padding: 0 50px;
	padding-bottom: 0;
	margin: 0 -50px;
	background: #f8f8f8;

	border-bottom: 1px solid #ecebeb;
}

#sticky-menu nav ul {
	margin: 0 -50px;
}

#sticky-menu nav li span.nav-spacer { padding: .5em 1em; font-size: 1.2em; }
#sticky-menu .up-arrow {float:right}
#sticky-menu .up-arrow.hide-arrow {color:#f8f8f8}
 
#sticky-menu nav li {
	display: inline;
	list-style: none;
}

#sticky-menu nav li a {
	font-family: 'Quattrocento', Quattrocento, Georgia, serif; 
	text-decoration: none;
	font-size: .9em;
	color: #2c2e24;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	padding: .5em 1em;
	border: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#sticky-menu nav li a:hover,
#sticky-menu nav li a.selected {
	color: #fff;
	background: #9fb234;
}

/* Sticky Menu - When Sticky */
#sticky-menu .sticky {
	position: fixed;
	top: 0px;
	margin:0 -50px;
	padding:0;
	width:1030px;	
}
#sticky-menu .sticky ul {
	margin: 0;
}

.fb_iframe_widget { top: -6px !important; }

@media (min-width: 1200px) {
	#sticky-menu .sticky { width:1030px }

}

@media (max-width: 979px) {
	#sticky-menu .sticky { width:100% }
	#sticky-menu nav li a {	font-size: 0.8em }
}
@media (max-width: 767px) { }

@media (max-width: 480px) { }

/* Used at the bottom of Conversations and Analysis posts 
	hidden overflow used to prevent images floating into this div, e.g. in http://intelligence.org/2014/06/06/allan-friedman-cybersecurity-cyberwar/
*/
#DidYouLike {
	overflow: hidden;
}



/* Homepage Main Header */
#homepage-header {
	margin-right: -30px;
	margin-left: -30px;
	margin-bottom: 0;
	border-bottom: 1px solid #ecebeb;
}

#homepage-header .float-container { position: relative; height: 0; margin:auto; width: 100%; left: -50%; } 
#homepage-header .float-to-top { position: absolute; left: 50%; width: 80%; background: rgba(0,0,0,0.7); padding: 0 10%; }
#homepage-header .float-to-bottom { position: absolute; left: 50%; width: 80%; top:-60px; background: rgba(0,0,0,0.7); padding: 0 10%; }
#homepage-header .no-float { position: absolute; left: 50%; width: 80%; background: rgba(0,0,0,0.7); padding: 0 10%; }
#homepage-header h1 { font-size:1.5em }
#homepage-header h1 a { text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); color: white; text-decoration:none; }
#homepage-header h2 a { text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7); color: white; text-decoration:none; }


/*--------------------------------------------------
   CSRBAI SCHEDULE TABLES
---------------------------------------------------*/



.schedule td {
        border-bottom: 1px solid #FFFFFF;
border: 1px solid #FFFFFF;
}

.schedule tr:hover td {
        background: #f5f5f5;
}

/*-----------------------
   BLUE LIST
-------------------------*/
.blue ul {
    color: #2863a2;
}
.blue li{
  color: #2863a2;
}


img.thumbnail { margin-left: 30px; }

/*----------------------------
   FRAMED DIVS AND FA ARROWS
------------------------------*/

.greybox {
  margin: 5px auto;
  border-style: solid;
  border-width: 5px;
  border-color: #EEE;
  padding: 20px;
  text-align: left;
}
.tight-margin {
  margin: 5px auto;
}
.uparrow {
  text-align: center;
}
.uparrow i {
  color: #CCC;
  font-size: 1.25em;
}

/*----------------------------
   NEWSLETTER CUSTOMIZATIONS
------------------------------*/

.newsletter {
  padding: 0px 25px 25px 25px;
}


/*----------------------------
   GIVE PLUGIN CUSTOMIZATIONS
------------------------------*/

.give-btn.give-btn-modal {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.StripeButton {
  border: none;
  border-radius: 4px;
  outline: none;
  text-decoration: none;
  color: #fff;
  background: #32325d;
  white-space: nowrap;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-decoration: none;
  -webkit-transition: all 150ms ease;
  transition: all 150ms ease;
  float: left;
  margin-left: 12px;
  margin-top: 28px;
}

.StripeButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, .10), 0 3px 6px rgba(0, 0, 0, .08);
  background-color: #43458b;
}

.StripeForm {
  padding: 30px;
  height: 120px;
}

.StripeLabel {
  font-weight: 500;
  font-size: 14px;
  display: block;
  margin-bottom: 8px;
}

#card-errors {
  height: 20px;
  padding: 4px 0;
  color: #fa755a;
}

.form-row {
  width: 70%;
  float: left;
}

.token {
  color: #32325d;
  font-family: 'Source Code Pro', monospace;
  font-weight: 500;
}

.wrapper {
  width: 670px;
  margin: 0 auto;
  height: 100%;
}

#stripe-token-handler {
  position: absolute;
  top: 0;
  left: 25%;
  right: 25%;
  padding: 20px 30px;
  border-radius: 0 0 4px 4px;
  box-sizing: border-box;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1),
    0 15px 35px rgba(50, 50, 93, 0.15),
    0 5px 15px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  transform: translateY(0);
  opacity: 1;
  background-color: white;
}

#stripe-token-handler.is-hidden {
  opacity: 0;
  transform: translateY(-80px);
}