/* Drupal 7 Framework - Created by André Griffin
------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Nodes
 8.Comments
 9.Blocks
10.Front Page Slider
11.Exhibitions
12. Blogs
13.Footer
14.CSS Support
15.Media Queries

Font sizes: 16px base font with 24px line-height
------------------------------------------------
       font-size / line-height / margin-top
------------------------------------------------
40px = 2.5em     / 1.2         / 0.6em
32px = 2em       / 1.5         / 0.75em
24px = 1.5em     / 1           / 1em
20px = 1.25em    / 1.2         / 1.2em
16px = 1em       / 1..5        / 1.5em
14px = 0.875em   / 1.7143      / 1.7143em
13px = 0.8125em  / 1.8462      / 1.8462em
12px = 0.75em    / 2           / 2em
10px = 0.625em   / 2.4         / 2.4em

Equation for font sizing: 
  Desired px ÷ Default (or parent) px = em size
------------------------------------------------*/

/**
 * 0.RESET 
 */

@import "reset.css";

/**
 * 1.GLOBAL
 */

body {
  background: none repeat scroll 0 0 #C1CDCD;
  color: #222;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
}

h1, .h1 {
  font-size: 2em;
  line-height: 1.5;
  margin-top: 0.75em;
}

h2, .h2 {
  font-size: 1.5em;
  line-height: 1;
  margin-top: 1em;
}

h3, .h3 {
  font-size: 1.25em;
  line-height: 1.2;
  margin-top: 1.2em;
}

h4, h5, h6, .h4, .h5, .h6 {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  margin-top: 1.5em;
}

p {
  font-size: 1em;
  line-height: 1.5;
  margin: 0 0 1.5em 0;
}

/*adding centering ability to avoid using HTML to do this */
.center{
	text-align:center;
}

a { color: #9F2D20; text-decoration: none; font-weight: bold;} 
/*Making links bold by defaul. They sometimes get lost in paragraphs. */

a:visited { color: #9F2D20; }

a:hover, a:active, li a.active  { color: #39f; }

a:focus { outline: thin dotted; }

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

/* apply common styling after reset.css */

li ul, li ol {  margin: 0; }
ul, ol {  margin: 0 1.5em 1.5em 0;  padding-left: 1.5em; }
ul {  list-style-type: disc; }
ol {  list-style-type: decimal; }
dl {  margin: 0 0 1.5em 0; }
dl dt {  font-weight: bold; }
dd {  margin-left: 1.5em; }
hr {  background: #145773;  border: none;  clear: both;  float: none;  height: 1px;  margin: 0 0 1.4375em;  width: 100%; }
fieldset {  border: 1px solid #ccc;  margin: 0 0 1.4375em;  padding: 1.5em; }
table {  margin-bottom: 1.5em;  width: 100%; }
th, tr, td {  vertical-align: middle; }
th { padding-right: 1em; }
.sticky-header th, .sticky-table th {  border-bottom: 3px solid #ccc;  padding-right: 1em;  text-align: left; }

/* blockquotes */

blockquote {
	font-style: italic;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
	vertical-align: center;
}

blockquote.right {
	float: right;
	color: #145773;
	font-size: 200%;
	border-left: solid;
	margin-left: 10px;
	padding-left: 5px;
	width:200px;
}


blockquote.left {
	float: left;
	font-size: 200%;
	color: #B73819;
	border-right: solid;
	margin-right: 10px;
	width:200px;
} 

/*Thumbnails*/
thumbnail {
	
	font-size:80%; 
	text-align:center; 
	padding-bottom:5px;
	padding-top: 10px;
}

thumbnail.left{
	border-right: solid;
	float:left;
	color: #B73819;
	margin-right: 20px;
	padding-right:20px;
}

thumbnail.right {
	border-left: solid;
	color: #145773;
	float: right;
	margin-left: 20px;
	padding-left: 20px;
}

thumbnail.center {
	margin-right: 5px;
	margin-left: 5px;
	padding-right:5px;
	padding-left: 5px;
}

.thumbnail_left{ /*For 'events/all' and other places where a thumbnail class is needed for views. Apparently, can't use the above selectors?*/
	border-right: solid;
	float:left;
	color: #B73819;
	margin-right: 20px;
	padding-right:20px;
}
/*Publications images*/

.pubfloat {
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	border: 0px;
}

/*Annoucements */
/* For annoucements as they're needed */
.announcement {
	border: 1px solid #145773;
    border-radius: 5px 5px 5px 5px;
	padding: 5px;
}
.announcement  h2 {
    background: none repeat scroll 0 0 #666666;
    border-radius: 5px 5px 5px 5px;
	color: white;
    margin-top: 0;
    padding: 2px;
}
/**
 * 2.LAYOUT
 */

#container {
  margin: 0 auto;
  border-bottom:1px solid #B73819;
  border-left:1px solid #B73819;
  border-right:1px solid #B73819;
  background: #FFFFFF;
  box-shadow: 0 0 10px;
  padding: 0 10px;
  width: 940px;
}

/**
 * 3.MAIN
 */

 
/* 1 column: global values*/

#main {
  display: inline;
  margin: 0;
}

/* 3 columns */

body.two-sidebars #main {
  float: left;
  margin: 0 0 0 240px;
  padding: 0;
  width: 460px;
}

/* 2 columns: sidebar-first */

body.sidebar-first #main {
  float: right;
  margin-right: 10px;
  padding: 0;
  width: 700px;
}

/* 2 columns: sidebar-second */

body.sidebar-second #main {
  float: left;
  margin: 0;
  padding: 0;
  width: 570px;
}

/**
 * 4.SIDEBARS
 */
 /*Search block for home page. Kept above the second sidebar.
   This is something of a hack, and might break. NOTE: the PHP is in page--front.tpl.php above the second sidebar, using 'section' instead of aside. There are several IDs and classes that can control this. Good luck, future us.*/

 body.sidebar-second #search-box {
    height: 5px;
}  
 .block-search {
    float: left;
    padding-bottom: 10px;
    
}
/* 3 columns: sidebar-first */

body.two-sidebars #sidebar-first {
  float: left;
  margin: 0 0 0 -700px;/*keeps this sidebar on the left*/
  padding: 0;
  width: 220px;
}



#small-sidebar-first { /*this is the small section on the home page that contains 'About the APS' */
  float: left;
  margin: 0 0 0 -690px;
  padding: 0;
  width: 220px;
  height: 250px; /*We want this block to be short so that the thumbnails can fit under it */
}



/* 3 columns: sidebar-second */

body.two-sidebars #sidebar-second {
  float: right;
  margin: 0;
  padding: 0;
  width: 220px;
}

/* 2 columns: sidebar-first */

body.sidebar-first #sidebar-first {
  float: left;
  margin: 0;
  padding: 0;
  width: 220px;
}

/*this is the small section on the home page that contains 'About the APS' */
#small-sidebar-first { 
  float: left;
  width: 220px;
  height: 250px; /*We want this block to be short so that the thumbnails can fit under it */
}
/* 2 columns: sidebar-second */

body.sidebar-second #sidebar-second {
	background:#FEF0C9;
	border: 1px solid #145773;
	border-radius: 10px;
  float: right;
  margin: 0;
  padding-right: 5px;
  padding-left: 2px;
  width: 360px;
}

/**
 * 5.HEADER
 */

#header {
  margin: 0;
  padding: 0.8em 0 0;
  position: relative;
}

#header #logo {
  float: left;
  margin: 0 1em 0 0;
}

#header #site-name-slogan {
  float: left;
  margin: 0 0 1.5em;
}

#header #site-name {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

#header #site-name a:hover {
  text-decoration: none;
}

#header #site-slogan {
  margin: 0;
}

/**
 * 6.NAVIGATION
 */

#navigation {
  clear: both;
  margin: 0;
  padding: 0;
}

#navigation ul#main-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul#main-menu li {
  float: left;
  margin: 0;
  padding: 0;
}

#navigation ul#main-menu li a {
  display: block;
  padding: 0 2em 0 0;
}

#navigation ul#secondary-menu {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li {
  float: left;
  margin: 0;
  padding: 0;
}

#navigation ul#secondary-menu li a {
  display: block;
  padding: 0 2em 0 0;
}

.breadcrumb {
  clear: both;
  padding: 1.5em 0 0;
}

#skip-link {
  position: absolute;
}

/* menus and item lists */

.item-list ul {
  margin: 0;
  padding: 0 0 0 1.5em;
}

.item-list ul li {
  margin: 0;
  padding: 0;
}

ul.menu li {
  margin: 0;
  padding: 0;
}

ul.inline {
  clear: both;
}

ul.inline li {
  margin: 0;
  padding: 0 1em 0 0;
}

/* admin tabs */

.tabs-wrapper {
  border-bottom: 1px solid #333;
  margin: 0 0 1.4375em;
}

ul.primary {
  border: none;
  margin: 0;
  padding: 0;
}

ul.primary li a {
  background: none;
  border: none;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0;
  padding: 0 1em;
}

ul.primary li a:hover, ul.primary li a.active {
  background: #666;
  border: none;
  color: #fff;
}

ul.primary li a:hover {
  background: #888;
  text-decoration: none;
}

ul.secondary {
  background: #666;
  border-bottom: none;
  clear: both;
  margin: 0;
  padding: 0;
}

ul.secondary li {
  border-right: none;
}

ul.secondary li a, ul.secondary li a:link {
  border: none;
  color: #ccc;
  display: block;
  float: left;
  line-height: 1.5em;
  padding: 0 1em;
}

ul.secondary li a:hover, ul.secondary li a.active {
  background: #888;
  color: #fff;
  text-decoration: none;
}

ul.secondary a.active {
  border-bottom: none;
}


/**
 * 7.NODES
 */

.node {
  margin-bottom: 1.5em;
}

/* tags */

.field-name-field-tags {
  margin: 0 0 1.5em;
}

.field-name-field-tags .field-item {
  margin: 0 1em 0 0;
}

.field-name-field-tags div {
  display: inline;
}

/* profile */

.profile {
  margin: 1.5em 0;
}

.profile h3 {
  border: none;
}

.profile dt {
  margin-bottom: 0;
}

.profile dd {
  margin-bottom: 1.5em;
}

.password-parent {
  width: 36em;
}

/**
 * 8.COMMENTS
 */

#comments {
  clear: both;
  margin-top: 1.5em;
}

.comment {
  margin-bottom: 1.5em;
}

.comment .new {
  color: red;
  text-transform: capitalize;
  margin-left: 1em;
}

/**
 * 9.BLOCKS
 */

.block {
  /*margin-bottom: 1.5em;*/
  /*probably don't want the above line. Am keeping it as a comment just in case it's more important than I think*/
}

#front_highlighted{
	background: url("images/background_75.jpg") repeat scroll 0 0 transparent;
	border-left: 1px solid #B73819;
    border-right: 1px solid #B73819;
    margin-left: 280px;
	padding-right: 5px;
	padding-left: 5px;
    width: 390px;
    
}

#highlighted {
	background: url("images/background_75.jpg") repeat scroll 0 0 transparent;
	border-left: 1px solid #B73819;
    border-right: 1px solid #B73819;
	padding-right: 5px;
	padding-left: 5px;
	width: 50%;
}

/* For blocks that should have borders. */

.border-block {
	border-left: 1px solid #B73819;
    border-right: 1px solid #B73819;
    padding-left: 5px;
    padding-right: 5px;
}

/**
* Internal Navigation, and front page 'quicklinks' use quicklinks class 
*/

.quicklinks{
	text-align: center;
	color: #ffffff;
	padding-bottom: 2px;
}



.quicklinks a {
	background-color: #FEF0C9;
	border: 1px solid #C1CDCD;
    display: block;
	font-family:sans-serif;
	font-weight:bold;
	padding: 10px 10px 10px 10px;  
	margin-left: auto;
	margin-right: auto;
    
}
.quicklinks-ul{ /*for some reason, this is the only way to get rid of defaul ul styling*/
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.quicklinks il{
	list-style: none outside none;
}
.quicklinks a:hover{
	color: #ffffff;
	background-color:#666666;
}
/*For 'see more' links, like the 'see all online exhibitions' link on home page*/
/*add relevant IDs for modifications, if needed*/
.morelink {
	font-size: 80%;
    text-align: right;
}

/*Using classes to replicate the thumbnail right and left look*/
/*For example see member only page */

	
.blockquote-block-right {
    border-left: 1px solid #B73819;
    float: right;
    margin-left: 5px;
	padding-bottom: 10px;
    padding-left: 10px;
	border-left: solid 1px #b73819;
}

/**
* Navigation buttons. Like those found on Fellows page (/library/fellows).
* Style heavily reliant on "I want" buttons, and thus needs to be lower than that on CSS file. Modify as needed.
*/

.fellows {
    background-color: white;
    float: left;
    height: 9em;
    margin-right: 15px;
    width: 30%;
}
/*personalizing the individual nav buttons*/
#welcome {
    background-image: url("/sites/all/themes/framework/images/lib-hall.gif");
    background-position: 0 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#region {
    background-image: url("/sites/all/themes/framework/images/philly.gif");
    background-position: 0 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#requirements {
    background-image: url("/sites/all/themes/framework/images/privileges.gif");
    background-position: 0 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

#libpolicies {
    background-image: url("/sites/all/themes/framework/images/reading-room.gif");
    background-position: 0 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#accommodations {
    background-image: url("/sites/all/themes/framework/images/early-to-bed.gif");
    background-position: 0 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

/*Random Image captions. Mostly for contribute pages*/
.random-image-caption{
    color: #9F2D20;
    font-size: 75%;
	padding-right: 10px;
	
}
.search-tip{ /*tips for searching. Used on /search/node, etc. styled to match home page second-sidebar */
    background: none repeat scroll 0 0 #FEF0C9;
    border: 1px solid #145773;
    border-radius: 10px 10px 10px 10px;
    float: right;
    margin: 0;
    padding-left: 2px;
    padding-right: 5px;

	}
	
/* Libray News block  */
	/* indent body for easier reading  */

.view-library-news {
    margin-left: 2%;
} 
	/* give title some pop */

/**
 * 10. Front Page Slider
 */
/*Keeps the slider (view content) at a managable size. Adjust to move to right or left.*/
/*NOTE: This is the generic class for everything coming from views. Add class/ID for front page slider if need to control just this*/
.view-content{

}
/*background to help keep text readable and slide consistent*/
.views-field-field-slider-image{
	background:#666666; 
}
/*keeping the image space on the slider the right width and height to fit in the space to left of featured content text. (Don't remove the '!important', as height is written in by the module and things can get very confusing) */
.front-page-slider-row{
	height: 300px !important;
	width: 550px !important;
	border: solid #b73819 1px;
}

/*padding here moves only this views, and not all views-content (unlike ".view-content" above).*/ 
.front-slider{

}
.view-slideshow {

}
/*'float' here controls the big picture vis-a-vis the thumbnails */
.views_slideshow_cycle_main{

	
}
.slide_title{
	background-image:url('/sites/all/themes/framework/images/overlay.png');
	float:left; /*keep this to the left of the slider area*/
    position: relative;
    bottom: 125px;
	width: 100%
}
/*Title link stays black*/
.slide_title a{
	color:black;
	padding-left:5px;
}
/*Title link turns APS red when hover */
.slide_title a:hover{
	color:#B73819
}
/*Slide Body is the text that overlays on the slider. 
The following CSS tells it to have a background and a to stay at the bottom of the slider image. */
.slide_body{
	background-image:url('/sites/all/themes/framework/images/overlay.png');
	font-size: 20px; /*trying to make the text readable on slides. change if needed*/
	float:left; /*keep this to the left of the slider area*/
	color: white; /*trying to make the text readable on slides. change if needed*/
    position: relative;
    bottom: 250px;
	width: 50%;
	
	/*height: 50% !important;*/
	/* Took height out to allow for flexibility for the body depending on amount of teaser text on the slide.
	NOTE: if you want the height back, don't remove the '!important', as height is written in by the module and things can get very confusing*/
	}
/*Text of overlay body*/
.slide_body p{

}
/**
* Controls for Slier
**/

/*Page Field Items are the thumbnail controls. The size of the divs are also controled at the ".view-content" section above. */
.views-slideshow-pager-field-item {

}
/* Thumbnail controlers. Floating left to get horizontal effect.*/
.views-content-field-thumbnail {

}
/* Keeping the controls centered*/
.views-slideshow-controls-bottom{
	height: 10px;
    padding-top: 5px;
    text-align: center;
}
/* Replace text controls with arrows*/
#views_slideshow_controls_text_previous_front_page_slider-block{
	background: url("/sites/all/themes/framework/images/sliderArrowLeft.gif") no-repeat scroll 0 0 / 15px 15px transparent;
    height: 50px;
    padding-right: 200px;
	padding-left: 200px;
}

#views_slideshow_controls_text_previous_front_page_slider-block a { /* Remove text */
	display: none;
}
#views_slideshow_controls_text_pause_front_page_slider-block{ /* Remove text. We problably don't need 'pause' at all */
	display: none;
}

#views_slideshow_controls_text_next_front_page_slider-block{
	background: url("/sites/all/themes/framework/images/sliderArrowRight.gif") no-repeat scroll 0 0 / 15px 15px transparent;
    height: 50px;
    padding-right: 40px;
}

#views_slideshow_controls_text_next_front_page_slider-block a { /* Remove text */
	display: none;
}
/* Border around thumbnails */
.views-field-field-thumbnail img {

}
/*Adding a background color here can work, but it shows up between the slides' fade. For now, will leave it off*/
.views-slideshow-pager-field-item:hover {

}

.views-slideshow-controls-bottom .active {
 
}
/*putting slider image on right*/

.views-field-field-slider-image img {
	float:right;
}
/**
*	Featured Content 
*/

/* For the views-generated content to the right of the front page slider*/

.featured-content-title{ /*Spruce up the titles a bit*/
	/* padding-left: 30px; */
	padding-top: 2px;
}
/* Locations for the exhibition section of featured content*/
.views-field-field-exhibition-location {
    padding-left: 10px;
	font-size: 0.8em;
}
/* Date for events section of featured content*/
.featured-content-date {
    padding-left: 10px;
	font-size: 0.8em;
}
/* Global text, added as needed*/
.views-field-nothing{
	padding-left: 10px;
	font-size: 0.8em;
}
/* Body content for news section of featured content*/
.featured-content-body {
    padding-left: 10px;
	font-size: 0.8em;
}

.featured-content{ 
	/*background:url('/sites/all/themes/framework/images/ReadMoreArrow.gif') no-repeat 5px 10px;*/
	/*height: 50px;*/
	padding-left: 30px;
	
}

/*'featured-content-block is the block class.*/
.featured-content-block {
	
}

.featured-content-block h2 {
    background: none repeat scroll 0 0 #666666;
	color:#ffffff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%;
	padding: 2px;
}

/* everybody's favorite front page 'about us' paragraph*/

.front-page-about{
	float: right;
    width: 340px;
}

.front-page-about p {
    padding-left: 20px;
    padding-right: 20px;
    
}
.front-page-about h2 {
		background: none repeat scroll 0 0 #666666;
	color:#ffffff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding: 2px;
	width: 95%;
}

/**
 * Tier-Two Featured Content (front page content under slider)
 * NOTE: If you're looking for the quicklink block style, it's above. It uses the same as the internal navigation.
 */ 
 
 
.tier-two {
    float: left;
}
.tier-two h2{
	background: none repeat scroll 0 0 #666666;
	color:#ffffff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding: 2px;
}
.tier-two.views-row-odd{
	padding-left: 45px;
}

/*Block for quicklinks on the front page*/
/*Many of the styles for quicklinks are defined above under 'blocks' section*/
.quicklinks-block {
    
    
    margin-right: 12px;
    width: 210px;
}
.front-page-publication {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.publications-block img{
	border:1px solid #666;
}
.publications-block h2 {
	   background: none repeat scroll 0 0 #666666;
	color:#ffffff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80%;
	padding: 2px;
}
/* Float the title on top of the cover*/
.featured-publication-title {
    background: none repeat scroll 0 0 #666666;
    text-align: center;
}
.featured-publication-title a { /*Removing usual link color and weight*/
	color: #fff;
	font-weight:normal;
}
.featured-publications-see-more > a { /*See more link under featured publication cover*/
    padding-left: 120px;
	font-size: 0.75em;
}

.publications-block.views-field{
	padding-left:10px;
}

/**
 * 11.Exhibitions
 */
 
 /*Web exhibitions are build using the content types 'Web Exhibition Items' and 'Web Exhibition Text' and views creting blocks. The following is some style to make them look OK. Change as needed.*/
 
 /*split the page in two. give nice background and subtle shadow. classes applied to block at block level.
   */
.exhibit-images {
    background: none repeat scroll 0 0 lightgray;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 2px 2px lightgray;
    height: 20em;
    margin-left: auto;
    margin-right: auto;
	margin-top: 90px;
    overflow: auto;
    padding: 5px;
}
/*Same as exhibit-images above, but no height designation, as the audio player doesn't take up much space.*/
.exhibit-audio {
	background: none repeat scroll 0 0 lightgray;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 2px 2px lightgray;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    padding: 5px;
}
.exhibit-images .morelink{
	/*Edit the "see in digital library" under images if needed*/
}

.exhibit-text {
    background: none repeat scroll 0 0 lightgray;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 2px 2px 2px lightgray;
    height: 30em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    overflow: auto;
    padding: 5px;
}

.web-exhibit-image-title{

}

.web-exhibit-image img{/*For content within the image side (.exhibit-images) of the page. css assigned through view*/
	border:1px solid;
}

.web-exhibit-image img:hover{
	opacity: 0.8;
}

/**
* 12. Blogs
*/
/** taking out taxonomy terms*/

/*.field-type-taxonomy-term-reference {
    display: none;
}
*/
/**
 * 13.FOOTER
 */

#footer {
  clear: both;
  padding: 1.5em 0;
  position: relative;
}

#footer a.feed-icon {
  position: absolute;
  right: 0;
  top: 1.6667em;
}

/**
 * 14.CSS SUPPORT
 *
 * Built-in classes:
 * .clearfix                            | contain floats
 * .element-invisible                   | hide element visually
 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
 * .element-hidden                      | hide visually and from screenreaders
 */
 
/* clear floats */
.clear { clear: both; }

/* display block */
.display-block { display: block; }


/**
* 14.Media Queries
*
**/

/**
@media all and (max-height: 750px) {
  .fixed-menu-block-long{
    position:absolute !important;
  }
}
**/