/* Home page styles */

#skip-link { display: none; }

/* 
 * MASTHEAD
 */

body.front div#masthead {
  width: 100%;
  padding-bottom: 30px;
}

/* home slider */
.view-home-page-slider { width: 100%; overflow: hidden; }
.view-home-page-slider div { overflow: hidden; width: 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: top center; }
.view-home-page-slider a { display: block; height: 100%; }
.view-home-page-slider a[href="javascript:;"] { cursor: default; }
.view-home-page-slider .views-row { position: absolute; }
.view-home-page-slider .imgurl { display: none; }
.view-home-page-slider span  {
  color: #E0411A;
  font-weight: normal;
  background-color: rgba(255,255,255,0.85);
  position: absolute;
  width: 100%;
  text-align: center;
}

/* Main links */
/* homepage - footer sitemap */
body.front div#hp-sitemap { position: relative; text-align: center; width: 100%; }
body.front div#hp-sitemap .category { display: inline-block; margin: 0 5px 20px; }
body.front div#hp-sitemap .categorylink-main {
  opacity: 0.5;
  font-size: 14px;
  text-transform: uppercase;
  padding-top: 80px;
  height: 45px;
  display: block;
  font-weight: bold;
}
body.front div#hp-sitemap .categorylink-sub { opacity: 0.5; display: block; font-size: 14px; }

/* logos */
body.front div#hp-sitemap .category { background: url(../images/icons_footer.png) center top no-repeat; }
body.front div#hp-sitemap .categorylink-sub { height: 25px; }
body.front div#hp-sitemap div.category-1 { background-position: center 0px; }
body.front div#hp-sitemap div.category-2 { background-position: center -306px; }
body.front div#hp-sitemap div.category-4 { background-position: center -612px; }
body.front div#hp-sitemap div.category-5 { background-position: center -918px; }
body.front div#hp-sitemap div.category-6 { background-position: center -1224px; }
body.front div#hp-sitemap div.category-8 { background-position: center -1530px; }
body.front div#hp-sitemap .category:hover a { opacity: 1; }

/* h1 */
body.front div#hp-sitemap div.category-1:hover .categorylink-main,
body.front div#hp-sitemap div.category-1 .categorylink-sub:hover { color: #6F2C91; }
body.front div#hp-sitemap div.category-2:hover .categorylink-main,
body.front div#hp-sitemap div.category-2 .categorylink-sub:hover { color: #9E1D20; }
body.front div#hp-sitemap div.category-4:hover .categorylink-main,
body.front div#hp-sitemap div.category-4 .categorylink-sub:hover { color: #247B3D; }
body.front div#hp-sitemap div.category-5:hover .categorylink-main,
body.front div#hp-sitemap div.category-5 .categorylink-sub:hover { color: #F9A01B; }
body.front div#hp-sitemap div.category-6:hover .categorylink-main,
body.front div#hp-sitemap div.category-6 .categorylink-sub:hover { color: #9E2063; }
body.front div#hp-sitemap div.category-8:hover .categorylink-main,
body.front div#hp-sitemap div.category-8 .categorylink-sub:hover { color: #464DA1; }


/* 
 * SOCIAL NEWTORKS
 */

/* social networks general styles */
div#socials {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  text-align: right;
  font-weight: bold;
  padding-bottom: 30px;
}
div#socials div#social-share,
div#social-follow {
  display: inline-block;
  margin-left: 30px;
}
div#socials div.title {
  margin-right: 0px;
  display: inline-block;
  height: 28px;
}
div#socials a {
  height: 30px;
  width: 30px;
  display: inline-block;
  background: url(../images/icons_socials_home.png) left center no-repeat;
}
div#socials a span { display: none; }

/* home page social networks */
div#socials {
  color: #4168B2;
  font-size: 0.8em;
  font-weight: normal;
}
div#socials div.title {
  margin-left: 50px;
  margin-right: 5px;
  line-height: 26px;
  vertical-align: top;
}

/* home page logos */
body.front div#socials .follow-facebook { background-position: left top; }
body.front div#socials .follow-googleplus { background-position: -38px top; }
body.front div#socials .follow-youtube { background-position: -76px top; }
body.front div#socials .follow-twitter { background-position: -114px top; }
body.front div#socials .follow-flickr { background-position: -152px top; }
body.front div#socials .follow-pinterest { background-position: -190px top; }
body.front div#socials .follow-foursquare { background-position: -228px top; }
body.front div#socials .follow-livestream { background-position: -342px top; }
body.front div#socials .follow-others { background-position: -379px top; }
body.front div#socials .follow-quora { background-position: -418px top; }
body.front div#socials .share-facebook { background-position: -266px top; }
body.front div#socials .share-twitter { background-position: -304px top; }

/* mouseover effects */
body.front div#socials span { display: none; }
body.front div#socials .follow-facebook:hover { background-position: left -38px; }
body.front div#socials .follow-googleplus:hover { background-position: -38px -38px; }
body.front div#socials .follow-youtube:hover { background-position: -76px -38px; }
body.front div#socials .follow-twitter:hover { background-position: -114px -38px; }
body.front div#socials .follow-flickr:hover { background-position: -152px -38px; }
body.front div#socials .follow-pinterest:hover { background-position: -190px -38px; }
body.front div#socials .follow-foursquare:hover { background-position: -228px -38px; }
body.front div#socials .follow-livestream:hover { background-position: -342px -38px; }
body.front div#socials .follow-others:hover { background-position: -379px -38px; }
body.front div#socials .follow-quora:hover { background-position: -418px -38px; }
body.front div#socials .share-facebook:hover { background-position: -266px -38px; }
body.front div#socials .share-twitter:hover { background-position: -304px -38px; }

body.front #masthead { max-width: 100%; overflow: hidden; }


/* 
 * HOMEPAGE BLOCKS
 */
div#blocks { text-align: center; width: 100%; margin: 0 auto; } 
div#blocks h2 a { color: #464CA0 !important; background-color: none !important; }
div#blocks img { width: auto; height: 100%; }
div#blocks a { text-decoration: none; }
div#blocks a,
div#blocks p { font-weight: bold; }
div#blocks div.block { display: inline-block; text-align: left; vertical-align: top; }
div#blocks div.block h2 { color: #464CA0; display: inline-block; background: url(../images/hp_block_title_background.png) bottom right no-repeat; } 
div#blocks div.block a { color: #464CA0; }
.view-home-page-boxes .views-field-field-link { display: none; }
.view-home-page-boxes .view-content > a { display: block; position: absolute; }
.view-home-page-boxes .view-content > a { display: block; position: absolute; }
.view-home-page-boxes .views-field-title { color: #464CA0; display: inline-block; background: url(../images/hp_block_title_background.png) bottom right no-repeat; position: absolute; top: 0px; }
a.view-home-page-boxes .views-field-field-subtitle {
  border: #ff0 2px solid;
  padding: 0 10px;
  color: #fff;
  text-decoration: none;
  position: absolute;
  width: calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: -o-calc(100% - 20px);
}

/* temples of humankinds */
body.front div#blocks div.temple-of-humankind { overflow: hidden; }
body.front div#blocks div.temple-of-humankind a { position: absolute; overflow: hidden; }
body.front div#blocks div.temple-of-humankind h2 { white-space: nowrap; position: absolute; z-index: 100; margin: -2px 0 0 -2px; }
body.front div#blocks div.temple-of-humankind a:hover p { background-color: #4A1AE9; }
body.front div#blocks div.temple-of-humankind p { font-weight: bold; background-color: #3600E7; color: #fff; z-index: 1000; position: absolute; margin-top: -50px; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); padding: 12px 10px 15px 10px; }

/* shop */
div#blocks div.shop { overflow: hidden; }
div#blocks div.shop a { position: absolute; overflow: hidden; }
div#blocks div.shop h2 { white-space: nowrap; position: absolute; z-index: 100; margin: -2px 0 0 -2px; }
div#blocks div.shop a:hover p { background-color: #F37A53; }
div#blocks div.shop p { font-weight: bold; background-color: #F26B3F; color: #fff; z-index: 1000; position: absolute; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: -50px; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); padding: 12px 10px 15px 10px; }

/* news */
div#blocks div.news { overflow: hidden; }
div#blocks div.news img { width: 100%; height: 100%; }
div#blocks div.news a { position: absolute; overflow: hidden; }
div#blocks div.news h2 { white-space: nowrap; position: absolute; z-index: 100; margin: -2px 0 0 -2px; }
div#blocks div.news a:hover p { background-color: #FAAA32; }
div#blocks div.news p { font-weight: bold; background-color: #F9A01B; color: #fff; z-index: 1000; position: absolute; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: -50px; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); padding: 12px 10px 15px 10px; }

/* just ahead at damanhur */
div#blocks div.ahead-damanhur { background-color: #4269B2; }
div#blocks div.ahead-damanhur h2 { margin: -2px 0 0 -2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div#blocks div.ahead-damanhur h2 a { font-weight: normal; text-overflow: ellipsis; }
div#blocks div.ahead-damanhur .view-content a { color: #fff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 10px; }
body.front div#blocks div.ahead-damanhur .view-content a:hover { background-color: #5578BA; }
div#blocks div.ahead-damanhur a span { display: block; font-weight: normal; }
div#blocks div.ahead-damanhur a p { line-height: 1em; font-weight: bold !important; }

/* important links */
body.front div#blocks div.important-links { background: #fff; }
body.front div#blocks div.important-links h2 { color: #6D6E71; background: url(../images/important_links.jpg) 0 0 no-repeat; font-weight: normal !important; background-size: auto 100%; }
body.front div#blocks div.important-links p { color: #2D3192; padding: 0; margin: 0; }
body.front div#blocks div.important-links a { display: block; text-decoration: none; color: #2E3192; }
body.front div#blocks div.important-links a:hover { text-decoration: underline; }

/* important links new *
body.front div#blocks div.important-links { background: #fff; }
body.front div#blocks div.important-links h2 { color: #6D6E71; background: url(../images/important_links.jpg) 0 0 no-repeat; font-weight: normal !important; background-size: auto 100%; width: 30px; float: left; }
body.front div#blocks div.important-links p { color: #2D3192; padding: 0; margin: 0; display: inline; line-height: 1.2em !important; }
body.front div#blocks div.important-links a { display: block; text-decoration: none; color: #2E3192; font-size: 1.4em !important; margin-bottom: 1em; }
body.front div#blocks div.important-links a:hover { text-decoration: underline; }

/* donate */
body.front div#blocks div.donate { overflow: hidden; }
body.front div#blocks div.donate a { position: absolute; overflow: hidden; display: block; }
body.front div#blocks div.donate h2 { white-space: nowrap; position: absolute; z-index: 100; margin: -2px 0 187px -2px; }
body.front div#blocks div.donate a:hover p { background-color: #378827; }
body.front div#blocks div.donate p { font-weight: bold; padding: 12px 10px 15px 10px; background-color: #207A0F; color: #fff; z-index: 1000; margin-top: -50px; position: absolute; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/* testimonials */
div#blocks div.testimonial { background: #fff; color: #2E3192; text-align: center; }
div#blocks div.testimonial div { position: absolute; }
div#blocks div.testimonial img { width: 67px; height: 67px; }
div#blocks div.testimonial p { font-style: italic; font-size: 1.1em; line-height: 1.2em; text-align: left; } 
div#blocks div.testimonial strong { display: block; text-align: right; font-weight: normal; }

/* newsletter */
body.front div#blocks div.newsletter { background: #FBB040; }
body.front div#blocks div.newsletter h2 { margin: -2px 0 0 -2px; }
body.front div#blocks div.newsletter p { padding: 0 10px; margin: 0; font-weight: bold; line-height: 40px; }
body.front div#blocks div.newsletter button { border: 0; background: #7DBF2D; }
body.front div#blocks div.newsletter button:disabled { background: #ccc; color: #999; }

/* new newsletter */
#newsletter-wrap { padding: 0 10px; color: white; min-height: 225px; }
#newsletter-wrap input, #newsletter-wrap select { background: white; color: #000; border: none; display: inline-block; margin-bottom: 6px; }
#newsletter-wrap img { height: 42px !important; float: right; margin-top: -30px;  }
#newsletter-wrap p { line-height: normal !important; font-weight: normal !important; padding: 10px !important;}
#newsletter-wrap input { width: 290px; }
#newsletter-wrap select { width: 310px; }
#newsletter-wrap label { min-width: 305px; margin-bottom: 6px; cursor: pointer; }
#newsletter-wrap input[type=checkbox] { width: 10px; }
#newsletter-wrap button { width: 100%; padding: 5px; color: #000; }
body.front .newsletter-close { display: none; }
/* end new */

#edit-submit-button[disabled] { opacity: 0.5; color: #ccc; }
.newsletter-close { position: absolute; right: 7px; top: 5px; font-weight: bold; font-family: helvetica, arial, sans-serif; transform: scale(1.5,1); -ms-transform: scale(1.5,1); -webkit-transform: scale(1.5,1); cursor: pointer; }

/* damanhur in the world */
body.front div#blocks div.damanhur-in-the-world { background: #9E2063; }
body.front div#blocks div.damanhur-in-the-world h2 { margin: -2px 0 0 -2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.front div#blocks div.damanhur-in-the-world .view-content a { color: #fff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 5px 10px; }
body.front div#blocks div.damanhur-in-the-world .view-content a:hover { background-color: #A83773; }
body.front div#blocks div.damanhur-in-the-world .view-content { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.front div#blocks div.damanhur-in-the-world .view-content a:hover { background-color: #A83773 !important; }
body.front div#blocks div.damanhur-in-the-world a div { display: inline-block; font-weight: normal !important; }
body.front div#blocks div.damanhur-in-the-world a p { margin: 0; line-height: 1em; font-weight: bold; overflow: hidden; text-overflow: ellipsis; }

/* Front carousel *
.frontcarousel .view-content { position: relative; }
.frontcarousel .views-row { position: absolute; }
.view-front-page-products .views-field-title a {
  display: block;
  padding: 10px;
  color: #fff;
  text-decoration: none;
  font: 16px myriadpro;
  margin-top: 190px;
  font-weight: bold;
  background-color: #F15A29;
  position: absolute;
  top: 53px;
  width: 200px;
}

/* Aggregator *
div#blocks div.news { position: relative; }
div#blocks div.news .feed-item {
  width: 330px;
  height: 284px;
  display: block;
  position: absolute;
  background-size: 100%;
}

/*
 * FOOTER 
 */
body.front div#cnt-footer { width: 100%; background: #2E3192; }
body.front div#footer-front { width: 100%; margin: 0 auto; }

/* homepage - footer info */
body.front div#footer-front div#footer-bottom { padding: 20px 0; }
body.front div#footer-front div#footer-bottom ul,
body.front div#footer-front div#footer-bottom li { list-style: none; display: inline; padding: 0; }
body.front div#footer-front div#footer-bottom a { color: #fff; padding: 0 10px; font-size: 0.7em; text-transform: uppercase; border-right: 1px solid white; display: inline-block; }
body.front div#footer-front div#footer-bottom ul li:last-child a { border-right: none; }

/* homepage - footer loghi */
body.front div#footer-front div#footer-loghi div { text-align: center; display: inline-block; vertical-align: top; margin: 0 5px; line-height: 30px; height: 100%; }
body.front div#footer-front div#footer-loghi div a { display: block; }
body.front div#footer-front div#footer-loghi span { display: none }
body.front div#footer-front div#footer-loghi div#footer-dh a { 
  background: url(../images/logo_dh_f.png) top center no-repeat; 
  background-size: auto 65%;
  padding-top: 42px; 
  font: 0.6em "skia"; 
  text-transform: uppercase; 
  text-align: center; 
  color: #fff; 
}
body.front div#footer-front div#footer-loghi div#footer-indie a { 
  background: url(../images/logo_indiegogo.png) top center no-repeat;
  background-size: 70% auto;
  padding-top: 30px;
  padding: 20px;
}
body.front div#footer-front div#footer-loghi div#footer-tdu a { 
  background: url(../images/logo_tdu_f.png) top center no-repeat;
  background-size: 70% auto;
  padding-top: 30px;
  font-size: 0.6em;
  color: #fc0;
}
body.front div#footer-front div#footer-loghi div#footer-plants a { 
  background: url(../images/logo_plants_f.png) top center no-repeat;
  background-size: 100% auto;
  padding-top: 50px;
  margin: 0 auto;
  width: 50px; 
}


/* MEDIA QUERIES */

/* 980 */
@media screen and (min-width: 981px) {
  /* slider */
  .view-home-page-slider,
  .view-home-page-slider div { height: 555px; }
  .view-home-page-slider span { font: 2.6em avenir; padding: 25px; }
  /* sitemap */
  body.front div#hp-sitemap { font: 16px myriadpro; max-width: 960px; margin: -90px auto 0; }
  body.front div#hp-sitemap .category { width: 147px; }
  /* blocks */
  div#blocks { max-width: 960px; }
  div#blocks p { font: 1em myriadpro; line-height: 50px; }
  div#blocks div.single { width: 220px; }
  div#blocks div.double { width: 330px; }
  div#blocks div.block { height: 284px; margin: 0 4px 20px 4px; }
  div#blocks div.block h2 { font: 1.5em myriadpro; padding: 0 30px 0 10px; line-height: 53px; } 
  .view-home-page-boxes .views-field-title { font: 1.5em myriadpro; padding: 0 30px 0 10px; line-height: 53px; }
  a.view-home-page-boxes .views-field-field-subtitle { line-height: 45px !important; } 
  /* single block properties */
  body.front div#blocks div.temple-of-humankind a { width: 330px; height: 284px; }
  body.front div#blocks div.temple-of-humankind p { line-height: 20px; }
  div#blocks div.shop a { width: 220px; height: 284px; }
  div#blocks div.shop p { line-height: 20px; }
  div#blocks div.news a { width: 330px; height: 284px; }
  div#blocks div.news p { line-height: 20px; }
  div#blocks div.ahead-damanhur a span { font-size: 0.8em; }
  div#blocks div.ahead-damanhur a p { font-size: 1.12em; margin: 5px 0; }
  body.front div#blocks div.important-links h2 { height: 39px; text-indent: 53px; padding-top: 20px; }
  body.front div#blocks div.important-links p { font-size: 26px; font-weight: bold; line-height: 35px; }
  body.front div#blocks div.important-links a { font: 18px myriadpro; margin-top: 10px; }
  div#blocks div.donate a { width: 220px; height: 284px; }
  div#blocks div.donate p { line-height: 20px; }
  div#blocks div.testimonial { font-size: 0.8em; }
  div#blocks div.testimonial div { width: 220px; }
  #newsletter-wrap input { font-size: 14px; padding: 3px 10px; }
  #newsletter-wrap #edit-email { width: 200px; }
  #newsletter-wrap #edit_version_chosen,
  #newsletter-wrap #edit_country_chosen { width: 220px !important; }
  #newsletter-wrap a.chosen-single { width: 220px; line-height: 25px; }
  #newsletter-wrap .form-item-privacy div { line-height: 1em; font-size: 0.8em; width: 220px; margin-left: 5px; }
  #newsletter-wrap .form-item-privacy a { font-size: 0.8em; }
  body:not(.front) #newsletter-wrap .form-item-privacy div { width: 200px; }
  #newsletter-wrap label { width: 50px; font-size: 13px; }
  #newsletter-wrap .form-submit { margin-left: 65px; margin-top: 15px; }
  body:not(.front) #newsletter-wrap .form-submit { margin: 35px 0 10px 65px; }
  #newsletter-wrap .form-item { margin: 0.5em 0px; }
  div#blocks div.damanhur-in-the-world a { padding: 7px 10px; font: 1.12em myriadpro; } 
  div#blocks div.damanhur-in-the-world a div { font-size: 0.7em; }
  div#blocks div.damanhur-in-the-world a div:first-child { width: 140px; }
  /* footer */
  div#footer { width: 920px; }
  body.front div#footer-front { max-width: 920px; }
  body.front div#footer-front div#footer-bottom { width: 500px; }
  body.front div#footer-front div#footer-last { margin-top: 30px; padding: 30px 0; }
  body.front div#footer-front div#footer-last div#footer-bottom,
  body.front div#footer-front div#footer-last div#footer-loghi { margin-top: -16px; }
  body.front div#footer-front div#footer-last div#footer-bottom,
  body.front div#footer-front div#footer-last div#footer-loghi { display: inline; }
  body.front div#footer-front div#footer-loghi { width: 280px; text-align: right; float: right; }
}

/* 800 */
@media screen and (min-width: 801px) and (max-width: 980px) {
  /* slider */
  .view-home-page-slider,
  .view-home-page-slider div { height: 505px; }
  .view-home-page-slider span { font: 2em avenir; padding: 20px; }
  /* sitemap */
  body.front div#hp-sitemap { font: 16px myriadpro; max-width: 780px; margin: -90px auto 0; }
  body.front div#hp-sitemap .category { width: 190px; }
  /* blocks */
  div#blocks { max-width: 780px; }
  div#blocks p { font: 0.9em myriadpro; }
  div#blocks div.single { width: 175px; }
  div#blocks div.double { width: 260px; }
  div#blocks div.block { height: 224px; margin: 0 4px 20px 4px; }
  div#blocks div.block h2 { font: 1.1em myriadpro; padding: 0 30px 0 10px; line-height: 43px; } 
  /* single block properties */
  body.front div#blocks div.temple-of-humankind a { width: 260px; height: 224px; }
  body.front div#blocks div.temple-of-humankind p { line-height: 20px; }
  div#blocks div.shop a { width: 175px; height: 224px; }
  div#blocks div.shop p { line-height: 20px; }
  div#blocks div.news a { width: 260px; height: 224px; }
  div#blocks div.news p { line-height: 20px; }
  div#blocks div.ahead-damanhur a span { font-size: 0.7em; }
  div#blocks div.ahead-damanhur a p { font-size: 0.9em; margin: 2px 0; }
  body.front div#blocks div.important-links h2 { height: 25px; text-indent: 25px; padding-top: 20px; }
  body.front div#blocks div.important-links p { font-size: 1.3em; }
  body.front div#blocks div.important-links a { font: 0.9em myriadpro; margin-top: 8px; }
  div#blocks div.donate a { width: 175px; height: 224px; }
  div#blocks div.donate p { line-height: 12px; }
  div#blocks div.testimonial { font-size: 0.68em; }
  div#blocks div.testimonial div { width: 175px; }
  div#blocks div.testimonial img { width: 50px; height: auto; }
  #newsletter-wrap p { display: none; }
  #newsletter-wrap input { font-size: 14px; padding: 3px 10px; }
  #newsletter-wrap #edit-email { width: 150px; }
  #newsletter-wrap #edit_version_chosen,
  #newsletter-wrap #edit_country_chosen { width: 170px !important; }
  #newsletter-wrap a.chosen-single { width: 170px; line-height: 25px; }
  #newsletter-wrap .form-item-privacy div { line-height: 1em; font-size: 0.7em; width: 180px; margin-left: 5px; }
  #newsletter-wrap .form-item-privacy a { font-size: 0.8em; }
  body:not(.front) #newsletter-wrap .form-item-privacy div { width: 160px; }
  #newsletter-wrap label { width: 50px; font-size: 13px; }
  #newsletter-wrap .form-submit { margin-left: 53px; margin-top: 20px; }
  body:not(.front) #newsletter-wrap .form-submit { margin: 35px 0 10px 65px; }
  #newsletter-wrap .form-item { margin: 0.5em 0px; }
  div#blocks div.damanhur-in-the-world a { padding: 4px 10px; }
  div#blocks div.damanhur-in-the-world a div { font-size: 0.7em; }
  div#blocks div.damanhur-in-the-world a div:first-child { width: 120px; }
  /* footer */
  body.front div#footer-front { max-width: 740px; }
  body.front div#footer-front div#footer-last div#footer-bottom,
  body.front div#footer-front div#footer-bottom,
  body.front div#footer-front div#footer-loghi { display: block; width: 100%; text-align: center; max-width: 740px; }
  body.front div#footer-front div#footer-last div#footer-bottom,
  body.front div#footer-front div#footer-last div#footer-loghi { margin-top: -16px; }
  body.front div#footer-front div#footer-bottom { line-height: 10px; }
  body.front div#footer-front div#footer-loghi { width: 100%; text-align: center; }
}

/* 600 */
@media screen and (min-width: 601px) and (max-width: 800px) {
  /* slider */
  .view-home-page-slider,
  .view-home-page-slider div { height: 405px; }
  .view-home-page-slider span { font: 2em avenir; padding: 20px; }
  /* sitemap */
  body.front div#hp-sitemap { font: 16px myriadpro; max-width: 780px; margin: -90px auto 0; }
  body.front div#hp-sitemap .category { width: 190px; }
  /* blocks */
  div#blocks { max-width: 580px; }
  div#blocks p { font: 1em myriadpro; line-height: 50px; }
  div#blocks div.single { width: 220px; }
  div#blocks div.double { width: 330px; }
  div#blocks div.block { height: 284px; margin: 0 4px 20px 4px; }

  div#blocks div.block h2 { font: 1.5em myriadpro; padding: 0 30px 0 10px; line-height: 53px; } 
  .view-home-page-boxes .views-field-title { font: 1.5em myriadpro; padding: 0 30px 0 10px; line-height: 53px; }
  a.view-home-page-boxes .views-field-field-subtitle { line-height: 45px !important; } 
  /* single block properties */
  body.front div#blocks div.temple-of-humankind a { width: 330px; height: 284px; }
  body.front div#blocks div.temple-of-humankind p { line-height: 20px; }
  div#blocks div.shop a { width: 220px; height: 284px; }
  div#blocks div.shop p { line-height: 20px; }
  div#blocks div.news { width: 220px; }
  div#blocks div.news a { width: 220px; height: 284px; }
  div#blocks div.news p { line-height: 20px; }
  div#blocks div.ahead-damanhur a span { font-size: 0.8em; }
  div#blocks div.ahead-damanhur a p { font-size: 1.12em; margin: 5px 0; }
  body.front div#blocks div.important-links h2 { height: 39px; text-indent: 53px; padding-top: 20px; }
  body.front div#blocks div.important-links p { font-size: 26px; font-weight: bold; line-height: 35px; }
  body.front div#blocks div.important-links a { font: 18px myriadpro; margin-top: 10px; }
  div#blocks div.donate a { width: 220px; height: 284px; }
  div#blocks div.donate p { line-height: 20px; }
  div#blocks div.testimonial { font-size: 0.8em; }
  div#blocks div.testimonial div { width: 220px; }
  #newsletter-wrap input { font-size: 14px; padding: 3px 10px; }
  #newsletter-wrap #edit-email { width: 200px; }
  #newsletter-wrap #edit_version_chosen,
  #newsletter-wrap #edit_country_chosen { width: 220px !important; }
  #newsletter-wrap a.chosen-single { width: 220px; line-height: 25px; }
  #newsletter-wrap .form-item-privacy div { line-height: 1em; font-size: 0.8em; width: 220px; margin-left: 5px; }
  #newsletter-wrap .form-item-privacy a { font-size: 0.8em; }
  body:not(.front) #newsletter-wrap .form-item-privacy div { width: 200px; }
  #newsletter-wrap label { width: 50px; font-size: 13px; }
  #newsletter-wrap .form-submit { margin-left: 65px; margin-top: 15px; }
  body:not(.front) #newsletter-wrap .form-submit { margin: 35px 0 10px 65px; }
  #newsletter-wrap .form-item { margin: 0.5em 0px; }
  div#blocks div.damanhur-in-the-world { width: 560px; } 
  div#blocks div.damanhur-in-the-world a { padding: 7px 10px; font: 1.12em myriadpro; } 
  div#blocks div.damanhur-in-the-world a div { font-size: 0.7em; }
  div#blocks div.damanhur-in-the-world a div:first-child { width: 400px; }
  /* footer */
  body.front div#footer-front { max-width: 580px; }
  body.front div#footer-front div#footer-last div#footer-bottom,
  body.front div#footer-front div#footer-last div#footer-loghi { margin-top: -16px; }
  body.front div#footer-front div#footer-bottom,
  body.front div#footer-front div#footer-loghi { width: 100%; text-align: center; }
  body.front div#footer-front div#footer-bottom { line-height: 10px; }
}

/* 480 */
@media screen and (min-width: 471px) and (max-width: 600px) {
  /* slider */
  .view-home-page-slider,
  .view-home-page-slider div { height: 555px; }
  .view-home-page-slider span { font: 2.6em avenir; padding: 25px; }
  /* sitemap */
  body.front div#hp-sitemap { font: 16px myriadpro; max-width: 960px; margin: -90px auto 0; }
  body.front div#hp-sitemap .category { width: 147px; }
  /* blocks */
  div#blocks { max-width: 960px; }
  div#blocks p { font: 1em myriadpro; line-height: 50px; }
  div#blocks div.single { width: 220px; }
  div#blocks div.double { width: 330px; }
  div#blocks div.block { height: 284px; margin: 0 4px 20px 4px; }
  div#blocks div.block h2 { font: 1.5em myriadpro; padding: 0 30px 0 10px; line-height: 53px; } 
  .view-home-page-boxes .views-field-title { font: 1.5em myriadpro; padding: 0 30px 0 10px; line-height: 53px; }
  a.view-home-page-boxes .views-field-field-subtitle { line-height: 45px !important; } 
  /* single block properties */
  body.front div#blocks div.temple-of-humankind a { width: 330px; height: 284px; }
  body.front div#blocks div.temple-of-humankind p { line-height: 20px; }
  div#blocks div.shop a { width: 220px; height: 284px; }
  div#blocks div.shop p { line-height: 20px; }
  div#blocks div.news a { width: 330px; height: 284px; }
  div#blocks div.news p { line-height: 20px; }
  div#blocks div.ahead-damanhur a span { font-size: 0.8em; }
  div#blocks div.ahead-damanhur a p { font-size: 1.12em; margin: 5px 0; }
  body.front div#blocks div.important-links h2 { height: 39px; text-indent: 53px; padding-top: 20px; }
  body.front div#blocks div.important-links p { font-size: 26px; font-weight: bold; line-height: 35px; }
  body.front div#blocks div.important-links a { font: 18px myriadpro; margin-top: 10px; }
  div#blocks div.donate a { width: 220px; height: 284px; }
  div#blocks div.donate p { line-height: 20px; }
  div#blocks div.testimonial { font-size: 0.8em; }
  div#blocks div.testimonial div { width: 220px; }
  #newsletter-wrap input { font-size: 14px; padding: 3px 10px; }
  #newsletter-wrap #edit-email { width: 200px; }
  #newsletter-wrap #edit_version_chosen,
  #newsletter-wrap #edit_country_chosen { width: 220px !important; }
  #newsletter-wrap a.chosen-single { width: 220px; line-height: 25px; }
  #newsletter-wrap .form-item-privacy div { line-height: 1em; font-size: 0.8em; width: 220px; margin-left: 5px; }
  #newsletter-wrap .form-item-privacy a { font-size: 0.8em; }
  body:not(.front) #newsletter-wrap .form-item-privacy div { width: 200px; }
  #newsletter-wrap label { width: 50px; font-size: 13px; }
  #newsletter-wrap .form-submit { margin-left: 65px; margin-top: 15px; }
  body:not(.front) #newsletter-wrap .form-submit { margin: 35px 0 10px 65px; }
  #newsletter-wrap .form-item { margin: 0.5em 0px; }
  div#blocks div.damanhur-in-the-world a { padding: 7px 10px; font: 1.12em myriadpro; } 
  div#blocks div.damanhur-in-the-world a div { font-size: 0.7em; }
  div#blocks div.damanhur-in-the-world a div:first-child { width: 140px; }
  /* footer */
  div#footer { width: 920px; }
  body.front div#footer-front { max-width: 920px; }
  body.front div#footer-front div#footer-bottom { width: 500px; }
  body.front div#footer-front div#footer-last { margin-top: 30px; padding: 30px 0; }
  body.front div#footer-front div#footer-last div#footer-bottom,
  body.front div#footer-front div#footer-last div#footer-loghi { margin-top: -16px; }
  body.front div#footer-front div#footer-last div#footer-bottom,
  body.front div#footer-front div#footer-last div#footer-loghi { display: inline; }
  body.front div#footer-front div#footer-loghi { width: 270px; text-align: right; float: right; }
}

/* 320 */
@media screen and (min-width: 0px) and (max-width: 470px) {
  /* header */
  #header h1 { margin-left: 42px; }
  #header h1 span { font-size: 0.6em; }
  #header a.home { width: 32px !important; height: 32px !important; background-size: 32px auto !important; margin: -45px 4px !important; }
  #header-icons a { margin: 0 !important; font-size: 0.9em; }
  #header-icons a.login { background-size: 16px auto !important; background-position-y: -40px !important; }
  #header-icons a.language { background-size: 16px auto !important; background-position-y: -148px !important; }
  /* header menu */
  #header-menu { height: auto !important; text-align: center !important; }
  #header-menu a { display: inline-table !important; margin: 0 9px auto !important; }
  /* musthead */
  #masthead span { font-size: 2em; padding: 30px 0; }
  /* slider */
  .view-home-page-slider,
  .view-home-page-slider div { height: 555px; }
  .view-home-page-slider span { font: 2.6em avenir; padding: 25px; }
  /* sitemap */
  body.front div#hp-sitemap { font: 16px myriadpro; max-width: 960px; }
  body.front div#hp-sitemap .category { width: 147px; }
  /* socials */
  div#social-follow, div#social-share { margin: 0 !important; text-align: center; width: 100%; }
  div#social-follow .title, div#social-share .title { display: block !important; margin: 0 !important; }
  /* blocks */
  div#blocks { max-width: 960px; }
  div#blocks p { font: 1em myriadpro; line-height: 50px; }
  div#blocks div.single { width: 220px; }
  div#blocks div.double { width: 320px; }
  div#blocks div.block { height: 284px; margin: 0 4px 20px 4px; }
  div#blocks div.block h2 { font: 1.5em myriadpro; padding: 0 30px 0 10px; line-height: 53px; } 
  .view-home-page-boxes .views-field-title { font: 1.5em myriadpro; padding: 0 30px 0 10px; line-height: 53px; }
  a.view-home-page-boxes .views-field-field-subtitle { line-height: 45px !important; } 
  /* single block properties */
  body.front div#blocks div.temple-of-humankind a { width: 320px; height: 284px; }
  body.front div#blocks div.temple-of-humankind p { line-height: 20px; }
  div#blocks div.shop a { width: 220px; height: 284px; }
  div#blocks div.shop p { line-height: 20px; }
  div#blocks div.news a { width: 320px; height: 284px; }
  div#blocks div.news p { line-height: 20px; }
  div#blocks div.ahead-damanhur a span { font-size: 0.8em; }
  div#blocks div.ahead-damanhur a p { font-size: 1.12em; margin: 5px 0; }
  body.front div#blocks div.important-links h2 { height: 39px; text-indent: 53px; padding-top: 20px; }
  body.front div#blocks div.important-links p { font-size: 26px; font-weight: bold; line-height: 35px; }
  body.front div#blocks div.important-links a { font: 18px myriadpro; margin-top: 10px; }
  div#blocks div.donate a { width: 220px; height: 284px; }
  div#blocks div.donate p { line-height: 20px; }
  div#blocks div.testimonial { font-size: 0.8em; }
  div#blocks div.testimonial div { width: 220px; }
  #newsletter-wrap input { font-size: 14px; padding: 3px 10px; }
  #newsletter-wrap #edit-email { width: 200px; }
  #newsletter-wrap #edit_version_chosen,
  #newsletter-wrap #edit_country_chosen { width: 220px !important; }
  #newsletter-wrap a.chosen-single { width: 220px; line-height: 25px; }
  #newsletter-wrap .form-item-privacy div { line-height: 1em; font-size: 0.8em; width: 220px; margin-left: 5px; }
  #newsletter-wrap .form-item-privacy a { font-size: 0.8em; }
  body:not(.front) #newsletter-wrap .form-item-privacy div { width: 200px; }
  #newsletter-wrap label { width: 50px; font-size: 13px; }
  #newsletter-wrap .form-submit { margin-left: 65px; margin-top: 15px; }
  body:not(.front) #newsletter-wrap .form-submit { margin: 35px 0 10px 65px; }
  #newsletter-wrap .form-item { margin: 0.5em 0px; }
  div#blocks div.damanhur-in-the-world a { padding: 7px 10px; font: 1.12em myriadpro; } 
  div#blocks div.damanhur-in-the-world a div { font-size: 0.7em; }
  div#blocks div.damanhur-in-the-world a div:first-child { width: 140px; }
  /* footer */
  body.front div#footer-front { text-align: center; }
  body.front div#footer-front div#footer-last { padding: 20px 0 1px 0; }
  body.front div#footer-front div#footer-last div#footer-bottom,
  body.front div#footer-front div#footer-last div#footer-loghi { display: inline; width: auto !important; }
  body.front div#footer-front div#footer-loghi { display: block !important; width: 100%; text-align: center; }
  body.front div#footer-front div#footer-loghi div { display: inline-block !important; max-width: 33%; width: auto; }
  /* palline */
  .pallina { display: none !important; }
}