/*
Theme Name: Rajshahi University - Raj IT
Theme URI: http://rajit.net/
Author: Abdullah Al Arafat Bipul
Author URI: http://rajit.net/
Description: Rajshahi University Website Theme.
Version: 1.0
*/

@import "css/style.css";
/** for custom design */
/* for taxonomy */

.taxonomy-link {
    width: 100%;
    float: left;
    padding: 0px !important;
    margin: 0px !important;
    /*border-bottom: #cccccc 1px solid;*/
}
.taxonomy-link a {
    width: 100%;
    float: left;
    padding: 8px 20px;
    color: #666666;
    margin: 0px !important;
}
.taxonomy-link a:hover {
    color: #3f9ad6;
    background-color: #f9f9f9;
}
/* for event single page */

.singleEventContent {
    width: 100%;
    float: left;
}
.singleEventTitle {
    width: 100%;
    float: left;
    color: #3f9ad6;
    font-weight: bold;
}
.singleEventDetail {
    width: 100%;
    float: left;
    padding-top: 5px;
    padding-bottom: 25px;
}
/*.home_feat_1_box {
    float: left;
}*/
.carouselController {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 10%;
    text-align: center;
    top: 50%;
    margin-top: -9px;
    /*Depends on your icon height*/
    
    z-index: 1000;
}
.leftContainer {
    left: 0px;
}
.rightContainer {
    right: 0px;
}


/*Slider Styling*/
.flexslider{
  width:100%;
  height:572px;
  text-align:left;
  overflow:hidden;
  margin-bottom: 0px !important;
}
.flexslider .slides img{
	height:590px !important;
}
/*Beganing Of Importing From Header*/
.flex-caption {
  width: 100%;
  padding: 2%;
  font-size: 20px;
  font-weight: bold;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,.1);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  line-height: 15px;
  background:#000;
}
.flex-next {
  padding-top:10px;
}
.flex-prev {
  padding-top:10px;
}
.transbox {
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
  margin-top:-140px;
  width:700px;
  margin-left:40px;    
}
.transbox p {
  font-weight: bold;
  color: #fff;
  font-size:18px;
  padding-left:5px;
  padding-bottom:30px;
  padding-top:30px;
  margin:3%;
}

/*End Of Importing From Header*/

.home_feat_1_box img{
  display: block;
  width: 100%;
}

.fpost{
  padding-top: 20px;
  padding-bottom: 20px;
}

/*From Custom.css file*/
.listTableTitleLink{
	color:#000000;
	font-weight:bold;
}
.listTableTitleLink:hover{
	text-decoration: underline;
}

#core_latest_events-2 h3{
  border-bottom: 2px solid #3f9ad6;
  margin-top: 14px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  color: #3f9ad6;
  font-size:14px;
  font-weight: bold;
}
/*############################## Custom CSS #########################################*/
table{ width:100% !important;}
@media screen and (max-width: 1199px){
	header{ height:130px !important; padding-left:0px !important; margin:0 auto; text-align:center;}
	header .row {padding-bottom: 0px !important;}
	#logo{ display:block !important; margin:0 auto !important; text-align:center !important; float:none !important; position:relative !important; padding:10px 0px;}
	#logo img{ position:relative !important; width:70px !important; height:auto !important; left:0 !important;}
	.main-menu > ul > li > a{ padding:4px !important; font-size:12px !important;}
	#header_menu > img { height: auto; max-width: 120px !important;}
	.row {margin-right: 0px !important; margin-left:0px !important;}
	td, th{ text-align:center;}
}
@media screen and (max-width: 991px){
	header{ height:85px !important;}
	#logo img{ position:absolute !important;  left:-7% !important;}
	#logo span{ padding-left:10px !important; padding-top:20px !important;}
	.cmn-toggle-switch{ top:-20px !important;right:20px !important; }
	.weather_Press_LayoutContainer{ min-width:100% !important; max-width:100% !important;}
	img{ width:100%; height:auto;}
}
@media screen and (max-width: 979px){
	#logo span {display: block !important; float: none !important; margin: 0 auto !important; padding-left: 10px !important; padding-top: 5px !important;
    text-align: center; font-size:2.5vw !important;}
	#logo img { left: 0 !important; margin: 0 auto !important; position: relative !important; text-align: center;}
	header{ height:105px !important;}
	.cmn-toggle-switch{ top:-70px !important;right:20px !important; }
}
@media screen and (max-width: 767px){
	header{ height:100px !important;}
	#logo span{ padding-top:10px !important; padding-left:0px !important; margin:0 auto !important; text-align:center !important;}
	.cmn-toggle-switch{ right:20px !important; top:-50px !important;}
	.size-full.wp-image-21.alignleft{ width:100%;}
	.box_feat_home {padding:0px !important;}
	.lSSlideOuter {height: 42px !important; overflow: hidden !important;}
	.fancybox > img {  width: 100% !important;}
	.lSAction > a{ top:18% !important;}
	.lightslider.lightSlider.lsGrab.lSSlide{ height:100px !important;}
	#logo_footer > img { max-width: 100px !important; height:auto;}
	#header_menu > img { height: auto; max-width: 120px !important;}
	.flexslider {margin: 100px 0 0px !important; width:100% !important; height:auto !important;}
	.flexslider .slides img {height: auto !important;}
	.flex-direction-nav a{ top:25%;}
}
@media screen and (max-width: 480px) {
	.flexslider .slides img {width: 140% !important;display: block;margin-right: -40% !important;}
  /*.flexslider{height: 400px !important;	margin-bottom: 0px !important;  }*/
  .transbox{width: 265px !important;  overflow: hidden; top: -190px; position: relative; margin-left: 20px !important; left: 0%;}
  .transbox p{font-size: 13px !important; padding: 0px !important; text-align: center;}
  .box_feat_home{padding: 0px !important; margin: 0 auto !important;}
  .wp_middleRect {display: none;}
  .home_feat_1_box img{ width: 100%;}
  table h3 {font-size: 14px !important;}
}
.DOPBSPCalendar-sidebar .DOPSelect .dopselect-select .dopselect-selection, .DOPBSPCalendar-outer-sidebar .DOPSelect .dopselect-select .dopselect-selection{margin-top: -16px !important;
    }
.bellows, .bellows .bellows-nav, .bellows-current-menu-item{background: #d2e8ff none repeat scroll 0 0;}
.bellows .bellows-nav .bellows-custom-content.bellows-custom-content-padded, .bellows .bellows-nav .bellows-target, .bellows .bellows-nav .bellows-target.bellows-target-w-image > .bellows-image.bellows-image-padded, .bellows .bellows-nav .bellows-target.bellows-target-w-image > .bellows-target-text{padding:10px;}
.bellows.bellows-skin-grey-material .bellows-nav .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-custom-content{color:#555;}
.bellows.bellows-skin-grey-material ul li a.bellows-target:hover,.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0.bellows-active > .bellows-target{background: #fff !important; color:#3f9ad6 !important;}
.bellows.bellows-skin-grey-material{box-shadow:none}
.bellows{ margin-top:0px !important;}
.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-custom-content{border-bottom:1px solid #ededed !important;}
.bellows .bellows-nav .bellows-subtoggle .fa{color:#555 !important;}
.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0 > .bellows-target .bellows-subtoggle{background:transparent !important;}
ul.bellows-submenu li.bellows-item-level-1 a{ padding-left:20px !important;}
ul.bellows-submenu li.bellows-item-level-2 a{ padding-left:40px !important;}
.bellows .bellows-nav .bellows-submenu .bellows-item-level-2 a.bellows-target{ padding-left:30px !important;}

.bellows.bellows-skin-grey-material .bellows-nav li.bellows-current-menu-item .bellows-target{color:#fff !important;}

.bellows.bellows-skin-grey-material ul li.bellows-current-menu-item a.bellows-target:hover, .bellows.bellows-skin-grey-material ul li.bellows-current-menu-item:hover a{color:#3f9ad6 !important;}

.bellows.bellows-skin-grey-material ul li.childmenu.bellows-menu-item-has-children, .bellows.bellows-skin-grey-material ul li.childmenu.bellows-menu-item-has-children a.bellows-target{color:#3f9ad6 !important;}

.bellows.bellows-skin-grey-material ul li.childmenu.bellows-item-level-1 a.bellows-target:hover, .bellows.bellows-skin-grey-material ul li.childmenu.bellows-item-level-2 a.bellows-target{color:#3f9ad6 !important;}
/*
.bellows.bellows-skin-grey-material .bellows-nav li.bellows-item-level-1 .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav li.bellows-item-level-2 .bellows-target{color:#3f9ad6 !important;}*/
.bellows.bellows-skin-grey-material .bellows-nav li.bellows-menu-item.bellows-item-level-1 a.bellows-target{color:#3f9ad6 !important;}
.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0.bellows-current-menu-item > .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0.bellows-current-menu-ancestor > .bellows-target {
    background: #424242 none repeat scroll 0 0;
    color: #fff;
}
.our-programs.programs-list {overflow: hidden;position: relative;display: block;margin-bottom: 10px;}
.programs-list .program-item{ border:1px solid #ccc; padding:10px; margin-bottom:10px;}
.programs-list .program-name {min-height: 90px;}
.programs-list .program-name h4{ font-size:16px; line-height:22px; text-align:justify;}
.programs-list .program-content {min-height: 142px;}
.programs-list .program-content p{ font-size:14px; line-height:20px; text-align:justify;}
.programs-list .program-readmore p{ margin-bottom:0px;}
.programs-list .program-img, .programs-list .program-img img, .programs-list .program-img a{ margin:0 auto; text-align:center;}
.allprograms p{ margin-bottom:0px;}
