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

* {-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
  
html, body {
margin:0;
padding:0;
}

body{
background-color:#333333;
font-family: "Lato", Arial, Helvetica, sans-serif;
font-size:14px;
/*color:#ff9933;*/
color:#323232;
}
a:link, a:visited {
 color:#c28245;
 text-decoration:none;
}
a:hover, a:active {
	 text-decoration:underline;
}
:focus {	
outline:0;
}
h1 {
	font-size:2.143em /*30px*/;
	color:#d98142;
}
h2 {
	font-size:1.429em /*20px*/;
	color:#d98142;
}
h2 > a {
	color:#d98142 !important;
}
h3 {
	font-size:1.286em /*18px*/;
}
h1, h2, h3 {
	font-weight:400;
	margin:0 0 15px 0;
	line-height:24px;
}
p {
line-height:24px;
margin:15px 0;
}
.captionit {
	font-size:0.857em /*12px*/;
	font-style:italic;
}
.nyt-return {
	float:right;
	display:inline-block;
}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

img {
max-width:100%;
height:auto;
}

header {
padding-top:75px;
padding-bottom:50px;
padding-left:65px;	
}

#logo {
	max-width:356px;
}

#nav {
display:inline-block;
position:absolute;
left:20px;
bottom:-15px;
background-color:#333333;	
}

#nav ul {
margin:0;
padding:0;
display:inline-block;
}

#nav ul li {
list-style:none;
display:inline-block;
float:left;
padding-left:12px;
padding-right:12px;	
height:32px;
line-height:32px;	
}

#nav ul li a{
font-family: "Lato",Arial,Helvetica,sans-serif;
font-size:1.143em /*16*/;
font-weight:300;
color:#c28245;
text-decoration:none;
display:block;
}

#nav ul li a:hover {
color:#FFF;
text-decoration:none;	
}

#social {
display:inline-block;
background-color:#333333;
position:absolute;
right:25px;
bottom:-15px;
}

#social ul {
margin:0;
padding:0 5px;
display:inline-block;
}

#social ul li {
list-style:none;
display:inline-block;
float:left;
padding-left:3px;
padding-right:3px;		
}

#social ul li a {
float:right;
display:block;
}

#social ul li a img {
float:right;
display:block;
max-width:30px;
}

#white-border {
border:1px solid #908f8f;	
float:left;
/*margin-right:20px;*/
}

#banner-img {
margin-top:-20px;
margin-left:-20px;
max-width:1000px;
width:100%;
}

.btm-block {
width:100%;
float:left;
max-width:1012px;
position:relative;
min-height:30px;
margin-right:30px;
}

.container {
width:100%;
max-width:1034px;
margin:auto;
padding-left:20px;	
padding-bottom:60px;
min-height:100px;
overflow:hidden;
}

header li.linked-in svg, footer li.linked-in svg, #social li.linked-in svg {
	width: 30px;
	fill: #B5B5B5;
	border-radius: 50%;
	padding: 4px;
	height: 30px;
	border: 1px solid #B5B5B5;
}



/*-------------------------------------
INT STYLES
-------------------------------------*/
.int-container {
width:100%;
max-width:1272px;
margin:auto;
padding-left:19px;	
padding-bottom:60px;
min-height:100px;
overflow:hidden;
}

#int-white-border {
border:1px solid #908f8f;	
float:left;
/*margin-right:20px;*/
width:100%;
}

#page-block {
margin-bottom:-22px;
margin-left:-19px;
margin-right:19px;
max-width:1254px;
width:100%;
min-height:500px;
border:15px solid #000;
background-color:#000;
float:left;
}

.top-block {
width:100%;
float:left;
max-width:1254px;
position:relative;
min-height:22px;
margin-right:19px;
}

#int-nav {
display:inline-block;
position:absolute;
right:22px;
top:-17px;
background-color:#333333;	
}

#int-nav ul {
margin:0;
padding:0;
display:inline-block;
}

#int-nav ul li {
list-style:none;
display:inline-block;
float:left;
padding-left:12px;
padding-right:12px;	
height:32px;
line-height:32px;	
}

#int-nav ul li a{
font-size:1.143em /*16*/;
font-weight:300;
color:#c28245;
text-decoration:none;
display:block;
}

#int-nav ul li a:hover,  #int-nav ul li a#current{
color:#FFF;
text-decoration:none;	
}

#int-social {
display:inline-block;
float:right;
margin-top:-58px;
}

#int-social ul {
margin:0;
padding:0 5px;
display:inline-block;
}

#int-social ul li {
list-style:none;
display:inline-block;
float:left;
padding-left:3px;
padding-right:3px;		
}

#int-social ul li a{
float:right;
display:block;
}

#int-social ul li a img {
float:right;
display:block;
max-width:30px;
}
#int-banner img {
	max-width:1224px;
	width:100%;
}
.greyBG {
	background-color:#2b2828;
}
.whiteBG {
	background-color:#ffffff;
}
@media (min-width: 768px) {
	
	.flexit {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;        /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;     /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */	

}
}
.row {
	width:100%;
	max-width:1224px;
	float:left;
	clear:both;
}
.col {
	float:left;
}
.row-cover {
max-width:640px !important;
margin:auto;
float:none;
}
.col-cover {
	max-width:33%;
	width:100%;
	min-height:175px;
	padding:15px;
	background-color:#000;
	text-align:center;
	border:1px solid #908f8f;
}
.colorit img:last-child{display:none;}
.colorit:hover img:first-child{display:none;}
.colorit:hover img:last-child {display:inline-block;}
.cover-caption {
	height:30px;
}
.col-sidebar {
	width:100%;
	max-width:15.441176470588236%;
	padding-left:10px;
	padding-right:10px;
}
.col-content {
	width:100%;
	max-width:84.55882352941177%;
	min-height:500px;
	padding:45px;
}

.left-img {
	float:left;
	margin:10px 15px 10px 0;
}
.right-img {
	float:right;
	margin:10px 0px 10px 15px;
}
.right-img, .left-img {
	max-width:300px;
}
footer .col {
	padding-left:15px;
	padding-right:15px;
}
.col-f1 {
	max-width:30%;
	width:100%;
	padding-left:75px !important;
	padding-top:37px;
}
.col-f1 img {
	max-width:260px;
	height:auto;
}
.col-f2 {
	max-width:50%;
	width:100%;
	text-align:center;
	padding-top:40px;
}
.col-f3 {
	max-width:20%;
	width:100%;
	padding-top:32px;
}
#subnav {
	padding-top:25px;
	padding-bottom:25px;
}
#subnav a.squareit {
	max-width:150px;
	padding:15px 15px 0 15px;
	border:1px solid #fff;
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	margin:0 auto 12px auto;
}

#subnav a.squareit img{
	max-width:108px;
	width:100%;
}
#subnav .squareit span {
	display:block;
	font-weight:300;
	font-size:0.786em /*11px*/;
	text-transform:uppercase;
	padding:5px 0;
	
}

footer {
padding-top:20px;	
padding-bottom:30px;
display:block;
float:left;
}
footer #int-social {
	margin-top:0 !important;
}
footer #footerlinks {
	margin:0;
	padding:0;
	display:inline-block;
}
footer #footerlinks li {
	list-style:none;
	display:inline-block;
	padding:0;
	margin:0 20px 0 0;
}
footer #footerlinks li a {
	text-transform:uppercase;
	 color:#c28245;
	 font-weight:300;
}
footer #footerlinks li a:hover {
	color:#fff;
	text-decoration:none;
}
/*------------------
NYT
-------------------*/
.nytheadline {
    font-family: Times,"Times New Roman";
    font-size: 1.214em/*17px*/;
    font-weight: bold;
}
.nytbyline {
    font-family: Times,"Times New Roman";
    font-size: 0.786em/*11px*/;
    font-weight: normal;
}
@media screen and (max-width: 768px) {
html {-webkit-text-size-adjust: none;}
html {-webkit-tap-highlight-color: rgba(0,0,0,0);}

.col-sidebar {
	width:100%;
	max-width:20%;
	padding-left:10px;
	padding-right:10px;
}
.col-content {
	width:100%;
	max-width:80%;
	min-height:500px;
	padding:45px 20px;
}
	
	
footer {
	font-size:0.857em;
}
.col-f1 {
	max-width:40%;
	padding-left:15px !important;
}

.col-f2 {
	max-width:60%;
	text-align:right;
}
.col-f3 {
	max-width:100%;
}
footer #footerlinks li {
	margin:0 10px 0 0;
}
	 
	
}
@media screen and (max-width: 667px) {
	
header {
	 padding-left: 15px;
	padding-right:15px;
	/*text-align:center;*/
}
#logo {
	max-width:100%;
}

.col-sidebar, .col-content {
	max-width:100%;
	clear:both;
}
.left-img, .right-img {
	float:none;
	margin:15px auto;
	clear:both;
	max-width:100%;
}

.col-sidebar {
	padding-left:15px;
	padding-right:15px;
}
#subnav a.squareit {
    display: inline-block;
    margin: 0 12px 12px 0;
    max-width: 125px;
}
.col-f1, .col-f2, .col-f3 {
	max-width:100%;
	clear:both;
	text-align:center;
}
footer {
	font-size:1em;
}
footer #int-social {
	float:none;
	margin:auto;
}
}
@media screen and (max-width: 375px) {
	header {
    padding-left: 15px;
	padding-right:15px;
	text-align:center;
	margin-left:-20px;
}
#int-social {
    display: inline-block;
    float: none;
    margin:25px auto 0 auto;
}
.int-container > header {
    padding-bottom: 20px;
    padding-top: 20px;
}
.cover-caption {
	height:40px;
}
.col-cover {
	max-width:50%;
	width:100%;
	min-height:175px;
	padding:15px;
	background-color:#000;
	text-align:center;
	border:1px solid #908f8f;
}
.nyt-return {
	float:none;
	display:block;
}

}