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

/* rollover/tabbing pseudoselectors for various browsers */
*{margin:0; padding:0;}

body{margin: 0; padding: 0; font-family: "futura-pt",sans-serif; font-style: normal; overflow-y: scroll}
.main{font-weight:bolder; 
letter-spacing:0.05em; font-size :34px;}
.main a{text-decoration:none; }



a:hover  {color: #FF33CC;}
a.selected{color:#FF33CC;}


/* typekit fix for 'FOUT' - Flash Of Unstyled Text */
/*
.wf-loading { visibility: hidden; }
.wf-active { visibility: visible; }
*/


/* fix border around image links etc */

a img {border: none; }

/* create background image */ 

html {
	background: url(../media/Panorama_grad_2880_v00.jpg) no-repeat center center fixed;
 	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
           /* Ensure the html element always takes up the full height of the browser window */
	min-height:100%;
	max-height: auto;
	/*background-color: aqua; */
}

.main{width:100%; margin:0 auto; padding-top: 10px;}
.titleTop{width:100%; padding: 0; }
.title { width: 95%; padding:0% 2% 0% 2%; float:left; margin-top:0; margin-bottom: 11px; position:relative; margin-left:-2px;}
.title1{ width: 95%; padding:0% 2% 0% 2%; float:left; margin-top:0.3em; font-size:0.625em; margin-left:-2px; }
.creativeTeam { width: 95%;; padding:0% 2% 0% 2%; float:left; margin-top:0; font-size:0.625em; margin-left:-2px; line-height: 1.55; }
.title2{width:90%; padding:0% 2% 0% 2%; float:left; margin-left:-2px;}
.title_1{width:90%; padding:0% 2% 0% 2%; float:left; margin-top:10px; font-size:0.6em; margin-left:-2px;}
.titlePrefaceText{float:left; background:#FFF; padding: 8px 24px; padding-right: 26px;}
.creativeTeam .titlePrefaceText { padding: 12px 24px; }
.title3{width:653px;  padding:0 2% ;  float:left; margin-top:0; margin-bottom: 4px; position:relative; margin-left:-2px;}
_::-ms-reveal, .title3{padding:0% 2% 0% 2%;}
a.name { text-transform: uppercase; color: black; }
.hideOnNarrowScreens {display: inherit;}



b{font-weight:500;}
ul{list-style:none; float:left; position:relative; margin-top: 24px; margin-bottom: 0; }
ul li {float:left; background-color:#fff; margin-top:1.5px; margin-bottom: 5px; margin-left:1.5px; margin-right: 5px; line-height:18px;}
ul li a{font-size:0.45em; font-weight:bold; padding:0.6em 0.875em; float:left; letter-spacing:0;}
.leftmost{margin-left:0;}



.titlePrefaceText3{float:left; position:fixed; bottom:20px;}
.socialMediaIcons{float:left; position:relative; top:0px; padding-top:3px;  padding-bottom:12px;}

.iconTumblr{float:left; margin-left:3px; width: 32px; height:32px; background-image:url(../media/tumblr-32_RO_sprite.jpg); background-repeat:no-repeat;}
.iconTumblr:hover{width: 32px; height: 32px;background: url(../media/tumblr-32_RO_sprite.jpg) bottom no-repeat;}
.iconTwitter{float:left; width: 32px; height: 32px; background-image:url(../media/twitter-32_RO_sprite.jpg); background-repeat:no-repeat;}
.iconTwitter:hover{width: 32px; height: 32px; background: url(../media/twitter-32_RO_sprite.jpg)  bottom no-repeat;}
.iconFacebook{float:left; margin-left:3px; width: 32px; height: 32px; background-image:url(../media/facebook-32_RO_spriteWEB.jpg); background-repeat:no-repeat;}
.iconFacebook:hover{width: 32px; height: 32px; background: url(../media/facebook-32_RO_spriteWEB.jpg)  bottom no-repeat;}
.iconInstagram{float:left; margin-left:3px; width: 32px; height: 32px; background-image:url(../media/instagram-32_RO_spriteWEB.jpg); background-repeat:no-repeat;}
.iconInstagram:hover{width: 32px; height: 32px; background: url(../media/instagram-32_RO_spriteWEB.jpg)  bottom no-repeat;}


.blacktext {
	float:left; 
	/*width:653px; */
	padding: 18px 24px; /* 0.3em 0.36em; */ 
	background-color:#fff; 
	position:relative; 
	box-sizing: border-box;
}


p {
	font-size:16px; 
	font-weight:400; 
	text-align:left; 
	float:left; 
	letter-spacing:0; 
	padding-top:0;
	line-height: 163%;
}


label{font-size:15px; font-weight:400; text-align:left; float:left; letter-spacing:0; padding-top:16px; width: 98%}

 
h6{margin:0px 0px; margin-bottom: 12px;font-size:0.7em; clear:both; font-weight:500; letter-spacing:0px; padding-bottom:4px;}
#det{font-size:16px; font-weight:400; float:left;}

.des{float:left;  width:63%; margin-bottom:10px;  }
.contentImage{ width:100%; margin: 0.01em ; padding: 0; padding-bottom: 5px;}
.contentImage img {width:100%; }

.videoWrapper {width: 100%; display: inline-block;}
.vimeo16x9{width:100%; height:355px; float:left; margin:0; margin-bottom: 30px;}

.title a{color:#000;}
.title1 a{color:#000;}
.title a:hover  {color: #FF33CC;}
.title a.selected{color:#FF33CC;}
.title1 a:hover  {color: #FF33CC;}
.title1 a.selected{color:#FF33CC;}

.bodyText{color:#000; float:none}
.bodyText a{ color:black; text-decoration:underline}
.bodyText a:hover  {color: #ff40cf;  text-decoration:underline;}
strong{font-weight:500;}

.bodyText .anchorSpecial {color:#FF33CC;}
.bodyText .secondaryText {color:grey;}
.bodyText.date {margin-bottom: 15px;}

.row {
	display: block;
	width: 100%;
}
.headshotsBlock {
	width: 100%;
	margin-top: 8px;
}
.headshotWithName {
	display: inline-block;
	width: calc(33.3% - 7px);
	margin-bottom: 16px;
}
.headshotWithName img {
	display: inline-block;
	width: 100%;
}

.headshotInline {
	display: inline-block;
	width: calc( (100% - 32px) /3 );
	margin: 4px;
	margin-left: 0;
	margin-bottom: 0;
}

.imageCaption{color: #bababa; text-align:right; font-size:0.375em; float:right; font-weight: 300; letter-spacing: 0em; padding: 0em; margin-top: 2px; margin-bottom:10px; margin-right:2px;}
.imageCaption a{color: #bababa;}
.imageCaption a:hover  {color: #FF33CC;}
.imageCaption a.selected{color:#FF33CC;}



/* MailChimp */
.radioButtons{clear: right; top:-0.5em;}
#mc_embed_signup {
	margin-top: 8px;
	margin-bottom:54px;
}
#mc-embedded-subscribe { 
	clear: both; 
	width: auto; 
	display: block; 
	margin: 0; 
  padding: 10px 12px;
  margin-top: 8px;  
	font-family: "futura-pt",sans-serif;
  box-sizing: content-box;
  background-color: white;
  border-image: none;
  font-size: 15px;
  border-color: black;
  border-style: solid;
  border-radius: 0;
  border-width:1px;
  color: black;
  position: relative;
  left: -1px;
  height: 59px;
  box-sizing: border-box;
  top: -8.5px;
}
#mc-embedded-subscribe:hover {
    color: white;
    background-color:black;
    cursor: pointer;

}
.mc-field-group {
	width: 250px;
	display: inline-block;
	position: relative;
}

.mc-field-group label {
	position: absolute;
	padding-top: 12px;
	padding-left: 13px;
	color: gray;
	width: max-content;
}

/* remove rounded corners on borders on iOS */
.mc-field-group input {
	border-radius: 0 !important;
	-webkit-appearance: none;
	-webkit-border-radius:0px;
}

.mc-field-group.email {
	/*margin-left: -12px;*/
}

#mce-responses {
	display: inline-block;
}

.mailChimpInput {
	font-family: "futura-pt",sans-serif; 
	border-width:1px; 
	border-style: solid; 
	border-color: black;
	margin-top: 4px; 
	padding: 10px 12px; 
	padding-top: 27px;
	width: 100%;
	font-size: 15px;
	box-sizing: border-box;
}
.mailChimpInput:focus-visible {
	outline: none !important;
	border-color: black;
}

#adBlockerNote {
  margin-bottom: 16px;
  margin-top: 16px;
  position: relative;
  /* top: -12px; */
  display: none;
  font-size: 15px;
  /*color: #FF33CC;*/
  /* font-style: italic; */
  /*background-color: hsl(0, 100%, 95%);*/
  /*padding: 11px;*/
  width: max-content;
}

#mc_embed_signup div.mce_inline_error {
	padding: 8px 10px !important;
    background-color: black  !important;;
    font-size: 15px  !important;
    width: max-content  !important;
    font-weight: normal !important;
    position: absolute;
}

#mc_embed_signup input.mce_inline_error {
	border-color: black !important;
}

.bodyText .subheading {
	display: inline-block;
	width: 100%;
	margin-top: 8px;
	margin-bottom: 4px;
	font-weight: 500;
}

.pullQuote, .pullQuoteAttribution {
    color: black;
}
.pullQuote {
  font-weight: 500;
  margin-top: 30px;
  display: block;
  line-height: 160%;
  letter-spacing: 0.025rem;
  font-size: 17px;
}
.pullQuoteAttribution {
  /*font-weight: bold;*/
  display: block;
  margin-top: 8px;
  margin-top: 18px;
  /* margin-left: calc(92% - 225px); */
  text-align: right;
}
.publicationTitle {
	font-style: italic;
}

.noMarginTop {
	margin-top: 0;
}


@media (max-width: 1024px) {
	.blacktext{}
	.des{float:left; width:63% ;  margin-bottom:10px; }
	/*.contentImage{float: right; width:34%; text-align:center; margin: 0.01em;}
	.contentImage img {width:100%; }*/
	.imageCaption{text-align:right;}
	.imageCaption a{font-size:12px; float:right;}
	#det{font-size:16px; font-weight:400; float:left;}
	p{width:98%; float:left; }
	label{width:98%; float:left; }
	.vimeo16x9{width:100%; height: 355px; float:left; }
	
}
/*
@media (max-width: 800px) {
	.main{color:#000; font-weight:700; font-size:1.8em;}
	.blacktext{width:93.5%;}
    ul li a{font-size:0.43em; font-weight:bold; padding:0.41em 0.35em; float:left; letter-spacing:0;}
	.contentImage{float: right; width:40%; text-align:center;}
	.contentImage img {width:100%; }
	.imageCaption{text-align:right;}
	.imageCaption a{font-size:12px; float:right;}
	.des{float:left; width:50%; margin-bottom:10px; }
	#det{font-size:16px; font-weight:400; float:left;}
	p{float:left;}
	.vimeo16x9{width:100%; height:340px; float:left; margin:0px;}
}

@media (max-width: 720px) {
	.main{color:#000; font-weight:700; font-size:1.8em;}
	.blacktext{width:93.5%;}
	ul li a{font-size:0.45em; font-weight:bold; padding:0.41em 1.13em; float:left; letter-spacing:0;}
	.contentImage{float: right; width:40%; text-align:center;}
	.contentImage img {width:100%; }
	.imageCaption{text-align:right;}
	#det{font-size:16px; font-weight:400; float:left;}
	.imageCaption a{font-size:12px; float:right;}
	.des{float:left; width:50%; margin-bottom:10px; }
	p{float:left;}
	.vimeo16x9{width:100%; height:308px; float:left; margin:0px;}
}
*/
@media (max-width: 696px) {
	.main{color:#000; font-weight:700; font-size:1.8em;}
	/*.title1 { font-size: 0.9375rem; }*/
	.title3{ width: 96.5%; float:left; margin-top:0; margin-bottom:.2em; position:relative;}
	.blacktext{width:100%;}
	.title1 .titlePrefaceText { padding:0.41em 0.675em; }
	ul li a{font-size:0.9375rem; font-weight:bold; padding:0.41em 1.25em; float:left; letter-spacing:0;}
	/*.contentImage{float: right; width:40%; text-align:center;}
	.contentImage img {width:100%; }*/
	.imageCaption{text-align:right;}
	#det{font-size:16px; font-weight:400; float:left;}
	.imageCaption a{font-size:12px; float:right;}
	.des{float:left; width:50%; margin-bottom:10px; }
	p{float:left;}
	label{float:left;}
	.vimeo16x9{width:100%; height: 52vw;}
	.headshotInline {width: calc( (100% - 30px) /3 )  ;} /* minus padding */
	.mc-field-group {
		width: calc(50% - 18px);
	}
	#mc-embedded-subscribe { 
		margin-top: 16px;
		margin-left: 1px;
		height: unset;
	}

}
/*
@media (max-width: 640px) {
	.main{color:#000; font-weight:700; font-size:1.8em;}
	.title3{width:580px; float:left; margin-top:0; margin-bottom:.2em; position:relative;}
	.blacktext{width:92%;}
	ul li a{font-size:0.45em; font-weight:bold; padding:0.41em 0.77em; float:left; letter-spacing:0;}
	.contentImage{float: right; width:40%; text-align:center;}
	.contentImage img {width:100%; }
	.imageCaption{text-align:right;}
	.imageCaption a{font-size:12px; float:right;}
	.des{float:left; width:50%; margin-bottom:10px; }
	#det{font-size:16px; font-weight:400; float:left;}
	p{float:left;}
	.vimeo16x9{width:100%; height:309px; float:left; margin:0px;}
}
*/
@media (max-width: 588px) {
	.main{color:#000; font-weight:700; font-size:1.8em;}
	/*.title3{width:500px; float:left; margin-top:0; margin-bottom:.2em; position:relative;}
	.blacktext{width:90%;}*/
	/*.contentImage{float: right; width:40%; text-align:center;}
	.contentImage img {width:100%; }*/
	.imageCaption{text-align:right;}
	.imageCaption a{font-size:12px; float:right;}
	.des {float:left; width:55%; margin-bottom:10px; }
	#det{font-size:16px; font-weight:400; float:left;}
	p { width:95%; float:left; }
	label{width:90%; float:left; }
	/*.vimeo16x9{width:100%; height:248px; float:left; margin:0px;}*/
}
@media (max-width: 492px) {
	.main{color:#000; font-weight:700; font-size:1.8em;}
	/*.title3{width:440px; float:left; margin-top:0; margin-bottom:.2em; position:relative;}
	.blacktext{width:88%;}*/
	.des{float:left; width:50%; margin-bottom:10px; }
	/*.contentImage{float: right; width:40%;   margin-right: 0.45em; margin-bottom: 0.01em; padding: 0;}
	.contentImage img {width:100%; }*/
	.imageCaption a{font-size:12px; float:right;}
	#det{font-size:16px; font-weight:400; float:left;}
	/*.vimeo16x9{width:100%; height:205px; float:left; margin:0px;}*/
	.hideOnNarrowScreens {display: none;}
	.mc-field-group { width: calc(100% - 28px); }
	.mailChimpInput {margin-top: -2px;}
	.headshotWithName { width: calc(50% - 6px); }
}
@media (max-width: 423px) {
	main{color:#000; font-weight:700; font-size:1.6em;}
	/*..title3{width:440px; float:left; margin-top:0; margin-bottom:.2em; position:relative;}
	.blacktext{width:82.6%;}*/
	.des{float:left; width:50%; margin-bottom:10px; }
	/*.contentImage{float: right; width:40%;   margin-right: 0.45em; margin-bottom: 0.01em; padding: 0;}
	.contentImage img {width:100%; }*/
	.imageCaption a{font-size:12px; float:right;}
	#det{font-size:16px; font-weight:400; float:left;}
	/*.vimeo16x9{width:100%; height:213px; float:left; margin:0px;}*/
	.pullQuoteAttribution { margin-left: 4px; }
}
@media (max-width: 389px) {
	.main{color:#000; font-weight:700; font-size:1.3em;}
	.creativeTeam { font-size: 15px; }
	.title ul { margin-top: 0.8em; margin-bottom: 0.375em; }
	/*.title3{width:440px; float:left; margin-top:0; margin-bottom:.2em; position:relative;}
	.blacktext{width:71.5%;}*/
	.des{float:left; width:50%; margin-bottom:10px; }
	/*ul li a{font-size:0.45em; font-weight:bold; padding:0.41em 1.42em; float:left; letter-spacing:0;}*/
	/*.contentImage{float: right; width:40%;   margin-right: 0.45em; margin-bottom: 0.01em; padding: 0;}
	.contentImage img {width:100%; }*/
	.imageCaption a{font-size:12px; float:right;}
	#det{font-size:16px; font-weight:400; float:left;}
	/*.vimeo16x9{width:100%; height:205px; float:left; margin:0px;}*/
}
@media (max-width: 320px) {
	.main{color:#000; width:100%; font-weight:700; font-size:1.2em;}
	.title{width:96%; float:left;}
	/*.title3{width:286px; float:left; margin-top:0; margin-bottom:.2em; position:relative;}
	.blacktext{width:95%; margin:auto;}*/
	.des{float:left; width:50%; margin-bottom:10px;}
	/*.contentImage{float: right; width:42%;   margin-right: 0.45em; margin-bottom: 0.01em; padding: 0;}
	.contentImage img {width:100%; }*/
	.imageCaption a{font-size:10px; float:right;}
	#det{font-size:12px; font-weight:400; float:left;}
	/*.vimeo16x9{width:100%; height:138px; float:left; margin:0px;}*/
	p{font-size:12px;}
	label{font-size:12px;}

}