/* footer */
div#footer { width: 920px; overflow: hidden; }

body:not(.front) div#cnt-footer { background: #2E3192; }
div#footer { margin: 0 auto; padding-bottom: 20px; padding: 20px; }
div#footer div#footer-top { padding: 20px; padding-top: 5px; }
body:not(.front) div#footer-top-menu > a { margin-right: 20px; color: #fff; }

/* internal social networks */
body:not(.front) div#footer-top div#socials { margin-top: -20px; line-height: 30px; }
body:not(.front) div#socials { color: #fff; font: 0.8em myriadpro; }
body:not(.front) div#socials a { opacity: 0.6; }
body:not(.front) div#socials div.title { margin-left: 10px; margin-right: 5px; }

/* internal logos */
body:not(.front) div#socials .follow-facebook { background-position: left bottom; }
body:not(.front) div#socials .follow-googleplus { background-position: -38px bottom; }
body:not(.front) div#socials .follow-youtube { background-position: -76px bottom; }
body:not(.front) div#socials .follow-twitter { background-position: -114px bottom; }
body:not(.front) div#socials .follow-flickr { background-position: -152px bottom; }
body:not(.front) div#socials .follow-pinterest { background-position: -190px bottom; }
body:not(.front) div#socials .follow-foursquare { background-position: -228px bottom; }
body:not(.front) div#socials .follow-livestream { background-position: -342px bottom; }
body:not(.front) div#socials .follow-others { background-position: -379px bottom; }
body:not(.front) div#socials .follow-quora { background-position: -417px bottom; }
body:not(.front) div#socials .share-facebook { background-position: -266px bottom; }
body:not(.front) div#socials .share-twitter { background-position: -304px bottom; }

/* mouseover effects */
body:not(.front) div#socials a:hover { opacity: 1; }

/* internal - footer sitemap */
div#internal-sitemap { color: #fff; display: inline-block; float: left; padding-left: 20px; width: 720px; text-align: left; }
div#internal-sitemap .category { width: 220px; padding: 5px; margin: 0 5px 10px 0; text-align: left; opacity: 0.7; display: inline-block; }
div#internal-sitemap .category:hover { opacity: 1; }

body.spiritual-vision div#internal-sitemap .category-1,
body.research-and-experimentation div#internal-sitemap .category-2,
body.create-sustainability div#internal-sitemap .category-4,
body.live-community div#internal-sitemap .category-5,
body.share-experiences div#internal-sitemap .category-6,
body.art-and-creativity div#internal-sitemap .category-8 { opacity: 1; }

div#internal-sitemap .category a { color: #fff; display: block; color: #CCD5E6; font-size: 0.9em; line-height: 20px; }
div#internal-sitemap .category h1 a { font-size: 0.84em; }
div#internal-sitemap .category a:hover { color: #fd0; }
/* h1 */
div#internal-sitemap h1 { font-size: 18px; font-weight: normal; width: 120px; }
div#internal-sitemap .category h1 { padding-left: 45px; background: url(../images/icons_footer_lit.png) left top no-repeat; text-transform: uppercase; height: 51px; }
div#internal-sitemap .category-1 h1 { background-position: left 0px; }
div#internal-sitemap .category-2 h1 { background-position: left -62px; }
div#internal-sitemap .category-4 h1 { background-position: left -124px; }
div#internal-sitemap .category-5 h1 { background-position: left -186px; }
div#internal-sitemap .category-6 h1 { background-position: left -248px; }
div#internal-sitemap .category-8 h1 { background-position: left -310px; }

/* link active or mouseover */
body.spiritual-vision div#internal-sitemap .category-1 h1, 
div#internal-sitemap .category-1:hover h1 { background-position: -288px 0px; }
body.research-and-experimentation div#internal-sitemap .category-2 h1, 
div#internal-sitemap .category-2:hover h1 { background-position: -288px -62px; }
body.create-sustainability div#internal-sitemap .category-4 h1, 
div#internal-sitemap .category-4:hover h1 { background-position: -288px -124px; }
body.live-community div#internal-sitemap .category-5 h1, 
div#internal-sitemap .category-5:hover h1 { background-position: -288px -186px; }
body.share-experiences div#internal-sitemap .category-6 h1, 
div#internal-sitemap .category-6:hover h1 { background-position: -288px -248px; }
body.art-and-creativity div#internal-sitemap .category-8 h1, 
div#internal-sitemap .category-8:hover h1 { background-position: -288px -310px; }

/*
 * FOOTER SITEMAP AND LOGOS
 */

body:not(.front) div#sitemap-loghi { width: 100%; max-width: 960px; overflow: hidden; }
/* internal - loghi */
body:not(.front) div#footer-loghi { display: inline-block; }
body:not(.front) div#footer-loghi div { padding-bottom: 20px; width: 170px; text-align: center; }
body:not(.front) div#footer-loghi div a { display: block; text-align: center; padding-top: 70px; }
body:not(.front) div#footer-loghi div#footer-dh a { color: #fff; font: 0.8em "skia"; text-transform: uppercase; background: url(../images/logo_dh.png) top center no-repeat; }
body:not(.front) div#footer-loghi div#footer-indie a { color: #fc0; background: url(../images/logo_indiegogo.png) top center no-repeat; }
body:not(.front) div#footer-loghi div#footer-tdu a { color: #fc0; background: url(../images/logo_tdu.png) top center no-repeat; }
body:not(.front) div#footer-loghi div#footer-plants a { background: url(../images/logo_plants.png) top center no-repeat; height: 82px; margin: 0 auto; }


/* footer last block */
div#footer div#footer-last { padding: 10px 0; line-height: 30px;  height: 30px;}

/* footer info */
div#footer div#footer-bottom  { float: left; }
div#footer div#footer-bottom li { list-style: none; display: inline-block; }
div#footer div#footer-bottom li a { color: #fff; padding: 0 10px; font-size: 0.7em; text-transform: uppercase; border-right: 1px solid white; margin-right: 10px; }
div#footer div#footer-bottom li.last a { border: none; }
div#footer div#footer-bottom a:first-child { padding-left: 0; }
div#footer div#footer-bottom span { color: #fff; font-size: 0.7em; }

/* footer languages */
body:not(.front) div#block-locale-language { float: right; }
div#block-locale-language h2 { display: none; }
body:not(.front) div#block-locale-language li { display: inline-block; padding-left: 10px; }

/* footer newsletter */
.newsletter-footer {
	position: absolute;
  background: #FBB040;
  z-index: 20;
  border-radius: 5px;
  margin-top: 5px;
  margin-left: 60px;
  display: none;
  max-width: 330px; /* new newsletter */
}

div#footer-top li div {
	background: #C97200 url("orange-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	*background: #C97200;
	background: #C97200\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFDAE45, endColorstr=#FFC97200);
}

/* social networks page - internal */
div#internal-social-network { overflow: hidden; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
div#internal-social-network div { display: inline-block ; margin-bottom: 40px; width: 200px; }
div#internal-social-network div.internal_social h1 { background: url(../images/icons_social_internal.png) center top no-repeat; padding-top: 40px; color: #4068B1; font-size: 1.5em; margin-bottom: 20px; }
div#internal-social-network a { display: block; color: #000; font-size: 1.1em; line-height: 1.3em; }
div#internal-social-network div.internal_social.facebook h1 { background-position: center top; }
div#internal-social-network div.internal_social.googleplus h1 { background-position: center -80px; }
div#internal-social-network div.internal_social.youtube h1 { background-position: center -160px; }
div#internal-social-network div.internal_social.twitter h1 { background-position: center -240px; }
div#internal-social-network div.internal_social.flickr h1 { background-position: center  -320px; }
div#internal-social-network div.internal_social.pinterest h1 { background-position: center -400px; }
div#internal-social-network div.internal_social.foursquare h1 { background-position: center -480px; }
div#internal-social-network div.internal_social.livestream h1 { background-position: center -880px; }
div#internal-social-network div.internal_social.soundcloud h1 { background-position: center -560px; }
div#internal-social-network div.internal_social.tumblr h1 { background-position: center -640px; }
div#internal-social-network div.internal_social.linkedin h1 { background-position: center -720px; }
div#internal-social-network div.internal_social.damanhur h1 { background-position: center -800px; }



/* from 481 to 767 (large-mobile-range) */
@media all and (min-width: 30.063rem) and (max-width: 47.938rem) {
	/* footer */
	div#footer { width: 420px; text-align: center; }
	div#footer-top li { display: inline-block; padding-bottom: 20px; margin-right: 20px; text-align: center; }
	div#footer-top a { font-size: 1em; }
	/* footer social networks */
	div#footer-socials { margin: 30px auto; text-align: center; }
	div#footer-socials a span { display: none; }
	div#footer-socials a { display: inline-block; height: 48px; width: 48px; background-image: url(../images/icons_socials.png); background-size: 336px 48px; }
	div#footer-socials a#facebook { background-position: 0 0; }
	div#footer-socials a#googleplus { background-position: -48px 0; }
	div#footer-socials a#youtube { background-position: -96px 0; }
	div#footer-socials a#twitter { background-position: -144px 0; }
	div#footer-socials a#flickr { background-position: -192px 0; }
	div#footer-socials a#pinterest { background-position: -240px 0; }
	div#footer-socials a#foursquare { background-position: -288px 0; }
	/* footer sitemap */
	div#footer-sitemap { color: #fff; margin-top: 30px; overflow: hidden; }
	div#footer-sitemap h1 span { display: block; }
	div#footer-sitemap .category { width: 195px; padding: 5px; margin: 0 5px 10px 0; text-align: center; float: left; text-align: left; }
	div#footer-sitemap .category a { color: #fff; display: block; color: #CCD5E6; font-size: 0.9em; line-height: 20px; }
	div#footer-sitemap .category h1 { padding-left: 45px; background: url(../images/icons_sectors_white.png) 0 0 no-repeat; text-transform: uppercase; height: 51px; }
	div#footer-sitemap .spiritual-vision h1 { background-position: 0px 0px; }
	div#footer-sitemap .research-and-experimentation h1 { background-position: 0 -60px; }
	div#footer-sitemap .study-with-us h1 { background-position: 0 -120px; }
	div#footer-sitemap .create-sustainability h1 { background-position: 0 -180px; }
	div#footer-sitemap .live-community h1 { background-position: 0 -240px; }
	div#footer-sitemap .share-experiences h1 { background-position: 0 -300px; }
	div#footer-sitemap .come-visit h1 { background-position: 0 -360px; }
	div#footer-sitemap .art-and-creativity h1 { background-position: 0 -420px; }
	/* footer last block */
	div#footer-last { line-height: 20px; }
	div#footer-last div { display: block; }
	div#footer-last #footer-bottom { text-align: center; margin: 0 auto; }
	/* footer languages */
	div#footer-languages { margin-top: 20px; text-align: center; background: #d3d3d3; border: 1px solid; }
}


/* 980 */
@media screen and (min-width: 981px) {

} 

/* 800 */
@media screen and (min-width: 801px) and (max-width: 980px) {

}

/* 600 */
@media screen and (min-width: 601px) and (max-width: 800px) {
	/* footer */
	div#footer { width: 740px; }
	div#footer-top a { font-size: 1em; }
	/* footer social networks */
	div#footer-socials { width: 362px; position: relative; margin-left: 370px; margin-top: -50px; }
	div#footer-socials a { height: 48px; width: 48px; background-size: 336px 48px; }
	div#footer-socials a#facebook { background-position: 0 0; }
	div#footer-socials a#googleplus { background-position: -48px 0; }
	div#footer-socials a#youtube { background-position: -96px 0; }
	div#footer-socials a#twitter { background-position: -144px 0; }
	div#footer-socials a#flickr { background-position: -192px 0; }
	div#footer-socials a#pinterest { background-position: -240px 0; }
	div#footer-socials a#foursquare { background-position: -288px 0; }
	/* footer sitemap */
	div#footer-sitemap { color: #fff; margin-top: 30px; overflow: hidden; }
	div#footer-sitemap h1 span { display: block; }
	div#footer-sitemap .category { width: 170px; padding: 5px; margin: 0 5px 10px 0; text-align: center; float: left; text-align: left; }
	div#footer-sitemap .category a { color: #fff; display: block; color: #CCD5E6; font-size: 0.9em; line-height: 20px; }
	div#footer-sitemap .category h1 { padding-left: 45px; background: url(../images/icons_sectors_white.png) 0 0 no-repeat; text-transform: uppercase; height: 51px; }
	div#footer-sitemap .spiritual-vision h1 { background-position: 0px 0px; }
	div#footer-sitemap .research-and-experimentation h1 { background-position: 0 -60px; }
	div#footer-sitemap .study-with-us h1 { background-position: 0 -120px; }
	div#footer-sitemap .create-sustainability h1 { background-position: 0 -180px; }
	div#footer-sitemap .live-community h1 { background-position: 0 -240px; }
	div#footer-sitemap .share-experiences h1 { background-position: 0 -300px; }
	div#footer-sitemap .come-visit h1 { background-position: 0 -360px; }
	div#footer-sitemap .art-and-creativity h1 { background-position: 0 -420px; }
	/* footer last block */
	div#footer-last { padding: 10px 0; line-height: 30px; }
	div#footer-last div { display: block; }
	div#footer-last div:first-child { margin: 0 auto 20px; text-align: center; }
	div#footer-last div a { display: inline-block; }
	/* footer languages */
	div#footer-languages { display: block; height: 30px; }
}

/* 480 */
@media screen and (min-width: 471px) and (max-width: 600px) {

}

/* 320 */
@media screen and (max-width: 470px) {
	/* footer */
	div#footer { text-align: center; padding: 10px; width: calc(100% - 20px) !important; }
	div#footer-top { display: inline-block; }
	div#footer-top li { display: block; }
	div#footer-top a { color: #fff; font-size: 1.1em; }
	div#footer-top-menu { margin-bottom: 40px; }
	div#footer-top-menu a { margin: 0 10px !important; }
	/* footer loghi */
	#footer-loghi { display: inline-block; width: 150px; } 
	/* footer dh */
  div#footer-dh { display: none !important; width: 150px; }
	div#footer-dh a { display: block; color: #fff; font: 0.8em "skia"; text-transform: uppercase; background: url(../images/logo_dh.png) top center no-repeat; padding-top: 50px; background-size: 50px auto; margin: 0 auto; }
	/* footer indie */
  div#footer-indie { display: block; width: 150px; }
	div#footer-indie a { display: block; background: url(../images/logo_indiegogo.png) top center no-repeat; padding-top: 50px; background-size: 50px auto; margin: 0 auto; }
	/* footer temples of humankind */
  div#footer-tdu { display: block; margin-top: 10px; }
	div#footer-tdu a { display: block; color: #fc0; background: url(../images/logo_tdu.png) top center no-repeat; text-align: center; padding-top: 45px; background-size: 80px auto; }
	/* footer social networks */
	div#footer-socials a span { display: none; }
	div#footer-socials a { display: inline-block; background-image: url(../images/icons_socials.png); }
	/* footer social networks */
	div#footer-socials { width: 260px; margin: 30px auto; }
	div#footer-socials a { height: 32px; width: 32px; background-size: 224px 32px; }
	div#footer-socials a#facebook { background-position: 0 0; }
	div#footer-socials a#googleplus { background-position: -64px 0; }
	div#footer-socials a#youtube { background-position: -128px 0; }
	div#footer-socials a#twitter { background-position: -192px 0; }
	div#footer-socials a#flickr { background-position: -256px 0; }
	div#footer-socials a#pinterest { background-position: -322px 0; }
	div#footer-socials a#foursquare { background-position: -386px 0; }
	/* footer sitemap */
	div#sitemap-loghi { width: 100% !important; }
	div#internal-sitemap { width: 100% !important; padding: 0; }
	div#internal-sitemap .category { text-align: center !important; width: 100%; margin-bottom: 20px !important; }
	div#internal-sitemap .category h1 { background: none; padding: 0 0 5px 0; height: auto; font-weight: bold; width: 100%; }
	div#internal-sitemap .category h1 br { display: none; }
	div#internal-sitemap .category { float: none; display: block; margin: 0 auto; }
	div#internal-sitemap .category:hover { opacity: 1; }
	/* footer last block */
	body:not(.front) div#footer-loghi { display: block !important; width: 100%; text-align: center; }
  body:not(.front) div#footer-loghi div { display: inline-block !important; width: auto; padding: 0 5px; }
  body:not(.front) div#footer-loghi div#footer-dh a {
		background-size: auto 65%;
		padding-top: 42px;
		font: 0.6em "skia";
	}
  body:not(.front) div#footer-loghi div#footer-tdu a {
		background-size: 70% auto;
		padding-top: 40px;
		font-size: 0.6em;
		color: #fc0;
	}
  body:not(.front) div#footer-loghi div#footer-plants a { 
		background-size: 100% auto;
		height: 50px; 
		padding-top: 0px;
		width: 50px; 
	}
	/* footer info */
	div#footer-bottom a { font-size: 0.9em; }
	div#footer div#footer-bottom li a { border-right: 0; }
	/* footer languages */
	body:not(.front) div#footer { padding-bottom: 40px; }
  body:not(.front) div#block-locale-language { display: block; float: none; }
  body:not(.front) div#block-locale-language li { display: inline-block; }
	div#block-locale-language  { margin: 0 auto !important; text-align: center !important; border }
	div#footer-languages ul { margin: 0; padding: 0; }
	/* footer newsletter */
	.newsletter-footer {
	  margin-top: 5px;
	  margin-left: 0px;
	  width: 270px;
	  padding-bottom: 10px;
	}
	.newsletter-footer input[type=email] { width: calc(100% - 20px) !important; }
	.newsletter-footer select { width: 100% !important; }
	.newsletter-footer label { min-width: 100% !important; }
}
