#main_container { overflow: hidden; }


/* contents (description) */
div#description { width: 100%; margin-bottom: 35px; text-align: left; }


/* slick slider */
#scarousel-wrap { margin-top: 20px; }
#scarousel .scarousel-elem { padding: 20px; }
#scarousel .scarousel-elem > a {
	display: block;
	width: 690px;
	height: 388px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	transition-duration: 500ms;
  margin: 0 auto;
  font-size: 0.7em;
}
.slick-slide:not(.slick-center) a { transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9); }
.slick-slide.slick-center a {
	-webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.3);
}

.scarousel-data {
	position: absolute;
	bottom: 0px;
	padding: 10px;
	background: rgba(255,255,255,0.85);
	width: calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -o-calc(100% - 20px);
}

.scarousel-data div { display: table-cell; vertical-align: middle; }
.scarousel-title { white-space: nowrap; font: 3.3em avenir; padding-right: 20px; }
.scarousel-subtitle { vertical-align: middle; font-size: 1.5em; }

/* carousel fallback on small screens */
@media screen and (max-width: 999px) {
	#scarousel .scarousel-elem {
		padding: 0px;
	}
	
	#scarousel .scarousel-elem > a {
		display: block;
		width: 100%;
		height: 100%;
		box-shadow: none;
		transform: none;
	}
	
	.slick-dots {
		position: relative;
		top: 15px;
	}

}

/* contents (categories) */
div#categories { width: 100%; text-align: center; overflow: hidden; }
div#categories div.box { height: 320px; float: left; padding: 0 10px; }
div#categories div h1 { text-align: left; font-size: 1.3em; font-weight: normal; margin-bottom: 7px; padding-left: 12px; }
div#categories div img { margin-bottom: 5px; max-width: 245px; height: 170px; }
div#categories p { font: 0.9em vera; margin-top: 0; padding: 0 10px; text-align: left; } 

/* damanhur in the world */
body:not(.front) div#blocks div.damanhur-in-the-world { background: #4269B2; }
body:not(.front) div#blocks div.damanhur-in-the-world h2 { margin: -2px 0 0 -2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body:not(.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:not(.front) div#blocks div.damanhur-in-the-world .view-content { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
body:not(.front) div#blocks div.damanhur-in-the-world a div { display: inline-block; font-weight: normal !important; }
body:not(.front) div#blocks div.damanhur-in-the-world a p { margin: 0; line-height: 1em; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

/* blocks (defined mostly in home-css, overrides are here) */

.view-display-id-block_sector .views-field-field-date {
  display: inline-block !important;
  width: 140px !important;
}
.view-display-id-block_sector  .views-field-field-location {
  font-size: 0.7em  !important;
  display: inline-block  !important;
  font-weight: normal !important;
}

.page-taxonomy #content-bottom {
	display: none;
}

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



/* 960 */
@media screen and (min-width: 961px) {
	/* contents (categories) */
	div#categories div.box { width: 270px; margin: 0 10px; }

}

/* 800 */
@media screen and (min-width: 791px) and (max-width: 960px) {
	/* contents (categories) */
	div#categories div.box { width: 233px; margin: 0; }
	
}

/* 600 */
@media screen and (min-width: 591px) and (max-width: 790px) {
	/* contents (categories) */
	div#categories div.box { width: 210px; margin: 0 10px; }
}

/* 480 */
@media screen and (min-width: 471px) and (max-width: 590px) {
	/* contents (description) */
	div#description { width: 440px; margin: 10px auto 15px; }
	/* contents (categories) */
	div#categories div.box { width: 190px; margin: 0 5px; }
	div#categories div.box img { width: 100%; margin-bottom: 10px; }
}

/* 320 */
@media screen and (min-width: 0px) and (max-width: 470px) {
	/* contents (description) */
	div#description { width: 280px; margin: 10px auto 15px; }
	/* contents (categories) */
	div#categories div.box { width: 260px; float: none; margin: 0 auto 20px; height: auto; }
	div#categories div.box img { width: 90%; margin-bottom: 10px; }
}