/*
Theme Name: Center for Craniofacial Moleculur Biology
Theme URI: https://ccmb.usc.edu/
Description: Center for Craniofacial Moleculur Biology child theme of USC Gold
Author: Jason Cauwels <cauwels@usc.edu>
Date Created: 2012-12-12
Last Modified: Jason Cauwels <cauwels@usc.edu>, 2012-12-12

copyright © 2012 University of Southern California
*/

/*
TOC:
1 - Global Tags
	1.1 - Page Layout
	1.2 - Navigation Menu Overrides
	1.2.1 - Slide Navigation
	1.2.2 - Side Navigation
	1.2.3 - Related Blog Articles
	1.3 - Footer
2 - Home/Index
	2.1 - Features
	2.2 - Feature Text
	2.3 - Core List
	2.4 - Page Content
	2.5 - Side Navigation
3 - Content Page
	3.1 - Content
	3.1.1 - Search Results
4 - Responsiveness
	4.1 - Larger Screens
	4.2 - Tablets and Netbooks
	4.3 - Phones
	4.4 - Tall Browsers


colors:
sidebar: #eeede8
footer: #3e5052
accent: #f59201
*/


/**********************************************
				1 - GLOBAL TAGS
**********************************************/

/* 1.1 Page Layout
-----------------------------*/

/* 1.2 Navigation Menu Overrides
-----------------------------*/
.header_main {
	/*
	width: 940px;
	margin: 0 auto;
	*/
}


/* 1.2 - Navigation Menu Overrides
-----------------------------*/


/* 1.2.1 - Slide Navigation
-----------------------------*/


/* 1.2.2 - Side Navigation
-----------------------------*/
.content_sidebar .nav_main a { color: #3e5052; }
#searchform button { background: url('https://customsites.usc.edu/wp-content/themes/usc_gold/images/usc_gold_sprite.png') 4px 4px no-repeat #f59201; }

#searchform button:hover, #searchform button:active { background: url('https://customsites.usc.edu/wp-content/themes/usc_gold/images/usc_gold_sprite.png') 4px 4px no-repeat #f59201; cursor: pointer; }

#text-2 { padding: 0 2%; }
.event_calendar .event_info { width: 190px; }
.event_calendar h3 { padding-top: 0; }
ul.event_calendar li { border-bottom: 1px solid #3e5052; }


/* 1.2.3 - Related Blog Articles
-----------------------------*/


/* 1.3 Footer
-----------------------------*/
.footer_main {
	background: #3e5052;
	border-top: 4px solid #f59201;
}

.footer_main h2.logo {
	background: url('../images/ccmb_logo.svg') 0 0 no-repeat;
	background-size: 340px, 30px; height: 30px; width: 340px;
	text-indent: -9999px;
}



/**********************************************
				2 - HOME / INDEX
**********************************************/

/* 2.1 Features
-----------------------------*/
.slider {overflow: visible;}
.media_wrapper { position: relative; padding-bottom: 53.55%; /* 16:9 */ height: 0; overflow: hidden; }
.media_wrapper iframe { position: absolute; top: 0; left: 0; height: 98%; width: 100%; }
.slide { background-color: transparent; }
.slide_title { text-align: left; margin: 0; padding: 8px 0 12px 10px; font-size: 12px; background: #3e5052; color: #fff; display: block; }
#featurenav { top: 86%; left: 0; }

.content_article { border-bottom: 1px solid #3e5052; }


/**********************************************
				3 - CONTENT PAGE
**********************************************/

/* 3.1 Content
-----------------------------*/

/* 3.1.1 Search Results
-----------------------------*/

.gsc-control-wrapper-cse b { font-weight: 700; }
.gsc-control-wrapper-cse td {
	padding: 0 1rem;
	border: 0;
}
.gsc_wrapper .gsc-result .gs-title {
	height: auto;
}
.gsc-result .gs-title,
.gsc-result .gs-title b {
	height: auto !important;
	font: 24px 'National', Helvetica, Arial, sans-serif !important;
}

.gcsc-branding img {
	border: 0;
	box-shadow: none;
}

.gsc-cursor-current-page {
	text-shadow: none;
}


/**********************************************
				4 - RESPONSIVENESS
**********************************************/

/* 4.1 Larger Screens
-----------------------------*/
@media only screen and (min-width: 989px){}

/* 4.2 Tablets and Netbooks
-----------------------------*/
@media only screen and (min-width: 481px) and (max-width: 988px){
	#featurenav { top: 85%; }
}

/* 4.3 Phones
-----------------------------*/
@media handheld, only screen and (max-width: 480px) {
	.content_sidebar .nav_main a { color: #fff; }
}

/* 4.4 Tall Browsers
-----------------------------*/
@media screen and (min-height:1245px) {}