@charset "utf-8";
/*<![CDATA[*/
/*
 * Include jCarousel styles here
 *
 * Native Bootstrap 3 carousel doesn't suppor multi-slide transitions
 * or jQuery transitions for IE<10
 */
/*<![CDATA[*/
/*
 * Include global LESS variables here
 * Can replicate Bootstrap vars for clearer code, or include customized versions
 * See @link: http://getbootstrap.com/customize/#grid-system for defaults or to download custom build
 */
/*
 * Custom Bootstrap variables defined for use in this theme
 * NOTE: that IE8 with a scrollbar requires 22px of chrome reduce screen resolution by this amount
 * Keep these values in sync in twig.js for reference in enquire.js
 
 
 * Requested updated 6/12/2014
 * Force Tablet portrait to use Desktop layout
 
 */
/*
 * Custom Bootstrap variables not required to be defined,
 * just used for reference when rebuilding
 *
 
@grid-columns:				30; 	// Each column represents about 42px on HD Desktop layout (PSD)
@grid-gutter-width:			16px;
@container-tablet:			(@screen-desktop - @grid-gutter-width); // Forced to Desktop
@container-desktop:			(@screen-desktop - @grid-gutter-width);
@container-large-desktop:	(@screen-lg-desktop - @grid-gutter-width);
@navbar-height:				56px;
/**/
/* Utility variables */
/*]]>*/
/*<![CDATA[*/
/* Twig modified, so Diff any updated version */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*
 * Modified to accept alpha values for @start and @stop to allow transparency
 * For solid gradients, pass background color and image URL for older browsers.
 * If using alpha, do not pass bgcolor, or the background will be solid!
 *
 * Top-to-bottom direction
*/
/*
 * Extra mixins and functions
 */
/*
 * Can't seem to use variables as properties
 *
 .calc(@attr; @calc) {
	@attr: -webkit-calc(e(@calc)); 
	@attr: -moz-calc(e(@calc)); 
	@attr: -o-calc(e(@calc)); 
	@attr: calc(e(@calc)); 
}
/**/
/* Bootstrap mixins */
/**/
/*
 * retina.less
 *
 * Twig modified helper mixin for applying high-resolution background images
 * See @link: http://www.retinajs.com
 * Usage: .retina(path, width, height) instead of background-image{} for bgs with retina versions
 * Enclose path in double-quotes to avoid compile error with single quotes in backtick'd javascript function
 * All retina versions should end @2x.EXT per Apple's suggestion
 *
 * Also see retina.js for swapping out retina files for inline images
 */
/*
 * Twig SVG mixin to replace .svg with .png for background images
 * Usage: .svg(path) instead of background-image{} for bgs with retina versions
 * Enclose path in double-quotes to avoid compile error with single quotes in backtick'd javascript function
 * PNG must be same dimensions as SVG, and be uploaded into the same folder
 */
/**/
/*]]>*/
/*<![CDATA[*/
/*
 * Custom font-face fonts
 * Typekit.com, Google Fonts etc.
 *
 * For Typekit, use a mixin to select one of the 
 * variations in fallback for IE
 *
 * Museo-Sans (100, 300, 500, 700, 900)
 * 	100		"museo-sans-n1", "museo-sans" 
 * 	300 	"museo-sans-n3", "museo-sans"
 * 	500 	"museo-sans-n5", "museo-sans"
 * 	700 	"museo-sans-n7", "museo-sans"
 * 	900 	"museo-sans-n9", "museo-sans"
 *
 *
 * Roboto (100, 300, 400, 500, 700, 900) with Italic versions
 *	100		Ultra-Light (Thin)
 *	300		Book (Light)
 *	400		Normal
 *	500		Medium
 *	700		Bold
 *	900		Ultra-Bold (Black)
 *
 *
 * Signika (300, 400, 600, 700)
 *	300		Light
 *	400		Normal
 *	600		Semi-Bold
 *	700		Bold
 *
 *
 * Montserrat (400, 700)
 *	400		Normal
 *	700		Bold
 *
 *
 * Open Sans (400, 400italic, 700, 700italic)
 *	400		Normal
 *	700		Bold
 *

.ff-museo(@variation: 5; @style: normal) {
	font-family: "museo-sans-n@{variation}", "museo-sans", Helmet, Freesans, sans-serif;
	font-style: @style;
	font-weight: (@variation * 100);
}

.ff-roboto(@variation: 4; @style: normal) {
	font-family: "Roboto", Helmet, Freesans, sans-serif;
	font-style: @style;
	font-weight: (@variation * 100);
}
*/
/* Set default font */
/*]]>*/
.jcarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.jcarousel ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 20000em;
  position: relative;
}
.jcarousel ul:before,
.jcarousel ul:after {
  content: " ";
  display: table;
}
.jcarousel ul:after {
  clear: both;
}
.jcarousel ul li {
  margin: 0;
  padding: 0;
  float: left;
}
.jcarousel-control {
  display: block;
  font-size: 36px;
  line-height: 36px;
  position: absolute;
  color: #333;
  text-decoration: none;
}
.jcarousel-control.jcarousel-control-prev {
  left: 0;
}
.jcarousel-control.jcarousel-control-next {
  right: 0;
}
.jcarousel-control:hover,
.jcarousel-control:focus,
.jcarousel-control:active {
  color: #000;
  outline: none;
}
header#info-bar .editors-pick-info-bar {
  background-color: #cccccc;
}
header#info-bar .editors-pick-info-bar .jcarousel {
  height: 76px;
  padding: 2px 0;
}
header#info-bar .editors-pick-info-bar .jcarousel ul li {
  background: transparent url("../../images/bgs/info-bar-separator.png") 87px center no-repeat scroll;
}
header#info-bar .editors-pick-info-bar .jcarousel ul li .photo-thumb {
  width: 87px;
  float: left;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
}
header#info-bar .editors-pick-info-bar .jcarousel ul li .copy-text {
  float: left;
  width: 193px;
}
header#info-bar .editors-pick-info-bar .jcarousel ul li .copy-text .btn {
  margin-bottom: 8px;
}
header#info-bar .editors-pick-info-bar .jcarousel ul li .copy-text .article-headline {
  color: #000;
}
header#info-bar .editors-pick-info-bar .jcarousel ul li .copy-text .article-headline a {
  color: #000;
}
header#info-bar .editors-pick-info-bar .jcarousel-control {
  top: 50%;
  margin-top: -18px;
}
header#info-bar .editors-pick-info-bar .jcarousel-control.jcarousel-control-prev {
  left: -24px;
}
header#info-bar .editors-pick-info-bar .jcarousel-control.jcarousel-control-next {
  right: -24px;
}
aside .galleries .jcarousel > ul > li {
  width: 300px;
}
.galleries.hero .jcarousel {
  max-width: 530px;
}
.galleries.hero .jcarousel-all {
  max-width: 878px;
}
.galleries.hero .gallery-headline {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
}
.galleries .jcarousel-control {
  font-size: 30px;
  color: #fff;
  height: 44px;
  line-height: 44px;
  background-color: rgba(255, 255, 255, 0.55);
  padding: 0 8px;
}
.galleries .jcarousel-control.jcarousel-control-prev {
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
}
.galleries .jcarousel-control.jcarousel-control-next {
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
}
/*]]>*/