/*
THEME NAME: Deparment-theme
THEME URI: http://coset.tsu.edu/mythemes
DESCRIPTION: Theme for College of Science and Technology
VERSION: 1.0
TEMPLATE: COSET-theme
AUTHOR: Daniel Vrinceanu
AUTHOR URI: http://coset.tsu.edu/?people=vrinceanud
TAGS: sandbox, blank slate, starter theme, minimalist
TEXT DOMAIN: COSET-theme
--- This is a private theme for internal use. This theme should not be distributed 
--- without explicit approval of the author

Color Scheme:

body   #f1f1f1 
maroon #6f0732
grey   #616161
gray   #d6d6d6
blue   #0E5EB6

*/
h3 {
   font-size: 1.3em;
   font-weight: 400;
   margin: 10px 0 10px 0;
}

#dept-name {
	font-family: 'Century Gothic';
	line-height: 1.4em;
	text-align: center;
	padding: 10px;
	letter-spacing: 3px;
	font-size: 1.2em;
	text-transform: uppercase;
}

#nav-panel {
	width: 240px; 
	flex: none;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 8px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	margin: 10px 4px;
	padding: 4px;
	height: 100%;
}

#nav-panel h3 {
	border-bottom: 1px solid #6f0732;
	margin: 20px 0px 10px 0;
	text-align: center;
}
#nav-panel p {margin: 20px 16px; line-height: 18px;}

#menu-department-menu {margin-bottom: 15px;}

#menu-department-menu a {
	display: block;
	background: linear-gradient(#4c4c4c, #989898);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	border-radius: 4px;
	margin: 6px 10px;
	padding: 10px 1em;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.78);
}

#menu-department-menu > li {position: relative;}
#menu-department-menu > li > ul > li {margin-left: 30px;}
#menu-department-menu > li > ul > li > a {}

#menu-department-menu ul.sub-menu {display: none;}
#menu-department-menu .knob {
	position: absolute;
	right:20px;
	top: 10px;
	font-size:
	1.4em;
	font-weight: 800;
	color: #fff;
	cursor: pointer;
}

.current-menu-item a {background: linear-gradient(rgb(190, 128, 75),sandybrown) !important;}

#burger {display: none;}

#dept-logo {width: 200px; height: 200px;background-size: contain; margin: 0px 20px;}

/* slide show */
.wrapper-dept {max-width:950px; margin: 14px auto;}
.content-d {margin: 20px; width=100%}
.content-d h1 {margin: 0 0 20px 0; font-variant: small-caps;}
.content-d h2, h3 {margin: 10px 0 10px 0;}
.content-d p {margin: 12px 0 0 0;}
.content-d a {color: #0E5EB6;}
.content-d ul { list-style: disc; margin-left: 40px;}
.content-d ol { list-style-type: decimal; margin-left: 40px;}
.content-d .alpha  { list-style-type: lower-alpha; margin-left: 40px;}

.content-d .alignleft {float:left; margin-right:20px;}
.content-d .alignright {float:right;}

.content-d table {margin-top: 10px;}
.content-d td, th {border: 1px solid #ddd; padding-right: 20px; padding-left: 20px;}

.content-d th {background-color: #6f0732; color: #ddd; padding:4px; border: 1px solid #ddd;} 
.content-d td {text-align: center; }

.content-d blockquote {border-left: 4px solid #aaa; margin: 0.1em 10px; padding: 0.4em 10px;}
.content-d blockquote p {margin: 0px;}

/*.description { margin: 24px 10px 0px;}*/

div.wp-video {margin: 20px auto;}

/* front page boxes */
.section-box{
	width: 48%;
	float: left;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	margin: 24px 8px;
	padding: 0px;
	border-radius: 8px 8px 0px 0px;
	line-height: 1.3;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}

.section-box h2 {
	text-align: center;
	padding: 14px;
	background: #6f0732;  /*maroon*/
	color: #fff;
	margin: 0px;
	letter-spacing: 3px;
	font-size: 1.2em;
	text-transform: uppercase;
	border-bottom: 2px solid  sandybrown;  /* */;
    border-radius: 8px 8px 0px 0px;
}

.section-box .news {
	padding: 10px;
	border-bottom: dashed 1px #d6d6d6;
}

.news h3 {margin-bottom: 10px;}


@media screen and (max-width:1000px) {
	.section-box {width: 90%;}
}

@media screen and (max-width:755px)
{
  #burger {display: none !important;}
  #container {flex-direction: column; -webkit-flex-direction: column;}
}

@media screen and (max-width:500px){
	#footer { flex-direction: column; -webkit-flex-direction: column; }
	header { flex-direction: column; -webkit-flex-direction: column; }
    header #headline {font-size: 16px;}
	header #logo {height:30px; width: 70px; display:none;}
    header #quick-box {display:none;}
}