/*
Theme Name: COM Silver Jubilee 2016
Theme URI: http://www.medcol.mw/silverjubilee2016
Author: Joel Kumwenda
Author URI : http://www.medcol.mw/jkumwenda
Description: Palm 2015 theme is simple and clean, good for holiday resort but can be customized for other use, and designed for clarity. Palm 2015 is based built using bootstrap that means it adapts to different device sizes.
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, green, white, dark, light, two-columns, left-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images
Text Domain: medcol2015

This theme, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


@import url('css/bootstrap.min.css');
@font-face {
	font-family: OpenSans;  
	src: url(fonts/Open_Sans/Arcon-Regular.otf); 
}

html, body{
	font-family: OpenSans;
	font-size: 18px;
}

/*Navigation*/

.navbar-default {
	background-color: #333333;
	border-color: #333333;
	margin-bottom: 0px;
}
.navbar-default .navbar-brand {
  color: #f4f4f4;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #f4f4f4;
}
.navbar-default .navbar-nav > li > a {
	color: #f4f4f4;
	font-size: 17px;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #333333;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #333333;
}
.navbar-default .navbar-toggle {
  border-color: #333333;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #f4f4f4;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #f4f4f4;
}
.navbar-default .navbar-link {
  color: #f4f4f4;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #f4f4f4;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #333333;
  }
}


@media (min-width: 980px){
	.phone-number{
	margin-top: 60px;

	margin-bottom: 5px;
}
.home-title{
	padding-top: 60px;
	color: #FFF;
	font-size: 36px;
	font-weight: normal;
}
.jumbotron{
padding-top : 10px;
	}		
}
@media (max-width: 767px){
	.phone-number{
            	margin-top: 5px;

}		
}


.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}


/*Content wrap*/
.logo{
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.phone-number{
	background-color: #266fbe;
	color: #FFF;
	text-align: center; border-radius:20px;
}
.main-container{
	background-color: #FFFFFF;

}
.banner-container{
	background-color: #FFF;
}
.nav-container{
	background-color: #333333;
	background-repeat: repeat-x;
}
.main-wrap{

}
.page-title{
	font-weight: normal;
	color: #266fbd;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-top: 10px;
}

.slider-container{
	border-bottom-width: 12px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #266fbe;
}
.slider-container .jumbotron{
	background-color: #00a79e;
	text-transform: uppercase;
	color: #e8f0f0;

}

.copyright{
	border: 1px solid #202020;
}

.alignright {
	background: gray;
	float: right;
	margin-left: 10px;
}

.alignleft {
	background: gray;
	float: left;
	margin-right: 10px;
}

.content-text{
	text-align: justify;
	margin-bottom: 20px;
}

.sidebar{
	margin-top: 15px;
	background-color: #276fbe;
	border-width: 1px;
	border-style: solid;
	border-color: #f2f2f2;
	border-radius: 0px;
	margin-bottom: 20px;
	color: #FFF;
}
.sidebar-title{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #03d2c7;
	line-height: 40px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #FFFFFF;
}

.sidebar ul{

	padding-right: 0px;
	padding-left: 0px;
	list-style-type: square;
	list-style-position: inside;
}

.sidebar ul li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #03d2c7;
	line-height: 30px;
	padding-right: 5px;
	padding-left: 5px;
}

.sidebar ul li a{
	display: block;
	text-decoration: none;
	color: #e2f3f2;
}

.sidebar ul li a{
	display: block;
	text-decoration: none;
}

.sidebar ul li a:hover{
	background-color: #03948c;
}

.sidebar p{
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.footer-container{
	background-color: #353536;
	padding-top: 15px;
}

.footer-copyright{
	background-color: #282a2b;
	padding-top: 15px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #4b4c4d;
}


.footer-wrap{
	color: #e7f3fb;
	padding-top: 20px;

}
.footer-widget{
	border-radius: 0px;
	margin-bottom: 20px
}

.footer-title{
	line-height: 40px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}
.footer-wrap a{
	color: #3399ff;
}
.footer-wrap p{

}
.footer-widget ul{
	padding-right: 5px;
	padding-left: 0px;
	list-style-type: none;
	list-style-position: inside;
	margin-top: 0px;
	margin-bottom: 0px;
}

.footer-widget ul li{
	line-height: 30px;
	padding-right: 5px;
	padding-left: 0px;
}
.footer-widget p{
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.wp-caption,
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter,
.wp-caption.alignnone{
   padding: 3px 3px 0pt !important
}

.wp-caption-text{

}
.post-id {}
.post {}
.page {}
.attachment {}
.sticky {}
.hentry {}
.category-misc {}
.category-example {}
.tag-news {}
.tag-wordpress {}
.tag-markup {}

.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}


.tabs-wrap{
	background-color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 8px;
}
.tabs-wrap a{
	color: #e3f7f6;
	text-decoration: none;
}
.tabs-wrap a:hover{
	color: #fbfdfd;
	text-decoration: none;
}
.tab-main{
	background-color: #5f6062;
	padding-bottom: 15px;
}
.home-cover{
	background-image: url(images/old-campus.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}
.home-content{

	}
	.home-header{
	font-weight: normal;
	color: #266fbd;
	margin-top: 15px;
	}
	
	.events-tab{
	background-color: #276fbe;
	}
	.events-yesterday{
	}
	.activity-item{
	color: #FFC;
	}
	.activity-item a{
	color: #cfe3f9;
	font-size: 16px;
	}
	.text-author-title{
	font-size: 11px;
	display: block;
	}
	.activity-title{
	margin-top: 10px;
	display: block;
	}

	.countdown-wrap{

	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 5px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #276fbe;
	border-right-color: #276fbe;
	border-bottom-color: #276fbe;
	border-left-color: #276fbe;
	font-size: 16px;
	padding-bottom: 40px;
	background: rgba(0, 0, 0, 0.55);
	}
	.theme-title{
	margin-top: 0px;
	text-align: center;
	color: #266fbd;
	}
	.theme-wrap{
	padding-top: 0px;

	}
	.news-item .media{

	}
	.slider-caption{
	background: rgba(0, 0, 0, 0.45);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px; border-radius:40px;
	}
	.program-title{
	color: #2aa4a5;
	}
	
	.yesterday{
	background-color: #e8ebee;
	}
	
	.yesterday-title{
	background-color: #666;
	color: #FFF;
	padding: 10px;
	font-size: 20px;
	border-radius: 30px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
	}
	
		.today{
	background-color: #00abf0;
	color: #FFF;
	}
	
	.today-title{
	background-color: #1c86bc;
	color: #FFF;
	padding: 10px;
	font-size: 20px;
	border-radius: 30px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
	}
	
		.tomorrow{
	background-color: #d95232;
	color: #FFF;
	}
	
	.tomorrow-title{
	background-color: #fa7251;
	color: #FFF;
	font-size: 20px;
	border-radius: 30px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	}