/*
	Theme Name: Hueman Child
	Theme URI: http://alxmedia.se/themes/hueman/
	Description: Sample child theme for customization.
	Author: You
	Author URI: 
	Template: hueman
	Version: 1.0.0
*/

@import url("../hueman/style.css");

/* ------------------------------------------------------------------------- *
 *  Theme customization starts here
/* ------------------------------------------------------------------------- */

/* Global */



/* body */
body {
	color: #333333;
/* IE10+ */ 
background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #E0E0E0 0%, #7F8187 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #E0E0E0 0%, #7F8187 100%);

/* Opera */ 
background-image: -o-radial-gradient(center top, ellipse farthest-corner, #E0E0E0 0%, #7F8187 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center top, 0, center top, 359, color-stop(0, #E0E0E0), color-stop(100, #7F8187));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #E0E0E0 0%, #7F8187 100%);

/* W3C Markup */ 
background-image: radial-gradient(ellipse farthest-corner at center top, #E0E0E0 0%, #7F8187 100%);
	}

	
table li { font-size: 1.2em; } /* for awards page */
.entry table td { text-align:left; font-size:1em; font-weight:normal; } /* for booster contacts page */
.entry table th { vertical-align: middle; font-size:1em; } /* for booster contacts page */

/* page titles */
.page-title h2 { font-size: 1.5em; color:#6e0408; } /* -> bigger, maroon */

/* -> made fonts smaller */
.entry h1 { font-size: 28px; letter-spacing: -1px; font-weight: 400;}  /* probably not used */
.entry h2 { font-size: 24px; letter-spacing: -0.7px; font-weight: bold;} /* used a lot */
.entry h3 { font-size: 18px; letter-spacing: normal; font-weight: bold; } /* under h2 */
.entry table h3 { margin: 0px; }  /* for headings in tables */
.entry h4 { font-size: 18px; letter-spacing: normal; font-weight: 550; color:black;} /* intro paragraphs */


/* size of overall site content - orig. 1380px -> now 1250px wide */
	/* unboxed - menu part of header extends to edge of browser */
#wrapper { min-width: 1024px; height: 100%; margin-top: 128px; /* added top margin to move logo down */}
.container { padding: 0 20px; }
.container-inner { max-width: 1250px; min-width: 1250px; width: 100%; margin: 0 auto; } /* width of site for unboxed */
	/* boxed - everything cut off at max-width with body background behind */
.boxed #wrapper { max-width: 1250px; margin: 0 auto; 
	 margin-top: 128px; /* added top margin to move logo down */
	-webkit-box-shadow: 6px 0 0 rgba(0,0,0,0.04), -6px 0 0 rgba(0,0,0,0.04);
	box-shadow: 6px 0 0 rgba(0,0,0,0.04), -6px 0 0 rgba(0,0,0,0.04); }
	
/* I added color for main content area, inside sidebars */
.content {background:#ffffff;}

/* background color of sidebars and content */	
.main { position: relative; background-color:#fff!important;  }  /* seems to be overwritten by .col-3cm .main-inner */
.main-inner { position: relative; min-height: 600px; /* instead of sticky footer */ }
	
/* CHANGED all primary sidebar widths, header widths, and content padding from 340px to 290px */
/* ALSO secondary sidebar from 260 to 270px */
/* 2 column, content right */
.col-2cr .main-inner {padding-left: 290px; background: #eee; } /* Orig: url(img/sidebar/s-left.png) repeat-y left 0; */ 
.col-2cr .s1 { float: left; margin-left: -290px; }
.col-2cr .content { float: right; }

/* 3 column, content middle */
.col-3cm .main { background: #eee; } /* seems to be overwritten by .main-inner. 
	Orig: url(img/sidebar/s-right-s2.png) repeat-y right 0; }*/
.col-3cm .main-inner { padding-left: 290px; padding-right: 270px; 
	background: #eee; }/* color of sidebars (and main content area if it's not set separately). Orig: url(img/sidebar/s-left.png) repeat-y left 0; */ 
.col-3cm .s1 { float: left; margin-left: -290px; }
.col-3cm .s2 { float: right; margin-right: -270px; /* ingenuity! */ position: relative; right: -100%; }
.col-3cm .content { float: right; }
	
/* sidebar headers */
/* .sidebar-content just goes down to end of content, not end of sidebar */
.sidebar-top { padding: 15px 30px; }
.sidebar-top p { float: left; color: #fff; color: rgba(255,255,255,0.8); font-size: 17px; font-weight: 600; text-transform: uppercase; line-height: 24px; padding: 3px 0; }  
	
/* heading on primary sidebar */
.s1 { width: 290px; z-index: 2; }  /* also width of widgets in sidebar, but not sidebar itself. -> 300 .*/
.s1 .sidebar-top,
.s1 .sidebar-toggle { background: #6e0408; } /* ->maroon */

@media only screen and (min-width: 479px) and (max-width: 960px) {
	.s1 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }
	.s1 .sidebar-top p { color: #666; }
	.s1 .sidebar-top .social-links .social-tooltip { color: #666; }
}

/* heading on secondary sidebar */
.s2 { width: 270px; z-index: 1; }
.s2 .sidebar-top,
.s2 .sidebar-toggle { background: #6e0408; } /* ->maroon */

@media only screen and (min-width: 479px) and (max-width: 1200px) {
	.s2 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }
	.s2 .sidebar-top p { color: #666; }
}
	
/* logo *//* ALSO ADDED STUFF IN HEADER.PHP TO MOVE LOGO DOWN AND MENU OVER */
.site-title a img { display: block; max-width: 100%; max-height: 130px; height: auto; 
	padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; }  /* max height -> 130 */
.logomove {position:absolute; margin-top:-142px; 
	margin-left:-2%; z-index:100; } /* added style to move logo into correct position */
							
/* strip containing logo?, menu, and sidebar headers */
#header { background: #101010; position: relative; padding-bottom: 60px; } /* -> black background */
#header .pad { padding-top: 10px; padding-bottom: 0px; }  /* -> top padding moves logo down */

/* menu (big screens) */ 
@media only screen and (min-width: 720px) {
	.nav { font-weight: 700;}  	/* 600-> 700 */
	.nav-wrap { margin: 0 auto 0 auto; width: 550px; }  /* added width and margin to make menu centered and 1 row */

	/* menu text colors */
	#nav-header .nav li a { 
		color: #bbb; }	/* unselected menu items */
	#nav-header .nav li > a:hover,	#nav-header .nav li:hover > a { 
		color:#ccc; background-color:rgba(255,255,255,0.15); } /* hover - lighten back. with white at .15 opacity */
	#nav-header .nav li.current_page_item > a, 
	#nav-header .nav li.current-menu-item > a,
	#nav-header .nav li.current-menu-ancestor > a,
	#nav-header .nav li.current-post-parent > a { 
		color: #fff;  } /* current page text white */
	#nav-header .nav ul { background-color: #252525; padding:0px;}	/* submenu items lighter black */
}

/* widget text - works for text boxes and post-lists, not upcoming events */
.widget { color: #222; border-top: 1px solid #d7d7d7;} /* font -> darker gray; added top border as divider */
.widget a { color: #267399;}  /* new colors (blue)*/
.widget a:hover { color: #191970; }
.widget > h3 { font-size: 15px;  font-weight: 600; text-transform: uppercase; margin-bottom: 4px; } /* changed */
.widget_categories ul li , .alx-tab li, .alx-posts li {border: none; } /* take away lines under titles on front page */
/* to change hover color of Latest Posts */
.s2 .alx-posts li:hover .post-item-title a {color: #191970;}
   /* all these were together in the orig. style.css file:
   .s2 .alx-tab .tab-item-category a,    .s2 .alx-posts .post-item-category a,    .s2 .alx-tab li:hover .tab-item-title a,     
   .s2 .alx-tab li:hover .tab-item-comment a,     .s2 .alx-posts li:hover .post-item-title a*/

/* search box (ADDED SEARCH BOX IN CODE IN HEADER.PHP) */
.themeform.searchform div { float:right; margin: -80px 30px 0 0; /* added all this to put search at top right */}
.themeform.searchform div input { width: 216px; padding-left: 26px; line-height: 20px; background: #f5f5f5;} /* changed width and background */
.themeform.searchform div:after { color: #888; line-height: 24px; font-size: 14px; content: "\f002"; position: absolute; left: 10px; top: 6px; font-family: FontAwesome; } /* magnifying glass. changed color */
.notebox .search-again  div{ display: none; /* don't display another search box on the results page */ }

/* color of selected stuff */
::selection { background: #D34F54; color: #ffffff; }
::-moz-selection { background: #911010; color: #fffffff; }
	
/* My-Calendar */
.entry .my-calendar-table  th{ vertical-align: top; border-color: #777; color:#333; } /* days of the week */
.my-calendar-table  tr.alt td { background: white; }   /* get rid of alternating row color in table */
.entry .my-calendar-table  td{ vertical-align: top; border-color: #777; }  /* day boxes */
.my-calendar-table .mc-date { color:#000; font-size:110%;}  /* date in day box */
.mc-main .current-day, .mc-main .current-day .mc-date { background-color: #FFFFBF; }  /* current day color under date */
.entry .my-calendar-table   td.current-day { background: #FFFFBF; }  /* current day color */
.entry .my-calendar-table td h3 span { color: #2C3539; }    /* times */
.mc-main h3, .mc-main h3 a { color:black; }     /* delete to allow colored event titles */
.mc-main .nextmonth h3 a { color:gray; }   /* events on days in previous and next months */
.entry .my-calendar-table   td.nextmonth { background: #F6F6F6; }  /* cells for days in previous and next months */
.mc-format, .mc-time , .mc-print { display: none; }  /* list, week, and day views are not working, don't show print view */
.my-calendar-date-switcher { width:300px; text-align:center;}  /* choose month and year (blue background) */
.mc-main caption, .mc-main .my-calendar-date-switcher, 
	.mc-main .category-key, .mc-main .calendar-event .details, 
	.mc-main .calendar-events { background-color: #f6f6f6; border-color: #A5A6AE; }  /* nicer blue background */
.mc-main .my-calendar-date-switcher .button {padding: 3px 10px; margin-left:4px;}  /* GO button */
.mc-main .my-calendar-nav ul { height:1.8em; margin-bottom: -50px; }  /* previous and next links */
.my-calendar-prev { float:left; }    /* for previous and next links in calendar header */
.my-calendar-next { float: right; }
.mc-main { padding: 0 50px;}  /* make whole calendar a little thinner on the page */
   /* background colors for the even days in list format */
.mc-main .list-event .details  {background:#f2f2f2;}
.mc-list  {background: #e2e2e2;}
  /* event details popup */
.mc-main .calendar-event .details {width:300px; left:40%;}
	
/* for dates on news archive page (or whatever) */
.smallergray {color:gray; font-size:90%;}

/*------- Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) 
{
	/* don't need the changes below for this size */

}


/*-------- Mobile - 480px & 320px */
@media only screen and (max-width: 719px) 
{
	/* change margin to keep search box up when screen shrinks */
	.themeform.searchform div {  margin: -180px 10px 0 0; }
	/* change to keep logo from moving down a bit when screen shrinks */
	.logomove { margin-top: -142px; }
	/* no margin on calendar when small screen */
	.mc-main { padding: 0;} 
}


/*--------- Mobile - 320px */
@media only screen and (max-width: 479px) 
{
	/* change margin to keep search box up when screen shrinks */
	.themeform.searchform div {  margin: -180px 10px 0 0; }
	/* change to keep logo from moving down a bit when screen shrinks */
	.logomove { margin-top: -142px; }
	/* no margin on calendar when small screen */
	.mc-main { padding: 0;}