/*
* Project: ECE CompSAT
* URL: http://www.ececompsat.org
* Author: Kevin Medeiros, Fresno State
*/

@import url("base.css");				/* Default Reset, Typography, Forms, etc. */
@import url("skeleton.css");			/* 960 Grid + Media Query Layouts */
@import url("flexslider.css");			/* Flex Slider Styles */
@import url("imagebox.css");			/* Responsive Lightbox */
@import url("shortcodes.css");			/* Shortcode Styles */
/* Headlines */
.headline {display: block; border-bottom: 1px solid #e7e7e7; padding: 0 0 10px 0; margin: 20px 0 20px 0;}
.headline span {color: #888; font-weight: normal; font-size: 12px; float: right;}
h5.headline {padding: 0 0 8px 0; margin: 0px 0 12px 0;}
/* Page Title */
#page-title {border: 1px solid #e2e2e2; border-left: none; border-right: none; margin-top: -1px; padding-bottom: 24px;}
#page-title h1 {padding: 21px 0;}
#page-title span {color: #a0a0a0;}
/* Competencies Image Overlay */
.item-img {position: relative;}
.overlay {height: 100%;left: 0;position: absolute;top: 0px;width: 100%;z-index: 1;z-index: 40;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);
-webkit-transition: opacity 180ms ease-in-out;-moz-transition: opacity 180ms ease-in-out;-o-transition: opacity 180ms ease-in-out;transition: opacity 180ms ease-in-out;}
.overlay.comp {background: url(../images/comp.png) no-repeat center center, url(../images/overlay_bg.png) center center;}
.overlay.zoom {background: url(../images/zoom.png) no-repeat center center, url(../images/overlay_bg.png) center center;}
.overlay.key {background: url(../images/key.png) no-repeat center center;}
.overlay:hover {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}
/* Back To Top Button*/
#backtotop {position: fixed;right: 0px;display: none;bottom: 20px;margin: 0 20px 0 0;}
#backtotop a {text-decoration: none;border: 0 none;display: block;width: 45px;height: 45px;background: url(../images/back-to-top.png) no-repeat 50% 50%;background-color: #cccccc;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#backtotop a:hover {background-color: #2da0ce;}
/* Header */
#header {min-height: 80px;}
/* Main Navigation */
.selectnav {display: none;cursor: pointer;width: 100%;padding: 8px;height: 37px;float: left;font-size: 14px;}
#navigation {float: right; margin-top: 33px;}
#navigation ul, #navigation li {list-style: none;padding: 0;margin: 0;display: inline;}
#navigation ul li {float: left;position: relative;}
#navigation ul li a {
	display: inline-block;
	color: #151515;
	padding: 10px;
	margin: 0 5px;
	text-decoration: none;
	font-size: 14px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image: linear-gradient(bottom, #fafafa 0, #fff 100%);
	background-image: -o-linear-gradient(bottom, #fafafa 0, #fff 100%);
	background-image: -moz-linear-gradient(bottom, #fafafa 0, #fff 100%);
	background-image: -webkit-linear-gradient(bottom, #fafafa 0, #fff 100%);
	background-image: -ms-linear-gradient(bottom, #fafafa 0, #fff 100%);
	background-color: #fafafa;
	font-weight: 600;
}
#navigation ul li a:hover {
	border-color: rgba(97,158,213,0.8);
	box-shadow: 0 0 8px rgba(132,174,217,0.3);
	background-image: linear-gradient(bottom, #fafafa 0, #fff 100%);
	background-image: -o-linear-gradient(bottom, #fafafa 0, #fff 100%);
	background-image: -moz-linear-gradient(bottom, #fafafa 0, #fff 100%);
	background-image: -webkit-linear-gradient(bottom, #fafafa 0, #fff 100%);
	background-image: -ms-linear-gradient(bottom, #fafafa 0, #fff 100%);
	background-color: #fafafa;
	color: #0066cc !important;
}
#navigation ul ul {margin: -2px 0 0 5px;position: absolute;top: -99999px;left: 0;background: #fff;border: 1px solid #dddddd;z-index: 999;}
#navigation ul ul li a:hover {box-shadow: none !important;}
#navigation ul ul li a {
	padding: 8px 0;
	display: block;
	width: 150px;
	margin: 0 16px;
	font-weight: normal;
	font-size: 14px;
	border: none !important;
	background: none !important;
	border-bottom: 1px solid #ddd !important;
}
#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent !important}
#navigation ul li:hover>ul {opacity: 1;position: absolute;top: 99%;left: 0;}
#navigation ul ul li:hover>ul {position: absolute;top: 0;left: 100%;opacity: 1;z-index: 497;background: #fff border: 0;}
#navigation ul li:hover > a {color: #0066cc;}
#navigation ul ul li:hover > a {border-top: 1px solid transparent;color: #151515;}
#current {border-color: rgba(97,158,213,0.8) !important;color: #0066cc !important; font-weight: 600 !important;}
/* IE Dropdown Fix */
.ie7 .ie-dropdown-fix {position: relative;z-index: 5;}
.ie8 .ie-dropdown-fix {position: relative;z-index: 5;}
/* Features */
.features {
	margin: 35px 0 14px 0;
	float: left;
}
.feature {margin: 0 0 10px 0;}
.feature-description {margin-left: 45px;}
.feature h4 {font-size: 16px;font-weight: bold;line-height: 34px;}
/* Homepage Thumbnails */
.portfolio-item {margin-bottom: 20px;}
.portfolio-item-meta h5 {font-size: 12px;font-family: Arial, sans-serif;font-weight: bold;line-height: 16px;padding: 12px 0 8px 0;margin: 0 0 8px 0;border-bottom: 1px solid #e7e7e7;letter-spacing: 0;}
.portfolio-item-meta h5 span {display: block;color: #888;font-weight: normal;margin-top: 3px;}
.portfolio-item-meta a {color: #444;}
.portfolio-item-meta a:hover {color: #888;}
.portfolio-item-meta p {color: #555;}
/* Info Box */
.info-box {background-image: linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);background-image: -o-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);background-image: -moz-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);background-image: -webkit-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);background-image: -ms-linear-gradient(bottom, #FAFAFA 0%, #FFFFFF 100%);-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #e4e4e4;padding: 18px 25px;margin: 20px 0 5px 0;}
.info-box p {margin: 0;}
.info-box h4 {line-height: 24px;}
.info-box a {margin: 7px 0 0 0;}
.info-content {float: left;}
/* Portfolio Styles */
.selected {background: #2da0ce;color: #fff !important;}
.selected:hover {background: #2da0ce!important;}
/* Isotope Filtering */
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/* Disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* Disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
/* Sidebar */
.sidebar {margin: 30px 0 0 0;}
/* Search */
.search input {
	width: 84%;
	padding-left: 30px;
	color: #888
}
.search:focus {border: 1px solid #ddd;}

/* Testimonials */
.testimonials {background: #fff;border: 1px solid #ddd;padding: 20px;line-height: 21px;}
.testimonials_bg {background: url(../images/testimonials_bg.png) no-repeat;margin-top: -1px;display: block;width: 200px;height: 30px;}
.testimonials_author {color: #3f8faf;float: right;display: block;margin-top: -23px;margin-bottom: 20px;}
.testimonials_author span {color: #222;}
/* Footer */
#footer {background: #383838;color: #a4a4a4;padding: 0 0 10px 0;margin: 30px 0 0 0;}
#footer h5 {color: #fff;border-bottom: 1px solid #444444;padding: 25px 0 8px 0;margin: 0 0 15px 0;}
/* Links List */
.links-list li a {
	color: #000;
	display: block;
	padding: 6px 0;
	padding-left: 12px;
	border-bottom: 1px solid #444;
}
.links-list li a:hover {color: #fff}
.links-list li:last-child a {border: none;}
/* Copyright */
#footer-bottom {background: #2c2c2c;min-height: 60px;}
#copyright {
	color: #000;
	margin: 28px 0;
	font-size: 14px;
	text-shadow: 1px 1px 0 #fff;
}
#copyright a {color: #000; margin-left: 10px;}
#copyright li:first-child a {
	margin: 0px;
}
#copyright ul, #copyright li {list-style: none;padding: 0;margin: 0;display: inline;}
/* Social Icons */
.social-links {margin: 32px 0;float: right;}
.social-links li:first-child, .social-links-about li:first-child {margin-left: 0;}
.social-links li {display: inline;list-style: none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;text-indent: -9999px;margin-left: 15px;}
.social-links a {background-repeat: no-repeat;background-position: 0 -16px;display: block;height: 16px;width: 20px;}
.social-links li:hover, .social-links-about li:hover {opacity: 1;}
/* Media Queries */
/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) {
.flexslider {height: 345px;}
#competency-wrapper {min-height: 350px;}
.project .flexslider {min-height: 1px;margin-bottom: 20px;}
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.slider_description {margin-top: 90px;}
.slider_description h2 {margin-bottom: 15px;font-size: 20px;}
.slider_description p {display: none;}
.slider_description h2 b {display: none;}
.testimonials_author {display: none;}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.slider_description {display: none;}
#navigation {float: none;}
.js #nav {display: none;}
.js .selectnav {display: block;}
#backtotop a {display: none;}
.social-links {margin: -5px 0 20px 0;float: left;}
.info-box a {margin: 15px 0 0 0;}
.info-box p {margin: 10px 0 0 0;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.custom-slide {height: 270px;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.custom-slide {height: 193px;}
}