/*
Theme Name:     Technion Admissions 
Theme URI:      http: //www.technion.ac.il/
Description:    Child theme for the Twenty Twelve theme customized for Technion Admissions.
Author:         Guy Tanamy
Author URI:     http: //net.technion.ac.il/
Template:       twentytwelve
Version:        2.39
*/

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

body.custom-font-enabled {
	font-family:  Helvetica, Arial, sans-serif;
}

body.custom-background {
background-color: #EEEDEA !important;
}

.wrapper{
	background: #EEEDEA;
	position: relative;
	min-height:900px !important;
}

body .site {
		padding: 0;
	}
	
	
/*Customize Header*/
#pageheader{
	width:100%;
	height:200px;
	background:#000936;
	border-style: solid;
	border-width: 19px 0px 0px;
	-moz-border-image: url(images/golden_border.png) 19 0 0 repeat;
	-webkit-border-image: url(images/golden_border.png) 19 0 0 repeat;
	-o-border-image: url(images/golden_border.png) 19 0 0 repeat;
	border-image: url(images/golden_border.png) 19 0 0 fill repeat;
}

/*Move the header up*/
div#page.hfeed.site{
	margin-top:-200px;
}

header#masthead.site-header{
	background-color:#000936;
	padding:0;
	position: relative;
}

#header-images{
	background-image: url(images/ug3_logo_he_1_background.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: 198px;
}

#image-link-1{
	position: absolute;
    width: 185px;
    height: 75px;
    left: 0;
    top: 28px;
}

#image-link-2{
	position: absolute;
    width: 200px;
    height: 66px;
    left: 200px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 26px;
    top: 35px;
    border-left: 1px #d5a00f solid;
    padding-left: 35px;
}

#image-link-3 {
    position: absolute;
    width: 186px;
    height: 68px;
    right: 21%;
    top: 34px;
    border-left: 1px #d5a00f solid;
    border-right: 1px #d5a00f solid;
    padding: 0 20px;
}

.search_box_header{
	position: absolute;
	width:140px;
	height:27px;
	right:5.5%;
	top:25%;
}

.search-submit-icon{
	background-image: url(images/blue_search_icon.png);
	background-repeat:no-repeat;
	background-position:95% 50%;
	
}


/*#searchsubmit{
	display:none;
	}
*/

#searchsubmit, .hidden{
 	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
 }

	
.search_box_body{
	display:none;	
}

.horizontal-gold-line{
	background-image: url(images/horizontal_gold_line.png);
    position: absolute;
    width: 6px;
    height: 68px;
    right: 0%;
    top: 17%;
}


#site-navigation{
	margin-top:-69px;
}

.nav-menu{
	height: 70px;
}

.menu-toggle{
	margin-right: 8px;
}

/*remove sub menu in mobile*/
.mobile-menu ul.sub-menu { display: none; }

.main-navigation li a:hover,
.main-navigation li a:focus {
		color: #DCD6BE;
}

/*Fixed conflict with jquery css mu-plugins/include/jq-plugins/isotope/jquery.isotope.style.css?ver=1.5.25*/
body #content{
	margin-left: 0;
}
/*For Home Page Boxes Template*/
.site-content .home-page-boxes{
	float: left;
	margin-right: 0.6%;
	padding:6px 2px 20px 2px;
	background:#ffffff;
	margin-bottom: 10px;
	border-bottom: 6px #d5a00f;
	border-bottom-style:solid;
	width: 32%;
	height: 220px;
}

.site-content .home-page-dynamic-box{
	background:#ffffff;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 40px 0px 0px;
	-moz-border-image: url(images/boxes_blue_border.png) 40 0 0 repeat;
	-webkit-border-image: url(images/boxes_blue_border.png) 40 0 0 repeat;
	-o-border-image: url(images/boxes_blue_border.png) 40 0 0 repeat;
	border-image: url(images/boxes_blue_border.png) 40 0 0 fill repeat;
	float: left;
	margin-right: 0.6%;
	padding:20px 2px 0 2px;
	width: 32%;
	/*height: 237px;*/
	height:250px;
	color:#002d62;
	
}

.site-content .home-page-dynamic-box-title{
	color:#ffffff;
	margin-top:-54px;
	text-align: left;
	padding-left: 5px;
}

.site-content 
.home-page-boxes 
.home-page-boxes-content a{
	color:#002d62;
	font-size:1.6rem;
	text-decoration: none;
	font-weight: bold;
	padding-left:2px;
}

.site-content 
.home-page-dynamic-box
a{
	color:#002d62;
	text-decoration: none;
	padding:5px;
}

.site-content .home-page-dynamic-box p{
	padding:5px;
}

.site-content .post-en{
	text-align: left;
	color:#002d62;
}

.home-page-dynamic-box a.more-info{
	color: #d5a00f;
	white-space: nowrap;
}

.home-page-dynamic-box a.all-news{
	color: #002d62;
	font-weight: bold;
	text-align: right;
}

/* Style for the News box */
.home-page-dynamic-box a.more-info {font-weight:normal;}
.news-date {font-weight:normal; color:#D5A00F}
.site-content .home-page-dynamic-box {position:relative}
.home-page-dynamic-box a.all-news {position: absolute; bottom: 0; right: 0;}


/* Customize page templates one-column-page, two-column-page */
.custom-page { 
	color: #002d62;
}

.custom-page .entry-header img { 
	width: 100% !important;
}

.two-column-page{
	color: #002d62;
}

.two-column-page .entry-header .entry-title { 
	font-size: 2.0rem;
}

.custom-page .entry-header .entry-title { 
	font-size: 2.0rem;
}


.two-column-page .entry-header img { 
	width: 100% !important;
}

.two-column-page-part-one{
	 width: 48%; 
	 float: left; /*Shold be Copy to rtl too and change direction*/
	 /*margin-left: 4%; /*Shold be Copy to rtl too and change direction*/
}

.two-column-page-part-two{
	 width: 48%; 
	 float: left; /*Shold be Copy to rtl too and change direction*/
}

/* Customize one column page with padding */
.one-column-page { 
	padding-right:15%;
}

.admissions-img{
	padding: 10px;
	background: #ffffff;
	margin: 0 0 30px 30px !important;
}

.admissions-img-frame{
padding: 8px;
background: #ffffff;
border-radius: 20px !important;
}

.entry-content .contact-us img{
	margin-left: 18px;
}

.admissions-title-gold-1{
	font-size: 1.6rem !important;
	line-height: initial;
	font-weight: bold;
	color: #d5a00f;
}

.admissions-title-gold-2{
	font-size: 1.4rem !important;
	line-height: initial;
	font-weight: bold;
	color: #d5a00f;
}

.admissions-title-1{
	font-size: 1.6rem !important;
	line-height: initial;
	font-weight: bold;
}

.admissions-title-2{
	font-size: 1.4rem !important;
	line-height: initial;
	font-weight: bold;
}

.entry-content .contact-us{
	background: rgb(209,211,212); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(209,211,212,1) 0%, rgba(211,213,214,1) 2%, rgba(229,230,231,1) 5%, rgba(243,244,244,1) 8%, rgba(254,254,254,1) 11%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 98%, rgba(239,237,234,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,211,212,1)), color-stop(2%,rgba(211,213,214,1)), color-stop(5%,rgba(229,230,231,1)), color-stop(8%,rgba(243,244,244,1)), color-stop(11%,rgba(254,254,254,1)), color-stop(13%,rgba(255,255,255,1)), color-stop(98%,rgba(255,255,255,1)), color-stop(100%,rgba(239,237,234,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(209,211,212,1) 0%,rgba(211,213,214,1) 2%,rgba(229,230,231,1) 5%,rgba(243,244,244,1) 8%,rgba(254,254,254,1) 11%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 98%,rgba(239,237,234,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(209,211,212,1) 0%,rgba(211,213,214,1) 2%,rgba(229,230,231,1) 5%,rgba(243,244,244,1) 8%,rgba(254,254,254,1) 11%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 98%,rgba(239,237,234,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(209,211,212,1) 0%,rgba(211,213,214,1) 2%,rgba(229,230,231,1) 5%,rgba(243,244,244,1) 8%,rgba(254,254,254,1) 11%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 98%,rgba(239,237,234,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(209,211,212,1) 0%,rgba(211,213,214,1) 2%,rgba(229,230,231,1) 5%,rgba(243,244,244,1) 8%,rgba(254,254,254,1) 11%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 98%,rgba(239,237,234,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d3d4', endColorstr='#efedea',GradientType=0 ); /* IE6-9 */
	height: 60px
}

.entry-content .contact-us img{
	margin-top: 18px;
}
/* Customize widget style*/
/*remove title from widget text*/
.technion-admission-sidebar-widget-area .widget_text .widget-title{
	display: none;
}


/* Customize widget style*/
/*remove title from widget text*/
.technion-admission-sidebar-widget-area .widget_text .widget-title{
	display: none;
}

.technion-admission-sidebar-widget{
	
	background:#ffffff;
	padding:10px 10px 18.745px 10px;
	position: relative;
	
}

.widget-area .technion-admission-sidebar-widget-area .widget {
	/*margin-bottom: 10px;*/
	margin-bottom: 5px;
}

.technion-admission-sidebar-widget .gform_title{
	display:none;
}

.technion-admission-sidebar-widget .gfield_label{
	display:none !important;
}

.technion-admission-sidebar-widget ul li img.alignright{
	position: absolute;
	right:20px;
}

.technion-admission-sidebar-widget ul li input.alignright
{
right: 20px;
position: absolute;
top: 65px;
}

.technion-admission-sidebar-widget .gform_image_button{
	float: right;
	margin-top:-10px;
}

.technion-admission-sidebar-widget .gform_footer{
	padding: 0 !important;
	margin: 0 !important;
}

.technion-admission-sidebar-widget a{
	text-decoration: none;
	color:#002d62;
}


/* Creating design for the sidebar menus */
.technion-admission-sidebar-widget-area aside.widget_nav_menu {background: white; outline: none; box-shadow: none; border-radius: 0px; padding-right: 10px; padding-left: 10px;}
.technion-admission-sidebar-widget-area aside.widget_nav_menu ul.menu li.menu-item > a {font-weight: bold; color: #002D62; text-decoration: none; font-size: medium;}
.technion-admission-sidebar-widget-area aside.widget_nav_menu ul.sub-menu li.menu-item > a{font-size: small;}
.technion-admission-sidebar-widget-area aside.widget_nav_menu ul.menu li.menu-item > a:hover {font-weight: bold; color: #D5A00F; text-decoration: none;}
.technion-admission-sidebar-widget-area aside.widget_nav_menu ul.menu li.current-menu-item {box-shadow:none; outline: none;}
.technion-admission-sidebar-widget-area aside.widget_nav_menu ul.menu li.current-menu-item > a {color: #D5A00F; font-size: medium;}
.technion-admission-sidebar-widget-area aside.widget_nav_menu ul.menu li.current-menu-parent {box-shadow:none; outline: none;}
.technion-admission-sidebar-widget-area aside.widget_nav_menu ul.menu li.current-menu-parent > a {color: #D5A00F; font-size: medium;}
.technion-admission-sidebar-widget-area aside.widget_nav_menu ul.menu li {list-style-type:none;}
.technion-admission-sidebar-widget-area aside.widget_nav_menu .widget-title {font-size:x-large; color: #002D62; border-width: 0 0 3px 0; border-style: solid; border-image: url('/files/2014/08/line_sidebar.png') 100% 1;}


.technion-admission-sidebar-widget h2{
	font-size: x-large; 
	color: #002d62;
	font-weight: normal;
}

/*This class should be added in each GravityForm fields under advanced*/
.technion-admissions-contact-form input[type="text"],
.technion-admissions-contact-form select {
  background-color : #f5f5f4;
  color:#002d62;
  font-size: 13px !important;
  font-weight: bold;
  
}

.technion-admissions-contact-form select{
  height: 26px;
  margin: 0;
  padding: 0;
  width: 40% !important;
 }

.site-content article{
	border-bottom: none;
}


/* Footer */
footer[role="contentinfo"]{
	max-width: 100%;
	background-color:#d6d4c9;
	min-height:173px;
	padding-top: 15px;
	padding-bottom: 30px;
	height:auto;
}

footer[role="contentinfo"] a{
	color: #003B87;
	font-weight: bold;
	font-size: 0.9rem;
	text-decoration: none;
}

.footer-widget-container{
	max-width: 1200px;
	margin: 0 auto;
	 
}

.footer-widget{
	float: left;
	padding-right:35px;
	min-width: 180px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.footer-widget img{
	margin-right:5px;
}

#pagefooter{
	width:100%;
	height:20px;
	background-image:url(images/blue_background_footer.png);
	background-repeat: repeat-x;
	clear: both;
}

.technion-copyright{
	margin:0 auto;
	padding:5px 0;
	width:100%;
	color: #ffffff;
	text-align: center;	
}

/* Minimum width of pixels. */
@media screen and (min-width: 600px) {
	

	.site {
		max-width: 1200px;
	}
	
	.main-navigation li ul {
    	top: 97%;
   	}
	
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
			border-bottom: 0;
			border-top: 1px solid #ad8416;
	}
	
	.main-navigation li {
		margin-right: 20px;
	}
	
	.main-navigation li a {
	color: #ffffff;
	line-height: 4.692308;
	font-weight: bold;
	font-size: 1.1rem;
	}
	
	.main-navigation .current-menu-item > a, 
	.main-navigation .current-menu-ancestor > a, 
	.main-navigation .current_page_item > a, 
	.main-navigation .current_page_ancestor > a
	{
		color:#D5A00F;
	}
	
	
	.main-navigation li ul li a{
		background: #DCD6BE;
		color: #002D62;
		font-size:0.9rem;
		line-height:1.2;
		font-weight: bold;
	}
	
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #DCD6BE;
		color: #D5A00F;
	}
	
	.widget-area {
		position:absolute;
		width:295px;
	}
	
	.site-content {
		width:inherit;
		margin-left:305px;
	}
	
	body.home .widget-area {
		position: absolute;
		right: 0px;
		width: 295px;
	}
	
	body.home .site-content {
		width:inherit;
		margin-right: 305px;
		margin-left: 0;
	}
	
	/* remove sub menu , to delete from jshortcode after publish version 2.0 and up */
	.main-navigation .nav-menu .sub-menu{
	display:none;
	}
	
}

@media screen and (min-width: 960px) {
	
	body .site {
		margin-bottom: 0px;
		box-shadow: none;
	}
	
	.site-content{
		width: 74.584%;
	}
	
}

@media screen and (min-width: 1200px){
	
	#masthead{
	min-height:141px;
	}
	
}


/* Maximum width of pixels. */
@media screen and (max-width: 1200px){
	
	.site-content .home-page-boxes {
	padding: 6px 2px 10px 2px;
	height: 225px;
	line-height:normal;
	}
	
	.site-content .home-page-dynamic-box{
	width: 98%;
	min-height: 160px; 
	}

	.horizontal-gold-line{
		display:none;
	}
		
	
	.search_box_header {
    width: 163px;
    right: 0;
	}

	#menu-navigation-menu{
	height: 80px;
	}
	
	#site-navigation{
	margin-top:-80px;
	}
	
	.main-navigation li a {
	margin-right: 10px;	
	line-height:2.492308;
	}
		
}

@media screen and (max-width: 900px){
	
	.site-content .home-page-boxes{
		width: 48%;
		height:210px; 
	}
	
	.one-column-page { 
	padding-right:10%;
	}
	
	.site-content .home-page-dynamic-box{
	width: 97.4%;
	min-height: 160px; 
	}
	
	.search_box_header{
		display:none;	
	}
	
	.search_box_body{
		display:block;
		float: initial;
		margin-bottom: 20px;
	}
	
	.footer-widget{
		width: 40%;
	}
	
	.footer-widget:nth-child(5) {  
  	clear:both;
  	width: 85%;
	}
	
	#image-link-3 {
    right: 5px;
    top: 27px;
    border-left: none;
    border-right: none;
   	padding:0;
	}
	
	
}

@media screen and (max-width: 800px){

	
	.site-content .home-page-boxes{
		padding: 6px 2px 10px 2px;
		height: 200px;
	}
	
	.one-column-page { 
	padding-right:5%;
	}
	
	
	#image-link-3 {
    right: 2px;
    top: 27px;
    }
}

@media screen and (max-width: 700px){
	
	.site-content {
		margin-left:0;
	}
	
	
	.site-content .home-page-boxes{
		height: 225px;
	}
	
	
	.wrapper {
	padding-left: 5px;
	}
	
	body.home .site-content {
		margin-right:0;
	}
	
	
	.widget-area {
		position: static;
		width:295px;
		float:left
	}
	
	body.home .widget-area {
		position: static;
		width:295px;
		float:left
	}
	
	
	.main-navigation{
		padding-bottom: 10px;
	}
	
	#online_subscription_logo_size{
	width: 120px;
    height: 60px;
	}
	
	#image-link-3 {
    right: 0;
    width: 120px;
    }
	
	

}

@media screen and (max-width: 600px){
	
	.site-content 
	.home-page-boxes 
	.home-page-boxes-content a{
		font-size: 1.4rem;
	}
	
	.site-content .home-page-boxes{
		height: 200px;
		line-height: normal;
	}
	
	.one-column-page { 
	padding-right:1%;
	}
	
	.nav-menu{
	height: auto;
	}
	
	#menu-navigation-menu{
	height: auto;
	}
	
	.main-navigation{
		padding-bottom:20px;
	}
	
	.main-navigation li a {
	line-height: 0;
	font-weight: bold;
	color: #ffffff; 
	}
	
	
	#header-images{
	background-image:none;	
	}
	
	#image-link-1{
	width: 115px;
    height: 70px;
    left: 0;
    top: 20px;
	}
	
	#logo_size{
	width: 110px;	
	}

	#image-link-2{
	width: 140px;
    height: 41px;
    left: 120px;
    border-left: 1px #d5a00f solid;
    padding-left: 10px;
    font-size: 18px;
    top: 25px;
	}
	
	#image-link-3{
	width: 100px;
	top: 15px;
	}
	
	#online_subscription_logo_size {
    width: 95px;
    height: 50px;
	}	
	
	
	
	.footer-widget{
		width: 40%;
	}
	
	.main-navigation ul.sub-menu { display: none; }
	
	
}

@media all and (max-width: 700px) and (min-width: 600px) {
	
	.site-content {
		min-width: 405px;
	}
	
}

@media screen and (max-width: 400px){

	
	#image-link-1{
	width: 115px;
    height: 70px;
    left: 0;
    top: 20px;
	}
	
	#logo_size{
	width: 100px;	
	}

	#image-link-2{
	width: 91px;
    height: 38px;
    font-size: 13px;
    left:110px;
	}
	
	#image-link-3{
	width: 85px;
	}
	
	#online_subscription_logo_size {
    width: 85px;
	}	
	
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 * 3. Source:http://nicolasgallagher.com/micro-clearfix-hack/
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

div.g-recaptcha {
	transform:scale(0.77);
	transform-origin:0;
	-webkit-transform:scale(0.77);
	transform:scale(0.77);
	-webkit-transform-origin:0 0;
	transform-origin:0 0; 
	position: relative;
    left: 60px;
    }



/*Start Setting for WP Accessibility*/

.gform_wrapper ul li.gfield{
	/*padding: 2px;*/
	-webkit-transition: background-color 350ms ease-out;
	-moz-transition: background-color 350ms ease-out;
	-o-transition: background-color 350ms ease-out;
	transition: background-color 350ms ease-out;
}

.gform_wrapper ul li.gfield.focused
{
	background-color: #FFDFE0 !important;
}

.technion-admission-sidebar-widget #error{
	margin-left:20px;
}

.breadcrumbs{
	margin:10px 0 0 10px;
}