/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */
#s5_givenow a{
	color: #fff;
}
#s5_login{
	margin-top: 1px;
}
#subMenusContainer a, #s5_nav li li a{
	font-size: 14px;
}
.s5_wrap_fmfullwidth ul.menu {
width: 100%;
}
.s5_module_box_2{
	/*background-color: #f1f1f1;*/
}
.module_round_box h3 {
    margin-top: 3px;
}
.nav-child 
{
	display:none;
	z-index: 1;
}
#s5_topmenu li:hover .nav-child{
	display:table-caption;
}
.left-align{
	width: 50%;
}

#s5_pos_top_row1_1 .s5_mod_h3_outer .s5_mod_h3{background-color:#CBD000;padding-left:5px;border-top-right-radius:10px;border-bottom:1px solid red;}
#s5_pos_top_row1_2 .s5_mod_h3_outer .s5_mod_h3{background-color:#CBD000;padding-left:5px;border-top-right-radius:10px;border-bottom:1px solid red;}
#s5_pos_top_row1_3 .s5_mod_h3_outer .s5_mod_h3{background-color:#CBD000;padding-left:5px;border-top-right-radius:10px;border-bottom:1px solid red;}
#s5_pos_top_row2_1 .s5_mod_h3_outer .s5_mod_h3{background-color:#CBD000;padding-left:5px;border-top-right-radius:10px;border-bottom:1px solid red;}
#s5_pos_top_row2_2 .s5_mod_h3_outer .s5_mod_h3{background-color:#CBD000;padding-left:5px;border-top-right-radius:10px;border-bottom:1px solid red;}
#s5_pos_top_row2_3 .s5_mod_h3_outer .s5_mod_h3{background-color:#CBD000;padding-left:5px;border-top-right-radius:10px;border-bottom:1px solid red;}
#s5_above_columns_1 .s5_mod_h3_outer .s5_mod_h3{background-color:#CBD000;padding-left:5px;border-top-right-radius:10px;border-bottom:1px solid red;}
#s5_below_columns_1 .s5_mod_h3_outer .s5_mod_h3{background-color:#CBD000;padding-left:5px;border-top-right-radius:10px;border-bottom:1px solid red;}

#s5_pos_top_row1_1 a{color:green!important;}#s5_pos_top_row1_2 a{color:green!important;}#s5_pos_top_row2_1 a{color:green!important;}#s5_pos_top_row2_2 a{color:green!important;}#s5_pos_top_row2_3 a{color:green!important;}#s5_above_columns_1 a{color:green!important;}#s5_below_columns_1 a{color:green!important;}
#s5_pos_top_row1_1 a:hover{text-decoration:none;color:red!important;}#s5_pos_top_row1_2 a:hover{text-decoration:none;color:red!important;}#s5_pos_top_row2_1 a:hover{text-decoration:none;color:red!important;}#s5_pos_top_row2_2 a:hover{text-decoration:none;color:red!important;}#s5_pos_top_row2_3 a:hover{text-decoration:none;color:red!important;}#s5_above_columns_1 a:hover{text-decoration:none;color:red!important;}#s5_below_columns_1 a:hover{text-decoration:none;color:red!important;}
#s5_bottombackcolor .module_round_box_outer ul li a:hover{text-decoration:none;color:#cbd000;}
#s5_pos_bottom_row3_2 .module_round_box .s5_h3_first{color:#cbd000;}#s5_pos_bottom_row3_3 .module_round_box .s5_h3_first,.s5_h3_last{/*color:#cbd000;*/}#s5_pos_bottom_row3_4 .module_round_box .s5_h3_first{color:#cbd000;}
#s5_bottombackcolor .module_round_box_outer #description{opacity:.0 !important;}
.dt{
    line-height: 220%;
    margin: 1em;
    border-right-style: solid;
    float: left;
    padding-right: 1em;
}
.s5_address_right {
	opacity: .75
}

#s5_bottombackcolor .module_round_box_outer ul li a,
#description {
    -moz-opacity: .75;
    -khtml-opacity: .75 ;
    filter: alpha(opacity=30);
    opacity: .75;
}

#s5_footer, #s5_bottom_menu_wrap {
    -moz-opacity: .25 !important;
    -khtml-opacity: .25 !important;
    filter: alpha(opacity=25) !important;
    opacity: .75 !important;
}

.s5_mod_h3{
	color: #cbd000;
}
.date_wrapper {
	width: 100px;
	margin-bottom: 15px;
}
.date_top {
    background: #156504;
}

.date_bottom {
	height: 50px;
	
}

#subMenusContainer a, #s5_nav li li a {
    font-size: 12px;
}

.pages_bottom_custom {
    height: auto; 
	color: #fff;   
}

.pages_bottom_custom  p{
	color: #8b8b8b;   
	margin-top: 1em;
	    font-size: 14px;
}
.pages_square {
	font-weight: 400;
}

#s5_footer, #s5_bottom_menu_wrap {
    -moz-opacity: .25 !important;
    -khtml-opacity: .25 !important;
    filter: alpha(opacity=25) !important;
    opacity: .75 !important;
    width: 100%;
    overflow: hidden;
    margin: 5px auto 10px auto;
    text-align: center;
}


#s5_nav li .s5_level1_span2 a {
    padding-left: 0px;
    padding-right: 0px;
    text-transform: none;
}

#s5_footer_area2 {
    padding-bottom: 30px;
    padding-top: 10px;
    background-image: url(https://www.dkut.ac.ke/images/footer-image.jpg);
}

.speaker button{
	background-color:#fff;
}

#s5_topmenu li {
	border-right-style: solid;
	padding-right: 10px;
	border-color: white;
	border-width: 1px;
}

#s5_headerbackground {
    display: none;
}

@import: url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
body {
  font-family: 'Roboto Condensed', sans-serif;
  height: 100%;
  background-color: black;
  color: #000;
  text-transform: none;
}
.container {
  text-align: center;
}
h1 {
  margin-left: 30px;
  margin-bottom: 50px;
}
.button {
  width: 170px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 30px;
  margin-bottom: 30px;
  cursor: pointer;
  display: inline-block;
}

.button-1 {
  background-color: transparent;
  border: 3px solid #00d7c3;
  border-radius: 50px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  color: #00d7c3;
}
.button-1:hover {
  box-shadow: 0 0 10px 0 #00d7c3 inset, 0 0 20px 2px #00d7c3;
  border: 3px solid #00d7c3;
}

.button-2 {
  color: #fff;
  border: 3px solid #c266d3;
  background-image: -webkit-linear-gradient(30deg, #c266d3 50%, transparent 50%);
  background-image: linear-gradient(30deg, #c266d3 50%, transparent 50%);
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.button-2:hover {
  background-position: 100%;
  color: #c266d3;
}

.button-3 {
  border: 2px solid #3c73ff;
  background-color: #fff;
  border-radius: 20px;
  color: #fff;
  transition: .3s;
}
.button-3:hover {
  box-shadow: 8px 8px #99bdff;
  transition: .3s;
}

.button-4 {
  background-color: transparent;
  border: 3px solid #ff0251;
  color: #ff0251;
  transition: .3s;
}
.button-4:hover {
  animation: pulse 1s infinite;
  transition: .3s;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(.9);
  }
    100% {
    transform: scale(1);
  }
}

.button-5 {
  width: 200px;
  border-radius: 5px;
  background-color: #F4F200;
  background-image: #F4F200;
  background-image: -moz-linear-gradient(top, #fff 0%, #F4F200 100%); 
  background-image: -webkit-linear-gradient(top, #fff 0%,#F4F200 100%); 
  background-image: linear-gradient(to bottom, #fff 0%,#F4F200 100%); 
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.button-5:hover {
  background-position: -200%;
  transition: background 300ms ease-in-out;
}

#s5_menu_inner {
    float: right;
}

#s5_logo_wrap img
{
width: 85%;
}

#s5_responsive_mobile_sidebar {
    background: #156504;
}

.s5_mobile_sidebar_h3_open, #s5_responsive_mobile_sidebar_menu_wrap h3:hover {
    background: #1e5013;
}

#s5_responsive_mobile_sidebar_menu_wrap div {
	background: #1e5013;
}

.pages_portfolio.two {
    width: 48%;
	margin-right: 0px;
}

#s5_breadcrumb_outer {
    margin-top: -0px;
	 position: inherit;
}

#s5_breadcrumb_outer {
	position: inherit;
}