Foreign Affairs Style Guide : Magazine -- Hero

<!-- Old/mobile header -->
<header class="magazine-hero mobile">
	<div class="container">

		<div class="l-3up--1">
			<div class="magazine-hero-browse-past-issues">
				<a class="magazine-hero-browse-past-issues-link" href="#browse-past-issues">
					<div class="magazine-hero-browse-past-issues-link__icon">
						<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="46.8 359.4 906.4 899.6" enable-background="new 46.8 359.4 906.4 899.6" xml:space="preserve">
<path d="M500,359.4C249.7,359.4,46.8,559,46.8,809.2c0,250.3,202.9,449.8,453.2,449.8s453.2-199.5,453.2-449.8
	C953.2,559,750.3,359.4,500,359.4z M500,1225.2c-233.3,0-419.3-186-419.3-416s186-419.3,419.3-419.3s419.3,186,419.3,416
	C919.3,1039.2,733.3,1225.2,500,1225.2z"/>
<path d="M360.2,843.3l202.5,202.5c9.8,9.8,22.9,9.8,32.7,0s9.8-22.9,0-32.7L392.8,810.7l202.5-202.5c9.8-9.8,9.8-22.9,0-32.7
	s-22.9-9.8-32.7,0L360.2,778l-32.7,32.7L360.2,843.3z"/>
</svg>

					</div>
					<div class="magazine-hero-browse-past-issues-link__text">
						<p>Browse Past Issues</br><span class="magazine-hero-browse-past-issues-link__subhead">Over 90 Years of <em>Foreign Affairs</em></span></p>
					</div>
				</a>
			</div>
		</div>
	  <div class="l-3up-magazine--2">
		<div class="magazine-hero-new-issue-lockup">
			<div class="magazine-hero-new-issue-lockup-label">
		  		<h1 class="magazine-hero-new-issue-lockup-label__number">Volume 93, Number 2</h1>
			  	<h2 class="magazine-hero-new-issue-lockup-label__date"><time pubdate datetime="2014-04-30" title="April, 30th 2014">March / April 2014</time></h2>
	  		</div>

		    <div class="magazine-hero__image image-auto-width">
					<img src="/fa_prototype/assets/images/new-issue.jpg"/>
				</div>
		    <div class="magazine-hero__cta">
			    
			    <a class="magazine-hero__cta--button " href="#"> subscribe </a>
		    </div>

			  <a class="magazine-hero-new-issue-lockup__button" href="#">In This Issue</a>
			</div>
		</div>
	   	<div class="l-3up-magazine--3">
	   		<div class="magazine-hero-purchase-block">
		   		<h2 class="magazine-hero-purchase-block-title">Enjoy This Issue</h2>
		   		<ul class="magazine-hero-purchase-block-list">
		   			<li class="magazine-hero-purchase-block-list-item">
		   				<div class="magazine-hero-purchase-block-list-item__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 159.1 1000 1333.2" enable-background="new 0 159.1 1000 1333.2" xml:space="preserve">
<path d="M946,537.9H640.7c-14.1,0-23.5,9.3-23.5,23.5s9.3,23.5,23.5,23.5h305.3v845.6H53.5V584.9h305.3c14.1,0,23.5-9.3,23.5-23.5
	c0-14.1-9.3-23.5-23.5-23.5H53.5c-28.1,0-47,18.8-47,47v845.6c0,28.1,18.8,47,47,47H946c28.1,0,47-18.8,47-47V584.9
	C993,556.7,974.2,537.9,946,537.9 M499.8,162.1c-14.1,0-23.5,9.3-23.5,23.5v742.2L330.7,782.1c-4.7-4.7-14.1-9.3-18.8-9.3
	c-14.1,0-23.5,9.3-23.5,23.5c0,4.7,4.7,14.1,4.7,18.8L481,1003.1c4.7,4.7,9.3,4.7,18.8,4.7c4.7,0,14.1-4.7,18.8-4.7l187.9-187.9
	c4.7-4.7,4.7-9.3,4.7-18.8c0-14.1-9.3-23.5-23.5-23.5c-4.7,0-14.1,4.7-18.8,4.7L523.3,927.7V185.7
	C523.3,171.5,513.9,162.1,499.8,162.1"/>
</svg>
</div>
		   				<a href="#">Purchase PDF<span class="magazine-hero-purchase-block-list-item__price">$10</span></a>
		   			</li>
		   			<li class="magazine-hero-purchase-block-list-item">
		   				<div class="magazine-hero-purchase-block-list-item__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="-0.1 503.7 1000 544.3" enable-background="new -0.1 503.7 1000 544.3" xml:space="preserve">
<g>
	<path d="M0.5,733.1C126,795.8,246.6,855.9,366.7,915.9c36.8,18.4,74.1,36.8,110.9,56.2c15.7,8.1,28.7,8.1,44.9,0
		c149.3-75.7,299.1-150.4,448.4-225c8.1-3.8,16.2-7.6,28.7-13.5c0,22.2,1.1,41.1-0.5,60c-0.5,5.9-8.1,13.5-14.1,16.2
		c-157.4,79-314.8,157.9-472.7,235.8c-7,3.8-19.5,2.7-27-1.1C329.4,967.8,173.6,889.9,17.3,812C3.8,805.6-1.1,797.4,0,782.8
		C1.6,768.2,0.5,753.1,0.5,733.1z"/>
	<path d="M178.5,651.4C381.3,415.1,749.1,480,879.9,721.7c-20.6,10.3-40.6,21.6-62.2,29.2c-5.4,1.6-17.8-8.1-22.7-15.7
		c-56.8-83.8-133-141.2-229.9-168.7C421.9,525.9,293.7,556.8,178.5,651.4z"/>
	<path d="M263.4,749.9c143.3-176.3,397.5-140.6,495.9,33.5c-24.9,12.4-49.2,24.9-73.6,36.8C585.7,669.3,399.7,640.6,263.4,749.9z"/>
	<path d="M563.5,882.4c-64.9-75.7-106.5-87.1-192.5-53c67.6-97.9,199.6-92.5,268.8,14.1C614.4,856.4,589.5,868.8,563.5,882.4z"/>
</g>
</svg>
</div>
		   				<a href="#" class="article-header-tools-item__file-download">Purchase Audio<span class="magazine-hero-purchase-block-list-item__price">$8</span></a>
		   			</li>
		   			<li class="magazine-hero-purchase-block-list-item">
		   				<div class="magazine-hero-purchase-block-list-item__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="21.3 322.5 957.3 905" enable-background="new 21.3 322.5 957.3 905" xml:space="preserve">
<g>
	<g>
		<path d="M972,969.9c-14-17.4-52.2-20.9-69.7-20.9c-34.8,0-80.1,10.4-107.9,34.8c-3.5,3.5-17.4,13.9-10.4,24.4
			c3.5,10.4,17.4,10.4,20.9,10.4s3.5,0,7,0h7c20.9,0,38.3-3.5,55.7-3.5c7,0,13.9,0,24.4,0s10.4,3.5,10.4,3.5c3.5,7,0,20.9,0,31.3
			c-7,38.3-10.4,59.2-24.4,94c-3.5,13.9-3.5,20.9,0,24.4s7,7,10.4,7c10.4,0,24.4-13.9,24.4-13.9C961.5,1123.1,992.8,994.3,972,969.9
			z M860.6,1046.5c-7,0-13.9,3.5-24.4,7c-107.9,55.7-208.8,73.1-330.7,73.1c-149.7,0-295.9-45.3-424.7-128.8l-3.5-3.5
			c-7-3.5-13.9-10.4-24.4-17.4c-7-3.5-10.4-7-17.4-7c-3.5,0-10.4,3.5-10.4,7c-7,7-3.5,17.4,3.5,27.8
			c132.3,146.2,292.4,222.8,469.9,222.8l0,0c10.4,0,20.9,0,31.3,0c153.2-7,271.5-73.1,337.6-132.3c13.9-13.9,20.9-31.3,10.4-41.8
			C874.5,1046.5,867.5,1046.5,860.6,1046.5z M439.4,573.1c-107.9,7-208.8,76.6-212.3,205.4C223.6,896.8,307.1,956,422,949
			c66.1-3.5,125.3-31.3,170.6-80.1l62.7,69.6c3.5,3.5,10.4,7,13.9,7c7,0,10.4-3.5,13.9-7l83.5-76.6c7-7,7-17.4,3.5-24.4l-31.3-38.3
			c-7-7,0-41.8,0-62.7V472.2c0-94-94-149.7-264.5-149.7c-100.9,3.5-198.4,38.3-222.8,156.6c0,3.5,0,10.4,3.5,13.9
			c3.5,3.5,7,7,13.9,7l104.4,10.4c10.4,0,20.9-7,20.9-13.9c7-34.8,38.3-62.7,80.1-62.7c62.7,0,90.5,31.3,90.5,73.1v55.7L439.4,573.1
			z M568.2,646.2v73.1c0,55.7-38.3,104.4-73.1,114.9c-62.7,17.4-104.4-27.8-104.4-80.1c3.5-66.1,62.7-104.4,111.4-104.4L568.2,646.2
			z"/>
	</g>
</g>
</svg>
</div>
		   				<a href="#">Purchase Kindle<span class="magazine-hero-purchase-block-list-item__price">$10</span></a>
		   			</li>
		   			<li class="magazine-hero-purchase-block-list-item--video">
		   				<div class="magazine-hero-purchase-block-list-item__icon--video"><svg xmlns="http://www.w3.org/2000/svg" viewBox="7 831 1000 1000"><path d="M506 852c-265.1 0-480 214.9-480 480s214.9 480 480 480 480-214.9 480-480-214.9-480-480-480zm0 925.4c-245.8 0-445.4-199.7-445.4-445.4S260.2 886.6 506 886.6s445.4 199.7 445.4 445.4-199.6 445.4-445.4 445.4zm-84.4-257.3L675 1335.8l-253.4-184.2v368.5z"/></svg></div>
		   				<a href="https://www.youtube.com/watch?v=zCUKeRBc_-c" class="link--video-lightbox">Watch Intro Video</a>
		   			</li>
		   		</ul>

		   		<div class="magazine-hero-cta">
		   			<p class="magazine-hero-cta__text"><strong>Stay on Top of the World</strong><br />Save 55% off the cover price and subscribe today. <a href="#">Learn More</a></p>
		   		</div>
		   	</div>
	   	</div>
 	</div>
</header>

<!-- End old/mobile, start new -->

<header class="magazine-hero magazine-hero-slider">
		<!-- Start new slick carousel -->
		<div class="magazine-hero-archive">
  		<div class="scroll-content-item ui-widget-header magazine-past-issues-menu-item">
  		  <div class="magazine-past-issues-menu-item-label">
  		  	<h2 class="magazine-past-issues-menu-item-label__number">Volume 92, Number 4 </h2>
  		  	<h3 class="magazine-past-issues-menu-item-label__date"><a href="/node/420">July/August 2013</a></h3>
  		  	<a href="/node/420">
  		  		<img data-src="/fa_prototype/assets/images/new-issue.jpg" class="magazine-past-issues-menu-item__image">
  		  	</a>
  		  	<!-- CTA buttons shown on hover -->
      		<div class="magazine-hero__cta">
      		  <div class="magazine-hero__cta-wrapper">
              <span class="cta--desc">Download:</span><a class="magazine-hero__cta--button" href="#" title="Download PDF"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="444.045px" height="612px" viewBox="281.297 0 444.045 612" enable-background="new 281.297 0 444.045 612"
	 xml:space="preserve">
<path fill="#FFFFFF" d="M315.5,109.5"/>
<path d="M706.431,89.446L398.077,0c-2.354,0-7.062,0-9.416,2.354l-91.8,70.615c-4.708,2.354-4.708,7.062-4.708,11.769V520.2
	L612.277,612V171.831L318.046,84.738l80.031-61.2l294.229,87.092v430.754c0,7.062,4.708,11.771,11.771,11.771
	c7.062,0,11.769-4.708,11.769-11.771V101.215C715.846,96.508,713.492,91.8,706.431,89.446z M594.5,587.5l-281-84v-394l281,82"/>
</svg>
 </a> <a class="magazine-hero__cta--button " href="#" title="Download Audio"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="66.4 323.2 903.6 903.6" enable-background="new 66.4 323.2 903.6 903.6" xml:space="preserve">
<g>
	<g>
		<path d="M15798,37206.2v62.5h250v-62.5H15798z M15798,37393.8h250v-62.5h-250V37393.8z M15798,37518.8h250v-62.5h-250V37518.8z
			 M15798,37643.8h250v-62.5h-250V37643.8z M15798,37768.8h250v-62.5h-250V37768.8z M15110.5,37268.8h625v-62.5h-625V37268.8z
			 M15110.5,37393.8h625v-62.5h-625V37393.8z M15110.5,37518.8h625v-62.5h-625V37518.8z M15110.5,37643.8h625v-62.5h-625V37643.8z
			 M15110.5,37768.8h625v-62.5h-625V37768.8z M15798,37893.8h250v-62.5h-250V37893.8z M15798,38018.8h250v-62.5h-250V38018.8z
			 M15110.5,37893.8h625v-62.5h-625V37893.8z M15110.5,38018.8h625v-62.5h-625V38018.8z M15798,38143.8h250v-62.5h-250V38143.8z
			 M15110.5,38143.8h625v-62.5h-625V38143.8z"/>
	</g>
</g>
<path d="M783.6,464.4L783.6,464.4H778c-11.3,0-16.9,5.6-16.9,16.9s5.6,11.3,5.6,11.3C868.3,549.1,936.1,656.4,936.1,775l0,0
	c0,124.3-67.8,231.6-169.4,282.4c0,0-5.6,5.6-5.6,11.3c0,11.3,5.6,16.9,16.9,16.9h5.6l0,0c113-62.1,186.4-175,186.4-310.6l0,0
	C970,639.4,896.6,526.5,783.6,464.4z M501.2,323.2c-11.3,0-22.6,5.6-28.2,11.3l0,0L213.2,549.1h-84.7c-33.9,0-62.1,28.2-62.1,62.1
	v321.9c0,39.5,28.2,67.8,62.1,67.8h79.1l259.8,214.6l0,0c11.3,5.6,22.6,11.3,33.9,11.3c28.2,0,50.8-22.6,50.8-50.8V374
	C552.1,345.8,529.5,323.2,501.2,323.2z M196.2,967h-67.8c-16.9,0-33.9-16.9-33.9-33.9V611.2c0-16.9,16.9-33.9,33.9-33.9h62.1V967
	H196.2z M518.2,419.2v717.3v45.2c0,11.3-5.6,16.9-16.9,16.9c-5.6,0-5.6,0-11.3-5.6l0,0l0,0l0,0L224.5,978.3V583L490,368.4l0,0l0,0
	l0,0c0,0,5.6-5.6,11.3-5.6c11.3-5.6,16.9,0,16.9,11.3V419.2z M710.2,775c0-50.8-45.2-96-96-96c-11.3,0-16.9,5.6-16.9,16.9
	s5.6,16.9,16.9,16.9c33.9,0,62.1,28.2,62.1,62.1l0,0c0,33.9-28.2,62.1-62.1,62.1c-11.3,0-16.9,5.6-16.9,16.9
	c0,11.3,5.6,16.9,16.9,16.9C670.7,871,710.2,825.8,710.2,775L710.2,775z M840.1,775L840.1,775c0-90.4-56.5-169.4-129.9-203.3l0,0
	c0,0-5.6-5.6-11.3-5.6c-11.3,0-16.9,5.6-16.9,16.9c0,5.6,5.6,11.3,11.3,16.9l0,0c67.8,28.2,118.6,96,118.6,175.1l0,0
	c0,79.1-50.8,146.8-118.6,175.1l0,0c-5.6,0-11.3,5.6-11.3,16.9c0,11.3,5.6,16.9,16.9,16.9c5.6,0,5.6,0,11.3-5.6l0,0
	C789.3,944.4,840.1,865.4,840.1,775z"/>
</svg>
 </a>
      		  </div>                  
      		</div>
      		<!-- end CTA buttons -->
  		  </div>
  		</div>
  		<div class="scroll-content-item ui-widget-header magazine-past-issues-menu-item">
  		  <div class="magazine-past-issues-menu-item-label">
  		  	<h2 class="magazine-past-issues-menu-item-label__number">Volume 92, Number 5 </h2>
  		  	<h3 class="magazine-past-issues-menu-item-label__date"><a href="/node/421">September/October 2013</a></h3>
  		  	<a href="/node/421">
  		  		<img data-src="/fa_prototype/assets/images/fa-cover-1.jpg" class="magazine-past-issues-menu-item__image">
  		  	</a>
  		  	<!-- CTA buttons shown on hover -->
      		<div class="magazine-hero__cta">
      		  <div class="magazine-hero__cta-wrapper">
              <span class="cta--desc">Download:</span><a class="magazine-hero__cta--button" href="#" title="Download PDF"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="444.045px" height="612px" viewBox="281.297 0 444.045 612" enable-background="new 281.297 0 444.045 612"
	 xml:space="preserve">
<path fill="#FFFFFF" d="M315.5,109.5"/>
<path d="M706.431,89.446L398.077,0c-2.354,0-7.062,0-9.416,2.354l-91.8,70.615c-4.708,2.354-4.708,7.062-4.708,11.769V520.2
	L612.277,612V171.831L318.046,84.738l80.031-61.2l294.229,87.092v430.754c0,7.062,4.708,11.771,11.771,11.771
	c7.062,0,11.769-4.708,11.769-11.771V101.215C715.846,96.508,713.492,91.8,706.431,89.446z M594.5,587.5l-281-84v-394l281,82"/>
</svg>
 </a> <a class="magazine-hero__cta--button " href="#" title="Download Audio"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="66.4 323.2 903.6 903.6" enable-background="new 66.4 323.2 903.6 903.6" xml:space="preserve">
<g>
	<g>
		<path d="M15798,37206.2v62.5h250v-62.5H15798z M15798,37393.8h250v-62.5h-250V37393.8z M15798,37518.8h250v-62.5h-250V37518.8z
			 M15798,37643.8h250v-62.5h-250V37643.8z M15798,37768.8h250v-62.5h-250V37768.8z M15110.5,37268.8h625v-62.5h-625V37268.8z
			 M15110.5,37393.8h625v-62.5h-625V37393.8z M15110.5,37518.8h625v-62.5h-625V37518.8z M15110.5,37643.8h625v-62.5h-625V37643.8z
			 M15110.5,37768.8h625v-62.5h-625V37768.8z M15798,37893.8h250v-62.5h-250V37893.8z M15798,38018.8h250v-62.5h-250V38018.8z
			 M15110.5,37893.8h625v-62.5h-625V37893.8z M15110.5,38018.8h625v-62.5h-625V38018.8z M15798,38143.8h250v-62.5h-250V38143.8z
			 M15110.5,38143.8h625v-62.5h-625V38143.8z"/>
	</g>
</g>
<path d="M783.6,464.4L783.6,464.4H778c-11.3,0-16.9,5.6-16.9,16.9s5.6,11.3,5.6,11.3C868.3,549.1,936.1,656.4,936.1,775l0,0
	c0,124.3-67.8,231.6-169.4,282.4c0,0-5.6,5.6-5.6,11.3c0,11.3,5.6,16.9,16.9,16.9h5.6l0,0c113-62.1,186.4-175,186.4-310.6l0,0
	C970,639.4,896.6,526.5,783.6,464.4z M501.2,323.2c-11.3,0-22.6,5.6-28.2,11.3l0,0L213.2,549.1h-84.7c-33.9,0-62.1,28.2-62.1,62.1
	v321.9c0,39.5,28.2,67.8,62.1,67.8h79.1l259.8,214.6l0,0c11.3,5.6,22.6,11.3,33.9,11.3c28.2,0,50.8-22.6,50.8-50.8V374
	C552.1,345.8,529.5,323.2,501.2,323.2z M196.2,967h-67.8c-16.9,0-33.9-16.9-33.9-33.9V611.2c0-16.9,16.9-33.9,33.9-33.9h62.1V967
	H196.2z M518.2,419.2v717.3v45.2c0,11.3-5.6,16.9-16.9,16.9c-5.6,0-5.6,0-11.3-5.6l0,0l0,0l0,0L224.5,978.3V583L490,368.4l0,0l0,0
	l0,0c0,0,5.6-5.6,11.3-5.6c11.3-5.6,16.9,0,16.9,11.3V419.2z M710.2,775c0-50.8-45.2-96-96-96c-11.3,0-16.9,5.6-16.9,16.9
	s5.6,16.9,16.9,16.9c33.9,0,62.1,28.2,62.1,62.1l0,0c0,33.9-28.2,62.1-62.1,62.1c-11.3,0-16.9,5.6-16.9,16.9
	c0,11.3,5.6,16.9,16.9,16.9C670.7,871,710.2,825.8,710.2,775L710.2,775z M840.1,775L840.1,775c0-90.4-56.5-169.4-129.9-203.3l0,0
	c0,0-5.6-5.6-11.3-5.6c-11.3,0-16.9,5.6-16.9,16.9c0,5.6,5.6,11.3,11.3,16.9l0,0c67.8,28.2,118.6,96,118.6,175.1l0,0
	c0,79.1-50.8,146.8-118.6,175.1l0,0c-5.6,0-11.3,5.6-11.3,16.9c0,11.3,5.6,16.9,16.9,16.9c5.6,0,5.6,0,11.3-5.6l0,0
	C789.3,944.4,840.1,865.4,840.1,775z"/>
</svg>
 </a>
      		  </div>
      		</div>
      		<!-- end CTA buttons -->
  		  </div>
  		</div>
  		<div class="scroll-content-item ui-widget-header magazine-past-issues-menu-item">
  		  <div class="magazine-past-issues-menu-item-label">
  		  	<h2 class="magazine-past-issues-menu-item-label__number">Volume 92, Number 6 </h2>
  		  	<h3 class="magazine-past-issues-menu-item-label__date"><a href="/node/422">November/December 2013</a></h3>
  		  	<a href="/node/422">
  		  		<img data-src="/fa_prototype/assets/images/fa-cover-2.jpg" class="magazine-past-issues-menu-item__image">
  		  	</a>
  		  	<!-- CTA buttons shown on hover -->
      		<div class="magazine-hero__cta">
      		  <div class="magazine-hero__cta-wrapper">
              <span class="cta--desc">Download:</span><a class="magazine-hero__cta--button" href="#" title="Download PDF"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="444.045px" height="612px" viewBox="281.297 0 444.045 612" enable-background="new 281.297 0 444.045 612"
	 xml:space="preserve">
<path fill="#FFFFFF" d="M315.5,109.5"/>
<path d="M706.431,89.446L398.077,0c-2.354,0-7.062,0-9.416,2.354l-91.8,70.615c-4.708,2.354-4.708,7.062-4.708,11.769V520.2
	L612.277,612V171.831L318.046,84.738l80.031-61.2l294.229,87.092v430.754c0,7.062,4.708,11.771,11.771,11.771
	c7.062,0,11.769-4.708,11.769-11.771V101.215C715.846,96.508,713.492,91.8,706.431,89.446z M594.5,587.5l-281-84v-394l281,82"/>
</svg>
 </a> <a class="magazine-hero__cta--button " href="#" title="Download Audio"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="66.4 323.2 903.6 903.6" enable-background="new 66.4 323.2 903.6 903.6" xml:space="preserve">
<g>
	<g>
		<path d="M15798,37206.2v62.5h250v-62.5H15798z M15798,37393.8h250v-62.5h-250V37393.8z M15798,37518.8h250v-62.5h-250V37518.8z
			 M15798,37643.8h250v-62.5h-250V37643.8z M15798,37768.8h250v-62.5h-250V37768.8z M15110.5,37268.8h625v-62.5h-625V37268.8z
			 M15110.5,37393.8h625v-62.5h-625V37393.8z M15110.5,37518.8h625v-62.5h-625V37518.8z M15110.5,37643.8h625v-62.5h-625V37643.8z
			 M15110.5,37768.8h625v-62.5h-625V37768.8z M15798,37893.8h250v-62.5h-250V37893.8z M15798,38018.8h250v-62.5h-250V38018.8z
			 M15110.5,37893.8h625v-62.5h-625V37893.8z M15110.5,38018.8h625v-62.5h-625V38018.8z M15798,38143.8h250v-62.5h-250V38143.8z
			 M15110.5,38143.8h625v-62.5h-625V38143.8z"/>
	</g>
</g>
<path d="M783.6,464.4L783.6,464.4H778c-11.3,0-16.9,5.6-16.9,16.9s5.6,11.3,5.6,11.3C868.3,549.1,936.1,656.4,936.1,775l0,0
	c0,124.3-67.8,231.6-169.4,282.4c0,0-5.6,5.6-5.6,11.3c0,11.3,5.6,16.9,16.9,16.9h5.6l0,0c113-62.1,186.4-175,186.4-310.6l0,0
	C970,639.4,896.6,526.5,783.6,464.4z M501.2,323.2c-11.3,0-22.6,5.6-28.2,11.3l0,0L213.2,549.1h-84.7c-33.9,0-62.1,28.2-62.1,62.1
	v321.9c0,39.5,28.2,67.8,62.1,67.8h79.1l259.8,214.6l0,0c11.3,5.6,22.6,11.3,33.9,11.3c28.2,0,50.8-22.6,50.8-50.8V374
	C552.1,345.8,529.5,323.2,501.2,323.2z M196.2,967h-67.8c-16.9,0-33.9-16.9-33.9-33.9V611.2c0-16.9,16.9-33.9,33.9-33.9h62.1V967
	H196.2z M518.2,419.2v717.3v45.2c0,11.3-5.6,16.9-16.9,16.9c-5.6,0-5.6,0-11.3-5.6l0,0l0,0l0,0L224.5,978.3V583L490,368.4l0,0l0,0
	l0,0c0,0,5.6-5.6,11.3-5.6c11.3-5.6,16.9,0,16.9,11.3V419.2z M710.2,775c0-50.8-45.2-96-96-96c-11.3,0-16.9,5.6-16.9,16.9
	s5.6,16.9,16.9,16.9c33.9,0,62.1,28.2,62.1,62.1l0,0c0,33.9-28.2,62.1-62.1,62.1c-11.3,0-16.9,5.6-16.9,16.9
	c0,11.3,5.6,16.9,16.9,16.9C670.7,871,710.2,825.8,710.2,775L710.2,775z M840.1,775L840.1,775c0-90.4-56.5-169.4-129.9-203.3l0,0
	c0,0-5.6-5.6-11.3-5.6c-11.3,0-16.9,5.6-16.9,16.9c0,5.6,5.6,11.3,11.3,16.9l0,0c67.8,28.2,118.6,96,118.6,175.1l0,0
	c0,79.1-50.8,146.8-118.6,175.1l0,0c-5.6,0-11.3,5.6-11.3,16.9c0,11.3,5.6,16.9,16.9,16.9c5.6,0,5.6,0,11.3-5.6l0,0
	C789.3,944.4,840.1,865.4,840.1,775z"/>
</svg>
 </a>
      		  </div>
      		</div>
      		<!-- end CTA buttons -->
  		  </div>
  		</div>
  		<div class="scroll-content-item ui-widget-header magazine-past-issues-menu-item">
  		  <div class="magazine-past-issues-menu-item-label">
  		  	<h2 class="magazine-past-issues-menu-item-label__number">Volume 93, Number 1 </h2>
  		  	<h3 class="magazine-past-issues-menu-item-label__date"><a href="/node/423">January/February 2014</a></h3>
  		  	<a href="/node/423">
  		  		<img data-src="/fa_prototype/assets/images/fa-cover-1.jpg" class="magazine-past-issues-menu-item__image">
  		  	</a>
  		  	<!-- CTA buttons shown on hover -->
      		<div class="magazine-hero__cta">
      		  <div class="magazine-hero__cta-wrapper">
              <span class="cta--desc">Download:</span><a class="magazine-hero__cta--button" href="#" title="Download PDF"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="444.045px" height="612px" viewBox="281.297 0 444.045 612" enable-background="new 281.297 0 444.045 612"
	 xml:space="preserve">
<path fill="#FFFFFF" d="M315.5,109.5"/>
<path d="M706.431,89.446L398.077,0c-2.354,0-7.062,0-9.416,2.354l-91.8,70.615c-4.708,2.354-4.708,7.062-4.708,11.769V520.2
	L612.277,612V171.831L318.046,84.738l80.031-61.2l294.229,87.092v430.754c0,7.062,4.708,11.771,11.771,11.771
	c7.062,0,11.769-4.708,11.769-11.771V101.215C715.846,96.508,713.492,91.8,706.431,89.446z M594.5,587.5l-281-84v-394l281,82"/>
</svg>
 </a> <a class="magazine-hero__cta--button " href="#" title="Download Audio"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="66.4 323.2 903.6 903.6" enable-background="new 66.4 323.2 903.6 903.6" xml:space="preserve">
<g>
	<g>
		<path d="M15798,37206.2v62.5h250v-62.5H15798z M15798,37393.8h250v-62.5h-250V37393.8z M15798,37518.8h250v-62.5h-250V37518.8z
			 M15798,37643.8h250v-62.5h-250V37643.8z M15798,37768.8h250v-62.5h-250V37768.8z M15110.5,37268.8h625v-62.5h-625V37268.8z
			 M15110.5,37393.8h625v-62.5h-625V37393.8z M15110.5,37518.8h625v-62.5h-625V37518.8z M15110.5,37643.8h625v-62.5h-625V37643.8z
			 M15110.5,37768.8h625v-62.5h-625V37768.8z M15798,37893.8h250v-62.5h-250V37893.8z M15798,38018.8h250v-62.5h-250V38018.8z
			 M15110.5,37893.8h625v-62.5h-625V37893.8z M15110.5,38018.8h625v-62.5h-625V38018.8z M15798,38143.8h250v-62.5h-250V38143.8z
			 M15110.5,38143.8h625v-62.5h-625V38143.8z"/>
	</g>
</g>
<path d="M783.6,464.4L783.6,464.4H778c-11.3,0-16.9,5.6-16.9,16.9s5.6,11.3,5.6,11.3C868.3,549.1,936.1,656.4,936.1,775l0,0
	c0,124.3-67.8,231.6-169.4,282.4c0,0-5.6,5.6-5.6,11.3c0,11.3,5.6,16.9,16.9,16.9h5.6l0,0c113-62.1,186.4-175,186.4-310.6l0,0
	C970,639.4,896.6,526.5,783.6,464.4z M501.2,323.2c-11.3,0-22.6,5.6-28.2,11.3l0,0L213.2,549.1h-84.7c-33.9,0-62.1,28.2-62.1,62.1
	v321.9c0,39.5,28.2,67.8,62.1,67.8h79.1l259.8,214.6l0,0c11.3,5.6,22.6,11.3,33.9,11.3c28.2,0,50.8-22.6,50.8-50.8V374
	C552.1,345.8,529.5,323.2,501.2,323.2z M196.2,967h-67.8c-16.9,0-33.9-16.9-33.9-33.9V611.2c0-16.9,16.9-33.9,33.9-33.9h62.1V967
	H196.2z M518.2,419.2v717.3v45.2c0,11.3-5.6,16.9-16.9,16.9c-5.6,0-5.6,0-11.3-5.6l0,0l0,0l0,0L224.5,978.3V583L490,368.4l0,0l0,0
	l0,0c0,0,5.6-5.6,11.3-5.6c11.3-5.6,16.9,0,16.9,11.3V419.2z M710.2,775c0-50.8-45.2-96-96-96c-11.3,0-16.9,5.6-16.9,16.9
	s5.6,16.9,16.9,16.9c33.9,0,62.1,28.2,62.1,62.1l0,0c0,33.9-28.2,62.1-62.1,62.1c-11.3,0-16.9,5.6-16.9,16.9
	c0,11.3,5.6,16.9,16.9,16.9C670.7,871,710.2,825.8,710.2,775L710.2,775z M840.1,775L840.1,775c0-90.4-56.5-169.4-129.9-203.3l0,0
	c0,0-5.6-5.6-11.3-5.6c-11.3,0-16.9,5.6-16.9,16.9c0,5.6,5.6,11.3,11.3,16.9l0,0c67.8,28.2,118.6,96,118.6,175.1l0,0
	c0,79.1-50.8,146.8-118.6,175.1l0,0c-5.6,0-11.3,5.6-11.3,16.9c0,11.3,5.6,16.9,16.9,16.9c5.6,0,5.6,0,11.3-5.6l0,0
	C789.3,944.4,840.1,865.4,840.1,775z"/>
</svg>
 </a>
      		  </div>
      		</div>
      		<!-- end CTA buttons -->
  		  </div>
  		</div>
  		<div class="scroll-content-item ui-widget-header magazine-past-issues-menu-item">
  		  <div class="magazine-past-issues-menu-item-label">
  		  	<h2 class="magazine-past-issues-menu-item-label__number">Volume 93, Number 2 </h2>
  		  	<h3 class="magazine-past-issues-menu-item-label__date"><a href="/node/424">March/April 2014</a></h3>
  		  	<a href="/node/424">
  		  		<img data-src="/fa_prototype/assets/images/fa-cover-2.jpg" class="magazine-past-issues-menu-item__image">
  		  	</a>
  		  	<!-- CTA buttons shown on hover -->
      		<div class="magazine-hero__cta">
      		  <div class="magazine-hero__cta-wrapper">
              <span class="cta--desc">Download:</span><a class="magazine-hero__cta--button" href="#" title="Download PDF"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="444.045px" height="612px" viewBox="281.297 0 444.045 612" enable-background="new 281.297 0 444.045 612"
	 xml:space="preserve">
<path fill="#FFFFFF" d="M315.5,109.5"/>
<path d="M706.431,89.446L398.077,0c-2.354,0-7.062,0-9.416,2.354l-91.8,70.615c-4.708,2.354-4.708,7.062-4.708,11.769V520.2
	L612.277,612V171.831L318.046,84.738l80.031-61.2l294.229,87.092v430.754c0,7.062,4.708,11.771,11.771,11.771
	c7.062,0,11.769-4.708,11.769-11.771V101.215C715.846,96.508,713.492,91.8,706.431,89.446z M594.5,587.5l-281-84v-394l281,82"/>
</svg>
 </a> <a class="magazine-hero__cta--button " href="#" title="Download Audio"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="66.4 323.2 903.6 903.6" enable-background="new 66.4 323.2 903.6 903.6" xml:space="preserve">
<g>
	<g>
		<path d="M15798,37206.2v62.5h250v-62.5H15798z M15798,37393.8h250v-62.5h-250V37393.8z M15798,37518.8h250v-62.5h-250V37518.8z
			 M15798,37643.8h250v-62.5h-250V37643.8z M15798,37768.8h250v-62.5h-250V37768.8z M15110.5,37268.8h625v-62.5h-625V37268.8z
			 M15110.5,37393.8h625v-62.5h-625V37393.8z M15110.5,37518.8h625v-62.5h-625V37518.8z M15110.5,37643.8h625v-62.5h-625V37643.8z
			 M15110.5,37768.8h625v-62.5h-625V37768.8z M15798,37893.8h250v-62.5h-250V37893.8z M15798,38018.8h250v-62.5h-250V38018.8z
			 M15110.5,37893.8h625v-62.5h-625V37893.8z M15110.5,38018.8h625v-62.5h-625V38018.8z M15798,38143.8h250v-62.5h-250V38143.8z
			 M15110.5,38143.8h625v-62.5h-625V38143.8z"/>
	</g>
</g>
<path d="M783.6,464.4L783.6,464.4H778c-11.3,0-16.9,5.6-16.9,16.9s5.6,11.3,5.6,11.3C868.3,549.1,936.1,656.4,936.1,775l0,0
	c0,124.3-67.8,231.6-169.4,282.4c0,0-5.6,5.6-5.6,11.3c0,11.3,5.6,16.9,16.9,16.9h5.6l0,0c113-62.1,186.4-175,186.4-310.6l0,0
	C970,639.4,896.6,526.5,783.6,464.4z M501.2,323.2c-11.3,0-22.6,5.6-28.2,11.3l0,0L213.2,549.1h-84.7c-33.9,0-62.1,28.2-62.1,62.1
	v321.9c0,39.5,28.2,67.8,62.1,67.8h79.1l259.8,214.6l0,0c11.3,5.6,22.6,11.3,33.9,11.3c28.2,0,50.8-22.6,50.8-50.8V374
	C552.1,345.8,529.5,323.2,501.2,323.2z M196.2,967h-67.8c-16.9,0-33.9-16.9-33.9-33.9V611.2c0-16.9,16.9-33.9,33.9-33.9h62.1V967
	H196.2z M518.2,419.2v717.3v45.2c0,11.3-5.6,16.9-16.9,16.9c-5.6,0-5.6,0-11.3-5.6l0,0l0,0l0,0L224.5,978.3V583L490,368.4l0,0l0,0
	l0,0c0,0,5.6-5.6,11.3-5.6c11.3-5.6,16.9,0,16.9,11.3V419.2z M710.2,775c0-50.8-45.2-96-96-96c-11.3,0-16.9,5.6-16.9,16.9
	s5.6,16.9,16.9,16.9c33.9,0,62.1,28.2,62.1,62.1l0,0c0,33.9-28.2,62.1-62.1,62.1c-11.3,0-16.9,5.6-16.9,16.9
	c0,11.3,5.6,16.9,16.9,16.9C670.7,871,710.2,825.8,710.2,775L710.2,775z M840.1,775L840.1,775c0-90.4-56.5-169.4-129.9-203.3l0,0
	c0,0-5.6-5.6-11.3-5.6c-11.3,0-16.9,5.6-16.9,16.9c0,5.6,5.6,11.3,11.3,16.9l0,0c67.8,28.2,118.6,96,118.6,175.1l0,0
	c0,79.1-50.8,146.8-118.6,175.1l0,0c-5.6,0-11.3,5.6-11.3,16.9c0,11.3,5.6,16.9,16.9,16.9c5.6,0,5.6,0,11.3-5.6l0,0
	C789.3,944.4,840.1,865.4,840.1,775z"/>
</svg>
 </a>
      		  </div>
      		</div>
      		<!-- end CTA buttons -->
  		  </div>
  		</div>
  		<div class="scroll-content-item ui-widget-header magazine-past-issues-menu-item">
  		  <div class="magazine-past-issues-menu-item-label">
  		  	<h2 class="magazine-past-issues-menu-item-label__number">Volume 93, Number 3 </h2>
  		  	<h3 class="magazine-past-issues-menu-item-label__date"><a href="/node/425">May/June 2014</a></h3>
  		  	<a href="/node/425">
  		  		<img data-src="/fa_prototype/assets/images/fa-cover-1.jpg" class="magazine-past-issues-menu-item__image">
  		  	</a>
  		  	<!-- CTA buttons shown on hover -->
      		<div class="magazine-hero__cta">
      		  <div class="magazine-hero__cta-wrapper">
              <span class="cta--desc">Download:</span><a class="magazine-hero__cta--button" href="#" title="Download PDF"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="444.045px" height="612px" viewBox="281.297 0 444.045 612" enable-background="new 281.297 0 444.045 612"
	 xml:space="preserve">
<path fill="#FFFFFF" d="M315.5,109.5"/>
<path d="M706.431,89.446L398.077,0c-2.354,0-7.062,0-9.416,2.354l-91.8,70.615c-4.708,2.354-4.708,7.062-4.708,11.769V520.2
	L612.277,612V171.831L318.046,84.738l80.031-61.2l294.229,87.092v430.754c0,7.062,4.708,11.771,11.771,11.771
	c7.062,0,11.769-4.708,11.769-11.771V101.215C715.846,96.508,713.492,91.8,706.431,89.446z M594.5,587.5l-281-84v-394l281,82"/>
</svg>
 </a> <a class="magazine-hero__cta--button " href="#" title="Download Audio"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="66.4 323.2 903.6 903.6" enable-background="new 66.4 323.2 903.6 903.6" xml:space="preserve">
<g>
	<g>
		<path d="M15798,37206.2v62.5h250v-62.5H15798z M15798,37393.8h250v-62.5h-250V37393.8z M15798,37518.8h250v-62.5h-250V37518.8z
			 M15798,37643.8h250v-62.5h-250V37643.8z M15798,37768.8h250v-62.5h-250V37768.8z M15110.5,37268.8h625v-62.5h-625V37268.8z
			 M15110.5,37393.8h625v-62.5h-625V37393.8z M15110.5,37518.8h625v-62.5h-625V37518.8z M15110.5,37643.8h625v-62.5h-625V37643.8z
			 M15110.5,37768.8h625v-62.5h-625V37768.8z M15798,37893.8h250v-62.5h-250V37893.8z M15798,38018.8h250v-62.5h-250V38018.8z
			 M15110.5,37893.8h625v-62.5h-625V37893.8z M15110.5,38018.8h625v-62.5h-625V38018.8z M15798,38143.8h250v-62.5h-250V38143.8z
			 M15110.5,38143.8h625v-62.5h-625V38143.8z"/>
	</g>
</g>
<path d="M783.6,464.4L783.6,464.4H778c-11.3,0-16.9,5.6-16.9,16.9s5.6,11.3,5.6,11.3C868.3,549.1,936.1,656.4,936.1,775l0,0
	c0,124.3-67.8,231.6-169.4,282.4c0,0-5.6,5.6-5.6,11.3c0,11.3,5.6,16.9,16.9,16.9h5.6l0,0c113-62.1,186.4-175,186.4-310.6l0,0
	C970,639.4,896.6,526.5,783.6,464.4z M501.2,323.2c-11.3,0-22.6,5.6-28.2,11.3l0,0L213.2,549.1h-84.7c-33.9,0-62.1,28.2-62.1,62.1
	v321.9c0,39.5,28.2,67.8,62.1,67.8h79.1l259.8,214.6l0,0c11.3,5.6,22.6,11.3,33.9,11.3c28.2,0,50.8-22.6,50.8-50.8V374
	C552.1,345.8,529.5,323.2,501.2,323.2z M196.2,967h-67.8c-16.9,0-33.9-16.9-33.9-33.9V611.2c0-16.9,16.9-33.9,33.9-33.9h62.1V967
	H196.2z M518.2,419.2v717.3v45.2c0,11.3-5.6,16.9-16.9,16.9c-5.6,0-5.6,0-11.3-5.6l0,0l0,0l0,0L224.5,978.3V583L490,368.4l0,0l0,0
	l0,0c0,0,5.6-5.6,11.3-5.6c11.3-5.6,16.9,0,16.9,11.3V419.2z M710.2,775c0-50.8-45.2-96-96-96c-11.3,0-16.9,5.6-16.9,16.9
	s5.6,16.9,16.9,16.9c33.9,0,62.1,28.2,62.1,62.1l0,0c0,33.9-28.2,62.1-62.1,62.1c-11.3,0-16.9,5.6-16.9,16.9
	c0,11.3,5.6,16.9,16.9,16.9C670.7,871,710.2,825.8,710.2,775L710.2,775z M840.1,775L840.1,775c0-90.4-56.5-169.4-129.9-203.3l0,0
	c0,0-5.6-5.6-11.3-5.6c-11.3,0-16.9,5.6-16.9,16.9c0,5.6,5.6,11.3,11.3,16.9l0,0c67.8,28.2,118.6,96,118.6,175.1l0,0
	c0,79.1-50.8,146.8-118.6,175.1l0,0c-5.6,0-11.3,5.6-11.3,16.9c0,11.3,5.6,16.9,16.9,16.9c5.6,0,5.6,0,11.3-5.6l0,0
	C789.3,944.4,840.1,865.4,840.1,775z"/>
</svg>
 </a>
      		  </div>
      		</div>
      		<!-- end CTA buttons -->
  		  </div>
  		</div>
  		<div class="scroll-content-item ui-widget-header magazine-past-issues-menu-item">
  		  <div class="magazine-past-issues-menu-item-label">
  		  	<h2 class="magazine-past-issues-menu-item-label__number">Volume 93, Number 4 </h2>
  		  	<h3 class="magazine-past-issues-menu-item-label__date"><a href="/node/426">July/August 2014</a></h3>
  		  	<a href="/node/426">
  		  		<img data-src="/fa_prototype/assets/images/fa-cover-2.jpg" class="magazine-past-issues-menu-item__image">
  		  	</a>
          <!-- CTA buttons shown on hover -->
      		<div class="magazine-hero__cta">
        		<div class="magazine-hero__cta-wrapper">
              <span class="cta--desc">Download:</span><a class="magazine-hero__cta--button" href="#" title="Download PDF"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="444.045px" height="612px" viewBox="281.297 0 444.045 612" enable-background="new 281.297 0 444.045 612"
	 xml:space="preserve">
<path fill="#FFFFFF" d="M315.5,109.5"/>
<path d="M706.431,89.446L398.077,0c-2.354,0-7.062,0-9.416,2.354l-91.8,70.615c-4.708,2.354-4.708,7.062-4.708,11.769V520.2
	L612.277,612V171.831L318.046,84.738l80.031-61.2l294.229,87.092v430.754c0,7.062,4.708,11.771,11.771,11.771
	c7.062,0,11.769-4.708,11.769-11.771V101.215C715.846,96.508,713.492,91.8,706.431,89.446z M594.5,587.5l-281-84v-394l281,82"/>
</svg>
 </a> <a class="magazine-hero__cta--button " href="#" title="Download Audio"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="66.4 323.2 903.6 903.6" enable-background="new 66.4 323.2 903.6 903.6" xml:space="preserve">
<g>
	<g>
		<path d="M15798,37206.2v62.5h250v-62.5H15798z M15798,37393.8h250v-62.5h-250V37393.8z M15798,37518.8h250v-62.5h-250V37518.8z
			 M15798,37643.8h250v-62.5h-250V37643.8z M15798,37768.8h250v-62.5h-250V37768.8z M15110.5,37268.8h625v-62.5h-625V37268.8z
			 M15110.5,37393.8h625v-62.5h-625V37393.8z M15110.5,37518.8h625v-62.5h-625V37518.8z M15110.5,37643.8h625v-62.5h-625V37643.8z
			 M15110.5,37768.8h625v-62.5h-625V37768.8z M15798,37893.8h250v-62.5h-250V37893.8z M15798,38018.8h250v-62.5h-250V38018.8z
			 M15110.5,37893.8h625v-62.5h-625V37893.8z M15110.5,38018.8h625v-62.5h-625V38018.8z M15798,38143.8h250v-62.5h-250V38143.8z
			 M15110.5,38143.8h625v-62.5h-625V38143.8z"/>
	</g>
</g>
<path d="M783.6,464.4L783.6,464.4H778c-11.3,0-16.9,5.6-16.9,16.9s5.6,11.3,5.6,11.3C868.3,549.1,936.1,656.4,936.1,775l0,0
	c0,124.3-67.8,231.6-169.4,282.4c0,0-5.6,5.6-5.6,11.3c0,11.3,5.6,16.9,16.9,16.9h5.6l0,0c113-62.1,186.4-175,186.4-310.6l0,0
	C970,639.4,896.6,526.5,783.6,464.4z M501.2,323.2c-11.3,0-22.6,5.6-28.2,11.3l0,0L213.2,549.1h-84.7c-33.9,0-62.1,28.2-62.1,62.1
	v321.9c0,39.5,28.2,67.8,62.1,67.8h79.1l259.8,214.6l0,0c11.3,5.6,22.6,11.3,33.9,11.3c28.2,0,50.8-22.6,50.8-50.8V374
	C552.1,345.8,529.5,323.2,501.2,323.2z M196.2,967h-67.8c-16.9,0-33.9-16.9-33.9-33.9V611.2c0-16.9,16.9-33.9,33.9-33.9h62.1V967
	H196.2z M518.2,419.2v717.3v45.2c0,11.3-5.6,16.9-16.9,16.9c-5.6,0-5.6,0-11.3-5.6l0,0l0,0l0,0L224.5,978.3V583L490,368.4l0,0l0,0
	l0,0c0,0,5.6-5.6,11.3-5.6c11.3-5.6,16.9,0,16.9,11.3V419.2z M710.2,775c0-50.8-45.2-96-96-96c-11.3,0-16.9,5.6-16.9,16.9
	s5.6,16.9,16.9,16.9c33.9,0,62.1,28.2,62.1,62.1l0,0c0,33.9-28.2,62.1-62.1,62.1c-11.3,0-16.9,5.6-16.9,16.9
	c0,11.3,5.6,16.9,16.9,16.9C670.7,871,710.2,825.8,710.2,775L710.2,775z M840.1,775L840.1,775c0-90.4-56.5-169.4-129.9-203.3l0,0
	c0,0-5.6-5.6-11.3-5.6c-11.3,0-16.9,5.6-16.9,16.9c0,5.6,5.6,11.3,11.3,16.9l0,0c67.8,28.2,118.6,96,118.6,175.1l0,0
	c0,79.1-50.8,146.8-118.6,175.1l0,0c-5.6,0-11.3,5.6-11.3,16.9c0,11.3,5.6,16.9,16.9,16.9c5.6,0,5.6,0,11.3-5.6l0,0
	C789.3,944.4,840.1,865.4,840.1,775z"/>
</svg>
 </a>
        		</div>
      		</div>
      		<!-- end CTA buttons -->
  		  </div>
      </div>
  		<div class="scroll-content-item ui-widget-header magazine-past-issues-menu-item">
  		  <div class="magazine-past-issues-menu-item-label">
  		  	<h2 class="magazine-past-issues-menu-item-label__number">Volume 93, Number 5 </h2>
        	<h3 class="magazine-past-issues-menu-item-label__date"><a href="/node/427">September/October 2014</a></h3>
  		  	<a href="/node/427">
  		  		<img data-src="/fa_prototype/assets/images/fa-cover-1.jpg" class="magazine-past-issues-menu-item__image">
  		  	</a>
  		  </div>
  		</div>
		</div>
		<!-- End slick carousel -->
		
    <div class="container">
      <div class="l-3up-magazine--3">
        <div class="magazine-hero-purchase-block magazine-purchase-options">
       		<h2 class="magazine-hero-purchase-block-title">Enjoy the Latest Issue</h2>
       		<ul class="magazine-hero-purchase-block-list">
       			<li class="magazine-hero-purchase-block-list-item">
       				<div class="magazine-hero-purchase-block-list-item__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 159.1 1000 1333.2" enable-background="new 0 159.1 1000 1333.2" xml:space="preserve">
<path d="M946,537.9H640.7c-14.1,0-23.5,9.3-23.5,23.5s9.3,23.5,23.5,23.5h305.3v845.6H53.5V584.9h305.3c14.1,0,23.5-9.3,23.5-23.5
	c0-14.1-9.3-23.5-23.5-23.5H53.5c-28.1,0-47,18.8-47,47v845.6c0,28.1,18.8,47,47,47H946c28.1,0,47-18.8,47-47V584.9
	C993,556.7,974.2,537.9,946,537.9 M499.8,162.1c-14.1,0-23.5,9.3-23.5,23.5v742.2L330.7,782.1c-4.7-4.7-14.1-9.3-18.8-9.3
	c-14.1,0-23.5,9.3-23.5,23.5c0,4.7,4.7,14.1,4.7,18.8L481,1003.1c4.7,4.7,9.3,4.7,18.8,4.7c4.7,0,14.1-4.7,18.8-4.7l187.9-187.9
	c4.7-4.7,4.7-9.3,4.7-18.8c0-14.1-9.3-23.5-23.5-23.5c-4.7,0-14.1,4.7-18.8,4.7L523.3,927.7V185.7
	C523.3,171.5,513.9,162.1,499.8,162.1"/>
</svg>
</div>
       				<a href="#">Purchase PDF<span class="magazine-hero-purchase-block-list-item__price">$10</span></a>
       			</li>
       			<li class="magazine-hero-purchase-block-list-item">
       				<div class="magazine-hero-purchase-block-list-item__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="-0.1 503.7 1000 544.3" enable-background="new -0.1 503.7 1000 544.3" xml:space="preserve">
<g>
	<path d="M0.5,733.1C126,795.8,246.6,855.9,366.7,915.9c36.8,18.4,74.1,36.8,110.9,56.2c15.7,8.1,28.7,8.1,44.9,0
		c149.3-75.7,299.1-150.4,448.4-225c8.1-3.8,16.2-7.6,28.7-13.5c0,22.2,1.1,41.1-0.5,60c-0.5,5.9-8.1,13.5-14.1,16.2
		c-157.4,79-314.8,157.9-472.7,235.8c-7,3.8-19.5,2.7-27-1.1C329.4,967.8,173.6,889.9,17.3,812C3.8,805.6-1.1,797.4,0,782.8
		C1.6,768.2,0.5,753.1,0.5,733.1z"/>
	<path d="M178.5,651.4C381.3,415.1,749.1,480,879.9,721.7c-20.6,10.3-40.6,21.6-62.2,29.2c-5.4,1.6-17.8-8.1-22.7-15.7
		c-56.8-83.8-133-141.2-229.9-168.7C421.9,525.9,293.7,556.8,178.5,651.4z"/>
	<path d="M263.4,749.9c143.3-176.3,397.5-140.6,495.9,33.5c-24.9,12.4-49.2,24.9-73.6,36.8C585.7,669.3,399.7,640.6,263.4,749.9z"/>
	<path d="M563.5,882.4c-64.9-75.7-106.5-87.1-192.5-53c67.6-97.9,199.6-92.5,268.8,14.1C614.4,856.4,589.5,868.8,563.5,882.4z"/>
</g>
</svg>
</div>
       				<a href="#">Purchase Audio<span class="magazine-hero-purchase-block-list-item__price">$8</span></a>
       			</li>
       			<li class="magazine-hero-purchase-block-list-item">
       				<div class="magazine-hero-purchase-block-list-item__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="21.3 322.5 957.3 905" enable-background="new 21.3 322.5 957.3 905" xml:space="preserve">
<g>
	<g>
		<path d="M972,969.9c-14-17.4-52.2-20.9-69.7-20.9c-34.8,0-80.1,10.4-107.9,34.8c-3.5,3.5-17.4,13.9-10.4,24.4
			c3.5,10.4,17.4,10.4,20.9,10.4s3.5,0,7,0h7c20.9,0,38.3-3.5,55.7-3.5c7,0,13.9,0,24.4,0s10.4,3.5,10.4,3.5c3.5,7,0,20.9,0,31.3
			c-7,38.3-10.4,59.2-24.4,94c-3.5,13.9-3.5,20.9,0,24.4s7,7,10.4,7c10.4,0,24.4-13.9,24.4-13.9C961.5,1123.1,992.8,994.3,972,969.9
			z M860.6,1046.5c-7,0-13.9,3.5-24.4,7c-107.9,55.7-208.8,73.1-330.7,73.1c-149.7,0-295.9-45.3-424.7-128.8l-3.5-3.5
			c-7-3.5-13.9-10.4-24.4-17.4c-7-3.5-10.4-7-17.4-7c-3.5,0-10.4,3.5-10.4,7c-7,7-3.5,17.4,3.5,27.8
			c132.3,146.2,292.4,222.8,469.9,222.8l0,0c10.4,0,20.9,0,31.3,0c153.2-7,271.5-73.1,337.6-132.3c13.9-13.9,20.9-31.3,10.4-41.8
			C874.5,1046.5,867.5,1046.5,860.6,1046.5z M439.4,573.1c-107.9,7-208.8,76.6-212.3,205.4C223.6,896.8,307.1,956,422,949
			c66.1-3.5,125.3-31.3,170.6-80.1l62.7,69.6c3.5,3.5,10.4,7,13.9,7c7,0,10.4-3.5,13.9-7l83.5-76.6c7-7,7-17.4,3.5-24.4l-31.3-38.3
			c-7-7,0-41.8,0-62.7V472.2c0-94-94-149.7-264.5-149.7c-100.9,3.5-198.4,38.3-222.8,156.6c0,3.5,0,10.4,3.5,13.9
			c3.5,3.5,7,7,13.9,7l104.4,10.4c10.4,0,20.9-7,20.9-13.9c7-34.8,38.3-62.7,80.1-62.7c62.7,0,90.5,31.3,90.5,73.1v55.7L439.4,573.1
			z M568.2,646.2v73.1c0,55.7-38.3,104.4-73.1,114.9c-62.7,17.4-104.4-27.8-104.4-80.1c3.5-66.1,62.7-104.4,111.4-104.4L568.2,646.2
			z"/>
	</g>
</g>
</svg>
</div>
       				<a href="#">Purchase Kindle<span class="magazine-hero-purchase-block-list-item__price">$10</span></a>
       			</li>
       			<li class="magazine-hero-purchase-block-list-item--video">
       				<div class="magazine-hero-purchase-block-list-item__icon--video"><svg xmlns="http://www.w3.org/2000/svg" viewBox="7 831 1000 1000"><path d="M506 852c-265.1 0-480 214.9-480 480s214.9 480 480 480 480-214.9 480-480-214.9-480-480-480zm0 925.4c-245.8 0-445.4-199.7-445.4-445.4S260.2 886.6 506 886.6s445.4 199.7 445.4 445.4-199.6 445.4-445.4 445.4zm-84.4-257.3L675 1335.8l-253.4-184.2v368.5z"/></svg></div>
       				<a href="https://www.youtube.com/watch?v=zCUKeRBc_-c" class="link--video-lightbox">Watch Intro Video</a>
       			</li>
       		</ul>
      
       		<div class="magazine-hero-cta">
       			<p class="magazine-hero-cta__text"><b>Stay on Top of the World</b><br />Save 55% off the cover price and subscribe today. <a href="#">Learn More</a></p>
       		</div>
       	</div>
      </div>
    </div>
 	</div>
</header>

<!-- End new, end file -->
Foreign Affairs Style Guide

Magazine -- Hero

Redmine Prototyping Ticket(s)

Data Sources:

Images Styles:

Volume 93, Number 2

March / April 2014

Enjoy This Issue

Volume 92, Number 4

July/August 2013

Volume 92, Number 5

September/October 2013

Volume 92, Number 6

November/December 2013

Volume 93, Number 1

January/February 2014

Volume 93, Number 2

March/April 2014

Volume 93, Number 3

May/June 2014

Volume 93, Number 4

July/August 2014

Volume 93, Number 5

September/October 2014

Enjoy the Latest Issue
