/*
Theme Name:	Radiate Pro (MLML)
Theme URI:	https://www-dev.mlml.calstate.edu
Author:		Michael Radojevic
Author URI:	https://www-dev.mlml.calstate.edu
Description:	Radiate Pro child theme with customizations for MLML. Changes: Remove theme's navigation styles so that the mega menu works; Add 10px margin-bottom to site-branding so that the logo doesn't touch the menu bar; Make the header opaque; Add JavaScript to dynamically resize the content and slider/header image top margin so that the (now opaque) header doesn't block the slider/header image; Reduce the footer to a single auto width widget area.
Template:	radiate-pro
Version:	0.3
License:	GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:	radiate-pro-mlml
Domain Path:	/languages/
*/


/* Changes since last revision add support for the SJSU header bar and footer (iframes) */


.main-navigation-MLML
{
	/* float: right; */
}

/* Page/post body */
.hentry {
	/* We don't want top and bottom padding here */
	padding: 0 30px;	/* Default: padding: 30px; */
	padding: 0 3rem;	/* Default: padding: 3rem; */
}

/* Hides page titles, but leaves post titles alone. hide-title is added via hide_page_title() in functions.php. */
.hide-title .entry-title {
	display: none;
}

/* Theme - footer widget area */
.tg-one-third {
	float: none;			/* Spread the one footer widget area across the whole footer */
	width: auto;			/* " " */
}

/* Theme - widget areas */
.widget {
	background-color: transparent;	/* Default: #FFFFFF - Setting to transparent gets rid of the dumb white boxes around widget elements, including mega menu items */
	padding: 10px 30px;
	padding: 1rem 3rem;
	margin-bottom: 0;
}

/* Theme - MLML main footer */
/* This stuff is extremely specific because the lame #colophon id and associated styling is aggressive. Main footer style changes pretty much have to go here. */
/*#mlml-main-footer,
#mlml-main-footer .tg-one-third .widget {
	background-color: rgb(69, 162, 255);
	background-color: rgb(119, 212, 255);
	background-color: rgb(139, 232, 255);
}*/

th {
	color: #fff;
	background-color: #1b569c;
}

/* Theme - tables in widgets */
.widget th,
.widget td {
	padding: 6px 10px;	/* Default: padding 1px 1px 1px 2px; */
}

/* Radiate's mobile menu */
.site-header .menu-toggle:before {
	visibility: hidden;
}

/* Theme - header */
.radiate-hdt-2 .header-wrap {
	opacity: 1;			/* Default: 0.9 - Setting to 1 eliminates transparency in the header, including the mega menu */
	filter: alpha(opacity=100);	/* Old IE8 compatibility junk */

	/*  */
	padding: 0;			/* Default: 10px 0 - Setting to 0 to clear padding. Padding is bad. */

	/* Only necessary if the header logo(s) would be touching the top of the viewport. Removed since the SJSU header bar needs to butt up against it.  */
	/*padding-top: 10px;*/		/* Restore 10px padding-top. Normally I'd use margin-top, but the slider image peeks out of the top of the page until it fully loads if I do. */

	position: relative;		/* Un-fix header */
}

body.admin-bar .header-wrap {
	top: 0;				/* Default: 32px - Setting to 0 eliminates extra spacing between the WordPress admin bar and the header when the header isn't fixed. */
}

#masthead {
	height: auto !important;	/*  */
}

#parallax-bg {
	position: relative;		/* Un-fix header/slider */
}

.single-slide {
	position: absolute;		/* This is set later via JS anyway, but setting it right off the bat prevents slider images from blowing up the page while the slider loads. */
}

.slider-nav {
	position: absolute;		/* Bases positioning on its parent element (#header-image) instead of #masthead. Part of the header un-fixing. */
}

#header-image {
	/*display: none !important;*/
}

.site-branding {
	/* Removed to improve spacing w/SJSU header bar */
	/*margin-bottom: 10px;*/		/* Give the logo and mega menu bar some breathing room. */

	margin-right: 0;		/* Get rid of right margin */
	width: 100%;			/* This is so that the second header logo (right side) can be aligned with the right edge of the menu bar */
}

/* SJSU header bar (iframe) */
.sjsu-iframe {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 999999;
	/* display: none; */
}

/* SJSU header logo */
/* WARNING: THIS IS PRETTY BAD AND SHOULD BE DONE CORRECTLY LATER (read: never). */
#header-logo-image2 {
	float: left;
	padding: 0 0 0 0;
}

/* Logo separator */
div.vertical-line {
	float: left;
	height: 70px;
	width: 0;
	/*border: 1px inset;*/
	border: 1px solid lightgray;
	margin: 15px 10px;
}

/* SJSU footer */
.site-footer {
	background: url(/wp-content/sjsu/aspis/media/bgs/bg-sjsu-diamonds.svg) repeat #ffffff;
}

/* The counterpart for #header-logo-image is output in wp_head()...I think  */
@media screen and (max-width: 768px) {
	.radiate-hdt-2 #header-logo-image { padding-right: 10px; }	/* Included by wp_head() on www only(WHY) but we need it everywhere */
	.radiate-hdt-2 #header-logo-image img { height: 60px; width: auto; }	/* " " */

	/*.radiate-hdt-2 #header-logo-image2 { padding-left: 10px; }*/
	.radiate-hdt-2 #header-logo-image2 img { height: 60px; width: auto; }

	div.vertical-line { height: 45px; margin: 9px 6px; }
}
@media only screen and (max-width: 480px) {
	.radiate-hdt-2 #header-logo-image { padding-right: 5px; }	/* Included by wp_head() on www only(WHY) but we need it everywhere */
	.radiate-hdt-2 #header-logo-image img { height: 50px; width: auto; }	/* " " */

	/*.radiate-hdt-2 #header-logo-image2 { padding-left: 5px; }*/
	.radiate-hdt-2 #header-logo-image2 img { height: 50px; width: auto; }

	div.vertical-line { height: 35px; margin: 7px 5px; }
}
/* end warning */


.slide-image img {
	width: 100%;				/* Stretch small slider images to fill the container's width. Maybe we shouldn't do this though. */
}

/* Make the slider/header image and controls line up with the menu bar. */
#parallax-bg {
	max-width: 1218px;			/* Match the max-width of .inner-wrap. */
	margin-left: auto;			/* Push the image towards the center. */
	margin-right: auto;			/* " " */
	width: 96%;					/* .inner-wrap's width is 96%, so this is set to match. The 96% seems arbitrary though...why not 100%? */
}

#content {
	padding-top: 0;				/* Default: 45px. Set to 0 to eliminate unnecessary white space between the slider image and the content. */
}

body {
	/*font-size: 14px;*/
}


/* Hide photo descriptions in foobox */
.fbx-caption-desc {
	display: none;
}