/*
_______________________________________________________________________________
  ______          __          _                ________                      
 /_  __/__  _____/ /_  ____  (_)___  ____     /_  __/ /_  ___  ____ ___  ___ 
  / / / _ \/ ___/ __ \/ __ \/ / __ \/ __ \     / / / __ \/ _ \/ __ `__ \/ _ \
 / / /  __/ /__/ / / / / / / / /_/ / / / /    / / / / / /  __/ / / / / /  __/
/_/  \___/\___/_/ /_/_/ /_/_/\____/_/ /_/    /_/ /_/ /_/\___/_/ /_/ /_/\___/ 
                                                                                                                     
  ______                    __        ________                   
 /_  __/      _____  ____  / /___  __/ ____/ /__ _   _____  ____ 
  / / | | /| / / _ \/ __ \/ __/ / / / __/ / / _ \ | / / _ \/ __ \
 / /  | |/ |/ /  __/ / / / /_/ /_/ / /___/ /  __/ |/ /  __/ / / /
/_/   |__/|__/\___/_/ /_/\__/\__, /_____/_/\___/|___/\___/_/ /_/ 
                            /____/                               

_______________________________________________________________________________

Theme Name:		Charles
Theme URI: 		http://vislab.technion.ac.il/
Description:	Accessible child theme for the Twenty Eleven theme customized for the Technion. Named after Charles Darwin 
Author:			Vislab  
Author URI:		http://net.technion.ac.il/
Version:		1.3.8
Template:		twentyeleven
_______________________________________________________________________________

*/
 
 
 

/*
	__________________________________________
	\____________ Help Docs _________________/
	
	see: http://codex.wordpress.org/Child_Themes
	
	demo: http://wpti.ps/functions/replace-remove-header-image-twenty-eleven-theme/
	
	NOTES :
		for FULL RTL Support :
			- install http://wordpress.org/extend/plugins/include-parent-theme-rtl-css/
			- OR: copy/update  ../twentyeleven/rtl.css to this directory 
			
	CSS3PIE - http://css3pie.com/documentation/supported-css3-features/		
	
	MultiSkin - http://theme.fm/2011/07/how-to-create-a-child-theme-based-on-twenty-eleven-791/
	
	CSS base : http://kuku.wpnet.technion.ac.il/wp-content/themes/twentyeleven/style.css
	
	SEE: http://demo.thethemefoundry.com/titan-theme/wp-content/themes/titan_pro/stylesheets/master.css
	
	
*/

/* We must first include the original css from the parent theme */
@import url("../twentyeleven/style.css");


/* rtl.css is auto included via plugin */

/* FIXES for sidebars on posts  */
/* @import url("css/add-sidebar-support-posts-twenty-eleven-theme.css"); */


/* @FIX: V1.3.8  26-10-2017 fix focus artifacts (blue outline) on body and #main  
_______________________________________________________
*/
html:focus, body:focus , body #main:focus {
	outline: none !important;
}

/* @FIX: V1.3.7  25-05-2016 long header texts overflow on charles on  small-screen < 568px   
_______________________________________________________
*/
@media screen and (max-width: 568px) {
	body.access-technion-2011-theme #branding #site-title a { font-size: 15px; line-height: 1; }
	body.access-technion-2011-theme #branding { height: 125px; overflow: hidden; }
}

/* @FIX: V1.3.6  22-3-2016 for  memebers plugin 
_______________________________________________________
*/
body .member_details > h3 { font-size: 16px; }
body.single-tg_members footer.entry-meta { display:none ;} 


/* @FIX: V1.3.3  28-1-2015 / admin-toolbar moved to top  
_______________________________________________________
*/
	body.admin-bar #page #access	{ top: 222px ; }  /* extra 32px for top-admin-bar */
	body.admin-bar #pageheader		{ top: 32px ; }  
@media screen and (max-width: 782px) { 
	body.admin-bar #page #access	{ top: 236px ; }  /* extra 46px for top-admin-bar */
	body.admin-bar #pageheader		{ top: 46px ; }  
}
@media screen and (max-width: 568px) {
	body.admin-bar #page #access {top: 197px ;}
}



/*  
	Charles  (twentyeleven based)  Accesible  Theme Customization  
*/

.a11y-toolbar ul li a {
	padding:2px !important;
}

body.fontsize nav .sub-menu li a { font-size: 140% !important; }  

body.twentyeleven-subtheme #pageheader {
  background-color: #002D62 !important;		/* in case background image failed */
}  
 

  
/* Aesthetic fixes */
.hentry, .no-results {  border-bottom: none; }
body #page 			 { border-top:none; }
body #branding  { z-index: 999; } /* @FIX_17-1-2016 for video overlay  -  Original z-index: 9999; twentyeleven/style.css */
body #branding #site-branding { padding: 0 10px 0 0 ; z-index: 0 ;}
body.rtl  #branding #site-branding { padding: 0  0 0 10px; }

/* remove text shadow */
body #branding #site-title span a,
body #branding #site-description { text-shadow: none ; }

/* Technion provide semi-transparent background - for head text and logo above textured header    */
#branding #site-branding { 
	/*
	Xbackground: #002D62;  
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.15);
	Xbox-shadow: inset 0 0 20px #002D62;
	
	background:rgba(0, 45, 98,0.66);
	background: #002D62;
	*/
	background-color: #002D62; 
	background: -moz-linear-gradient(left,  rgba(0,45,98,0) 0%, rgba(0,45,98,1) 10%, rgba(0,45,98,1) 50%, rgba(0,45,98,1) 90%, rgba(0,45,98,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,45,98,0)), color-stop(10%,rgba(0,45,98,1)), color-stop(50%,rgba(0,45,98,1)), color-stop(90%,rgba(0,45,98,1)), color-stop(100%,rgba(0,45,98,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,45,98,0) 0%,rgba(0,45,98,1) 10%,rgba(0,45,98,1) 50%,rgba(0,45,98,1) 90%,rgba(0,45,98,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,45,98,0) 0%,rgba(0,45,98,1) 10%,rgba(0,45,98,1) 50%,rgba(0,45,98,1) 90%,rgba(0,45,98,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,45,98,0) 0%,rgba(0,45,98,1) 10%,rgba(0,45,98,1) 50%,rgba(0,45,98,1) 90%,rgba(0,45,98,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,45,98,0) 0%,rgba(0,45,98,1) 10%,rgba(0,45,98,1) 50%,rgba(0,45,98,1) 90%,rgba(0,45,98,0) 100%); /* W3C */
	
	
	
} 





/* Links */
body a {
	color: #002D62;  
	color: #3333cc; 
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

/* Menu Links */
#access .menu li:hover > a,
#access .menu li a:hover,
#access .menu li:focus > a,
#access .menu li a:focus {
	background: #000;  background: #002D62 !important;
	color: #fff !important;
}	

	
	
/* Assistive text */

#access a.assistive-text:focus,
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;  color: #3333cc; 
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 7.6%; left: 5px; 			
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}





#branding #site-branding #header-logo {
    height:190px;   overflow:hidden;  /* IMPORTANT */
    min-width: 90px;
    vertical-align: middle; 
    border: 0px solid blue; 
    background: none;     
}

body #branding #site-branding #header-logo  #sitelogo-default { margin: 0 30px 0 0; }
body.rtl #branding #site-branding #header-logo  #sitelogo-default { margin: 0  0 0 30px; }

body #branding #site-branding #header-logo  #sitelogo-default  a.technion_link img {    
	/*
	 vertical-align: baseline; 
	max-height:80px;  max-height:66px;
	*/
	
	 vertical-align: middle;
	
} 

body #branding #site-branding #header-logo  #sitelogo-default  a.technion_link  {    
    border-right:1px solid #d49f0f;
    padding : 0 30px 0 15px;
    display: block;
} 

body.rtl #branding #site-branding #header-logo  #sitelogo-default  a.technion_link  { 
    border: none;
	border-left:1px solid #d49f0f;
    padding : 0 15px 0 30px;    
} 

/* Hide other widgets on technion-logo widget area */
#header-logo aside.widget{  display:none; }
#header-logo aside.widget#sitelogo-default{  display:block; }


/* =Responsive Structure FIX for charlie
_________________________________________________________ */
@media only screen and (max-width: 568px) {
	body #branding #site-branding #header-logo  #sitelogo-default  a.technion_link img {
		max-height: 50px !important; 
		width: auto;
		margin: 2px 6px 4px;
	} 
	
	body.twentyeleven-subtheme #main { margin-top: 50px !important; } 	
	
}

/* @FIX: V1.3.5  17-3-2016 - for mobile smaller font of  site-sitle  */ 
@media (max-width: 650px) {
	body #site-title a {font-size: 18px;}
}

/* Responsive mobile style menu */
.menu-toggle {
	display: none;
}


/* show submenu upon parent item activation - hover/focus  */
#access ul.nav-menu li:hover > ul,
#access .nav-menu ul li:hover > ul,
#access ul.nav-menu .focus > ul,
#access .nav-menu .focus > ul {
	display:block; 
}	




/* =Responsive Structure FIX for Small menu
 for Vislab 2011 child-themes
_________________________________________________________ */
 @media only screen and (max-width: 568px) {  
/* @media only screen and (max-width: 643px) { */

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
	}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		background: none;
		border: none;
		color: #141412;
		padding: 12px 12px !important ;
	}

	.menu-toggle:focus {
		outline: thin dotted;
	}

	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: #db572f;
		color: #fff;
	}

	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: #220e10;
		color: #fff;
	}

	ul.nav-menu,
	div.menu-navigation-menu-container > ul {
		display: none;
	}

	
	#access.toggled-on { z-index:10; }
	#access.toggled-on  li { float: none; }
	#access.toggled-on  li a {  line-height: 250% !important; font-size: large ;  font-size: medium; }
	
	
	#access .menu-toggle:after {
		content: "\25BC";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: 0;
	}
	
	#access.toggled-on .menu-toggle:after {
		content: "\25B2";
	}	
	
	#access .menu-toggle,
	#access .menu-toggle:hover,
	#access .menu-toggle:focus,
	#access .menu-toggle:active {
		outline: none;
		background: none;
		border: 0px;
		color: #141412;
		padding: 12px 0 12px 20px;
	}	
	
	
	/* hide submenu by default */
	#access .nav-menu .sub-menu,
	#access .nav-menu .children {
		/*background-color: #220e10;*/
		border: 2px solid #f7f5e7;
		border-top: 0;
		padding: 0; 
		position: absolute;
		left: -2px;
		z-index: 99999;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px,1px,1px,1px);
	}
	
	/* show submenu upon parent item activation - hover/focus  */
	#access ul.nav-menu li:hover > ul,
	#access .nav-menu ul li:hover > ul,
	#access ul.nav-menu .focus > ul,
	#access .nav-menu .focus > ul {
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
		background: inherit;
		position: relative;
		margin: 0 20px;
			
		float: 		none;
		display:	block; 
		border: 	none;
	}	

	#access ul ul a {
		border: none;
		color: #444;
		font-weight: normal;
		height: auto;
		line-height: 1;
		padding: 0;
		width: auto ;
		padding: 0 15px;
	}
	
	/* fold the logo & header texts */
	body #branding #site-branding #header-logo {
		height: auto !important ;
		vertical-align: top;
		display: block;
		
	}
	body #branding #site-branding #header-texts {
		display: block;
		padding: 2px 7px 0 !important;
		
	}	
	
	/* large font accesibility Fix */
	body.fontsize #branding #site-branding #header-texts { position: absolute; top: 42px; }
    body.fontsize #branding #site-branding #header-texts #site-title span a{font-size: 22px; !important;}
	body.fontsize #branding #site-branding #header-texts #site-description{ font-size: 18px !important;}
		

	body #branding #site-branding #header-logo #sitelogo-default .technion_link { 
		border : none       !important;
		padding: 6px 0px 0	!important;	
	}
				
	body #branding #searchform #s { 
	top: 69px !important; 
		height:18px !important; 
		}
	
	
}







/* =Media queries for Small Navigation Menu
inspired by: 
wp-content/themes/twentythirteen/style.css?ver=2013-07-18 (v1.5)
-------------------------------------------------------------- */
/* Max width less then 600 pixels. */









@media screen and (max-width: XXXXXX599px) {

	/* remove nav button from middle */
	.twentytwelve-subtheme .main-navigation {
	/*text-align: start; */
		text-align: left;
		background: #F7F5E7;
	}
	
	.rtl.twentytwelve-subtheme .main-navigation {
		text-align: right;
	}
	
	/* Change the look of the menu-toggle botton to a simple link */
	.twentytwelve-subtheme .menu-toggle {
		cursor: pointer;
		display: inline-block;
		margin: 0;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		box-shadow: none;
		outline: none;
	}
	
	.twentytwelve-subtheme .menu-toggle,
	.twentytwelve-subtheme .menu-toggle:hover,
	.twentytwelve-subtheme .menu-toggle:focus,
	.twentytwelve-subtheme .menu-toggle:active {
		background: none;
		border: 0px;
		color: #141412;
		padding: 12px 0 12px 20px;
	}
	
	.twentytwelve-subtheme .menu-toggle:after {
	/* 
																				 	font: normal 16px/1 Genericons;  
																					content: "\f502";
																				 	*/
		content: "\25BC";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: 0;
	}
	
	.twentytwelve-subtheme .menu-toggle.toggled-on:after {
		content: "\25B2";
	}
	
	.twentytwelve-subtheme .nav-menu.toggled-on,
	.twentytwelve-subtheme .nav-menu.toggled-on > ul,
	.twentytwelve-subtheme .nav-menu.toggled-on > ul li {
		display: block;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	
	.twentytwelve-subtheme .nav-menu .sub-menu {
	/* margin: 0 15px; */
	}
	
	.twentytwelve-subtheme .nav-menu li {
		margin: 0;
		position: relative;
	}
	
	.twentytwelve-subtheme .nav-menu li a {
		color: #141412;
		display: block;
		font-size: 15px;
		line-height: 1;
		padding: 12px 20px;
		text-decoration: none;
	}
	
	.twentytwelve-subtheme .nav-menu .sub-menu li a {
		font-size: 13px;
	}
	
	/* Highlight Hover */
	.twentytwelve-subtheme .nav-menu.toggled-on > li a:hover,
	.twentytwelve-subtheme .nav-menu.toggled-on > ul a:hover {
		background-color: #db572f;
		color: #fff;
	}
	
	/* Highlight Current  item */
	.twentytwelve-subtheme .nav-menu .current_page_item > a,
	.twentytwelve-subtheme .nav-menu .current_page_ancestor > a,
	.twentytwelve-subtheme .nav-menu .current-menu-item > a,
	.twentytwelve-subtheme .nav-menu .current-menu-ancestor > a {
		color: #000;
		font-weight: bold;
	}
	
	/* hide submenu by default */
	.twentytwelve-subtheme .nav-menu .sub-menu,
	.twentytwelve-subtheme .nav-menu .children {
		/*background-color: #220e10;*/
		border: 2px solid #f7f5e7;
		border-top: 0;
		padding: 0;
		position: absolute;
		left: -2px;
		z-index: 99999;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px,1px,1px,1px);
	}
	
	/* show submenu upon parent item activation - hover/focus  */
	.twentytwelve-subtheme ul.nav-menu li:hover > ul,
	.twentytwelve-subtheme .nav-menu ul li:hover > ul,
	.twentytwelve-subtheme ul.nav-menu .focus > ul,
	.twentytwelve-subtheme .nav-menu .focus > ul {
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
		background: inherit;
		position: relative;
		margin: 0 15px;
	}
	
	.a11y-toolbar .aticon {font-size:20px;padding:0px;}

}

/* -------------------------------------------------------------- */

#pageheader{z-index:0 !important;}

/*
################################
	Gform Accessibility
################################
*/

input:focus,select:focus,textarea:focus,input[type=submit]:focus
{
	border:2px solid #0000FF !important;
background-color:#FFFFEE !important;
}
 
.wpa-hide-ltr#skiplinks a, .wpa-hide-ltr#skiplinks a:hover, .wpa-hide-ltr#skiplinks a:visited,.wpa-hide-ltr#skiplinks a:focus {
    position: fixed !important;
    left: 10px !important;
    top:10px !important;
    z-index:10 !important;
    color:transparent !important;
} 

.wpa-hide-rtl#skiplinks a, .wpa-hide-rtl#skiplinks a:hover, .wpa-hide-rtl#skiplinks a:visited,.wpa-hide-rtl#skiplinks a:focus {
    position: fixed !important;
    right: 10px !important;
    top:10px !important;
    z-index:10 !important;
    width: 200px !important;
    color:transparent !important;
} 

.wpa-hide-rtl#skiplinks a:focus,.wpa-hide-ltr#skiplinks a:focus {
	color:#0000FF !important;
}

.breadcrumbs {margin-left:1.2125em;margin-bottom:20px;}
body.rtl .breadcrumbs {margin-right:1.2125em;}


/*
	Search form
*/

.widget_search #s {width:46%}
 input#searchsubmit {display:inline }

article, #content {outline: none !important;}



/*****
 MISC
 *****/  
 
.archive .page-title {font-size:22px;font-weight:300;color:#000;padding-top:8px}
article > header > h2 {font-size:20px;color:#000}


/* @fix_17-1-2016 h1-h6 , th  */

h1, h2, h3, h4, h5, h6 {

    line-height: 1.3 !important;
	font-weight: bold; 
	Xmargin: 0 0 .8125em;
}
body h1{font-size:36px}
body h2{font-size:30px}
body h3 , body .entry-content h3 {font-size:24px ; text-transform: none; letter-spacing: normal;}
body h4{font-size:18px}
body h5{font-size:14px}
body h6{font-size:12px}


.entry-content th,
.comment-content th {
	color: #666; 	color: #000;
	font-size: 10px; font-size: 12px;
	line-height: 2.6em;
	text-transform: uppercase;
	font-weight: 500; font-weight: bold;
	letter-spacing: 0.1em; letter-spacing: normal;
}



/*
################################
   Ultimate Shortcodes
################################
*/

body.contrast .su-tabs-nav span {background-color:#E0E0E0;}
body.contrast .su-tabs-current {background-color:#FFF !important;}
.su-tabs-panes div,.su-tabs-nav span {font-size:0.92em !important;}