@charset "UTF-8";

/* 
 * Google Web Font Kit decleration 
 *	Webfont Family	:	Titillium Web
 */
@import url("../Fonts/embedded-fonts.css");

/* 
 *		Filename				:	slider.css
 *		Author					:	Ozgur Akbaba (dgmnd)
 *		Date Created			:	15.04.2013
 *		Description			:	Featured slider stylesheet for itu.edu.tr
 *		Based on				:	RoyalSlider (global).css v1.0.1 | MIT License | git.io/normalize
*/


#itu-slider {
  width: 988px;
  height: 437px;
}

.rsContent {
  color: #FFF;
  font-size: 24px;
  line-height: 32px;
  float: left;
}
.bContainer {
  position: relative;
}
.rsABlock {
  position: relative;
  display: block;
  left: 20px;
  top: 280px;
}
.blockHeadline {
  clear: both;
  text-align: left; 
  font-family: TitilliumWebSemiBold;
  font-size: 32pt;
  color: #FFF;
  text-shadow: 1px 1px 1px #333;
  line-height: 50px;
  margin-left: 5px;
  width: 460px;
}
.blockHeadline:hover {
  text-decoration: none;
  color: #f4f4f4;
  text-shadow: 1px 1px 1px #000;
}
.blockSubHeadline {
  clear: both;
  text-align: left; 
  font-family: TitilliumWebSemiBold;
  color: #000;
  font-size: 24pt;
  color: #FFF;
  line-height: 40px;
}
.txtCent {
  clear: both;
  font-family: TitilliumWebRegular;
  color: #000;
  font-size: 18px;
  color: #FFF;
  text-align: left;
  width: 460px; 
  margin-left: 6px;
  text-shadow: 1px 1px 1px #333;
  line-height: 20px;
}

.slide1 {
  background: #f06b50;
}
.slide1 .bContainer {
  top: 36%;
}
.slide2 {
    background: #ffbc11;
    color:#000;
}
.slide2 .bContainer {
  top: 24px;
}
.slide2 .txtCent {
  line-height: 44px;
}
.slide2 .blockHeadline {
   line-height: 66px;
}
.slide3 {
    background: #45aab8;
    color:#FFF;
}
.slide3 .bContainer {
   top: 24px;
}
.slide3 span {
  line-height: 44px;
}
.slide4 .bContainer {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  top: 24px;
}

.photoCopy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: black;
  color: white;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25;
}
.photoCopy a {
  color: #FFF;
}
.palmImg {
  left: 0;
  top: auto;
  bottom: -60px;
  position: absolute;
}
 
 /* ==========================================================================
   itu.edu.tr media-queries
   ========================================================================== */
 
 @media screen and (max-width: 1024px) {
	
	#itu-slider {
	  width: 688px;
      max-width: 688px;
	  height: 305px;
	}
	
	.royalSlider,
	.rsOverflow {
		height: 305px !important;
	  }
	
	.rsABlock {
	  clear: both;
	  position: relative;
	  display: block;
	  left: 25px;
	  top: 150px;
	  width: 400px;
	}
	
  rsContent {
    font-size: 18pt;
    line-height: 26px;
  }
  .blockHeadline {
    font-size: 14pt;
    line-height: 32px;
  }
  .blockSubHeadline {
    font-size: 22pt;
    line-height: 32px
  }
	
}

@media screen and (max-width: 640px) {
  
  #itu-slider {
	  width: 280px;
      max-width: 280px;
      height: 125px;
	}
	
  .royalSlider,
  .rsOverflow {
	height: 125px !important;
  }
  .rsABlock {
	  clear: both;
	  position: relative;
	  display: block;
	  left: 15px;
	  top: 50px;
	  width: 165px;
	}
  .rsContent {
	font-size: 18pt;
	line-height: 26pt;
  }
  .blockHeadline {
	font-size:12pt;
	line-height: 16pt;
  }
  .blockSubHeadline {
	font-size: 22pt;
	line-height: 32px;
  }
  .txtCent {
	  clear: both;
	 display: none;
	 visibility: hidden;
	}

}

#page-navigation { display: none; }