/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */
 
  /* THIS FILE is CSS for the medium width of the website which is from 720 to 960px */
#search-api-page-search-form-test-biblio-facet input[type="text"]{
	/* width:14em; */
}


#superfish-1{
	float:right;
}
#superfish-1 li ul {
    margin-top: 19px;
}
#superfish-1 ul {
	width:140%;
}

#region-user-second{
	margin:0em auto;	
}
/*#superfish-1 .first.sf-depth-1 a, #superfish-1 .last.sf-depth-1 a, #superfish-1 .last.sf-depth-2 a, #superfish-1 li a{
	border-radius: 0.6em 0 0 0.6em;
	-moz-border-radius:0.6em 0 0 0.6em; 
	padding:0;
	 padding:1.2em 1.1em; 
	color: #ffffff;
}
.sf-parent-children-0{
	
}
VERSION 1 */

h1{
	font-size:3em;
}
h2{
	font-size:2.35em;
}
h3{
	font-size:2em;
}
h4{
	font-size:1.4em;
}

/* ------------------ Top Black line START ------------------- */
#top-black-line{
	height:2.4em;
}
/* ---------------- Logo START ---------------- */
#logo{
	width:90%;
	padding-bottom:0.4em;
}
/* ----------------- Padding of Navigation Icons from the Logo <FRONT> START -------------- */
#zone-header{
    padding: 0;
}



/* ---------------- Region Branding START ------------------ */
#zone-branding {
    min-height: 100%;
    padding: 0;
}

/* ---------------- Navigation Panel CSS START ------------ */
#region-header-first, #region-header-second{
	text-align:center;
	padding: 3em 0em;	
}
#region-header-first p, #region-header-second p{
	margin:0.5em 0.2em 1em 0.2em;
	display:block;
}
#zone-additional-footer h2{
	text-align:left;
}
#social_media{
	text-align:left;
}
.more-link{
	text-align:right;
}



.navigation-divs h3{
	font-size: 1.4em;
}
/* ----------------Menu CSS------------------- */
.sf-menu {
    line-height: 1;
    z-index: 497;
}
/* ------------------------- Menu Super fish overriding -------------------------------*/
#superfish-1 ul{
	margin-top: 1.4em;
}
ul#superfish-1 li a{
	padding:1.4em 0.5em;
	font-size:100%;
}

 ul#superfish-1 li#menu-480-1 a{
	padding: 1.32em 0.5em;
}
#region-sidebar-first h2, #region-sidebar-second h2{
	text-align: left;
}


#region-footer-bottom{
	padding:0 0 5em 0;
}
#section-footer h3{
	font-size:1.6em;	
}

/* ----------------- Why OF and Search OF responsive layout change---------------------------- */
#region-sidebar-first, #region-sidebar-second {
    padding: 0em 0;
}
#why-of, #search-of{
	width:95%;
	float:left;	
	text-align:left;
}
#why-of img, #search-of img{
	float:left;	
	width:27%;
	margin-right:3%;
}
#why-of p, #search-of p{
	float:right;
	width:70%;
	padding-top:0;
}
#why-of a.button, #search-of a.button, .button{
	float:right;
	margin-top:0.4em;
}
.navigation-divs h3{
	font-size:1.4em;
}
/* menu responsive */
div#block-superfish-1 div div{
	text-align:center;
}
#superfish-1 {
    width: 100%;
}
ul#superfish-1  li#menu-479-1{ /* AFS Ethno Thesaurus */
	width:36%;
}
ul#superfish-1  li#menu-480-1{ /* Search button */
	width:20%;
}
ul#superfish-1  li#menu-477-1{ /* News button */
	width:13%;
}
ul#superfish-1 li#menu-476-1{ /* Formats button*/
	width:16%;
}
ul#superfish-1 li#menu-795-1{ /* About button*/
	width:13%;
}
#superfish-1 li{
	text-align:center;
}

ul#superfish-1 li#menu-795-1, ul#superfish-1 li#menu-480-1 { /* Display More tab */
    display:block;
}
ul#superfish-1 li#menu-862-1 { /* Display More tab */
    display:none;
}
ul#superfish-1 li#menu-476-1, ul#superfish-1 li#menu-477-1, ul#superfish-1 li#menu-479-1   { /* Hide "Formats", "News" and "AFS Ethno Thesaurus" */
    display:block;
}


div.region-header-first-inner, div.region-header-second-inner {
    padding-top: 0em;
}

/* Search Page */
body.page-frontsearch div#block-system-main{
	float: left;
	margin-bottom: 5em;
	width: 80%;

}
section#block-facetapi-soqsxiec0fma0jsmyhduua1n0dfo8mz9, section#block-facetapi-keelgvust0961rgtwgudzfimvwv4qod2{
	width: 23%;
	float: right;
}

.team-member{
	width:20%;
	padding: 0 2%;
	float: left;
	text-align:center;
	clear:none;
}
.team-member img{
	width:65%;
	max-width:200px;
	float: none;
	padding: 0;
}
.team-member div{
	width:100%;
	text-align:center;
	float: none;
} 
.sections div.team-member div p, .team-member div a, .team-member div h5{
	text-align: center;
	margin:0;
	clear:both;
	width:100%;
}
.team-member div h5{
	padding:0.5em 0;
}
.sections-highlight{
	padding: 4em 0;
}

.wrapper-aboutof{
	padding:1.5em 0;
}
.wrapper-aboutof div i{
    font-size: 6em;
}
.team-list{
	padding-top: 3.5em;
}




/* ======================= Websites Page Content Start ========================= */

/* ----- Websites: What is it? ---- */

blockquote#note{ /* note in a gray box */
	width:50%;
}
q#highlight-2 p{
	font-size:1.5em;
}
q#highlight{ /* big grey italic quote */
	font-size:3em;
}
#section-1, #section-2, #section-3{ /* 3 sections in one line */
	width:27%;
	float: left;
	clear:none;
	padding:0 3%;
	text-align:center;
}
#section-1 i, #section-2 i, #section-3 i{ /* 3 sections icons */
	text-align: center;
	float: none;
	width:100%;
}
.sections div i{ /* orange icons used */
	font-size:6em;
	color:#E54C13;
}

.sections div p{ 
	margin:1.5em 0;
	float: none;
	width:100%;
	text-align: center;
}

div.websites-content-wrapper-how #section-1, div.websites-content-wrapper-how  #section-2{ /* search wayback machine and search OF */
	width:46%;
	padding:1em 2%;
	text-align:center;
}
div.websites-content-wrapper-how  #section-2 p{
	text-align:left;
}

#block-search-websites{ /* search block in websites page */
	width:100%;
	margin: 1em auto;
}
#block-search-websites div div input{ /* Search input text */
	width:60%;
	float: left;
}
#block-search-websites div input.form-submit{ /* Search input text */
	float: right;
	margin:0;
}

table tr td div img{ /* archvied website example img css */
	max-width:180px;
	max-height:180px;
}
#block-views-more-like-this-block {
  margin-top: 1.5em;
}
#additional-about-us,#additional-contact-us {
	clear: none;
	float: left;
	padding-right: 2%;
    width: 45%;
	text-align:left;
}
#block-views-of-news-block, #block-views-tweets-block{
	clear: none;
	display: block;
	float: left;
	margin-bottom: 0.5em;
	padding-right: 2%;
    width: 45%;
}
#social_media i {
    margin: 0 0.3em 0 0;
}
#section-content{
	margin-bottom:3em;
}
#section-4-1 div h4{ /* archived websites sections for titles and images */
	display:block;
}
div.sections ul#partners {
  width: 100%;
  margin:0 auto;
  float:none;
}
div.sections ul {
  width: 70%;
  margin:0 auto;
  float:none;
}
#section-left{
	width:42%;
	float:left;
	padding-left:5%;
}
#section-right{
	width:42%;
	float:right;
	padding-right:5%;
}
#right-link, #right-link-2{
	float: none;
	margin: 0;
}





/* ---------------------------------------------------- */

#search-api-page-search-form-test-biblio-facet .form-item {
    float: left;
    padding-right: 1em;
    width: 70%;
}
#search-api-page-search-form-front-page-search .form-item {
    float: left;
    width: 63%;
}

#why-of-i-p{
	float: left;
}

#more{
	float: right;
	padding-top:1.4em;
}


/* ------------------ Page Title Centered for mobile --------------- */
#page-title{
	text-align:center;
}
/* End */


.space div{ /* Space of Sponsors Panel on the left and right */
	width:15%;
}
#partner_2 div{
	width:20%	
}
#partner_1 div {
    width: 35%;
}
#partner_3 div{
	width:20%	
}

#partner_list{
	position:relative;
	text-align:center;
	height:7em;
}

/* ------------- social media icons ------------------ */
div#social_media{
	text-align:left;
}

#footer-partners a div{
	float: left;
	height:5.5em;
}

.region-content-right-inner section {
  width: 100%;
}

#region-content-right {
  width: 15%;
}

section#block-block-15 {
  padding-top: 2em;
}