@charset "utf-8";
/* CSS Document */

/*========================================
	=MEDIA QUERIES (RESPONSIVE DESIGN)
=========================================*/

/* display for 768 to 1024px resolutions */
@media only screen and (max-width: 1024px) {
	
	/* layout */
	#container, #content, #menu { min-width:0; }
	
	/* blog layout */		
	.widget { width:100%; }	
 .view-display-id-entity_view_2 {
      display: none;
}
			
}

/* display for 480 to 768px resolutions */
@media only screen and (max-width:768px) {	
	
	/* layout */		
#container { 
  width:100%;
  max-width:none;
  float:none; 
  overflow: hidden;
  }
#content {
  width:78%; /* 780px x 100 / 1000px */
  max-width:892px;
  float:right;
  margin-bottom:10px;
  position: relative;
  left: 2%;
	}
 .field-name-body, .one {
   width: 99%;
   margin: 0 auto;
   padding: 0 1%;
  }
	#content, 
 #menu {
		padding-left:1%;
		padding-right:1%;
		position:relative;
		float:none;
		width:100%;
		clear:both;
  left:0px;  }


  .field-type-slideshow,
  .field-slideshow-wrapper {
    margin-left: 0;
  }

  .field-name-field-separator-field, .separator {
    margin: 24px 2px 20px 2px;
  }

  #header {
    text-align: center;
   }

.view-nodequeue-3 .views-field-title {
  margin-left: 4%;
}


  #menu { 
    background:url(../images/menu_bg_portrait.png) bottom repeat-x;
    max-width:none; 
    padding-top:34px;
  }
  #block-nice-menus-2 {
     padding: 0 11%;
     margin-bottom: 20px;
  }
  .responsive-menus.responsified span.toggler {
    float: left;
    margin-left: 90%;
    background: transparent;
    box-shadow: none;
    font-size: 2em;
    position: relative;
    top: -202px;
    margin-bottom: 30px;
}

			
  #logo_highlight { 
    background:url(../images/logo_highlight_portrait.png) no-repeat;
    width:500px;
    margin-left:-250px; }

	#content { padding-top:40px; }

/*
 * unhide the mobile version of this view
 */
.view-id-nodequeue_1 .view-footer {
  display: none;
}


.view-nodequeue-1 #node-18 {
  width: 100%;
}
.view-nodequeue-1 .view-header,
.view-nodequeue-1 .view-display-id-block,
.view-nodequeue-1.view-display-id-block .views-row .views-field-field-board-member-image {
  padding: 0 0 0 0;
}

  .node-philosophy .field-name-field-summary {
     width: 96%;
     margin-left: 1%;
   }

  .view-nodequeue-1 .view-header, 
  .view-nodequeue-1 .node-philosophy, 
  .view-nodequeue-1 .view-display-id-block {
    display: block;
    width: 100%
  }
  .view-nodequeue-1.view-display-id-block .views-row .views-field-field-board-member-image {
    padding: 0 0;
    margin: 44px auto 0px auto;;
  }
    .view-nodequeue-1 .views-field-title {
    position: relative;
    top: 8px;
  }
  .view-nodequeue-1 .views-field-field-title {
    position: relative;
    top: 7px;
  }
  .view-nodequeue-1.display-id-block .view-content {
    position: relative;
    top: 25px;
  }
  .view-nodequeue-1.display-id-block .separator {
    position: relative;
    top: 580px;
  }
  .view-nodequeue-1 .view-content .views-view-grid.cols-3 {
    position: relative;
    top: 10px;
  }
/* team page */
  .page-team .view-display-id-entity_view_2 .view-header,
  .page-team .view-display-id-entity_view_2 .view-content {
     display:none;
  }
  .view-nodequeue-1 table {
     margin-top: 52px;
   }
  .view-display-id-entity_view_2 {
    display: block;
   }
  .view-display-id-entity_view_1 {
    display: none;
  }
	/* flex slider */			
  .flex-caption { padding:8px 10px; }			

/* social and copyrightt */
  #social_wrapper { 
    top:3px;
    height:34px;
    position:relative; }

  copyright_info {
    position:relative;
    bottom:0;
    top:-5px;
    margin-bottom:0;
    padding-bottom:20px; }	

  #social_icons { margin-bottom:0; }	

/* navigation menu */	
  #menu_list { display:none; }

  header nav { 
    width:100%; 
    clear:both; 
    overflow:hidden; }

  #menu nav select { 
    display:block;
    width:300px;	
    height:40px;
    padding:9px 10px;
    margin:11px auto 39px auto;
    clear:both;
    border:none;
    outline:none;
    position:relative;
    z-index:100;
    font-size:15px; }
  
  .page-mediatech #content {
    left: 0px;
    width: 100%
  }
  .view-nodequeue-3 tr,
  .view-nodequeue-4 tr,
  .view-nodequeue-5 tr{
    display: block;
  }
  .view-nodequeue-3 .col-last,
  .view-nodequeue-4 .col-last,
  .view-nodequeue-5 .col-last {
    float: left;
    width: 100%;
  }
  .view-nodequeue-3,
  .view-nodequeue-4,
  .view-nodequeue-5 {
    width: 100%;
  }
 
  ul.nice-menu-down li {
    border-top: none;
  }
  ul.nice-menu li {
    border: none;
    background: none;
  }
  td.one_half {
    width: auto;
  }
  table td[class*="col-"] {
    float: left;
    width: 100%;
  }

}


/* display for resolutions smaller that 480px */
@media only screen and (max-width: 480px) {

	/* layout */
  #container { min-width:320px; overflow: hidden;}
  #content, #container { margin-left:0; }

  .region-content {
    padding: 0 0;
  }

  #block-nice-menus-2 {
    padding: 0 3%;
  }

/*
 * hide the normal version and unhide the mobile of this view
 */
   .view-id-nodequeue_1 .view-content {
     margin: 20px auto;
   }
 
  .view-id-nodequeue_1 .view-content .views-view-grid.cols-3 {
     display: none;
  }
  .view-id-nodequeue_1 .view-footer,
  .view-id-nodequeue_1 .view-display-id-block_1 {
     display: block;
   }
  .view-nodequeue-1.view-display-id-block .views-row .views-field-field-board-member-image {
    padding: 0 5%;
  }
  .view-nodequeue-1 #node-18 {
    width: 100%;
  }
  .view-nodequeue-1 .view-header, 
  .view-nodequeue-1 .node-philosophy, 
  .view-nodequeue-1 .view-display-id-block {
    display: block;
  }
/* team page */
  .page-team .view-display-id-entity_view_2 .view-header,
  .page-team .view-display-id-entity_view_2 .view-content {
     display:none;
   }

  .view-display-id-entity_view_2 {
    display: block;
  }
  .view-display-id-entity_view_1 {
    display: none;
  }
  .one_fourth, .one_third, .two_thirds, .one, .one_half, .three_fourths { 
    clear:both;
    width:100%;
    margin:0 auto 25px auto; }	

  #content > .separator, .no_wrapper { 
    width:100%;
    margin-left:0; }

  .flex-control-nav {
    left: 86%;
  }
	/* blog layout */	
  #sidebar { margin-top:0px; }

  #respond input[type=text] { width:100% !important; }	

	/* typography */
  .main_title { font-size:2.4em; }
  .subtitle { font-size:1.2em; }
	

  #apply{
    background: url(../images/apply.jpg) repeat scroll 0px 0px transparent; 
    position: fixed; 
    right: 0px; 
    width: 34px; 
    height: 79px; 
    cursor: pointer;
  }
  #webform-component-fsa-fsb fieldset,
  #webform-component-fsc-fs3 div div {
    width: 100%;
    float:none;
  }
  #webform-component-fsc--fs3--mailaddress {
    margin: 10px;
  }
  #webform-component-fsc--fs3--googlemap {
    margin: 0 auto;
    padding: 0 2%;
  }
  .page-mediatech #content {
    left: 0px;
    width: 100%
  }
  #block-nice-menus-2 ul li a {
    font-size: 1.01em;
  }
  .view-nodequeue-3 tr,
  .view-nodequeue-4 tr,
  .view-nodequeue-5 tr {
    display: block;
  }
  .view-nodequeue-3 .col-last,
  .view-nodequeue-4 .col-last,
  .view-nodequeue-5 .col-last{
    float: left;
    width: 100%;
  }
  .view-nodequeue-3,
  .view-nodequeue-4,
  .view-nodequeue-5 {
    width: 100%;
  }
  ul.nice-menu-down li {
    border-top: none;
  }
  ul.nice-menu li {
    border: none;
    background: none;
  }
  .views-field-field-facilities-logo,
  .views-field-field-breeding-image-logo,
  .views-field-field-media-technology-logo {
    margin: 0;
  }
  .views-field-field-facilities-logo img,
  .views-field-field-breeding-image-logo img,
  .views-field-field-media-technology-logo img {
    width: 95%;
    height: 95%;
  }
  #content td, #content th {
     padding: 0;
     margin: 10px 0 0 0 ;
  }
  .views-field .views-field-field-media-technology-logo #content table td img,
  .views-field .views-field-field-facilities-logo #content table td img,
  .views-field .views-field-field-breeding-image-logo #content table td img {
    width: auto;
  }
    td.one_half {
    width: auto!important;
  }
    table td[class*="col-"] {
    float: left;
    width: 100%;
  }
}