/*
Theme Name: Starryland Wordpress Theme
Description: Child theme for the Cornerstone starter theme
Author: Rare
Template: cornerstone-master
Version: 1.0
*/

@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

@import url(../cornerstone/style.css);


.alignleft {display: inline; float: left; margin-right: 1.625em;}
.alignright {display: inline; float: right; margin-left: 1.625em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

.widget_nav_menu ul,.widget_recent_entries ul,.clearing-thumbs{list-style:none}

.top-bar .title-area .name a {
	font-size: 1.0625em;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 0 15px;
	line-height: 45px;
}

.orbit-container {background: transparent;}

#content,.sidebar{margin-top: 1em;}

.entry-content ul:not([class*="block-grid-"]):not(.clearing-thumbs),.widget_archive ul{margin-left:2em;}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    /*color: #222;*/
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


   /*font-family:'Futura W01 Book';
   font-family:'Futura W01 Light';*/

   /*color guide*/
  /* body #454545 (69, 69, 69)
   headings #676767 (103, 103, 103)
   blue #1a5189 (26, 81, 137)*/


a, a img {
   outline: 0;
   border:none;
   border: 0;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a {
  color: #454545;
}

a:hover{
  color: #1a5189;
}

input::-moz-focus-inner { 
  border: 0; 
}

html, body{
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  background: #ffffff;
  font-family:'Futura W01 Light';
  color: #454545;
  /*height: auto;*/
}



#menu-footer, #menu-footer-1{
  display: none !important;
  visibility: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family:'Futura W01 Book';
  color: #676767;
}

p{
  line-height: 1.2;
}


.remove-pad-right{
  padding-right: 0;
}



.full-width {
  max-width: 100% !important;
  width: 100% !important;
}

.row {
 max-width: 105em; /*=1680px*/
}

.blue{
  color: #134c86;
}

.bold{
  font-family:'Futura W01 Book';
}

#loading{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 20000;
  /*display: none;*/
}

img.full{
  width: 100% !important;
}

/*header*/

header{
    padding-top: 20px;
    background: #fff;

}

/*lang*/

#lang a{
  font-size: 14px;
  color: #808080;
}

#lang a.active{
  color: #1a5189;
}


/*nav*/

nav ul{
    float: right;
    text-transform: uppercase;
    list-style: none;
    padding: 20px 0 0;
    z-index: 10000;
}


nav ul li{
   /* float: left;*/
    display: inline-block;
}

nav ul li a {
      display: inline-block;
      padding: 5px 18px;
      font-size: 16px;
      font-family:'Futura W01 Book';
}


/*dropdown menu*/

/*  LEVEL ONE*/
ul.dropdown {
     position:  relative;
}

ul.dropdown li {
     float:  left;
     zoom:  1;
}

ul.dropdown li a:hover, ul.dropdown li.active a {
     color: #1a5189;
}


ul.dropdown li.active {
    color: #1a5189;
}

ul.dropdown li a {
     display:  block;
     color: #808080;
    /* padding:  4px 8px;
     border-right:  1px solid #333;
     color:  #222;*/
}

ul.dropdown li:last-child a {
     border-right:  none;
}

 /* Doesn't work in IE */
ul.dropdown li.hover, 
ul.dropdown li:hover {
   /*  background:  #F3D673;
     color:  black;*/
     position:  relative;
}

ul.dropdown li.hover a {
     /*color:  black;*/
 }

/* LEVEL TWO */
ul.dropdown ul {
     min-width:  220px;
     padding: 0;
     visibility:  hidden;
     position:  absolute;
     top:  100%;
     left:  0;
     padding-top: 10px;
}

ul.dropdown ul li {
     font-weight:  normal;
     background:  #fff;
     float:  none;
     min-width:  220px;
}

                                      
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
     border-right:  none;
     width:  100%;
     display:  inline-block;
}
 
/*  LEVEL THREE */
ul.dropdown ul ul {
     left:  100%;
     top:  0;
}

ul.dropdown li:hover > ul {
     visibility:  visible;
}

/*page headers*/

#page-header {
  background-color: #f7f7f7;
}

#page-heading {
  text-transform: uppercase;
  padding: 10px 20px;
  line-height: 1;
}

#company {
  display: block;
}



/*page content*/

#left-content{
  padding: 40px 20px 0px;
}

#right-content{
  padding: 20px 20px 0px;
}

#left-content p{
  font-size: 16px;
}

#left-content ul{
 margin-left: 0;
}

/*search bar*/

#s {
 width: 70% !important;
 display: inline-block;
}

#searchsubmit{
  margin: 1px 0 0 0;
  height: 37px;
}



/*home page */

#holder{
    position: absolute;
   /* top: 95px;
    bottom: 110px;*/
    width:100%;
    max-width: 105em;
    overflow: hidden;
}

.backstretch-caption{
   position: absolute; 
   left: 0; 
   text-transform: uppercase;
}

.backstretch-caption span, .backstretch-caption a { 
   background: rgb(255, 255, 255); 
   background: rgba(255, 255, 255, 0.9);
}

.backstretch-caption span i{ 
  font-style: normal;
}

.backstretch-caption span.project-name{
   color: #1a5189; 
   /*font-size: 45px;
   line-height: 75px;*/
   font-family: 'Futura W01 Light';
   /*padding: 5px 12px 0px;*/  
}

.backstretch-caption span.project-place{
  /* font-size: 25px;
   line-height: 25px;*/
   font-family:'Futura W01 Book';
   /*padding: 5px 12px;  */
}

.backstretch-caption a.project-link{
  /*padding-right: 20px;*/
  
  /*background-position: 120px center;*/
}


.backstretch-caption a {
  /* font-size: 15px;
   line-height: 48px;*/
   font-family:'Futura W01 Book';
   /*padding: 5px 12px; */ 
}


#backstretch-controls {
  position: absolute;
  top: 50%;
  margin-top: -69px;
  width: 100%;
  height: 108px;
}

#backstretch-controls #prev, #backstretch-controls #next{
  position: absolute;
  height: 138px;
}


#backstretch-controls #prev{
  left: 0;
}

#backstretch-controls #next{
  right: 0;
}

#backstretch-controls .slide-next {
  /*position: absolute;
  right: 0;
  background-color: #fff;
  padding: 10px;*/
}

#backstretch-controls .slide-prev {
 /* position: absolute;
  left: 10px;*/
}


#backstretch-controls a {
  color: #1a5189;
  font-size: 88px;
  line-height: 100px;
}

#backstretch-controls a:hover {
  color: #1a5189;
}

.backstretch img{
  padding-top: -95px !important;
}

#faux{
  width: 100%;
  height: 195px;
  display: block;
}


/*nivo*/

#home-slider .nivo-caption {
  display: none !important;
}

.theme-default .nivoSlider{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  
}

#manual-nivo-caption{
    background: none;
    color: #000;
    position: relative;
    /*border: 1px solid #000;*/
}

.theme-default a.nivo-nextNav {
  background: url('img/flex-next.png') no-repeat 0 0; 
 /* background-position: -30px 0;*/
  right: 0px;
}

.theme-default a.nivo-prevNav {
  background: url('img/flex-prev.png') no-repeat 0 0;
  left: 0px;
}


.theme-default .nivo-directionNav a {
  display: block;
  width: 40px;
  height: 138px;
  /*background: url(arrows.png) no-repeat;*/
  text-indent: -9999px;
  border: 0;
  opacity: 1;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}




/*flexslider*/
.flexslider {
    margin: 0;
    border: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -o-border-radius: none;
    border-radius: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}



/* Direction Nav */
.flex-direction-nav a {
  width: 40px; 
  height: 138px; 
  margin: -69px 0 0; 
  display: block; 
  background: none; 
  position: absolute; 
  top: 50%; 
  cursor: pointer; 
  text-indent: -9999px; 
  opacity: 1; 
  /*-webkit-transition: all .3s ease;*/
}

.flex-direction-nav a:before {
  display: none;
}

.flex-direction-nav .flex-next {
  background-position: 100% 0; 
  right: 0px; 
  background: url('img/flex-next.png') no-repeat 0 0; 
}
.flex-direction-nav .flex-prev {
  left: 0px;
  background: url('img/flex-prev.png') no-repeat 0 0;
}
.flex-direction-nav .flex-disabled {
  opacity: 1!important; 
  filter:alpha(opacity=1); 
  cursor: default;
}

.flexslider:hover .flex-prev { opacity: 1; left: 0px; }
.flexslider:hover .flex-next { opacity: 1; right: 0px; }

/*captions*/

p.flex-caption{
  display: none;
}

.caption-bg{
  background: #f7f7f7; 
  padding-left: 0;
  /*padding-right: 0;*/
  display:table-cell;
  vertical-align:middle;
}

.captions{
  padding: 20px;
}

.captions, .slider-count{
  text-transform: uppercase;
}

.captions .project-name {
  font-size: 55px;
  display: block;

}

.captions .project-city {
  font-size: 34px;
  display: block;
  margin-bottom: 20px;
}

.home-slider-link{
  padding-left: 10px;
  background: url('img/home-slider-link.png') left center no-repeat;
}

.slider-count{
  width: 100%;
  color: #454545;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  z-index: 100;
}

.slider-count-inner{
  background: rgb(255, 255, 255);
  width: 150px;
  height: 40px;
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
  color: #000;
}

.slider-count-inner .of{
  font-size: 10px;
}



#caption-bottom{
  position: absolute;
  bottom: 0;
  width: 100%;
}

#caption-top{
  position: absolute;
  top: 0;
  width: 100%;
}

/*.home-thumb-link img:hover{
  opacity: 0;
}*/


.thumb-home{
  background:
  url('img/read-more.png') center center no-repeat,
  url('img/tile-bg.png') repeat; 

}

.thumb-project{
  background:
  url('img/view-project.png') center center no-repeat,
  url('img/tile-bg.png') repeat; 
}


.home-thumb img, .project-thumb img{
  margin-bottom: 10px;
}

#projects{
  margin-top: 20px;
}

.project-thumb{
  margin-bottom: 20px;
}



.home-box .type{
  background: #fff;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: :0;
  padding: 8px;
  font-size: 15px;
  /*border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;*/
}

.home-box .title, .project-thumb .title, .projects-box .title{
  text-transform: uppercase;
  font-size: 14px;
}

.home-box .title, .projects-box .title {
  position: absolute;
  margin-top: 10px;
}


/*awards*/

/*year list*/

ul.option-set{
  text-transform: uppercase;
  display: inline-block;
  list-style-type: none;
  padding: 20px 0px;
}

ul.option-set li{
  float: left;
}

ul.option-set li a{
  border-right: 1px solid #a3a3a3;
  padding: 0px 10px;
  color: #a3a3a3;
}

ul.option-set li a:hover, ul.option-set li a.active{
  color: #134c86;
}

#awards #right-content {
  padding: 50px 20px 0px;
}

.award{
  text-transform: uppercase;
  text-align: center;
  background-image: url('img/award.png');
  background-repeat: no-repeat;
  background-position: 10px top;
  padding-top: 60px;
}

.award .details{
  line-height: 1.2;
}

.year{
  font-size: 15px;
}

.award .name{ 
  font-size: 22px;
  /*max-width: 225px;*/
  margin: 0 auto;
  word-break: keep-all;
}

input[type="submit"] {
  width: 25%;
  height: 37px;
  background: #134c86;
  border: 0 !important;
  text-transform: uppercase;
  margin-top: 22px;
  color:  #fff;
}

/*company overview*/

#company-overview #right-content{
  padding-top: 40px;
}

#company-overview .tile{
  background: url('img/tile-bg.png') no-repeat;
    zoom: 1;
  filter: alpha(opacity=80);
  opacity: 0.8;
   -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease;
  margin-bottom: 40px;
}

#company-overview .tile:hover{
  opacity: 1;
   -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

#company-overview a .tile  .title{
  font-family:'Futura W01 Book';
  text-transform: uppercase;
  text-align: center;
  color: #454545;
  opacity: 1;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

#company-overview a:hover .tile  .title{
  color: #ffffff;
   -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}


/*company profile*/


.staff-member{
  padding: 20px;
}

.title{
  margin-bottom: 20px;
}

.staff-member p{
  font-size: 14px;
}

.staff-member .position,  .staff-member .name{
  text-transform: uppercase;
  display: block;
}

.staff-member .position {
font-size: 22px;
margin-bottom: 10px;
}

.staff-member .name {
font-size: 32px;
color: #134c86;
}


/*project*/

#project #project-details ul{
  list-style-type: none;
  margin-left: 0;
}

#project #project-details ul li{
  text-transform: uppercase;
  font-family:'Futura W01 Book';
  color: #134c86;
}

#project #project-details ul li span{
  text-transform: capitalize;
  font-family:'Futura W01 Light';
  float: right;
  color: #454545;
}

#project #project-details ul li span.last-child{
  float: none;
}

#project #project-details ul li span.last-child span{
  display: block;
}



/*masonry*/
/**** IMPORTANT THESE ARE NEEDED ****/  
#container {
  float:none;
  background: #ffffff;
  padding: 0;
  margin:0 auto;
  margin-bottom:30px;
  /* optional */
  
  /* content-box is NEEDED. if border-box is enabled
     then it when Masonry calculates the height and width
   of the container it counts incorrectly and the result
   images running to the edge of the container on the right
   and bottom sides. Only apply content-box to the container. */
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}

#container.home-tiles{
   margin-bottom:50px;
}

.project-box {
  margin: 5px;
  float: left;
 /* background:
  url('img/zoom.png') center center no-repeat,
  url('img/tile-bg.png') repeat-y;*/
}

.project-box img, { display: block; width: 100%; }

.home-box, .projects-box {
  float: left;
 /* background:
  url('img/view-project.png')  center center no-repeat,
  url('img/tile-bg.png') repeat-y;*/
}

.home-box img, .projects-box img { display: block; width: 100%; }


/*masonary*/
/* animations for the transition/reordering */
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -ms-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}

/*nivo lightbox*/
.nivo-lightbox-theme-default.nivo-lightbox-overlay {
  background: #fff;
  background: rgba(255,255,255,0.9);
}

.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
  opacity: 1;
  background-color: #fff;
}


/*news*/

/*news*/

/*social share*/


.social-share{
 /* margin-top: 50px;*/
}

.social-share p{
  font-family: 'Futura W01 Book';
  color: #676767;
  line-height: 1;
  margin-bottom: 0;
}

ul.wpfai-list li {
  display: inline-block;
  margin: 0 10px 10px 0;
}

ul.pagination li.current a, ul.pagination li.current button {
background: #134c86;
 }



#article-text{
  margin-bottom: 30px;
}



/*featured image*/

#featured-project h4 {
  text-transform: uppercase;
  font-family:'Futura W01 Light';
}

#featured-project img{
  margin-bottom: 15px;
  position: relative;
}


.read-more{
  font-style: italic;
}

input#search {
  width: 400px;
  background-color: #f7f7f7;
}

.widget ul{
  list-style-type: none;
}

.widgettitle{
  font-size: 22px;
  color: #1a5189;
  text-transform: uppercase;
}

.news-item{
 /* margin-bottom: 50px !important;*/
}

.news-item h3{
  /*margin-bottom: 20px;*/
}

.day, .month, .year{
  display: block;
  color: #134c86;
  font-family: 'Futura W01 Book';
  text-align: center;
  margin-bottom: 5px;
}

.day{
  color: #134c86;
  font-size: 32px;
}

.month{
  font-size: 22px;
  text-transform: uppercase;
}

.year{
  font-size: 18px;
  text-transform: uppercase;
}

.view-article{
  background:  #134c86;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 10px;
  display: inline-block;
  line-height: 1.2;
 /* margin-bottom: 30px;*/
}

.view-article:hover, .view-article:focus, .view-article:active{
  color: #fff;
}



.pub{

}

.contact-details{
  font-size:  110%;
  list-style-type: none;
}


#error{
  color: #c60f13;
  margin-bottom: 15px;
}

/*footer*/

.home #footer{
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}

#footer {
  background-color: #f7f7f7;
  min-height: 110px;
  margin-top: 10px;
}


#copyright{
  text-transform: uppercase;
}

.disclaimer{
  float: right;
}

.disclaimer a{
  font-size: 14px;
}

#rare {
  float: right;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #454545;

}

#rare a {
    display: inline-block;
    width: 33px;
    height: 11px;
    overflow: hidden;
}

#rare a img {
  display: block;
  margin-top: 0;
}

#rare a:hover img {
    margin-top:-11px;
}




/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * 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 receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


/*Small screens Define mobile styles */

@media only screen { } 


/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 640px) { 
  /*header{
    background: green;
  }*/

  #logo, #lang{
    display: block;
  }

  #lang{
    float: right;
    margin: -25px 0 10px;
  }

  nav ul     { display: none; }
  nav select { 
     display: inline-block;
     border: 1px solid #ccc;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px; 
     -khtml-border-radius: 5px;
     text-transform: uppercase;
  }

  #logo{
     padding: 10px 0 20px;
  }
  #logo img{
     display: block;
     margin: 0 auto;
  }

  #page-heading { 
    font-size: 14px;
  }

  /*home page*/

  #holder{
      top: 153px;
      bottom: 126px;
  }

  #backstretch-controls{
    display: none;
  }

  .backstretch-caption{
    bottom: 45px;
  }

  .backstretch-caption span.project-name{
     font-size: 18px;
     line-height: 30px;
     padding: 5px 12px 0px;  
  }

  .backstretch-caption span.project-place{
     font-size: 14px;
     line-height: 22px;
     padding: 5px 12px; 
  }


  .backstretch-caption a {
    display: none;
  }

 /* .home-thumb, .project-thumb{
    margin-bottom: 50px;
  }

  .theme-default .nivo-directionNav a {
    display: none;
  }*/



  /*project pages*/

  /* masonry needs hard pxs for images */
  .project-col { width: 180px; }
  .project-col img { max-width: 180px; }

  .home-col { width: 290px; margin-bottom: 50px; }
  .home-col img { max-width: 290px; }

  .projects-col { width: 290px; margin-bottom: 50px; }
  .projects-col img { max-width: 290px; }


  /*company pages*/

  #company{
    font-size: 28px;
  }

  #company-overview .tile {
   padding: 25% 0;
  }

  #company-overview .title{
   padding: 5% 0;
   /*font-size: 1px;*/
  }
  
  .staff-member img{
    width: 300px;
    margin-bottom: 20px;
  }


 /* awards*/


  .award {
    margin-bottom: 20px;
  }

  .award .name{ 
    max-width: 205px;  
  }

  .award .details{
      min-height: 150px;
      padding: 10px 50px 0px;
  }  

  /*news*/

.news-item{
  margin-bottom: 50px !important;
}

.view-article{
   margin-left: 20px;
}

.news-item h3, .article-details, #article-text{
  /*margin-bottom: 20px;*/
  padding-left: 20px;
}




/*.thumb-home, .thumb-home img {
  max-height: 336px;
    max-width: 450px;
  }

.thumb-project, .thumb-project img {
    height: 269px;
    width: 423px;
  }*/

  



  /*footer*/

  /*home page footer*/

  
  
  #footer{
    text-align: center;
    line-height: 3;
  }

  #rare{
    float: none;
  }
}
   



/*Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 641px) {

 /*header{
    background: yellow;
  }*/

  #logo, #lang{
    display: inline-block;
  }

  #lang{
    float: right;
    padding: 15px 0;
  }

  nav select {
        display: none;
  }



  #logo{
    margin: 0px 0px 20px 5px;
  }



  /*page-header*/

  #page-header { 
    background-image: url('img/page-header-bg.png');
    background-repeat: repeat-y;
    background-position: right center;
  }

   #page-heading { 
    font-size: 18px;
  }

  /*home page*/

  #holder{
      top: 143px;
      bottom: 110px;
  }

  .backstretch-caption{
    bottom: 45px;
  }

  .backstretch-caption span.project-name{
     font-size: 35px;
     line-height: 58px;
     padding: 5px 12px 0px;  
  }

  .backstretch-caption span.project-place{
     font-size: 18px;
     line-height: 20px;
     padding: 5px 12px; 
  }

  
  .backstretch-caption a {
     font-size: 14px;
     line-height: 43px;
     padding: 5px 12px;
  }


  /*.home-thumb, .project-thumb{
    margin-bottom: 40px;
  }*/


  /*project pages*/
  /* masonry needs hard pxs for images */

  .home-box, .projects-box {
    margin-right: 0.9375em;
  }
  .project-col { width: 260px; }
  .project-col img { max-width: 260px; }

  .home-col { width: 314px; margin-bottom: 3em; }
  .home-col img { max-width: 314px; }

  .projects-col { width: 474px; margin-bottom: 3em; }
  .projects-col img { max-width: 474px; }


  /*company pages*/

   

  #company{
    font-size: 35px;
  }


  #company-overview .tile {
   padding: 25% 0;
  }

  #company-overview .title{
   padding: 10% 0;
   font-size: 22px;
  }

  /*awards*/

  .award {
    margin-bottom: 20px;
  }

  .award .name{ 
    width: 205px; 
    max-width: 205px;  
  }
   .award .details{
    padding: 10px 0 0 40px;
    min-height: 150px;
  }

 /* news*/
 .news-item{
 margin-bottom: 50px !important;
}

.news-item h3{
 /* margin-bottom: 20px;*/
}

.day, .month, .year{
  
}


#footer {
  line-height: 110px;
  background-image: url('img/footer-bg.png');
  background-repeat: repeat-y;
  background-position: left center;
}


/*.thumb-home, .thumb-home img {
   width:  302px;
   height:  181px;
}

.thumb-project, .thumb-project img {
    height: 254px;
    width:  424px;

}*/

  

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
   nav ul     { display: none; }
   nav select { 
    display: inline-block;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    -khtml-border-radius: 5px;
    text-transform: uppercase;
   }
}

/*Large screens min-width 1025px, large screens*/
@media only screen and (min-width: 1025px) {

/*header{
    background: pink;
  }*/



  #right-content{
    border-left: 1px solid #f7f7f7;
  }

  /*page-header*/

  #page-heading { 
    font-size: 34px;
  }

  /*home page*/

  #holder{
      top: 95px;
      bottom: 110px;
  }

  .backstretch-caption{
    bottom: 35px;
  }

   

  .backstretch-caption span.project-name{
     font-size: 45px;
     line-height: 75px;
     padding: 5px 12px 0px;  
  }

  .backstretch-caption span.project-place{
     font-size: 25px;
     line-height: 25px;
     padding: 5px 12px; 
  }

  


  .backstretch-caption a {
     font-size: 15px;
     line-height: 48px;
     padding: 5px 12px;
  }

  
 /* .home-thumb {
    padding-left: 0;
  }*/

  /*project pages*/

  /* masonry needs hard pxs for images */
  .project-col { width: 328px; }
  .project-col img { max-width: 328px; }

  .home-col { width: 265px; }
  .home-col img { max-width: 265px; }

  .projects-col { width: 530px; }
  .projects-col img { max-width: 530px; }

  /*company pages*/

  #company{
    font-size: 55px;
  }

  #company-overview .tile {
    padding: 25% 0;
  }


  #company-overview .title{
    padding: 10% 0;
    font-size: 28px;
  }


  /*awards*/

  .award .details{
    min-height: 150px;
  }

  

  .award .name{ 
    max-width: 225px;  
  }

  .disclaimer{
    float: right;
  }

 /*.thumb-home,  .thumb-home img {
   height: 159px;
   width: 265px;
  }

  .thumb-project, .thumb-project img {
  height: 318px;
  width:  530px;
  }*/

 

 
    
}

/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 1024px) and (max-width: 1440px) { 
}

/* XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 1441px) { 
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
}

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 1921px) {
} 


@media screen and (orientation: portrait) {
 
}

@media screen and (orientation: landscape) {
  
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[position]:after {
        content: " (" attr(position) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* We also use Modernizr to add a .touch class to the body when applicable */
/* You can prepend this class to anything and it will style only for touch devices */
.touch .your-element {}