/* PAGE HEADERS */


/* SEARCH ENGINE DISABLED FOR NOW */
#searchwrap { display: none !important; }

/* 
 * HEADER
 */

/* top header */
div#header { width: 100%; max-width: 960px; margin: 0 auto; }
div#header a.home {
  width: 355px;
  height: 46px;
  display: inline-block;
  background: url(../images/logo_sh.png);
  margin-top: 6px;
}
div#header a.home span { display: none; }

/* header icons */
div#header-icons {
  float: right;
  margin-top: -65px;
  font: 11px avenir;
}
div#header-icons a.login,
div#header-icons a.logout,
div#header-icons a.language,
div#header-icons a.search {
  color: #9E1D20;
  background: url(../images/icons_header.png) top center no-repeat;
  display: inline-block;
  padding: 40px 3px 0 2px;
  text-align: center;
  margin-right: 10px;
  /* width: 50px;*/
  vertical-align: bottom;
}
div#header-icons a.login { background-position: center -80px; }
div#header-icons a.logout { background-position: center -80px; }
div#header-icons a.cart { background-position: center -160px; }
div#header-icons a.cart span {
  position: absolute;
  margin: -39px 0 0 -1px;
  color: #fff;
  font: 12px myriadpro;
  font-weight: bold;
  width: 26px;
}
div#header-icons a.language { background-position: center -240px; }

#langwrap, #searchwrap {
  display: inline-block;
  position: relative;
}

#searchwrap #search-form {
  position: absolute;
  top: 16px;
  right: 70px;
  width: 170px;
  display: none;
  overflow: hidden;
}

#searchwrap #search-form > div {
  width: 200px;
}

#searchwrap .form-submit {
  background: #9E1D20;
  color: white;
  border: none;
  padding: 6px;
  border-radius: 5px;
  margin-left: -10px;
  cursor: pointer;
}

#searchwrap #search-form  label {
  display: none;
}

#searchwrap #search-form .form-text {
  border: 1px solid #9E1D20;
  border-radius: 5px;
  padding: 5px;
  width: 100px;
}

/* top bar with menu */
div#header-menu {
  height: 25px;
  border-top: #C77D7F 1px solid;
  border-bottom: #C77D7F 1px solid;
  text-align: center;
  font: 0.8em myriadpro;
  background-color: #9E1D20;
  text-align: right;
}
div#header-menu div#header-menu-menu {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
div#header-menu div#header-menu-menu a {
  text-transform: uppercase;
  margin: 0 10px 0 25px;
  color: #fff;
  line-height: 27px;
  font-weight: bold;
}

.region-destra {
  display: inline-block;
  position: relative;
  top: 4px;
}

#block-dh-custom-login-dropdown a {
  display: none;
}

#block-dh-custom-login-dropdown a.login, #block-dh-custom-login-dropdown a.logout {
  display: block
}


/* 
 * MASTHEAD
 */

/* internal - masthead */
body:not(.front) div#masthead { width: 100%; padding-bottom: 30px; background: url(../images/selfic_paintings/orphan-pages.jpg) top center no-repeat; }
body:not(.front) div#masthead div#white-75 { background: url(../images/white_85.png); width: 100%; }
body:not(.front) div#masthead-name { width: 100%; max-width: 960px; margin: 0 auto; font: 16px avenir; padding-bottom: 10px; }
body:not(.front) div#sector-logo { background: url(../images/sectors_symbols_big.png) 180px 300px no-repeat; width: 80px; height: 150px; margin-left: 106px; margin-right: 10px; float: left; }
body:not(.front) div#masthead-name h1 { font: 3em avenir; margin-bottom: -8px; color: #9F1F23; }
body:not(.front) div#masthead-name p { margin: 0; margin-right: 10px; font-size: 1.2em; }
div#masthead-name div#masthead-links { text-align: left; }
div#masthead-name div#masthead-links a { text-transform: uppercase; font-weight: bold !important; background: #F5F4F8; font: 0.9em myriadpro; color: #6D6E71; padding: 3px 16px; margin-right: 50px; }
div#masthead-name div#masthead-links a:last-child { border: none; }
div#masthead-name div#masthead-links a:hover { color: #000 }

@media screen and (min-width: 0px) and (max-width: 470px) {
  div#masthead-name div#masthead-links { text-align: center; }
  div#masthead-name div#masthead-links a { display: inline-block; margin: 5px 0 0 0; font-size: 0.7em; padding: 5px; }
}

/* sector logo */
body.spiritual-vision div#sector-logo { background-position: 0 23px; }
body.research-and-experimentation div#sector-logo { background-position: 0 -127px; }
body.study-with-us div#sector-logo { background-position: 0 -277px; }
body.create-sustainability div#sector-logo { background-position: 0 -427px; }
body.live-community div#sector-logo { background-position: 0 -577px; }
body.share-experiences div#sector-logo { background-position: 0 -727px; }
body.come-visit div#sector-logo { background-position: 0 -877px; }
body.art-and-creativity div#sector-logo { background-position: 0 -1027px; }

/* masthead */
body.spiritual-vision div#masthead { background: url(../images/selfic_paintings/01-spiritual-vision.jpg) top center no-repeat; }
body.research-and-experimentation div#masthead { background: url(../images/selfic_paintings/02-research-and-experimentation.jpg) top center no-repeat; }
body.study-with-us div#masthead { background: url(../images/selfic_paintings/03-study-with-us.jpg) top center no-repeat; }
body.create-sustainability div#masthead { background: url(../images/selfic_paintings/04-create-sustainability.jpg) top center no-repeat; }
body.live-community div#masthead { background: url(../images/selfic_paintings/05-live-community.jpg) top center no-repeat; }
body.share-experiences div#masthead { background: url(../images/selfic_paintings/06-share-experiences.jpg) top center no-repeat; }
body.come-visit div#masthead { background: url(../images/selfic_paintings/07-come-visit.jpg) top center no-repeat; }
body.art-and-creativity div#masthead { background: url(../images/selfic_paintings/08-art-and-creativity.jpg) top center no-repeat; }

/* main slogan */
body.spiritual-vision div#masthead-name h1 { color: #6F2C91; }
body.research-and-experimentation div#masthead-name h1 { color: #9E070C; }
body.study-with-us div#masthead-name h1 { color: #F37021; }
body.create-sustainability  div#masthead-name h1 { color: #207A0F; }
body.live-community div#masthead-name h1 { color: #FFA000; }
body.share-experiences div#masthead-name h1 { color: #9F1261; }
body.come-visit div#masthead-name h1 { color: #0B68FF; }
body.art-and-creativity div#masthead-name h1 { color: #3600E7; }


/* 320 */
@media screen and (min-width: 0px) and (max-width: 470px) {
  div#masthead-name { text-align: center; padding: 20px 0 !important; }
  div#masthead-name #sector-logo { display: none; }
  div#masthead-name h1 { font-size: 1.7em !important; } 
  div#masthead-name p { padding-top: 10px; font-size: 1em !important; } 
  div#header a.home {
    width: 176px !important;
    height: 23px !important;
    background: url(../images/logo_sh_lit.png) !important;;
    top: -30px !important;
    position: relative !important;
  }
}