/*
    _ _ _  _ _   _  ___   _  ___    __   _  __          
   | | | || U | / \|_ _| | || __|  / _| / \|  \         
   | V V ||   || o || |  | || _|  ( |_n( o ) o )        
    \_n_/ |_n_||_n_||_|  |_||_|    \__/ \_/|__/         
                                                     
 _ _ _   _   __    _  _  _  ___    _  ___   _ _  __  
| | | | / \ / _|  / \| \| || __|  / \| __| | | |/ _| 
| V V || o |\_ \ ( o ) \\ || _|  ( o ) _|  | U |\_ \ 
 \_n_/ |_n_||__/  \_/|_|\_||___|  \_/|_|   |___||__/                                                    
                          _____
                     _.-'"     "'-._
                  ,-".-.         .-."-.
                ,'   .-.         .-.   `,
               /    /  _\       /  _\    \
      .-.     |     | ( |       | ( |     |     .-.
 .-----\ \   |      '---'       '---'      |   / /-----. 
:----     |--|    ',                 ,'    |--|     ----:
:----  '-`|--|      ^"-.,_______,.-;^      |--|`-'  ----:
 '---....'   |         _        `-'        |   '....---'
              |       [ '-"-.-"-.         |
               \       | .-. .-. |       /
                `.     | | | | | |     ,'
                  `._ [___]|__]|__] _,'
                     `--.._____..--'
                      /  /     \  \
                     /  /       \  \
               .---'"=="\       /"=="'---.
              (          |     |          )
               '--------'       '--------'   
      _  _ _  __  ___    _    __  _   _  ___            
     | || | |/ _||_ _|  / \  / _|| | / \| o )           
   n_| || U |\_ \ | |  | o | \_ \| |( o ) o \           
   \__/ |___||__/ |_|  |_n_| |__/|___\_/|___/           
                                                     
 _    _  _  ____    _  _  _  ___    _  ___   _ _  __ 
| |  | || |// __|  / \| \| || __|  / \| __| | | |/ _|
| |_ | ||  (| _|  ( o ) \\ || _|  ( o ) _|  | U |\_ \
|___||_||_|\\___|  \_/|_|\_||___|  \_/|_|   |___||__/



*/


body{
	background: #ffe8ee;
	-webkit-font-smoothing: antialiased;
}

p.bw-attribution{
  font-size: 0.7em;
  line-height: 50px;
}

p.bw-attribution .bw-attribution-link{
  display: inline-block;
  background: red;
  vertical-align: bottom;
  width: 220px;
  height: 50px;
  padding-top: 2px;
  background: url('http://www.bloomberg.com/features/feature-assets/img/businessweek-logo.svg') no-repeat center center;
  background-size: contain;
}


.custom #header{
	background: url(img/header.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 800px;
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
  font-family: 'HaasText';
  color: #391f2d;
}

.custom .title {
  position: absolute;
  top:20px;
  left:20px;
  width: 56%;
  font-size: 42px;
}

.custom .dek{
  font-family: 'HaasDisplayBold';
  font-size: 30px;
  position: absolute;
  bottom:0px;
  right:20px;
  width: 40%;
  text-align: right;
  color:#ffe8ee;
  text-shadow:
    0  0.025em 0.0375em #391f2d,
    0  0       0        #ffe8ee;
}

.author{font-size: 22px;}

.custom h1{
	font-family: 'HaasDisplayBold';
  color:#ffe8ee;
  text-shadow:
    0  0.025em 0.0375em #391f2d,
    0  0       0        #ffe8ee;
}

.custom .intro{font-size: 24px; line-height: 28px}

.custom #wrap{
	  max-width: 700px;
	  margin: 60px auto;
  	font-family: 'HaasText';	
  	font-size: 18px;
  	line-height: 24px;
  	color: #391f2d;
}


::-moz-selection { background: #391f2d;color: #ffe8ee }
::selection { background: #391f2d; color: #ffe8ee}


.pullQ{
	font-family: 'HaasDisplayBold';
	font-size: 60px;
	line-height: 62px;
	text-align: center;
	margin: 60px -160px;

  -webkit-text-stroke: 0.025em #391f2d;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0  0.025em 0.0375em #391f2d,
    0  0       0        #ffe8ee;
  position: relative;
  z-index: 1
}

.pullQ img{
  position: absolute;
  top:-30px;
  left:-50px;
  z-index: -1;
}


.inlineimg{width: 400px;}

.inlineimg img {max-width: 100%;}
.imgwrap{position: relative;}
.imgfade{position:absolute;top:0;right:0;width:100%;height:100%;box-shadow: 0 0 12px 12px #ffe8ee inset;}

.left{float: left;margin:20px 20px 20px -160px;}
.right{float:right;margin: 20px -160px 20px 20px}


hr{height: 0; border:0; border-top: 1px solid #391f2d;margin: 40px auto;}

#credits {font-size: 14px; text-transform: uppercase;}

.caption{font-size: 14px;line-height: 18px}
.captioncredit {font-size: 10px; text-transform: uppercase;opacity: .5}




.lilparallax {
	height:800px;
	overflow:hidden;
	position: relative;
	margin:20px auto 0 auto;
	max-width: 1600px;
  background: red;
  background: url('img/photos.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.break .caption  {margin:10px 0 0 20px;
    font-family: 'HaasText';  }
.break .captioncredit {margin-left: 20px;
    font-family: 'HaasText';  }

.caption{
  max-width: 1600px;
  margin: auto;
}

.captioncredit{
  max-width: 1600px;
  margin: auto;
}

.sectionbreak:first-line {font-weight: bold}
.sectionbreak{margin-top: 90px}



.ad .adContainer .title{
  display: none;
}








/* media queries */



@media only screen and (max-width: 1200px) {
  .lilparallax{height: 600px;}
  .custom .title {font-size: 38px;}
  .pullQ{  font-size: 54px;  line-height: 56px;  margin: 60px -60px;}
}

@media only screen and (max-width: 1075px) {
  .custom .title {font-size: 36px; width: 80%; }
  .pullQ{  font-size: 50px;  line-height: 52px;  margin: 50px 0px;}
  .left{float: left;margin:20px 20px 20px -60px}
  .right{float:right;margin:20px -60px 20px 20px}
}

@media only screen and (max-width: 900px) {
  .custom .title {font-size: 32px;top:10px;left:10px;}
  .custom .dek{font-size: 26px;right:10px; width: 80%;}
  .custom .author{font-size: 18px;}
  .custom #header{height: 700px}
  .left{float: left;margin:20px 20px 20px 0}
  .right{float:right;margin:20px 0 20px 20px}
}

@media only screen and (max-width: 800px) {
  .lilparallax{
    background-size: contain;
    background-attachment: initial;
  }
  .custom .intro{font-size: 20px; line-height: 24px}
  .custom #wrap{ margin: 50px auto; padding: 0 10px;  font-size: 16px; line-height: 22px; }
  .inlineimg{width: 400px;}
  .pullQ{ font-size: 40px; line-height: 42px; margin: 40px auto}
  .sectionbreak{margin-top: 70px}
  .custom #header{height: 650px}
}

@media only screen and (max-width: 700px) {
  .custom .title {font-size: 26px;}
  .custom .dek{font-size: 18px;}
  .custom .author{font-size: 13px;}
  .custom #header{height: 600px}
}

@media only screen and (max-width: 600px) {
  .custom .intro{font-size: 16px; line-height: 22px}
  .lilparallax{
    height: 300px;
    background-size: contain;
    background-attachment: initial;
  }
  .custom #wrap{ margin: 50px auto; padding: 0 10px;  font-size: 16px; line-height: 22px; }
  .inlineimg{width: 100%;}
  .left{float: none;margin:20px;width: 100%}
  .right{float:none;margin:20px;width: 100%}
  .pullQ{ font-size: 36px; line-height: 38px; margin: 30px auto}
  .sectionbreak{margin-top: 45px}
  #credits{font-size: 12px; }
  .custom #header{height: 500px}

}

@media only screen and (max-width: 550px) {
  .custom .title {font-size: 22px; width: 100%;}
  .custom .dek{font-size: 15px; width: 100%;}
  .custom .author{font-size: 12px;}
  .custom #header{height: 400px}

}

@media only screen and (max-width: 375px) {
  .lilparallax{
    height: 500px;
    background-size: contain;
    background-attachment: initial;
  }
}































.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}