@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);

@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: local('News Cycle'), local('NewsCycle'), url(http://fonts.gstatic.com/s/newscycle/v13/9Xe8dq6pQDsPyVH2D3tMQgzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
}
@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 700;
  src: local('News Cycle Bold'), local('NewsCycle-Bold'), url(http://fonts.gstatic.com/s/newscycle/v13/G28Ny31cr5orMqEQy6ljt2aVI6zN22yiurzcBKxPjFE.woff2) format('woff2');
}
/*1 Narrow Browser Windows (between 0 and 480 pixels) and Smartphones in both orientations.*/

@media only screen and (min-width: 0px) and (max-width: 600px), only screen and (min-width: 0px) and (max-width: 640px) and (orientation : landscape) {
  body {
  	background:#fff;
  	font-family: 'News Cycle', sans-serif !important;
  }

  #supersized {
  	display:none !important;
  }

 #supersized-loader {
  	display:none !important;
  }

  ul#logo-block { 
    position: relative; 
    float: left; 
    top: 0px; 
    left: 0px;
    padding: 10px 10px;
    text-align: center;
    }

  ul#logo-block h1 { 
    width: 250px !important; 
    height: 44px !important; 
    background: url("/assets/img/logo-small.png") no-repeat !important; 
  }

  .tabContainer {
    margin-top: 50px;
    background:none;
    max-height: none;
    overflow:visible;
  }

  .tabContainer p, .tabContainer h1, .tabContainer ul {
  	color:#000;
  }

  .tabContainer .inner {
  	width:auto;
    padding:0 10px !important;
  }

	.tabContainer a, .tabContainer a:active, .tabContainer a:link, .tabContainer a:visited {
	text-decoration: underline;
	color: #000;
	}

	#permanent_advanced_search_button, #contract_advanced_search_button, #leadership_advanced_search_button, #lightview_advanced_search_button {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 7px;
	display: inline-block;
	}

	data {
	}


	data .tabContainer {
		display:block !important;
	}

	data .tabContainer p {
		font-size:17px !important;
	}

  #freedom li.ui-state-active a, #freedom li a {
    margin-right: 10px;
  }


  ul#main-nav     { display: none; }
  ul#freedom     { display: none !important; }
  select.navigation { display: block; position:absolute; top:63px; left:10px; }

  select.sub-navigation { display: block; position:absolute; top:63px; left:180px; }

  div.main-content {
    padding-top: 0px;
  }

  input[type="text"], input[type="password"] {
	padding: 5px 5px;
  font-size:20px;
	border: 1px solid #373c3f;
	}

	#contract_latest_roles p, #permanent_latest_roles p, #leadership_latest_roles p {
	background: rgba(17, 17, 17, 0.9);
	}

  .apply-container {
    float:none;
    clear:both;
    margin-top:20px;
    top:10px;
  }

  .fArea {
    width:330px !important;
  }

  #applyFormWrapper {
    padding:0 15px 15px 15px;
  }

  .quickSearch {
    padding:10px;
    font-size: 20px;
  }

  h1.vacancyResultsHeading {
    font-size:24px;
  }

  #loginFormWrapper label, #registerFormWrapper label {
    color:#000;
    width:125px;
  }

  #loginFormWrapper legend, #loginFormWrapper div, #registerFormWrapper div {
    color:#000;
  }

  #loginFormWrapper input[type="text"], #registerFormWrapper input[type="text"] {
    margin-bottom:5px;
  }

  .tabContainer ol li {
    margin-left:40px;
    padding-left:10px;
    color:#000;
  }

  .social {
    float:right;
    padding: 15px 15px 0 0;
  }

  .social .smartphone {
    display:block;
  }

}


/** optimised for iPad portrait */
@media only screen and (min-width: 601px) and (max-width: 800px) and (orientation : portrait) {
  
  div.main-content {
    padding-top:125px;
  }

  .tabContainer {
    clear:both;
    margin-top:20px;
    max-height:400px;
  }

  .smartphone {
    display:none;
  }

  body#contact ul#logo-block h1 {
    background: url("/assets/img/logo.png"); 
  }

  .secondary {
    display:none;
  }

}

/** optimised for Nexus portrait */
@media only screen and (min-width: 601px) and (max-width: 700px) and (orientation : portrait) {
  
  div.main-content {
  	padding-top:125px;
  }

  .tabContainer {
    clear:both;
  	margin-top:20px;
  	max-height:315px;
  }
 
  .smartphone {
    display:none;
  }
 
  body#contact ul#logo-block h1 {
    background: url("/assets/img/logo.png"); 
  }

  .secondary {
    display:none;
  }
  
}

/** optimised for Nexus landscape **/
@media only screen and (min-width: 701px) and (max-width: 962px) and (orientation : landscape) {
 
	ul#logo-block {
		top:20px;
	}

  div.main-content {
  	padding-top:105px;
  }

  .tabContainer {
  	margin-top:0;
  	max-height:260px;
  }

  .smartphone {
    display:none;
  }

  body#contact ul#logo-block h1 {
    background: url("/assets/img/logo.png"); 
  }

  .secondary {
    display:none;
  }

}