/*--------------------------------------------------------------
   cis-site-style.css - Extra CSS file fixes for technion cis
----------------------------------------------------------------*/

/*  [@FIX-V1.36] for mobile: scheme-colors-admin-glass  */

body.scheme-colors-admin-glass  .header-top-2 {background: repeat scroll 0 0 #001C54 url(images/bg/header-5k.png);}

body.scheme-colors-admin-glass  .header-top-2 .site-branding #header-branding-box {  

	background: none; border:none; box-shadow:none !important ;
	
	Xbackground-color: 	#D9D2C0 ; 
	Xbackground-image: 	linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) ;
						
	Xbackground-size: 	100% ;
 } 

 body.scheme-colors-admin-glass  .header-top-2 			{ position:relative; }
 body.scheme-colors-admin-glass  .header-top-2:before  	{
	content: '';
    position: absolute;  z-index: 0; 
	width: 100%; height:100%; top:0;	
}	 
 



		/* 	#header-branding-box - Glass Effect 
		  \_________________________________________________________________________________/
		  
		   see: http://cssdeck.com/labs/glossy-buttons 
		*/
		 

			
		body.scheme-colors-admin-glass  .header-top-2 .site-branding #header-branding-box:before {  

			content: '';
			position: absolute;  z-index: -1;
			top: 20px ; right: 0 ; bottom:40px  ; left:0; 
			
			border-radius: 	0px 0px 15px 15px;
			background: 	rgba(0, 0, 0, 0.05); /* make it darker */
			background-image: 	linear-gradient(to bottom, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) ;
			
			border: 	1px solid rgba(255, 255, 255, 0.36);
			box-shadow: inset 0 -2px 25px rgba(255, 255, 255, 0.35) , 0 5px 20px rgba(0, 0, 0, 0.5);
		} 
		 
		body.scheme-colors-admin-glass  .header-top-2 .site-branding #header-branding-box .site-title { 
		 color: #FBECC6; text-shadow: 1px 2px 9px rgba(0,0,0,0.6);
		}
		body.scheme-colors-admin-glass  .header-top-2 .site-branding #header-branding-box .site-description { 
		 color: #BED4F5 ; text-shadow: 1px 2px 9px rgba(0,0,0,0.6);
		}  
		body.scheme-colors-admin-glass #site-navigation { border-top-width: 12px; }
		 
		body.scheme-colors-admin-glass .header-top-2 .site-branding #header-branding-box {	
				box-shadow: 0 3px 6px rgba(0,0,0,0.2);
				box-shadow: 0 5px 10px rgba(0,0,0,0.33);
		}	
		body.scheme-colors-admin-glass	.header-top-2 .site-title a {
			text-shadow: 1px 2px 4px rgba(0,0,0,0.7) , 0px 0px 3px rgba(0,0,0,0.5);
		} 



body.scheme-colors-admin-glass footer.site-footer { background: #E8E6E2 ; } 

/* _________ WIDGETS ________ */

/*
body.scheme-colors-admin-glass .widget a{ color:#231f20 !important}
*/

body.scheme-colors-admin-glass #secondary .widget {
    border: 0px solid #f7f7f7;
    border-radius: 5px;
    padding: 10px;
    box-shadow: .5px .5px .25px .25px #768692;
    background-color: #E8E6E2 !important;
}
body.scheme-colors-admin-glass.contrast #secondary .widget { background-color: inherit !important; }

body.scheme-colors-admin-glass #secondary .widget-title{
	font-weight: bold;
    text-transform: uppercase;
	font-size: .9em; line-height: normal;
	color: #0C2A62;
	letter-spacing: 1px;
	border-bottom: 1px solid #A8821B;
}

/* NAVIGATION  : navbar + dropdown (sub)-menu  
  _________________________________________
*/

/*------------
body.scheme-colors-admin-glass .navbar-default .navbar-toggle 				{ background-color: #001C54; }
body.scheme-colors-admin-glass .navbar-default .navbar-toggle .icon-bar 	{ background-color: #D59F10; }

body.scheme-colors-admin-glass .navbar-default, 
body.scheme-colors-admin-glass nav ul.dropdown-menu {
	background: #001C54;
	border-bottom: 3px solid #D59F10 !important;
}

body.scheme-colors-admin-glass .navbar-default .navbar-header {background: #F2F2EA}

body.scheme-colors-admin-glass .navbar-default .navbar-nav>li>a, nav .dropdown-menu li a { color: #fff;  }
-----------*/

/* hover and focus */
/*-------------
body.scheme-colors-admin-glass .nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
body.scheme-colors-admin-glass nav ul.nav li a:hover, 
body.scheme-colors-admin-glass nav ul.nav li a:focus {
    color: #fff !important;
	background: #D59F10 !important; 
	text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
---------------*/
/* navbar active */
/*-------------
body.scheme-colors-admin-glass .navbar-default .navbar-nav>.active>a, 
body.scheme-colors-admin-glass .navbar-default .navbar-nav>.active>a:focus, 
body.scheme-colors-admin-glass .navbar-default .navbar-nav>.active>a:hover {
    color: #fff ;
    background: #D59F10 ;
}
---------------*/
/* dropdown active*/
/*-------------
body.scheme-colors-admin-glass nav ul.dropdown-menu>.active>a,
body.scheme-colors-admin-glass nav ul.dropdown-menu>.active>a:focus, 
body.scheme-colors-admin-glass nav ul.dropdown-menu>.active>a:hover {
	background:#D59F10 ;
	color: #fff;
}
---------------*/

/* End [@FIX-V1.36] for mobile: scheme-colors-admin-glass  */






/* ___  responsive fixes ____ */
@media (max-width: 768px) {

	/* see: http://hr-test.web.technion.ac.il/wp-content/themes/access-technion-zacklive-dan/cis-assets/color-schemes/colors-admin-glass.css?ver=1.35 */
	body.design-style-manlam #site-navigation {
		border-top-width: 0 !important;
		padding: 0;
		margin-bottom: 0;
	}

	body.design-style-manlam header .header-top-2 {
		min-height: 110px;
		padding-top: 15px;
	}

	body .header-top-2 .site-branding {
		margin-top: 8px;
	}

	body .header-top-2 .site-branding #header-branding-box {
		min-height: 140px;
		top: -42px;
	}

	body .header-top-1 {
		min-height: inherit;
		padding: 2px;
	}

	body .header-top-1 .service-nav-menu { margin: 0 0 13px; }	
	body.scheme-colors-admin-glass .header-top-1 .service-nav-menu { margin: 0 0 5px; }	
	
	body #content.site-content {
		margin-top: 0;
	}

}

/* ___  end of responsive fixes ____ */


/* wp-accessibility plugin-fixes */

body.fontsize .faculty-title    { font-size: 20px !important;}
body.fontsize h1.entry-title    { font-size: 47px !important;} 
  
body.fontsize #service-navigation > span > a    { font-size: 150% !important;}
body.fontsize .site-description { font-size: 120% !important;}  
body.fontsize #lang_sel a , 
body.fontsize input[type=search] { font-size: 110% !important; line-height: 1;}  

body.fontsize #cis-foot-links , 
body.fontsize .site-info { font-size: 120% !important; line-height: 1;}  
body.fontsize .breadcrumbs > a , 
body.fontsize nav .dropdown-menu li a { font-size: 140% !important; }  

body.fontsize .widget .textwidget { font-size: 140% !important;  font-size: 1.4em !important;}
body.fontsize .widget .textwidget p { font-size: 100% !important;}
body.fontsize #lang_sel_list #langselector a { font-size: 70% !important;}

body.fontsize .member_details, body.fontsize .member_about { font-size: 1.2em !important;}

/* Bootstrap Dropdown with Hover 

 see: https://scotch.io/bar-talk/bootstrap-3-tips-and-tricks-you-might-not-know#how-to-enable-bootstrap-3-hover-dropdowns
*/

@media  (min-width : 768px) {
	XXX #site-navigation .dropdown:hover > .dropdown-menu {
		display: block ;
		margin-top: 0;
	 }
}
/*
 * Navigation ____________________ */


/** 
Xbody nav ul.nav li a:hover,
Xbody nav ul.nav li a:focus {
  background-color: #Ff0 !important;
} 
XXbody nav ul.nav li a.dropdown-toggle:hover + .dropdown-menu { display:block ; margin-top: 0;}
XXbody nav ul.nav li a.dropdown-toggle:focus + .dropdown-menu { display:block ; margin-top: 0;}


body .navbar-default .navbar-nav>.open>a, 
body .navbar-default .navbar-nav>.open>a:focus, 
body .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #e7e7e7; background: #f0f;
} 
**/ 
 

/*
	moved to : cis-templates\header-manlam.php
	body.design-style-manlam .site-branding { margin-top: 20px; margin-bottom: 20px; }
*/

/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/
/* Check out bootstrap-wp.js for more style settings. */


/* fix: prevent truncation of wpml lang-switcher dropdown  */
.widget.widget_icl_lang_sel_widget {
	overflow: visible;
	background: none; 
}


/* do not use white background */
.widget-area.footer .widget {
  background: none;
}

footer.site-footer , footer.site-footer a {
    color: #AAA;
    color: #333;
}


/*--------------------------------------------------------------
4.0  Header
--------------------------------------------------------------*/

.site-branding .site-title  { margin-top: 0px ;  margin-bottom: 1px ;}
.site-branding .site-description  {  margin-top: 1px;  }


/*--------------------------------------------------------------
 navbar
--------------------------------------------------------------*/


/* see: http://stackoverflow.com/questions/18474564/bootstrap-3-navbar-with-logo 
		http://codepen.io/candid/pen/KwYGwq/ 
*/
/* dont edit this selector. these settings should keep the logo always fitting by default. see below examples for how to edit  */

.navbar-brand>img {
        -o-object-fit: contain; /* Opera Support */
          object-fit: contain; /* Resize down to fit container */

        max-height: 100%; /* resize DOWN to height of container which is set to 50px */
        height: 100%; /* resize UP to fit*/
        max-width: 100%; 
        width: auto; /* resize based on height */
        margin: 0 auto;
}


/* Default Navbar Brand Settings. Use this to resize or move your logo up and down */

.navbar-brand {
  padding: 15px 15px;   padding: 7px 10px; 
  margin-top: 0px; /* you can adjust this if your logo needs to be moved up or down but simply adjusting the padding is easier */
  height: 50px; /* this should be equal to computed height of .navbar-nav>li>a */
}


/* Extra headspace for main sidebar (#secondary)  */
body #secondary.widget-area  { padding-top: 1em; padding-top: 5px;} 


.site-header-logo2 #logo2 { max-height:100px; }







/*--------------------------------------------------------------
	TEXT (responsive with media queries) 
	http://snapcode.co/snap/show/49/bootstrap-3-responsive-text-size-with-media-queries-css-font-style-classes-1
--------------------------------------------------------------*/
	
	
/* Large desktops and laptops */
@media (min-width: 1200px) {

	body .textHuge {
		font-size: 110px;
		line-height: normal;
	}
	body .textxxLarge {
		font-size: 60px;
		line-height: normal;
	}
	body .textxLarge {
		font-size: 40px;
		line-height: normal;
	}
	body .textLarge {
		font-size: 36px; font-size: 33px;
		line-height: normal;
	}
	body .textxxMedium {
		font-size: 26px;
		line-height: normal;
	}
	body .textxMedium {
		font-size: 18px;
		line-height: normal;
	}
	body .textMedium {
		font-size: 16px;
		line-height: normal;
	}
	body .textRegular {
		font-size: 14px;
		line-height: normal;
	}
	body .textSmall {
		font-size: 11px;
		line-height: normal;
	}
	body .textMini {
		font-size: 9px;
		line-height: normal;
	}

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

	body .textHuge {
		font-size: 77px;
		line-height: normal;
	}
	body .textxxLarge {
		font-size: 42px;
		line-height: normal;
	}
	body .textxLarge {
		font-size: 28px;
		line-height: normal;
	}
	body .textLarge {
		font-size: 33px;
		line-height: normal;
	}
	body .textxxMedium {
		font-size: 18px;
		line-height: normal;
	}
	body .textxMedium {
		font-size: 16px;
		line-height: normal;
	}
	body .textMedium {
		font-size: 14px;
		line-height: normal;
	}
	body .textRegular {
		font-size: 12px;
		line-height: normal;
	}
	body .textSmall {
		font-size: 11px;
		line-height: normal;
	}
	body .textMini {
		font-size: 9px;
		line-height: normal;
	}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

	body .textHuge {
		font-size: 54px;
		line-height: normal;
	}
	body .textxxLarge {
		font-size: 30px;
		line-height: normal;
	}
	body .textxLarge {
		font-size: 22px;
		line-height: normal;
	}
	body .textLarge {
		font-size: 18px;
		line-height: normal;
	}
	body .textxxMedium {
		font-size: 16px;
		line-height: normal;
	}
	body .textxMedium {
		font-size: 14px;
		line-height: normal;
	}
	body .textMedium {
		font-size: 12px;
		line-height: normal;
	}
	body .textRegular {
		font-size: 12px;
		line-height: normal;
	}
	body .textSmall {
		font-size: 11px;
		line-height: normal;
	}
	body .textMini {
		font-size: 9px;
		line-height: normal;
	}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

	body .textHuge {
		font-size: 38px;
		line-height: normal;
	}
	body .textxxLarge {
		font-size: 24px;
		line-height: normal;
	}
	body .textxLarge {
		font-size: 22px;
		line-height: normal;
	}
	body .textLarge {
		font-size: 18px;
		line-height: normal;
	}
	body .textxxMedium {
		font-size: 16px;
		line-height: normal;
	}
	body .textxMedium {
		font-size: 14px;
		line-height: normal;
	}
	body .textMedium {
		font-size: 12px;
		line-height: normal;
	}
	body .textRegular {
		font-size: 12px;
		line-height: normal;
	}
	body .textSmall {
		font-size: 11px;
		line-height: normal;
	}
	body .textMini {
		font-size: 9px;
		line-height: normal;
	}

}

/* Landscape phones and smaller */
@media (max-width: 480px) {


	body .textHuge {
		font-size: 32px;
		line-height: normal;
	}
	body .textxxLarge {
		font-size: 22px;
		line-height: normal;
	}
	body .textxLarge {
		font-size: 20px;
		line-height: normal;
	}
	body .textLarge {
		font-size: 16px;
		line-height: normal;
	}
	body .textxxMedium {
		font-size: 14px;
		line-height: normal;
	}
	body .textxMedium {
		font-size: 13px;
		line-height: normal;
	}
	body .textMedium {
		font-size: 11px;
		line-height: normal;
	}
	body .textRegular {
		font-size: 10px;
		line-height: normal;
	}
	body .textSmall {
		font-size: 9px;
		line-height: normal;
	}
	body .textMini {
		font-size: 8px;
		line-height: normal;
	}



}

/* font style */

	body  .font-bold {
		font-style: bold; 
	}

	body  .font-oblique {
		font-style: oblique;
	}

	body  .font-italic {
		font-style: italic;		
	}

	body  .font-normal{
		font-style: normal; 
	}

/* font decoration */

	body .text-line-through {
		text-decoration: line-through;
	}

	body .text-overline {
		text-decoration: overline;
	}

	body .text-underline {
		text-decoration: underline;
	}

	body .text-underline {		
		text-decoration: underline;	
	}