/*
Theme Name: CLIx (Inovado Child Theme)
Description: CLIx Theme (based on Inovado Theme)
Author: CLIx
Template: inovado
Version: 9999.0
*/
@import url("../inovado/style.css");
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

body {
	border-top: none;
}

.entry h1 {
	font-weight: 900 !important;
}

#header-v3 .container .three.columns {
	width: 260px;
}

#header-v3 .container .thirteen.columns {
	width: 600px;
}

@media (max-width: 768px){
	#header-v3 .container .thirteen.columns {
		width: 100%;
	}
}

html body #navigation .sub-menu li a, html body #navigation .sub-menu li .sub-menu li a, html body #navigation .sub-menu li .sub-menu li .sub-menu li a {
	color: #ffffff;
}

/* CLIx caption class*/
.clix-caption {
	display: block;
	margin-top: -30px;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 12px;
	background-color: #ddd;
}

.sub-menu li a:hover {
	background: #A3238E;
}

/*this is for main nav menu, doesn't look right*/
@media (min-width:960px) {
	float: right;
}

#title {
	padding: 0;
	background-image: none !important;
	border-bottom: none !important;
}

.portfolio-detail-description .title {
	display: none;
}

/*hides the post navigation buttons*/
.post-navigation {
	display: none;
}

/*styling the description of clix text on the homepage*/
.clix-intro-text {
	font-size: 18px;
	font-weight: 500;
	font-style: oblique;
	padding: 40px 20px;
	margin-bottom: 40px;
	margin-top: 20px;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
}

@media (min-width:768px){
	.intro-text {
		padding: 40px 80px;
	}
}

/* make footer width 100% always, not working*/ 
@media only screen and (max-width: 959px) and (min-width: 768px) {
	.container .eight.columns {
		width: 100%;
	}
}

.post-title h1{
	font-size: 26px;
	letter-spacing: 1px;
	font-weight: 600;
}
/* adds the adorable logo to the post icon */
.post-icon.standard {
	background-image: url(http://clix.tiss.edu/dev/ver1.0/wp-content/uploads/2015/11/clix-icon-white-32x32.png);
}

/* homepage get started section*/
.clix-get-started {
	text-align: center;
}

/*sizing get started images*/
.clix-get-started img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
}

/* homepage founding partners, align image center*/
#home-founding-partners img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}


/* reduce height of footer*/
#footer {
	padding: 20px 0;
}
#footer .widget h3 {
	margin-bottom: 5px;
}

/* post page first letter drop-cap*/
.post-excerpt p:first-child:first-letter {
	float: left;
	color: #ffffff;
	background-color: #A3238E; 
	font-size: 45px; 
	line-height: 35px;
	padding: 5px 5px 10px 5px;
	margin-right: 3px;
	font-family: 'Roboto Slab';
	font-weight: 900;
}

/* hide portfolio item description */
.portfolio-item .portfolio-title span {
	display:none;
}

/* add grey border around portfolio item image */
.portfolio-item .portfolio-pic {
	border: 1px solid #e4e4e4;
}

/* hides right-pointing carat in footer */
#footer .widget ul li, #infobar .widget ul li {
	background: none;
}

/* hides author of pages and posts*/
.meta-author {
	display:none;
}

/*curriculum page link styling*/
.curriculum-links img{
	max-width: 120px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.curriculum-links {
	text-align: center;
	font-weight: 700;
	color: #A3238E;
}

/* add spacing around featured posts*/
.clix-featured-spacing {
	padding: 40px 0 40px 0;
}

/* styling for side menu*/
.clix-side-menu-header a{
	display: block;
	width: 100%;
	background: #a3238e;
	font-weight: 600;
	color: #ffffff !important;
	text-align: center;
	padding: 5px 10px 5px 5px;
	margin-bottom: 2px;
}
.clix-side-menu-header a:hover{
	background: #bd29a5;
	color: #ffffff;
}
.clix-side-menu-item a{
	display: block;
	width: 100%;
	background: #efefef;
	color: #a3238e !important;
	padding: 5px 5px 5px 10px;
	margin: 2px 0px 2px 0px;
}
.clix-side-menu-item a:hover{
	color: #ffffff !important;
	background: #a3238e;
}

/* Make title bar font larger, no background */
#title h1, #title .blog-h1 {
	font-size: 28px !important;
	font-weight: 900 !important;
	color: #A3238E !important;
	margin-top: 40px;
}
h3:not(.title) {
	color: #A3238E !important;
	font-weight: 700 !important;
	font-size: 18px !important;
}

/*styling for brochure callout on about page*/
.clix-brochure-callout a{
	display: block;
	background:#55489d;
	color: #ffffff !important;
	text-align:center;
	font-size: 18px;
	font-weight: 700;
	padding: 20px;
	top: -20px;
	position: relative;
}
.clix-brochure-callout a:hover{
	background: #7f73bf;
	color: #ffffff !important;
	cursor: pointer;
}


/*Hides navigation buttons on portfolio items, prevents navigating from partners to teams items*/
.projectsnavpadding {
	display:none;
}

/* agenda layout */
.clix-agenda td, .clix-agenda th {
	border: 1px solid #cccccc;
	padding: 5px 5px 5px 10px;
}
.clix-agenda th {
	text-align: left;
	font-weight: 700;
	background-color: #a3238e;
	color: #ffffff;
}

/* Simple Calendar edits*/
.simcal-default-calendar-list .simcal-event-details {
	line-height: 1 !important;
}
.simcal-event-title {
	font-size: 20px;
	margin: none;
}
.simcal-default-calendar-list .simcal-calendar-head {
	background: #ddd;
	padding-top: 10px;
}
.simcal-default-calendar-list dt.simcal-day-label {
	background: #55489d;
}
#sidebar .widget ul li {
	background: none;
	padding: 0;
}	
.simcal-default-calendar-list dt.simcal-day-label {
	text-align: center;
}

/* wp team member plugin edits*/
/* replace email image */	
ul.team-member-socials li a.emailid-32 {
	background: url('http://clix.tiss.edu/dev/ver1.0/wp-content/uploads/2015/12/email-32x32.png') !important;
}
/* Gets rid of border on team member image*/
.rounded {
	border: none !important;
}
/*Adds margin and padding to individual team member pages, otherwise does not have any*/
.type-team_manager {
	margin-left: 15%;
	margin-right: 15%;
	padding: 40px 0px;
}
/* Trying to rid of image margins, doesn't work yet */
.single-team_manager .attachment-post-thumbnail {
	margin: 0 !important;
	display: inline-block;
	position: relative;
	width: 45%;
	height: auto;
}
@media (max-width:468px) {
	.single-team_manager .attachment-post-thumbnail {
		width: 100%;
		height: auto;
	}
}

/*Adds more spacing around primary team members in team page view*/
.clix-primary-team-members {
	padding-top: 40px;
}

/*New class for handling secondary team members in team page view, to hide everything but name and picture*/
.clix-secondary-team-members .team-member-info {
	display: inline-block;
	width: 24%;
}

.clix-secondary-team-members .team-member-des {
	display: none;
}

.clix-secondary-team-members .grid {
	display: block;
	width: none !important;
	float: none !important;
	border-bottom: none !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

/* Remove bullets on team member info*/
ul.team-member-other-info { 
	list-style-type: none !important;
	padding-left: 0px !important;
}

/* add color to bold text for team member info */
.team-member-other-info span {
	color: #a3238e;
}

/* centered full width button*/
.clix-full-width-button a{
	display: block;
	width: 100%;
	font-weight: 600;
	color: #ffffff !important;
	text-align: center;
	padding: 5px 10px 5px 5px;
	margin-bottom: 20px;
}

.clix-full-width-button.magenta a {
	background: #a3238e;
}
.clix-full-width-button.blue a {
	background: #5087C7;
}
.clix-full-width-button.purple a {
	background: #554890;
}
.clix-full-width-button.pink a {
	background: #EC008C;
}
.clix-full-width-button a:hover{
	opacity: .8;
	color: #ffffff;
}

/*individual state pages infographic box*/
.clix-infographic-box {
	font-weight: 900;
	font-size: 120%;
	text-align: center;
	line-height: 1.2;
}
.clix-infographic-box.purple {
	color: #554890;
}
.clix-infographic-box.magenta {
	color: #A3238E;
}
.clix-infographic-box.blue {
	color: #5087C7;
}
.clix-infographic-box.pink {
	color: #EC008C;
}
@media (max-width:768px){
	.clix-infographic-box img {
		width: 40%;
	}
	/*remove padding on infographic box*/
	.description.style-1 {
		padding: 0;
	}
}

/* Mapping links for clix in action image */
.clix-image-map {
	width: 100%;
	position: relative;
}
.clix-image-map img {
	display: block;
	width: 100%;
}
.clix-image-map .hotspots {
	width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;
}
.clix-image-map a {
	display:block; 
	position:absolute; 
	background:#000; 
	z-index:100; 
	opacity:0.1; 
	filter: alpha(opacity=10); 
	border:1px solid transparent;
}
.clix-image-map a.p1 {
	left:9%; top:5%; width:30%; height:34%;
}
.clix-image-map a.p2 {
	left:60%; top:5%; width:30%; height:34%;
}
.clix-image-map a.p3 {
	left:9%; top:59%; width:30%; height:34%;
}
.clix-image-map a.p4 {
	left:60%; top:59%; width:30%; height:34%;
}
.clix-image-map a + p {
	position:absolute; 
	left:0%; top:102%; width:100%; 
	color:#000; 
	display:none;
}
.clix-image-map:hover .hotspots {
	visibility:visible;
}

#sfsi_floater {overflow: hidden;}