.navbar.navbar-default {
	/* background-color: #3d423e; */
    z-index: inherit;
}



#main {
	background: #fff;
	max-width: none !important;
	padding-bottom: 45px;
}


	
nav i {
	color: #fff;
	margin-top: -5px;
}


/* end decorator adjustments */

/* begin bootstrap overrides */

.row {
	margin-right: 0;
	margin-left: 0;
	}

article a.btn {
	text-decoration: none;
	}


/* end bootstrap overrides */


/* general styles */

#local-support-heading {
	display: none;
}
	
div#main h2 {
	color: #1c4ea3;
	}
	
.bigfirstletter {
	font-size: 1.5em;
	color: #1c4ea3;
	}

div#main h3 {
	color: #3d3e3f;
	}

.databytesArchive a i.fas, 
.databytesArchive a i.far {
    vertical-align: middle;
    }
    
.fall > a:hover,
.fall > a:focus {
	color: #B3580B; 
}

.spring > a:hover,
.spring > a:focus {
	color: #3DB84F;
}

.winter > a:hover,
.winter > a:focus {
	color: #6c7a89;
}

.summer > a:hover,
.summer > a:focus {
	color: #1e8bc3;
}
    

img.flavorImage {
	float: right;
	border: 1px solid black;
	margin: 0px 0px 10px 10px;
	}
	
.indent {
	padding-left: 40px;
	}
	
img.lock {
	padding-left: 2px;
	border: none;
	vertical-align: bottom;
	}	
	
.row-shading {background: #ebf1fa;}	
	
aside {
	font-size: 90%;
	}

/* 	
#mainContent aside a {
	text-decoration: none;
	border-bottom: none;
	}
	
#mainContent aside a:hover {
	border-bottom: 1px dashed #3454b7;
	} */
	


	
.quote {
	padding: 10px;
	border: 1px solid gray;
	background: #efefef;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.small {font-size: 11px;}


ul{
	line-height: 1.5;
}
	
	
/* end of general styles */

/******* STYLES FOR INDEX.HTML ******/


	.numbers{ /* the numbers in the top left corner 760*/
		font-size: 6.4em; 
		margin: 0 0 -37px -16px; 
		text-align:center;
	}
    .numbers2{ /* the words in the top left corner members*/
    	font-size: 2.4em; 
    	text-align: center;
    	margin-left: -12px;
    }
    
    .numbersStudies{ /* the numbers to the studies */
    	font-size: 4.4em;
    	margin: -53px 0 -25px 0;
    	text-align: center;
    }
    
   
	.feedback {    
		background: #4168FF;
    	background: linear-gradient(to left, #edf1fa, #ffffff);
		border-radius: 0;
    }
    
    .color-black{ 
    	color:#3d3e3f !important; /*removing the blue color of the h2 so that they don't look like a link*/
    }
    	
    
 /***** END STYLES FOR INDEX.HTML ******/
	
/* style used for Grants page */  
  
	.plusMinus {
		cursor: pointer;
		text-decoration: underline;
		color: #005295;
		font-weight: bold;
		}
	
	div.grants {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		}
		
	div.grantTitle {
		display: table;
	 	background-color: #1352be;
		color: white;
		padding: 10px 10px 10px 10px;
		border: 1px solid white;
		width: 100%;
		}
		
	div.grantTitle a {
		text-decoration: none;
		color: white;
		}
		
	div.grantDetails {
		display: table;
		width: 100%;
		}
		
	div.grantPI, div.grantManager, div.grantTerm, div.grantFunder {
		display: table-cell;
		background-color: #dcddde;
		width: 25%;
		padding: 5px;
		border: 1px solid white;
		}
	    
	div.expandWrapper {
		display: table-cell;
		padding: 5px;
		border: 1px solid white;
		}
	    
	div#globalExpandCollapseControls {
		margin: 10px 0px 10px 0px;
		}
	
/* end of grants code */

/* style used for main staff page */

    div.staffTable {
    	width: 750px;
    	margin: 20px auto;
    	display: block;
    }
    
    div.staffTableHeading {
    	display: table;
    	text-align: center;
 		background-color: #1352be;
 		color: white;
    	width: 750px;
    	padding: 10px 10px 10px 10px;
    	border: 1px solid white;
   }

    div.staffTableSubheading {
    	display: table;
    	text-align: center;
 		background-color: #aaaaaa;
    	width: 750px;
    	padding: 10px 10px 10px 10px;
    	border: 1px solid white;
   }

    div.staffMember {
    	display: table;
    	width: 750px;
    }
    
    div.staffImage, div.staffInfo {
    	display: table-cell;
    	background-color: #cccccc;
    	border: 1px solid white;
    	}
    	
    div.staffInfo {
    	text-align: left;
    	font-size: 90%;
    	padding: 10px 10px 10px 10px;
    }
    
    div.staffImage {
    	text-align: right;
    	vertical-align: middle;
    	width: 75px;
    	
    }
    
    div.staffImage img {
    	border: 1px black solid; 
    	margin-right: 10px;
    }
    
/* end of staff page styles */

/* styles for lists of web sites */
		
	div.sites{
		display: block;
		margin: 20px auto;
	}
	
	div.siteBlurb {
		margin-left: 10px;
		}
		
	div.siteImage img {
		border: 1px solid black;
		margin: 15px 0px 0px 10px;
		}
		
/* ends of site list styles */

/* council presentation */

div.councilTable {
	display: table;
	margin-top: 10px;
	font-size: 90%;
	}

div.councilMember {
	display: table-row;
	}
	
div.councilCell {
	display: table-cell;
 	padding: 10px;
	border-bottom: 1px solid #cccccc;
	}

div.councilCellHeader {
	display: table-cell;
 	background-color: #1352be;
 	color: white;
 	padding: 10px;
	}
	
img.council {
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #000000;
	width:  144px;
	height: 216px;
	float: right;
	}

p.bio {
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 120%;
	}

/* end of council */

/* timeline display */

#my-timeline {
	height: 250px;
	margin: 20px 30px 20px 0;
	border: 1px solid #aaa;
	font: 12px verdana,geneva,lucida,arial,sans-serif;
	}

/* end of timeline */

/* miller flanagan award page */

.photo {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	}

.photo img {
	border: 1px solid black;
	}

.photo-caption {
	font-size: .8em;
	text-align: left;
	}

a img {border: 0;}

/* end of awards */

/* start attend virtually section for OR meeting */

table {
    border-collapse: collapse;
    margin: 20px 0;
}


#workshop{
	width: 40%;
}

#date, #time, #link{
	width: 20%;
}

#link{
	width: 10%;
}
/*
.table td{
	text-align: center;
}
*/
#thesaurus .table td {
	text-align: left;
}

.table.head th{
	background-color: #D1E1FF;
	padding: 10px;
}

.table.body td{
	padding: 10px 0;
}

.table tr:nth-child(even){
	background-color: #F7F7F6;
}
	


/* end attend-virtually section for or meeting */


/* strategic plan section */

/* begin float clearing: causes floated divs inside this div to be included in the document flow */

#content:after, #content-top:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html #content {
height: 1%;
}

/* end float clearing */


.bigred {
font-size: 24px;
font-weight: bold;
color: #0467cb;
padding: 15px;
}

#directions td {vertical-align: top;}

.details-button {padding-top: 22px;}

.directions-text {padding-top: 8px;}

#header {
background: #fff;
width: 800px;
height: 87px;
text-align:left;
margin-right:auto;
margin-left:auto;
}

#name {
float: right;
color: #fff;
font: bold 31px verdana;
margin-top: 40px;
margin-right: 15px;
}

/* commenting this code out because it causes the project title field to break in the deposit form create deposit modal
#title {
margin-left: 175px;
position: absolute;
top: 190px;
}
*/

h1#strat-header {
display:block;
background:#020d5b;
color:#fff;
padding:8px;
margin-bottom:-1px;
margin-top: 4px;
letter-spacing:1px;
}

#dir1-header {
background: url("../../../membership/images/strategic/stratplan-dir1.png" ) no-repeat; 
background-size: 98%;
padding-top: 23%;
}

#dir2-header {
background: url("../../../membership/images/strategic/dir2.png") no-repeat; 
background-size: 92%;
padding-top: 23%;
}

#dir3-header {
background: url("../../../membership/images/strategic/education.png") no-repeat; 
background-size: 92%;
padding-top: 23%;
}

#dir4-header {
background: url("../../../membership/images/strategic/organization.png") no-repeat; 
background-size: 92%;
padding-top: 23%;
}

body p.intro {
color: #000;
font-size: 130%;
width: 98%;
margin: 0 auto;
text-shadow: white 0.1em 0.1em 0.2em;
font-weight: bold;
line-height: 28px;
padding: 0 1%;
}


.strategic-details {
	-moz-box-shadow:inset 0px 1px 0px 0px #77a1c7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #77a1c7;
	box-shadow:inset 0px 1px 0px 0px #77a1c7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0467cb), color-stop(1, #020d5b) );
	background:-moz-linear-gradient( center top, #0467cb 5%, #020d5b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0467cb', endColorstr='#020d5b');
	background-color:#0467cb;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #7ab0e6;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:71px;
	text-decoration:none;
	text-align:center;
}
.strategic-details:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #020d5b), color-stop(1, #0467cb) );
	background:-moz-linear-gradient( center top, #020d5b 5%, #0467cb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#020d5b', endColorstr='#0467cb');
	background-color:#020d5b;
}
.strategic-details:active {
	position:relative;
	top:1px;
}

.strategic-details:visited {color: #fff;}


#col1 {
width: 75%;
float: left;
margin: 10px 0;
}

#col1-inner {
margin-left: 170px;
}

#col2 {
float: right;
width: 25%;
margin-top: 10px;
}

#col2 img {padding-bottom: 10px;}

.offscreen {text-indent: -5000px;}


.strat-indent1 {margin-left: 25px; font-weight: bold;}

.strat-indent2 {margin-left: 50px; margin-top: 8px;}

.stratplan-image {
width: 35%;
float: right;
margin: 5px 0 5px 5px;
max-width: 300px;
}

#mission {
border-left: 9px solid #c6e29f;
margin: 10px 0 5px 30px;
}

#mission-text {
font-size: 19px;
line-height: 140%;
padding: 30px;
}

.greenborder {border-left: 9px solid #c6e29f;}

.directions-tables {margin-top: 10px; margin-left: 30px;}

.strat-image {width: 100%;}

#strategic-comments {
clear: both;
border-top: 2px dotted #0467cb;
padding-top: 5px;
font-size: 85%;
margin-top: 10px;
}


/* end strategic plan section */

/* history section */

#footnote {
border-top: 1px solid #072a4a;
font-size: 11px;
}

.excerpt-credit {
width:90%; 
border:1px dotted blue;
padding:5px;
margin:0 auto;
}

.histdoc-inner {
	width : 200px;
	height : 120px; 
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
	padding : 0px;
	-moz-box-shadow : 0 2px 1px rgba(0,0,0,.5), 0 10px 30px rgba(0,0,0,.5);
	-webkit-box-shadow : 0 2px 1px rgba(0,0,0,.5), 0 10px 30px rgba(0,0,0,.5);
	box-shadow : 0 2px 1px rgba(0,0,0,.5), 0 10px 30px rgba(0,0,0,.5); 
	}

.histdoc-item {
	border-top: 1px solid #c3c2ba;
	border-left: 1px solid #c3c2ba;
	border-right: 1px solid #c3c2ba;
	background: #fff url(http://www.icpsr.umich.edu/files/ICPSR/fifty/images/event-bg.gif) repeat-x;
	margin: 0;
	margin-bottom: 15px;
	padding: 5px;
	width: 45%;
	min-height: 146px;
	}

.histdoc-image {
	width: 135px;
	float: left;
	}

.histdoc-item-right {
float: right;
margin-right: 50px;
}

table#websites td {text-align: center;}

table#websites td img {border: 1px solid #ccc;}

.timeline h2 {
background: #d9d9da82;
margin: 0;
padding: 5px 10px;
letter-spacing: 1px;
}

/* end history section */


.registration_button_section{
	text-align: center;
}

a.btn.btn-primary.registrationBTN {
	background-image: none;
	background-color: #00408F;
	margin:15px auto;
}

a.btn-primary.registrationBTN:hover,
a.btn-primary.registrationBTN:focus {
	background-image: none;
	background-color: #002F69;
    border-color: #204d74; 
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}

.registerSpan {
	text-transform: uppercase;
	font-size: 1.3em; 
	font-weight:bold;
	}



/************* Publications **************/

.social-media{
	padding: 12px;
}



/************* making iframe responsive for google map of member institutions **************/


#membership-map iframe {
	width: 640px;
	height: 480px;
	margin: 0 auto;
	display: block;
}

/* end responsive iframe section */

.center {display: block; margin: 0 auto; text-align: center;} 

.membershipMapIcpsrAbout {
	padding-top: 15px;
	padding-right: 15px;
}

.membershipMapInstituionQuestion{
	padding-top: 20px;
}

form#institutions #query-term {
	width: 70%;
    display: inline-block;
    vertical-align: middle;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	}

#memberList .form-group.col-md-8 {
	 margin-top: 10px;
}

form#institutions .memberSearchSubmit {
	margin: 0 15px 0 0;
	padding: 6px 10px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #0d3880;
	border: 1px solid #0d3880;
	color: #ffffff;
	text-align: center;
	letter-spacing: 1px;
	box-shadow: rgb(13 56 128 / 35%) 8px 8px 16px;
}

form#institutions .memberSearchSubmit:hover,
form#institutions .memberSearchSubmit:focus {
	color: #0d3880;
	box-shadow: none;
	border: 1px solid #0d3880;
	transition: .5s ease-in-out;
	background: #fff;
}


#membershipMapResetBTN{
	background-color: transparent;
	background-image: none;
	box-shadow:none;
	border: none;
	text-decoration: underline;
	padding: 10px 20px;
	border: 1px solid transparent;
}

#membershipMapResetBTN:hover,
#membershipMapResetBTN:focus{
	border: 1px solid #0d3880;
	text-decoration: none;
	transition: .5s ease-in-out;
	border-radius: 4px;}


#membership-map iframe {
	border-style: inset;
	border-color: #4981df;
	border-width: 4px;
}



.container-fluid.hero_image {
	margin:0;
	padding:0;
}

#main img.join_now_hero_image {
	padding: 20px 0 0 0;

}




#manage-membership .card {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    margin-top: 15px;
	min-height: 300px;
	
}

#manage-membership .card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: .5em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
}

#manage-membership .card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

#manage-membership .card-img-top:hover,
#manage-membership .card-img-top:focus {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-transition: all 1s ease;
}

#manage-membership .card-title {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.2857em;
    padding: .5em;
    text-align: center;
}




#manage-membership .image-container {
  position: relative;
  text-align: right;
}

#manage-membership .ow1 {
	font-family: 'Rambla', sans-serif;
    position: absolute;
    font-size: 3.5em;
    top: 55%;
    right: 56%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color: #113C84;
    background-color: rgba(255,255,255,.8);
}

#manage-membership .ow1 .biggerfont {
	font-size: 1.8em;
}



.block-update-card {
  height: 100%;
  border: 1px #FFFFFF solid;
  width: 314px;
  float: left;
  margin-left: 10px;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  box-shadow: 1px 1px 8px #d8d8d8;
  background-color: #FFFFFF;
}

.block-update-card .update-card-MDimentions {
  width: 70px;
  height: 80px;
}

.block-update-card .update-card-body p {
  font-weight: bold;
  font-size: 14px;
}

.media-heading {
	margin-top: 18px;
}

.ipadcards {
	padding-bottom: 20px;
}

a .block-update-card:hover,
a .block-update-card:focus {
	cursor: pointer;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-transition: all 1s ease;
    background-color: #737373;
    color: #fff;
}


.mediumHeadline {
	font-size: 2rem;
	margin-top: 15px;
}

.largeHeadline {
	font-size: 4rem;
	}
rshi
/* a.btn-primary.membepBTN {
		background: #0d3880;
   		color: #fffff;
   		padding: 18px 63px;
   		display: inline-block;
	    border-radius: 4px;
	    border: 1px solid #0d3880;
	    text-decoration: none;
	    text-align: center;
	   	box-shadow: rgb(13 56 128 / 35%) 8px 8px 16px;
	    transition: 0.2s;
	    margin: 20px 0;
	    font-size: 1.5em;
	} */


a.btn-primary.membershipBTNSmall {
	background: #0d3880;
	color: #ffffff;;
	display: inline-block;
    border-radius: 4px;
    border: 1px solid #0d3880;
    text-decoration: none;
    text-align: center;
   	box-shadow: rgb(13 56 128 / 35%) 8px 8px 16px;
    transition: 0.2s;
    margin: 15px 0 20px;
	padding: 10px 40px;
	font-size: 1.2em;
}


a.btn-primary.membershipBTNSmall:hover,
a.btn-primary.membershipBTNSmall:focus,
a.btn-primary.membershipBTN:hover, 
 a.btn-primary.membershipBTN:focus{
	background-color: #ffffff;
	color: #0d3880;
	border: 1px solid #0d3880;
	box-shadow: none;
}

a.btn-primary.membershipBTN:active {
	background: #0d3880;
   		color: #ffffff;;
	box-shadow: none;
	padding: 17px 62px;
}

 .statCard-block #statsPubNumber,
 .statCard-block #statsVarNumber,
 .statCard-block #statsStudiesNumber {
  	display: block; 
  	font-weight: bold; 
  	font-size: 2rem;
  	}

  .card {
    font-size: 1.5em;
    overflow: hidden;
    padding: 40px;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    box-shadow: 0 4px 4px rgba(0,0,0,0.1), 0 -100px 0 transparent inset;
	min-height: 70px;
	background: #9cacc957;
	color:  #344561;
}

.card1 {
	margin-top: 35px;
	padding-bottom: 28px;
}

.statCard {
    font-size: 1em;
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    margin-top: 15px;
    min-height: 200px;
}
.statCard-img-top {
    display: block;
    margin: 10px auto;
    min-height: 100px;
}
.statCard-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: .5em;
    border: none;
    /*border-top: 1px solid rgba(34, 36, 38, .1);*/
    box-shadow: none;
}

.membership-panel-body {min-height: 145px;}
.membership-panel-heading {font-size: 1.5rem; font-weight: bold;}

.becomeAMemberSection {margin: 20px auto;}
ul.membershipUL li {margin-bottom: 10px;}



/**********************************************************   DATA FAIR   **********************************/

.dataFairCard-title{
	font-size: 2em; 
	text-align: center; 
	padding: 20px 0;
	
	
	}
	
	.dataFairCard {
		font-size: 1em;
		overflow: hidden;
		padding: 0;
		border: none;
		border-radius: .28571429rem;
		box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
		margin-top: 15px;
		min-height: 100px;
		}

	.dataFairCard-img-top {
		display: block;
		width: 100%;
		height: auto;
		}
		
	.dataFairCard-block {
	    font-size: 1em;
	    position: relative;
	    margin: 0;
	    padding: .5em;
	    border: none;
	    border-top: 1px solid rgba(34, 36, 38, .1);
	    box-shadow: none;
	    min-height: 137px;
		max-height: 137px;
		}
	
	.dataFairCard-title.registration{
		padding-bottom:15px;
		text-decoration: underline;
	}

	.thankYouBox{
		border: 1px solid #ddd;
		padding: 25px;
		max-width: 50%;
		margin:0 auto;
		background-color: #eee;
		}

.bigThankYou{
	font-size: 220%;
	font-weight: bold;
	}
	
.savetheDate {
	text-align: center; 
	font-weight: bold;
}
	
.datafairimgbig{
	max-width: 80%; 
	margin: 0 auto;
	}

.table-date {
	background-color: #fff;
	}
	
.shaded-bg {
	background: #eee; 
	padding: 20px; 
	margin: 20px 0;
	}
	
.dayOfWeek{
	font-weight:bold; 
	background-color: #aeb2b6; 
	color: #000; 
	}
	
	
.dayOfWeekHeading{
	border-bottom: 1px solid #ddd; 
	padding: 8px 0;
	}
	
	
	
	
	
	
div#main h2.blueBgLine {
	font-size: 1.5em;
	color: #101010;
	line-height: 1.7em;
    background: -webkit-linear-gradient(#fff 15px, #E9EDF4 15px);
    background: -o-linear-gradient(#fff 15px, #E9EDF4 15px);
    background: linear-gradient(#fff 15px, #E9EDF4 15px);
    margin-bottom: 20px;
   }

.orInformationBlock,
.memberName {
	margin-left: 20px;
}

.bottomBorderEmailSuffix {
	border-bottom: 1px solid rgba(224,222, 208, .8);
	margin-bottom: 20px;
	padding-bottom: 20px;
}

/* #main .center button.btn-primary {
    background: #2C3A51;
    color: #ecf0f1;
    padding: 10px 63px;
    display: block;
    border-radius: 7px;
    border: 1px solid transparent;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    transform: translate3d(0, 0, 0);
    box-shadow: 0 0 0 transparent;
    -webkit-appearance: none;
    user-select: none;
    transition: 0.2s;
    will-change: transform, box-shadow;
    box-shadow: 0 4px 4px rgba(0,0,0,0.1), 0 -100px 0 transparent inset;
    margin: 20px auto;
    font-size: 1.2em; 
    } 
    
 button.btn-primary:hover,
 button.btn-primary:active,
 button.btn-primary:focus {
 	background-image: none;
 	background-color: #ededed;
    color: #0C357F;
    border: 1px solid #0C357F;
    background-image: none;
    
 } */

.navbar-form .form-group.saveEmailInput, 
.navbar-form .form-group.saveEmailBtn,
.inputEmailSuffix, .submitEmailSuffix {
	display: block;
	margin:20px auto;
	}

.form-group.saveEmailInput {
	text-align: center;
}

input#domin_id {
    height: 45px;
    border: 2px solid;
    width: 80%;
}

.list-group-item.emailSuffixListGroupItem {
	padding: 5px 15px;
}

.btn.btn-default.btn-sm.pull-right.deleteApprovedEmailSuffix{
	text-shadow: none;
	background-image: none;
	background-color: #4B4F4C;
	color: #fff;
	margin-top: -5px;
    padding: 6px 17px;
}

.btn.btn-default.btn-sm.pull-right.deleteApprovedEmailSuffix:hover,
.btn.btn-default.btn-sm.pull-right.deleteApprovedEmailSuffix:active,
.btn.btn-default.btn-sm.pull-right.deleteApprovedEmailSuffix:focus {
	text-shadow: none;
	background-image: none;
	background-color: #fff;
	color: #4B4F4C;
	margin-top: -5px;
    padding: 6px 17px;
}

button.btn.btn-primary.btn-sm.staffApproveBtn {
    font-size: 1em;
   /*  display: inline-block; */
    padding: 5px 14px;
    margin: 0
}

/* button.btn.btn-default.btn-sm.staffDenyBtn {
     display: inline-block; 
 }*/

form.navbar-form#approve-domain-input {
   width: 35%;
    display: inline-block;

	margin: 0 30px;
	padding:0;

}

form.navbar-form#deny-domain-input {
	display: inline-block;
	width: 35%;
	margin:0;
	padding: 0;
}

.list-group-item.staffEmailSuffixListGroupItem {
	padding: 15px;
}

.list-group-item.staffEmailSuffixListGroupItem .pull-right {
	margin-top: -5px;
}
/************************************************ MEDIA QUERIES  **********************************************/




@media (min-width:2000px){
	.join_now_hero_image{
		display: block;
		margin: 0 auto;
		}
}


@media(max-width:1050px){
    	.numbers{
    		font-size: 3.5em; 
    		margin: 0 0 -24px 0; 
    		text-align:center;
    		}
    		
    	.numbers2{
	    	font-size: 1.5em; 
	    	text-align: center;
	    	}
    	
    	.numbersStudies{
    		font-size: 4em;
    		margin: -40px 0 -25px 0;
    		text-align: center;
    	}
    }
    
@media(max-width:992px){
	.numbersStudies{
    	font-size: 3.2em;
    	margin: -40px 0 -15px 0;
    	text-align: center;
    }
    
    #manage-membership .ow1 {
			position: absolute;
		    top: 55%;
	    	right: 60%;
    		font-size: 3.4em;
		}


}



@media (max-width: 767px){
	
	#exploreMembershipMapBTN{
		padding: 18px 10px;
		margin-left: -15px;
		}
	
	header{
		/* background: #969696; */
		padding-bottom: 0;
		}

	#membership-map iframe {
		width: 320px;
		height: 240px;
		}
	
	#manage-membership .ow1 {
		position: absolute;
	    font-size: 2.5em;
        top: 87%;
   		right: 0;
		}
		
	.datafairimgbig{
		max-width: 100%; 
		margin: 0 auto;
		}
		
	.thankYouBox{
		max-width: 100%;
		}
	
	input#domin_id {
    	width: 100%;
		}
	
	.archonnex-alert-message-wrapper .container {
	background: none;
    background-size: 0px;
    padding: 10px 15px;
	}
	
	/* #my-data {
     margin-top: 0;
	}
	
	#my-data a {
		padding: 5px;
	} */
	
	h3.navbar-brand {
    font-size: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
    }
    
    .navbar-default .navbar-toggle {
    border-color: #fff;
     margin-top:7px; 
	}
	
	.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

	.video-container iframe, .video-container object, .video-container embed {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
}