/*
Theme Name: UCLA Blueprint Theme
Theme URI: http://blueprint.ucla.edu/
Author: UCLA Marketing digital team (Joseph Maddela, John Kim, Heather Henderson, Marisa Feng)
Author URI: http://ucla.edu/
Description: Custom parent theme for UCLA Blueprint journal
Version: 1.0
*/



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Fonts
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@font-face {
    font-family: 'ProximaNova'; 
  src: url('fonts/proximanova-light.eot'); 
  src: url('fonts/proximanova-light.eot?#iefix') format('embedded-opentype'), 
         url('fonts/proximanova-light.woff') format('woff'), 
         url('fonts/proximanova-light.ttf') format('truetype'); 
  font-weight: 300; 
  font-style: normal; 
}

@font-face {
    font-family: 'ProximaNova'; 
  src: url('fonts/proximanova-lightit.eot'); 
  src: url('fonts/proximanova-lightit.eot?#iefix') format('embedded-opentype'), 
         url('fonts/proximanova-lightit.woff') format('woff'), 
         url('fonts/proximanova-lightit.ttf') format('truetype'); 
  font-weight: 300; 
  font-style: italic; 
}

@font-face {
    font-family: 'ProximaNova'; 
  src: url('fonts/proximanova-regular.eot'); 
  src: url('fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'), 
         url('fonts/proximanova-regular.woff') format('woff'), 
         url('fonts/proximanova-regular.ttf') format('truetype'); 
  font-weight: 400; 
  font-style: normal; 
}

@font-face {
    font-family: 'ProximaNova'; 
  src: url('fonts/proximanova-regularit.eot'); 
  src: url('fonts/proximanova-regularit.eot?#iefix') format('embedded-opentype'), 
         url('fonts/proximanova-regularit.woff') format('woff'), 
         url('fonts/proximanova-regularit.ttf') format('truetype'); 
  font-weight: 400; 
  font-style: italic; 
}

@font-face {
    font-family: 'ProximaNova'; 
  src: url('fonts/proximanova-semibold.eot'); 
  src: url('fonts/proximanova-semibold.eot?#iefix') format('embedded-opentype'), 
         url('fonts/proximanova-semibold.woff') format('woff'), 
         url('fonts/proximanova-semibold.ttf') format('truetype'); 
  font-weight: 600; 
  font-style: normal; 
}

@font-face {
    font-family: 'ProximaNova'; 
  src: url('fonts/proximanova-semiboldit.eot'); 
  src: url('fonts/proximanova-semiboldit.eot?#iefix') format('embedded-opentype'), 
         url('fonts/proximanova-semiboldit.woff') format('woff'), 
         url('fonts/proximanova-semiboldit.ttf') format('truetype'); 
  font-weight: 600; 
  font-style: italic; 
}

@font-face {
    font-family: 'ProximaNova'; 
  src: url('fonts/proximanova-bold.eot'); 
  src: url('fonts/proximanova-bold.eot?#iefix') format('embedded-opentype'), 
         url('fonts/proximanova-bold.woff') format('woff'), 
         url('fonts/proximanova-bold.ttf') format('truetype'); 
  font-weight: 800; 
  font-style: normal; 
}

@font-face {
    font-family: 'ProximaNova'; 
  src: url('fonts/proximanova-boldit.eot'); 
  src: url('fonts/proximanova-boldit.eot?#iefix') format('embedded-opentype'), 
         url('fonts/proximanova-boldit.woff') format('woff'), 
         url('fonts/proximanova-boldit.ttf') format('truetype'); 
  font-weight: 800; 
  font-style: italic; 
}



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Reset
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
html, body, div, span, h1, h2, h3, h4, h6, p, a, abbr, code, img, small, ol, ul, li, form, label, article, footer, header, nav, section { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; }
body { line-height:1; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h6 { clear:both; font-weight:800; }
html { overflow-y:scroll; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
a:focus { outline:thin dotted; }
article, footer, header, nav, section { display:block; }
small { font-size:smaller; }
img { border:0; -ms-interpolation-mode:bicubic; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Clearing Floats
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.wrapper:after { clear:both; }
.wrapper:before, .wrapper:after { display:table; content:""; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Form Styles
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
button, input, textarea { border:1px solid #ccc; border-radius:3px; font-family:inherit; padding:6px; padding:0.428571429rem; }
button, input { line-height:normal; }
textarea { font-size:100%; overflow:auto; vertical-align:top; }
input[type="hidden"] { border:0; border-radius:0; padding:0; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Buttons
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.menu-toggle, input[type="submit"] { padding:6px 10px; padding:0.428571429rem 0.714285714rem; font-size:11px; font-size:0.785714286rem; line-height:1.428571429; font-weight:normal; color:#7c7c7c; background-color:#e6e6e6; background-repeat:repeat-x; background-image:-moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image:-ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image:-webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image:-o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image:linear-gradient(top, #f4f4f4, #e6e6e6); border:1px solid #d2d2d2; border-radius:3px; box-shadow:0 1px 2px rgba(64, 64, 64, 0.1); }
.menu-toggle, button, input[type="submit"] { cursor:pointer; }
input[type="submit"]:hover { color:#5e5e5e; background-color:#ebebeb; background-repeat:repeat-x; background-image:-moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image:-ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image:-webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image:-o-linear-gradient(top, #f9f9f9, #ebebeb); background-image:linear-gradient(top, #f9f9f9, #ebebeb); }
input[type="submit"]:active { color:#757575; background-color:#e1e1e1; background-repeat:repeat-x; background-image:-moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image:-ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image:-webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image:-o-linear-gradient(top, #ebebeb, #e1e1e1); background-image:linear-gradient(top, #ebebeb, #e1e1e1); box-shadow:inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border-color:transparent; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Responsive Images
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.widget img { max-width:100%; }
img.header-image { max-width:100%; height:auto; }
.widget img, img.header-image { border-radius:3px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.2); }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Global Styles
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body { font-size:16px; font-size:1rem; text-rendering:optimizeLegibility; color:#444; }
a { outline:none; color:#000000; border-bottom:1px solid; font-weight:inherit; text-decoration:none; }
a:hover { color:#a6a6a6; }
a:hover, a:active, a:focus { outline:none; }
h1 { color:#000; font-size:50px; line-height:1em; margin:0 0 12px; }
h2 { font-size:32px; line-height:1.1em; margin:1.6em 0 .5em; }
h3 { color:#000; font-size:28px; line-height:1.1em; margin:1.6em 0 .5em; }
h4 { color:#000; font-size:24px; line-height:1.2em; margin:1.6em 0 .5em; }
h5 { color:#000; font-size:21px; line-height:1.2em; margin:1.6em 0 .5em; }
h6 { color:#000; font-size:18px; line-height:1.2em; margin:1.6em 0 .5em; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Assistive Text
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.assistive-text { position:absolute !important; clip:rect(1px, 1px, 1px, 1px); }
.main-navigation .assistive-text:focus { background:#fff; border:2px solid #333; border-radius:3px; clip:auto !important; color:#000; display:block; font-size:12px; padding:12px; position:absolute; top:5px; left:5px; z-index:100000; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Page Structure
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.site { padding:0 24px; padding:0 1.714285714rem; padding:0 1.2rem; background-color:#fff; }
.site-content { margin:18px 0 0; }

header.site-header { margin:0 -1.2rem; }
.site-header .header-image-container img { width:100%; }
.header-image { margin-top:24px; margin-top:1.714285714rem; }

.main-navigation { margin-top:24px; margin-top:1.714285714rem; text-align:center; }
.main-navigation li { margin-top:24px; margin-top:1.714285714rem; font-size:12px; font-size:0.857142857rem; line-height:1.42857143; }
.main-navigation a { color:#5e5e5e; }
.main-navigation a:hover, .main-navigation a:focus { color:#21759b; }
.main-navigation ul.nav-menu { display:none; }
.menu-toggle { display:inline-block; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Sidebar
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.widget-area .widget { -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; margin-bottom:48px; margin-bottom:3.428571429rem; }
.widget-area .widget h3 { margin-bottom:24px; margin-bottom:1.714285714rem; }
.widget-area .widget p, .widget-area .widget li { font-size:13px; font-size:0.928571429rem; line-height:16px; line-height:1rem; }
.widget-area .widget p { margin-bottom:24px; margin-bottom:1em; }
footer[role="contentinfo"] { border-top:1px solid #ededed; clear:both; font-size:12px; font-size:0.857142857rem; line-height:2; margin-top:24px; margin-top:1.714285714rem; padding-top:55px; padding-bottom:55px; }
footer[role="contentinfo"] a { color:#686868; }
footer[role="contentinfo"] a:hover { color:#21759b; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Main Content
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.entry-header { margin-bottom:24px; margin-bottom:1.714285714rem; }
.archive-header .archive-title, .entry-header .entry-title { color:#000; }
.archive-header h1.archive-title, .entry-header h1.entry-title, h1.archive-title, h1.entry-title { font-size:32px; font-weight:800; margin-bottom:11px; }
.entry-header h2.entry-title, h2.entry-title { font-size:24px; font-weight:800; line-height:1.2em; margin:0; margin-bottom:5px; }
#page .sketch .entry-header, #page .sketch .entry-header h2.entry-title { text-transform:none; }
#page .entry-header, #page .sketch .entry-header { margin-bottom:16px; }
.entry-header h2.entry-title a, h2.entry-title a { color:#000; text-decoration:none; border-bottom:none; }
.entry-header h2.entry-title a:hover, h2.entry-title a:hover { color:#a6a6a6; }
.entry-content, .entry-summary { line-height:16px; line-height:1rem; }
.entry-content p { margin:0 0 1.2em; font-size:18px; line-height:1.55em; }
.entry-content ul { margin-left:20px; }
.entry-content li { font-size:21px; font-weight:100; line-height:1.55em; list-style:initial; margin-bottom:10px; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Blockquote
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.entry-content blockquote { margin:0 -100px 1.55em; font-style: italic; text-align: center; }
.entry-content blockquote p { font-size:24px; line-height:1.55em; }

.home .site-content article, .single-issue .site-content article, .category .site-content article, .tag .site-content article { border-bottom:1px solid #ccc; margin:0 3% 16px 0; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; }
.author { color:#000; font-size:1em; font-weight:800; text-transform:uppercase; }
.introduction { color:#282828; font-size:22px; font-size:1.375rem; font-style:italic; font-weight:300; line-height:1.3em; margin-bottom:25px; }
#author-bio { border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:25px 0; min-height:100px; }
#author-bio .staff-bio { font-size:15px; line-height:1.3em; }
#author-bio .staff-image { height:100px; width:100px; }
#author-bio .staff-name { font-size:16px; font-weight:800; }
#footnote { border-bottom:1px solid #ccc; padding-bottom:20px; padding-top:25px; font-size:14px; font-weight:100; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Pullquote
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
blockquote.pullquote, aside.pullquote, div.pullquote {
	display: block;
	vertical-align: middle;
	font-variant: normal;
	text-decoration: none;
	text-indent: 0;
	word-spacing: normal;
	position:relative;
	color:#fff;
	width:90%;
	max-width:none;
	text-align:left !important;
	background-image: none; 
	margin:  0; 
	letter-spacing: normal; 
	border:none; 
	font-weight:300; 
	line-height:1.3em !important; 
	font-style:italic;
	text-transform: uppercase;
	margin-bottom:25px;
	padding:18px 5%;
}

blockquote.pqRight, aside.pqRight, div.pqRight { float: right; margin-right:0; margin-left:1em; }
blockquote.pullquote p, aside.pullquote p, div.pullquote p { display:block; color:#fff; letter-spacing: normal; font-size:24px; font-weight:300; line-height:34px !important; font-style:normal; text-transform: uppercase; margin-bottom:0; }
blockquote.pullquote p:before, aside.pullquote p:before, div.pullquote p:before { content:'“'; }
	blockquote.pullquote p:after, aside.pullquote p:after, div.pullquote p:after { content:'”'; }

/* Capitalize first letter of the quote */
blockquote.pullquote p:first-letter, aside.pullquote p:first-letter, div.pullquote p:first-letter { text-transform: uppercase; }
.research aside.pullquote { background-color: #00a5e5; }
.profile aside.pullquote { background-color: #6658a6; }
.table-talk aside.pullquote { background-color: #ed008c; }

/* pullquote on left side */
aside.pullquote:not(.pqRight) { margin: 0.25em 0 1.8em 0 !important; }
aside.pullquote:not(.pqRight):after { position:absolute; right:30px; content:""; width: 0; height: 0; border-style: solid; border-width: 0 35px 20px 0; border-color: transparent #00a5e5 transparent transparent; }
.research aside.pullquote:not(.pqRight):after { border-color: transparent #00a5e5 transparent transparent; }
.profile aside.pullquote:not(.pqRight):after { border-color: transparent #6658a6 transparent transparent; }
.table-talk aside.pullquote:not(.pqRight):after { border-color: transparent #ed008c transparent transparent; }

/* pullquote on right side */
aside.pqRight:after { position:absolute; left:30px; bottom:-19px; content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 35px 0 0; border-color: #00a5e5 transparent transparent transparent; }
.research aside.pullquote:after { border-color: #00a5e5 transparent transparent transparent; }
.profile aside.pullquote:after { border-color: #6658a6 transparent transparent transparent; }
.table-talk aside.pullquote:after { border-color: #ed008c transparent transparent transparent; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Related Articles
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.related-article { margin-top:55px; }
.related-article h2.title { font-size:16px; font-size:1.142857143rem; font-weight:800; color:#c0c0c0; line-height:1.5; margin-bottom:10px; margin-left:0; letter-spacing:1px; text-transform:uppercase; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	More Global Styles
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body { font-size:16px; font-family:ProximaNova; font-weight:400; }
body .site { margin-top:0; max-width:2000px; overflow:hidden; }
p { color:#000000; font-size:15px; font-weight:300; line-height:17.6px; line-height:1.2em; margin-bottom:0; }
#main, .wrapper { max-width:1280px; margin:0 auto; }
#main { margin-top:18px; min-height:500px; }
header .wrapper { max-width:1360px; border-bottom:none; }
header .wrapper.first { min-height:98px; }
img.header-image { display:block; margin-top:0; max-width:100%; height:auto; border-radius:0; box-shadow:none; }
.logo { position:absolute; margin-top:12px; margin-left:15px; max-width:95px; height:auto; width:30%; z-index:20; }
.logo a { border-bottom:none; }
.logo img { width:100%; height:auto; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Navigation
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.menu-toggle { color:#000; background:white; padding:17px 20px; max-width:55px; height:auto; border:0; border-radius:0; box-shadow:none; margin-left:4px; outline:none; }
.menu-toggle.menu-topics, .menu-toggle.menu-issues, .menu-toggle.menu-search span { display:none; }
.menu-toggle.menu-menu { height:33px; background-image:url('images/sprite.png'); }
.menu-toggle.menu-search { height:33px; background-image:url('images/sprite.png'); background-position:0 -254px; margin-right:11px; }
.menu-toggle span { display:block; text-transform:uppercase; }
.main-navigation { position:relative; margin-top:32px; margin-top:2rem; text-align:right; text-transform:uppercase; z-index:10; }
.main-navigation ul.nav-menu { display:inline-block; /* Twentytwelve parent theme uses !important so have override css by using !important */
 width:100%; }
.main-navigation li { margin-top:0; line-height:1em; border-bottom:1px solid #868686; }
.main-navigation li a { text-decoration:none; display:block; color:#000; height:100%; padding-left:5%; font-size:14px; font-weight:800; letter-spacing:1px; border-bottom:none; padding:15px 15px 13px; }
.main-navigation li a:hover, .main-navigation li a:focus { color:#A6A6A6; }
.menu-topics-container, .menu-issues-container { position:absolute; left:0; right:96px; background-color:#F5F5F5; text-align:left; width:100%; top:66px; display:none; }
.main-navigation div#search-form-container { display:none; position:absolute; padding:0; width:100%; }
.event-mobile-bar { position:relative; background-color:#0054a6; height:80px; }
.issue { position:relative; background-color:#00a5e5; height:80px; }
.issue br { display:none; }
.issue .featured-article-title { font-weight:800; font-size:24px; line-height:34px; display:none; }
.issue span, .issue h1.title, .event-mobile-bar span { color:#fff; font-size:12px; line-height:22px; padding-left:20px; padding-top:10px; display:inline-block; text-transform:uppercase; }
.issue a, .event-mobile-bar a { color:#fff; text-decoration:none; position:absolute; display:block; top:0; width:100%; height:100%; border-bottom:none; }
.issue h1.title { padding-left:20px; }
.issue h1.title, .event-mobile-bar span.title { font-size:1em; font-weight:800; margin-top:17px; display:inline-block; width:90%; }
.issue h1.title:after, .event-mobile-bar span.title:after { margin-left:7px; border:solid transparent; content:" "; height:0; width:0; position:relative; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-left-color:#fff; border-width:7px; margin-bottom:-1px; display:inline-block; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Homepage and Search page entry
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.entry-image { display:inline-block; max-width:200px; width:30%; margin-right:16px; }
.entry-image a { border-bottom:none; }
.sketch-image { display:none; }
.sketch-image a { border-bottom:none; }
.entry-image img { width:100%; height:auto; }
.entry-header { margin-bottom:0; }
.entry-summary { display:inline-block; vertical-align:top; width:100%; }
.entry-summary.has-image { width:60%; }
.entry-summary.has-sketch-image { width:100%; }
#featured span.article-type { display:none; line-height:14px; }
span.post-type, h3.post-type { display:none; }
span.article-type { display:block; color:#00a5e5; line-height:14px; text-transform:uppercase; font-size:11px; font-weight:600; letter-spacing:0.5px; margin-bottom:4px; }
.research h2, .research span.article-type, span.article-type.research { color:#00a5e5; }
.profile h2, .profile span.article-type { color:#6658a6; }
.table-talk h2, .table-talk span.article-type { color:#ed008c; }
.editors-note h2, .editors-note span.article-type { color:#0054a6; }
.first-person h2, .first-person span.article-type { color:#00b7b3; }
.exclusively-online h2, .exclusively-online span.article-type { color:#ff6c00; }
.landscape h2, .landscape span.article-type { color:#37bd5c; }
.takeaway h2, .takeaway span.article-type, span.article-type.takeaway { color:#ffbb00; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Sketch article
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.single-sketch #main { margin-top:-20px; }
span.article-type.takeaway { height:53px; line-height:53px; }
span.article-type.editors-note, span.article-type.first-person, span.article-type.exclusively-online, span.article-type.side-notes, span.article-type.landscape, span.article-type.takeaway { height:53px; line-height:53px; }

.research h2, .research span.article-type, span.article-type.research { color: #00a5e5; }
.profile h2, .profile span.article-type, span.article-type.profile { color: #6658a6; }
.table-talk h2, .table-talk span.article-type, span.article-type.table-talk { color: #ed008c; }
.editors-note h2, .editors-note span.article-type, span.article-type.editors-note { color: #0054a6; }
.first-person h2, .first-person span.article-type, span.article-type.first-person { color: #00b7b3; }
.exclusively-online h2, .exclusively-online span.article-type, span.article-type.exclusively-online { color: #ff6c00; }
.landscape h2, .landscape span.article-type, span.article-type.landscape { color: #37bd5c; }
.takeaway h2, .takeaway span.article-type, span.article-type.takeaway { color: #ffbb00; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Search Box
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#search-form-container, .main-navigation div#search-form-container { background-color:none; position:relative; top:0px; padding-top:25px; }
#search-query, #submit-search-query { background-color:#fff; background-image:none; border:none; border-radius:0; display:inline-block; height:20px; margin:0; vertical-align:top; -moz-box-sizing:content-box; /* or `border-box` */
 -webkit-box-sizing:content-box; box-sizing:content-box; }
#search-query { font-size:1em; padding:25px 5%; width:70%; background:#f5f5f5; outline:none; }
#submit-search-query { box-shadow:none; color:#FFFFFF; font-size:1.4em; font-weight:800; padding:25px 5%; text-transform:uppercase; background:#a6a6a6; width:10%; }
#search-form label { display:none; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Assistive Text
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.assistive-text { top:0; left:0; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Page and Single Post
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.page .site-content, .single .site-content { border-top:none; max-width:700px; width:100%; margin:0 auto 0; float:none; }
.single .wrapper, .page .wrapper { border-bottom:none; }
.related-article { margin:20px 0 50px; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Entry Meta
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.entry-meta { font-size:12px; text-transform:uppercase; }
.entry-meta .title { color:#c3c3c3; font-weight:800; letter-spacing:.5px; margin-right:10px; }

.meta-box { border-top:1px solid #ccc; margin:40px 0 0; padding:12px 0 18px; }
.infographic-wrapper .meta-box { border-bottom:1px solid #ccc; margin-bottom:40px; }

.entry-meta .categories { display:block; font-weight:300; margin-bottom:15px }
.entry-meta .categories a { background-color:#000; font-size:11px; text-transform:uppercase; text-decoration:none; color:#fff; display:inline-block; line-height:1em; padding:4px 6px 3px; margin-top:1em; letter-spacing:1px; }
.entry-meta .categories a:hover { background-color:#a6a6a6; color:#fff; }
.entry-meta .categories a:before { content:""; border-style:solid; border-width:0 10px 6px 0px; border-color:transparent transparent #000 transparent; margin-top:-10px; display:block; position:absolute; }
.entry-meta .categories a:hover:before { border-color:transparent transparent #a6a6a6 transparent; }

.entry-meta .tags { display:block; font-weight:300; }
.entry-meta .tags a { border:none; color:#000; font-size:12px; text-decoration:none; }
.entry-meta .tags a:hover { text-decoration:underline; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Staff and Contributors
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.media-links li { padding:10px 0 10px 34px; position:relative; }
.media-links li:before { content:" "; display:block; position:absolute; left:0; top:12px; background-image:url('images/sprite.png'); background-repeat:no-repeat; width:26px; height:26px; }
.media-links .twitter:before { background-position:0 -540px; }
.media-links .rss:before { background-position:0 -500px; }
.special-note p { font-size:1.1em; font-style:italic; font-weight:300; line-height:1.4em; padding-top:20px; }
.staff-bio { font-size:1.3em; font-weight:300; line-height:1.3em; overflow:hidden; }
.staff-image { float:left; height:100px; margin-right:20px; width:100px; }
.staff-listing { margin-bottom:50px; }
.staff-name { color:#000; font-size:1.3em; font-weight:800; margin-bottom:5px; text-transform:uppercase; }
.staff-title { font-size:.9em; font-weight:300; margin-bottom:10px; text-transform:uppercase; }
h2.section-title { color:#282828; font-size:2em; margin-bottom:30px; text-transform:uppercase; }
span.staff-title { font-size:.7em; margin-left:10px; }
ul.staff-members li { border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:block; padding:20px 0; overflow:auto; }
ul.staff-members li:first-child { border-bottom:none; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Sidebar
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#main { position:relative; height:auto; }
a.btn { margin-top:10px; background-color:#000; color:#FFF; text-transform:uppercase; font-weight:800; font-size:16px; position:relative; text-decoration:none; padding:17px 18px 17px 18px; display:inline-block; }
a.btn:hover, .btn:focus { background-color:#A6A6A6; }
#secondary .container .widget { padding-top:18px; padding-bottom:55px; margin-bottom:0; }
#secondary .container .widget.infographic { display:block; text-decoration:none; }
.newsworthy cite { font-size:12px; }
.newsworthy a:hover cite, .newsworthy a:focus cite { color:#000; }
.widget-area .widget a { text-decoration:none; border-bottom:none; }
#secondary .container img { border-radius:0px; box-shadow:0 0 0; display:block; width:100%; }
#secondary .container h3 { color:#c3c3c3; text-transform:uppercase; font-size:18px; margin-bottom:35px; margin-top:0; letter-spacing:1px; }
#secondary .container h4 { color:#000; text-transform:uppercase; margin:.8em 0 .6em; font-size:20px; }
#secondary .container p { color:#686868; margin-bottom:.8em; font-size:16px; font-weight:100; line-height:22px; }
#secondary .container .read-more { font-size:16px; font-weight:800; color:#000; text-decoration:none; margin-top:20px; display:block; }
#secondary .container .read-more:hover { color:#a6a6a6; }
#secondary .container .list { list-style:decimal; margin-left:20px; }
#secondary .container .list li { color:#C3C3C3; font-weight:800; padding-left:10px; margin-bottom:23px; }
#secondary .container .list a { color:#000; font-weight:800; text-decoration:none; font-size:16px; line-height:20px; border-bottom:none; }
#secondary .container .list a:hover { color:#a6a6a6; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Event
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.event-mobile-bar { display:none; }
.single-event .header-image-container { display:none; }
.single-event .event-wrapper { min-height:500px; }
.single-event .logo img { width:100%; }
.event-wrapper .content, .infographic-wrapper .content { max-width:710px; width:100%; margin:auto; }
.event-wrapper h1, .infographic-wrapper h1 { font-size:50px; text-transform:uppercase; margin-bottom:0; }
.event-wrapper h3, .infographic-wrapper h3 { color:#c3c3c3; text-transform:uppercase; font-size:16px; margin-bottom:8px; letter-spacing:1px; }
.event-wrapper .subtitle { text-transform:uppercase; font-weight:800; color:#000; }
.event-wrapper .header { max-width:700px; width:100%; margin:20px 0; }
.event-wrapper p, .infographic-wrapper p { color:#000; font-size:21px; font-weight:100; line-height:1.55em; margin-bottom:1.2em; }
.event-wrapper a { color:#000; }
.event-wrapper a.btn { color:#FFF; width:120px; padding:17px 55px 17px 55px; margin:0 0 20px; }
.event-wrapper a.btn:hover, a.event-wrapper .btn:focus { background-color:#a6a6a6; }
.event-wrapper .description { margin-bottom:60px; }
.event-wrapper .col-1, .event-wrapper .col-2 { float:left; position:relative; }
.event-wrapper .col-1 { width:15%; }
.event-wrapper .col-2 { width:83%; padding-left:2%; }
.event-wrapper .moderator, .event-wrapper .panelist, .event-wrapper .speaker { border-top:1px solid #E4E4E4; margin-top:30px; padding-top:20px; }
.event-wrapper .moderator .label, .event-wrapper .panelist .label, .event-wrapper .speaker .label { display:block; text-transform:uppercase; font-weight:100; font-size:12px; margin-bottom:8px; }
.event-wrapper .moderator .name, .event-wrapper .panelist .name, .event-wrapper .speaker .name { display:block; text-transform:uppercase; font-weight:800; font-size:18px; margin-bottom:10px; }
.event-wrapper .moderator .title, .event-wrapper .panelist .title, .event-wrapper .speaker .title { font-style:italic; font-weight:100; font-size:18px; line-height:24px; }
.event-wrapper .profile-img { max-width:100px; width:100%; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Infographics Page
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.infographic-wrapper #taxonomy p { color:#505050; font-size:15px; font-size:0.9375rem; font-weight:300; line-height:17.6px; line-height:1.1rem; margin-bottom:20px; margin-top:0; }
.infographic-wrapper .header { cursor:pointer; }

.infographic-wrapper .header { max-width:700px; width:100%; margin:20px 0 0; }
.single-infographic .header-image-container { display:none; }
.single-infographic .infographic-wrapper { min-height:500px; }
.infographic-wrapper .icon-container { position:relative; top:-41px; right:10px; }
.infographic-wrapper .icon-download { display:block; width:37px; height:37px; background:url('./images/icon-download.png') no-repeat 0 0; float:right; margin-right:1px; cursor:pointer; }
.infographic-wrapper .icon-download a { display:block; height:37px; width:37px; text-decoration:none; border-bottom:none; }
.infographic-wrapper .icon-expand { display:block; width:37px; height:37px; background:url('./images/icon-expand.png') no-repeat 0 0; float:right; cursor:pointer; }
.infographic-wrapper .tag-issue { color:#a5a5a5; text-transform:uppercase; font-size:12px; margin-top:12px; }
.infographic-wrapper .issue-name { color:#696969; font-weight:300; font-style:italic; font-size:16px; text-transform:none; margin-right:5px; }
.single-infographic #taxonomy { border-bottom:1px solid #CCC; }
.infographic-archive { padding-top:20px; }
.infographic-archive h3 { margin-bottom:20px; }
.infographic-archive .item { float:left; width:35.9%; min-height:250px; display:block; text-decoration:none; color:#000; border-bottom:none; }
.infographic-archive .item.last { margin-right:0; width:28.2%; }
.infographic-archive .item img { width:78.3%; }
.infographic-archive .item.last img { width:100%; }
.infographic-archive .title { font-weight:800; text-transform:uppercase; font-size:20px; margin-top:15px; }
.infographic-archive .date { color:#a4a4a4; font-weight:300; text-transform:uppercase; font-size:12px; margin-top:5px; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Lightbox 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.infographic-lightbox { display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:100; overflow:hidden; }
.infographic-background { position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0.9; filter: alpha(opacity=90); background:#FFF; }
.infographic-container { position:relative; top:50%; left:0; margin:0 auto; max-width:1200px; width:100%; }
.infographic-container .image { display:block; margin-bottom:25px; }
.infographic-container .image img { width:auto; max-width:100%; }
.infographic-container .title { text-transform:uppercase; font-weight:800; font-size:24px; display:block; width:30%; }
.infographic-container .issue-info { text-transform:uppercase; font-weight:100; font-size:12px; }
.infographic-container .close-container { position:relative; }
.infographic-container .icon-close { position:absolute; right:0; top:0; display:block; width:41px; height:41px; background: url('./images/icon-close.png') no-repeat 0 0; cursor:pointer; }

.lightbox-img-container { position:relative; display:inline-block; cursor:pointer; }
.lightbox-img-container.alignleft { margin:0.857142857rem 1.714285714rem 0.857142857rem 0; }
.lightbox-img-container.alignright { margin:0.857142857rem 0 0.857142857rem 1.714285714rem; }
.lightbox-img-container .lightbox-img { display:block; margin:0; max-width:100%; height:auto; }
.lightbox-img-container .icon-expand { display:block; position:absolute; bottom:0px; right:0px; width:37px; height:37px; background:url('./images/icon-expand.png') no-repeat 0 0; }
a[href$=".png"], a[href$=".gif"], a[href$=".jpg"] { border-bottom:none; }
html.noscroll { overflow:hidden; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Caption 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.entry-content img { max-width:100%; width:100%; height:auto; }
.wp-caption { max-width: 100%; padding:4px 0; }
.wp-caption .wp-caption-text,
.gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 18px; color: #686868; margin-top:10px; }
.wp-caption .photo-credit { color:#a6a6a6; font-style:normal; text-transform:uppercase; font-size:12px; }
img.wp-smiley, .rsswidget img { border:0; border-radius:0; box-shadow:none; margin-bottom:0; margin-top:0; padding:0; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Footer
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
footer[role="contentinfo"] { position:relative; margin:18px -1.714285714rem 0; background:#ebebeb; font-size:.9rem; }
footer .wrapper { border-bottom:none; padding:0 24px; padding:0 1.714285714rem; border-bottom:none; }
#colophon h6 { color:#000; margin-bottom:5px; text-transform:uppercase; letter-spacing:1px; font-size:13px; }
#colophon a, #colophon p, .legal { color:#686868; font-weight:300; }
#colophon p { line-height:24px; font-size:14px; }
#colophon a { font-weight:800; text-decoration:none; border-bottom:none; }
#colophon a:hover { color:#a6a6a6; }
#colophon a.terms { display:inline-block; margin-left:10px; }
#colophon .content { padding-top:21px; padding-top:1.3125rem; margin-bottom:20px; }
#colophon .siteinfo { overflow:auto; }
#colophon .column { box-sizing:border-box; }
#colophon .column:not(.first):before { display:inline-block; border-top:1px solid #fff; content:""; width:100%; margin:0 -24px; margin:0 -1.714285714rem; position:absolute; }
#colophon .legal { margin-top:25px; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Subscribe Form
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#colophon form.wpcf7-form { margin:20px 0 40px; position:relative; }
#colophon form.wpcf7-form input { border:none; height:20px; padding:15px; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
#colophon form.wpcf7-form input[type="email"] { border-radius:0; display:inline-block; font-size:1em; vertical-align:top; width:50%; }
#colophon form.wpcf7-form input[type="submit"] { background-color:#686868; background-image:none; border-radius:0; box-shadow:none; color:#fff; font-size:1em; font-weight:800; margin:0; text-transform:uppercase; }
#colophon form.wpcf7-form input { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; }
#colophon label { color:#a6a6a6; display:block; font-weight:300; margin:0 0 2px; text-transform:uppercase; }
#colophon label.float { left:14px; position:absolute; top:14px; }
#colophon span.wpcf7-form-control-wrap { position:inherit; }
#colophon div.wpcf7-mail-sent-ok { border:none; color:#37bd5c; margin-top:0px; margin-left:0; padding-left:0; position:absolute; margin-top:1px; line-height:14px; }
#colophon div.wpcf7-validation-errors { display:none !important; }
div.wpcf7-response-output { margin:2em 0em 0em 0em; padding:0.2em 0; width:100%; }
.legal .icon-ucla { background:url('images/icon-ucla.png') no-repeat 0 0; display:block; width:72px; height:23px; float:left; position:relative; top:-4px; margin:0 25px 10px 0; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Issue
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.single.single-issue .site-content { float: left; max-width: 100%; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Comments
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#respond { margin-top: 48px; margin-top: 3.428571429rem; }
#respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; }
#respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; }
#respond form { margin: 24px 0; margin: 1.714285714rem 0; }
#respond form p { margin: 11px 0; }
#respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
#respond form label { display: block; line-height: 1.714285714; }
#respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; }
#respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; }
.required { color: red; }

.comments-area { margin-top:45px;}
.comments-title { text-transform:uppercase; font-weight:800; font-size:18px; color:#c0c0c0; margin-bottom:13px; margin-left: 0; letter-spacing:1px; }

#comments .grey-wrapper { background:#F5F5F5; padding:34px 40px; }

#respond { margin-top:0; }
#respond form p.logged-in-as { display:none; }
#respond h3#reply-title { display:none; }
#respond form { margin-top:0px; }
#respond form label { position:relative; height:0; display:block; top:11px; left:14px; color:#a5a5a5; font-size:16px; font-weight:100; }
#respond form p.form-allowed-tags { display:none; }
#respond form p { margin-top:0; }
#respond .comment-form-url { display:none; }
#respond .comment-notes { display:none; }
#respond form input, #respond form textarea { -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; }
#respond form input[type="text"], #respond form textarea { border:1px solid #cdcdcd; }
#respond form input[type="text"] { width:100%; }
#respond form textarea { height:75px; }
#respond input[type="submit"] { float:right; color:#FFF; background:#000; border-radius:0; text-transform:uppercase; font-weight:100; letter-spacing:1px; padding:5px 8px; }
#respond .error { color:#FF0000; padding-bottom:10px; display:block; font-weight:100; font-size:14px; }

.comment-form-container { margin-top:10px; }
.comment-form-container .avatar { max-width:50px; width:100%; height:auto; }
.comment-form-container .col-1, .comment-form-container .col-2 { float:left; }
.comment-form-container .col-1 { width:11%; }
.comment-form-container .col-2 { width:89% }

.comment-form-container.logout .col-1 { display:none; }
.comment-form-container.logout .col-2 { width:100%; }

.comments-area article { margin:30px 0; }
.comments-area article header img { width:50px; height:auto; position:absolute; top:-3px; }
.comments-area article header { min-height:50px; margin-bottom:-30px; position:relative; }
.comments-area article header cite { margin-left:73px; display:inline; }
.comments-area article header cite span { display:none; }
.comments-area article header cite .fn { position:relative; top:-4px; font-size:18px; font-style:normal; }
.comments-area article header time { margin-left:10px; display:inline; color:#bcbcbc; font-weight:100; font-size:13px; }
.comments-area .comment-content { margin-left:73px; margin-top:8px; }
.comments-area .comment-content p { margin-bottom:0; line-height:24px; font-size:18px; font-weight:300; color:#696969; }
.comments-area .reply { margin-left:73px; margin-top:5px; }
.comments-area .reply span { position:relative; top:2px; font-weight:800; }
.comments-area .edit-link { line-height:inherit; font-size:14px; display:none; }
.comments-area cite b { font-weight:800; }

.comments-area article header a { position:relative; top:-4px; border-bottom:none; }

a.comment-reply-link, a.comment-edit-link { line-height:inherit; border-bottom:none; }
a.comment-reply-link { font-size:12px; font-weight:800; text-transform:uppercase; text-decoration:none; color:#000; }

.comment-awaiting-moderation { margin-left:73px; display:block; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Slick Carousel Plugin
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@font-face { 
	font-family:'slick';
	font-weight:normal;
	font-style:normal;
	src:url('fonts/slick.eot');
	src:url('fonts/slick.eot?#iefix') format('embedded-opentype'), 
		url('fonts/slick.woff') format('woff'),
		url('fonts/slick.ttf') format('truetype'),
		url('fonts/slick.svg#slick') format('svg'); 
}

.slick-slider { position:relative; display:block; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { outline:none; }
.slick-list.dragging { cursor:pointer; cursor:hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.slick-track { position:relative; top:0; left:0; display:block; }
.slick-track:before, .slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { display:block; }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }

.slick-loading .slick-list { background:#fff url('images/ajax-loader.gif') center center no-repeat; }

.slick-prev,
.slick-next { font-size:0; line-height:0; position:absolute; top:60px; display:block; width:20px; height:40px; padding:0; cursor:pointer; color:transparent; border:none; outline:none; background:transparent; }

.slick-prev:before,
.slick-next:before { border:solid transparent; content:"" !important; height:0; width:0; position:relative; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-width:17px; margin-bottom:-1px; display:inline-block; }
.slick-prev:before { border-right-color:#000; right:17px; }
.slick-next:before { border-left-color:#000; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color:transparent; outline:none; background:transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity:1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity:.25; }
.slick-prev:before, .slick-next:before { font-family:'slick'; font-size:20px; line-height:1; opacity:.75; color:white; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slick-prev { left:-25px; }
.slick-next { right:-25px; }

.slick-slider { margin-bottom:30px; }
.slick-dots { position:absolute; bottom:-45px; display:block; width:100%; padding:0; list-style:none; text-align:center; }
.slick-dots li { position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; padding:0; cursor:pointer; }
.slick-dots li button { font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline:none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity:1; }
.slick-dots li button:before { font-family:'slick'; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slick-dots li.slick-active button:before { opacity:.75; color:black; }





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

The development team didn't agree on min-width or max-width 
media queries, so alas, we have both. Proceed with caution...

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Media Queries - MAX WIDTH
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (max-width:1152px) { 
	#colophon div.wpcf7-mail-sent-ok { margin-top:-24px; }
}

@media only screen and (max-width:1025px) { 
	#colophon form.wpcf7-form input[type="email"] { width:85%; }
	#colophon form.wpcf7-form input[type="submit"] { width:85%; margin-top:10px; }
	.media-links .twitter { display:none; }
	.entry-content blockquote { margin:0 0 1.55em; }
}

@media only screen and (max-width:960px) { 
	footer[role="contentinfo"] { padding-left:1.2rem; padding-right:1.2rem; }
}

@media screen and (min-width:769px) and (max-width:1024px) { 
	.menu-issues-container .nav-menu .menu-item .hover { height:136px; padding-top:19px; }
	.menu-issues-container .nav-menu .menu-item .hover a { font-size:16px; font-size:1rem; line-height:2.1rem; padding:.8rem 10px; }
}

@media screen and (max-width:748px) { 
	.infographic-wrapper .icon-container { right:0; }
}

@media screen and (max-width:738px) { h2.section-title { font-size:1.2em; }
	.staff-name { font-size:1em; }
	span.staff-title { font-size:0.85em; }
	.special-note { margin-bottom:25px; }
	.staff-bio { font-size:15px; }
 }

@media only screen and ( max-width:768px ) and ( orientation:landscape ) { 
	#search-query { width:70%; }
}

@media screen and (max-width:736px) { 
	h1 { font-size:32px; }
	h2 { font-size:28px; }
	h3 { font-size:24px; }
	h4 { font-size:21px; }
	h5 { font-size:18px; }
	h6 { font-size:16px; }
	.menu-topics-container { background-color:#686868; }
	.main-navigation li a { color:#fff; font-size:15px; padding:15px 5% 13px; }
	.main-navigation li a:hover, .main-navigation li a:focus { color:#fff; }
	.main-navigation li a:after { display:inline-block; content:' '; padding-left:10px; border:solid transparent; border-color:rgba(255, 255, 255, 0); border-left-color:#FFF; border-width:7px; height:0; width:0; margin-left:10px; margin-bottom:-2px; }
	#search-form label { display:none !important; }
	.event-mobile-bar { display:block; }
	.event-wrapper h1, .infographic-wrapper h1 { font-size:32px; text-transform:none; }
	.event-wrapper p, .infographic-wrapper p { font-size:18px; }
	.infographic-archive .item, .infographic-archive .item.last { width:100%; min-height:inherit; margin-bottom:25px; }
	.infographic-archive .item img, .infographic-archive .item.last img { width:100%; }
	.infographic-archive .title { font-size:16px; }
	.infographic-wrapper .icon-expand, .lightbox-img-container .icon-expand { display:none; }
	.infographic-wrapper .icon-download { margin-right:0; }
	#secondary .container { border-top:1px solid #CCC; }
	#secondary .container:first-child { border-top:none; }
	#secondary .container img { width:100%; }
	#secondary .container .widget { padding-bottom:35px; }
	.archive-header { border-bottom:1px solid #ccc; }
	.entry-meta { display:none; }
	footer[role="contentinfo"] { padding-top:0; margin:18px -1.2rem 0; padding-left:initial; padding-right:initial; }
	footer .wrapper { padding:0 5%; }
	#colophon h6 { margin-top:25px; }
	#colophon a, #colophon p, .legal { line-height:19px; }
	#colophon .content { padding-top:0; margin-bottom:25px; }
	#colophon .column { padding-top:1px; }
	#colophon form.wpcf7-form { margin:15px 0; }
	#colophon form.wpcf7-form input[type="email"] { width:89%; border:1px solid #ababab; }
	#colophon form.wpcf7-form input[type="submit"] { display:block; width:89%; margin-top:10px; }
	#colophon label.float { top:17px; }
	div.wpcf7-response-output { padding-top:0px; margin-top:0px; margin:auto; width:89%; }
	.legal { margin:15px 0 10px; }
	.legal .icon-ucla { display:block; float:none; }
	#colophon a.terms { display:block; margin:10px 0; }
	#colophon .mobile-footer-nav .menu-topics-container a { color:#FFF; text-transform:uppercase; display:block; font-size:15px; padding:15px 5% 13px; }
	#colophon .mobile-footer-nav .menu-topics-container a:after { display:inline-block; content:' '; padding-left:10px; border:solid transparent; border-color:rgba(255, 255, 255, 0); border-left-color:#FFF; border-width:7px; height:0; width:0; margin-left:10px; margin-bottom:-2px; }
	#colophon .mobile-footer-nav .menu-topics-container { display:block; position:relative; margin-top:-1px; background:#686868; top:0; }
	#colophon .mobile-footer-nav .menu-topics-container li { border-top:1px solid #868686; }
	#colophon .mobile-footer-nav .menu-topics-container li:first-child { border-top:none; }
    .single.single-issue #primary { float:none; }
	#respond input[type="submit"] { width:100%; font-size:20px; float:none; }
	#respond form { margin-bottom:5px; }
	
	.comments-area article header cite { margin-left:11%; }	
	.comments-area .comment-content { margin-left:11%; }
	.comments-area .reply { margin-left:11%; }
	.commentlist .children { margin-left:5%; }
	#respond input[type="submit"] { width:100%; font-size:20px; float:none; }
	#respond form { margin-bottom:5px; }
	#colophon div.wpcf7-mail-sent-ok { margin-top:-15px; }

	.entry-content blockquote p { font-size:21px; line-height:1.55em; }
	blockquote.pullquote, aside.pullquote, div.pullquote { margin-top:0; font-size:21px; }
}

@media screen and (max-width:645px) { 
	
	.comments-area article header cite { margin-left:0%; }	
	.comments-area .comment-content { margin-left:0%; }
	.comments-area .reply { margin-left:0%; }
	.comments-area article header img { position:relative; display:block; float:none; margin-bottom:5px; }
	.comments-area article header { margin-bottom:-5px; }
	.comment-form-container .col-1, .comment-form-container .col-2 { width:100%; }
	.comment-form-container .col-1 { margin-bottom:5px; display:none; }
}

@media screen and (max-width:575px) { 
	.event-wrapper .col-1 { width:100%; padding-left:0; }
	.event-wrapper .col-2 { width:100%; padding-left:0; }
}

@media screen and (max-width:480px) { 
	#secondary .container h3 { margin-bottom:15px; font-size:0.9em; }
	#secondary .container h4 { font-size:15px; }
	#comments .grey-wrapper { padding:34px 15px; margin:auto -1.2rem; }
	.comments-area { position:relative; top:18px; }
	.comments-area article header img { display:none; }
	.comments-area article header { min-height:initial }
	.comments-area .comment-content { margin-top:0; }
	.comments-area .comment-content p { font-size:16px; line-height:16px; }
	.comments-area article header cite { font-size:16px; }
}

@media screen and (max-width:479px) { 
	.entry-header h2.entry-title, h2.entry-title { font-size:16px; }
}



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Media Queries - MIN WIDTH
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (min-width:737px) { 
	.author { font-size:1.1em; }
	.site { margin:0 auto; max-width:960px; max-width:68.571428571rem; overflow:hidden; }
	.site-content { float:left; width:65.104166667%; margin-top:27px; }
	.home .site-content, .single-issue .site-content, .archive .site-content { border-top:1px solid #ccc; padding-top:18px; width:72%; border-right:1px solid #ccc; margin-right:-1px !important; }
	.page .site-content, .single .site-content { margin:1.714285714rem auto 0; }
	.single-issue .site-content article, .home .site-content article, .archive .site-content article { border-bottom:none; }
	.single-issue #sketches, .home #sketches, .category #sketches { border-top:1px solid #CCC; padding-top:18px; margin-top:60px; }
	.home #main, .single-issue #main { border-bottom:1px solid #CCC; }
	.site-header h1 { text-align:left; }
	.site-header h1 { font-size:26px; font-size:1.857142857rem; line-height:1.846153846; margin-bottom:0; }
	.home .main-navigation, .single-issue .main-navigation { height:115px; margin-bottom:5px; z-index:0; }
	.page .main-navigation, .archive .main-navigation, .category .main-navigation, .single:not(.single-issue) .main-navigation { height:100px; margin-bottom:20px; z-index:10; }
	.archive-header { margin:10px 0 0; }
	.main-navigation button.menu-search { margin-right:24px; margin-right:1.714285714rem; }
	.main-navigation ul.nav-menu { display:inline-block !important; text-align:left; width:initial; }
	.main-navigation ul { margin:0; text-indent:0; }
	.main-navigation li a { border-bottom:0; color:#000; line-height:1em; text-decoration:none; text-transform:uppercase; white-space:nowrap; }
	#search-form-container, .main-navigation div#search-form-container { position:absolute; top:48px; padding-top:0; }
	.archive-header .archive-title, .entry-header .entry-title { font-size:22px; text-transform:uppercase; }
	#respond form input[type="text"] { width:100%%; }
	.home .logo, .single-issue .logo { z-index:5; margin-top:31px; margin-left:40px; max-width:198px; }
	.page .logo, .archive .logo, .category .logo, .single:not(.single-issue) .logo { margin-top:15px; width:16%; max-width:198px; margin-left:24px; margin-left:1.714285714rem; z-index:11; }
	.single.single-feature .logo { margin-top:31px; margin-left:40px; width:100%; max-width:198px; }
	span.article-type { line-height:14px; }
	.single span.article-type { font-size:14px; margin-bottom:15px; }
	.menu-toggle { display:inline-block; max-width:inherit; padding:7px 20px; }
	.menu-toggle.menu-menu { display:none; }
	.menu-toggle.menu-topics, .menu-toggle.menu-search span { display:inline-block; font-size:14px; }
	.menu-toggle.menu-search { padding-left:40px; }
	.menu-toggle.menu-search:hover { color:#a6a6a6; background-position:0 -298px; }
	.menu-toggle.menu-topics { height:33px; background-image:url('images/sprite.png'); background-position:0 -76px; }
	.menu-toggle.menu-topics:hover { color:#a6a6a6; background-position:0 -120px; }
	.menu-toggle.menu-topics { padding-left:47px; }
	.main-navigation div#search-form-container { max-width:480px; right:33px; }
	.main-navigation ul.nav-menu li.cat-item { width:100%; border-bottom:none; }
	.menu-toggle.menu-issues { height:33px; background-image:url('images/sprite.png'); background-position:0 -166px; }
	.menu-toggle.menu-issues:hover { color:#a6a6a6; background-position:0 -209px; }
	.menu-toggle.menu-issues { padding-left:40px; }
	.menu-topics-container { left:inherit; max-width:175px; top:47px; }
	.menu-issues-container { position:relative; text-align:center; padding:40px 0 30px; z-index:10; top:0; }
	.menu-issues-container .nav-menu .menu-item { width:120px; display:block; }
	.menu-issues-container .nav-menu .menu-item .menu-item-wrap { width:120px; margin:0 auto; position:relative; }
	.menu-issues-container .nav-menu .menu-item span { display:block; text-align:center; font-size:0.75rem; color:#686868; margin-top:0.5rem; text-transform:uppercase; pointer-events:none; }
	.menu-issues-container .nav-menu .menu-item .hover { position:absolute; top:0; left:0; width:100%; height:110px; background-color:rgba(255, 255, 255, 0.5); padding-top:45px; display:none; }
	.menu-issues-container .nav-menu .menu-item .hover a { width:100px; height:28px; display:inline-block; text-transform:uppercase; text-decoration:none; color:#fff; font-size:13px; font-size:0.8125rem; letter-spacing:0.03rem; line-height:1.85rem; margin-bottom:12px; background-color:#000; border-bottom:none; }
	.menu-issues-container .nav-menu .menu-item .hover a:hover { background-color:#a6a6a6; }
	#menu-issues { margin:0 10%; max-width:1146px; }
	.issue { position:absolute; margin-top:-185px; background-color:transparent; max-width:100%; }
	.issue .featured-article-title { display:inline; }
	.issue br { display:inherit; }
	.issue span { color:#00a5e5; line-height:22px; padding-left:40px; padding-top:0; display:inline-block; margin-top:0; font-weight:800; font-size:1.15rem; }
	.issue h1.title { color:#fff; margin-top:1rem; font-size:2.5rem; line-height:2.5rem; width:100%; max-width:450px; }
	.issue h1.title:after { border-width:15px; margin-left:9px; }
	.issue a { text-decoration:none; text-transform:uppercase; position:relative; display:block; }
	span.post-type, h3.post-type { display:block; color:#c3c3c3; font-size:18px; line-height:18px; line-height:1.125rem; margin-bottom:18px; margin-bottom:1.875rem; margin-top:0; font-weight:800; text-transform:uppercase; letter-spacing:1px; }
	#page .entry-header, #page .sketch .entry-header { margin-bottom:32px; }
	#page .entry-header { margin-bottom:45px; }
	.entry-image { max-width:200px; margin-right:2.5%; }
	.archive-header span.post-type { margin-bottom:9px; }
	.entry-header h1.entry-title { font-size:50px; font-weight:800; margin-bottom:12px; }
	.archive-header h1.archive-title { font-size:3.125rem; font-weight:800; margin-bottom:0; }
	.entry-header h2.entry-title, h2.entry-title { margin-bottom:0; }
	#featured span.article-type { display:block; }
	.single-sketch #main { margin-top:18px; }
	.single-sketch article span.article-type:before { content:""; display:inline-block; width:53px; height:54px; margin-right:15px; float:left; background-image:url('images/sprite.png'); background-size:292%; }
	.introduction { font-size:28.8px; font-size:1.8em; line-height:35.2px; line-height:2.2rem; margin-bottom:15px; margin-bottom:0.9375rem; }
	span.article-type.takeaway:before { background-position:0 -1503px; }
	span.article-type.editors-note:before { background-position: 0 -1184px; }
    span.article-type.first-person:before { background-position: 0 -1248px; }
    span.article-type.exclusively-online:before { background-position:0 -1312px; }
    span.article-type.landscape:before { background-position: 0 -1439px; }
    span.article-type.side-notes:before { background-position:0 -1376px; }
	.entry-summary { width:97%; }
	.entry-summary.has-image { width:65%; }
	.entry-summary p { font-size:18px; font-size:1.125rem; line-height:24px; margin-bottom:0; }
	.sketch-image { display:inline-block; max-width:75px; width:15%; height:75px; margin-right:15px; background-repeat:no-repeat; }
	.sketch-image a { display:inline-block; width:100%; height:100%; }
	.editors-note .sketch-image { background-image:url('images/sprite.png'); background-position:0 -575px; }
	.first-person .sketch-image { background-image:url('images/sprite.png'); background-position:0 -665px; }
	.exclusively-online .sketch-image { background-image:url('images/sprite.png'); background-position:0 -755px; }
	.landscape .sketch-image { background-image:url('images/sprite.png'); background-position:0 -935px; }
	.takeaway .sketch-image { background-image:url('images/sprite.png'); background-position:0 -1025px; }
	.entry-summary.has-sketch-image { width:81%; }
	.entry-content p { font-size:21px; line-height:1.55em; }
	.single-issue .header-image-container, .single-feature .header-image-container, .home .header-image-container { width:100%; height:300px; overflow:hidden; }
	.single-issue .hero-desktop-image, .single-feature .hero-desktop-image, .home .hero-desktop-image { display:block; height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; }
	.single-issue .header-image, .single-feature .header-image, .home .header-image { display:none; }
	#search-query { width:67%; margin-right:1px; padding:27px 25px 25px; }
	#submit-search-query { width:initial; padding:25px 15px; }
	#search-form label { color:#686868; display:block; font-weight:300; position:absolute; text-transform:uppercase; top:30px; left:70px; }
	#author-bio .staff-name { font-size:18px; margin-bottom:10px; }
	#author-bio .staff-bio { font-size:18px; }
	#taxonomy .title { display:inline; margin-bottom:0; }
	#footnote { font-size:16px; }
	#secondary { position:relative; height:100%; right:0px; border-left:1px solid #CCC; border-top:1px solid #CCC; float:left; margin-top:27px; width:27.8%; }
	#secondary .container { border-top:1px solid #CCC; padding-left:10%; }
	#secondary .container:first-child { border-top:none; }
	#colophon .column { box-sizing:border-box; float:left; width:33%; }
	#colophon .column:not(.first):before { display:none; }
	#colophon .column:before { display:none; }
	#colophon .content { padding-top:0; }
	#colophon .first { padding-right:3%; }
	#colophon .middle { border-left:solid 1px #ccc; border-right:solid 1px #ccc; padding:0 3%; }
	#colophon .last { padding-left:3%; }
	footer[role="contentinfo"] { margin:40px -2.857142857rem 0; }
	.issue { max-width:300px; margin-top:-200px; }
	.issue .featured-article-title { display:block; font-size:18px; line-height:1em; margin-bottom:5px; }
	.issue span { font-size:15px; line-height:1em; }
	.issue h1.title { font-size:26px; max-width:260px; line-height:26px; padding-left:40px; }
	.issue h1.title:after { border-width:10px; }
	aside.pullquote { width:57% !important; max-width:19rem; border:none; padding:28px 24px; font-size:26px; font-size:1.5rem; font-weight:300; text-transform: uppercase; margin-bottom:25px; left:0px; }
	.commentlist .children { margin-left:73px; }
}

@media only screen and (min-width:769px) { 
	.menu-topics-container { right:210px; }
	.menu-toggle.menu-issues { display:inline-block; font-size:14px; }
	.entry-summary p { font-size:1.125rem; }
	.slick-track { margin:0 auto; }
}

@media screen and (min-width:800px) { 
	aside.pullquote { left:30px; }
}

@media screen and (min-width:860px) { 
	.issue { max-width:350px; margin-top:-200px; }
	.issue .featured-article-title { display:block; font-size:18px; line-height:1em; margin-bottom:5px; }
	.issue span { font-size:15px; line-height:1em; }
	.issue h1.title { font-size:30px; max-width:310px; line-height:30px; }
	.issue h1.title:after { border-width:12px; }
	.single-issue .header-image-container, .single-feature .header-image-container, .home .header-image-container { height:360px; }
}

@media screen and (min-width:960px) { 
	body { background-color:#e6e6e6; }
	body .site { padding:0 40px; padding:0 2.857142857rem; }
	header.site-header { margin:0 -2.857142857rem; }
	.issue h1.title { color:#fff; margin-top:1.5rem; font-size:3rem; line-height:3rem; width:100%; max-width:450px; }
	.issue { max-width:370px; margin-top:-220px; }
	.issue .featured-article-title { display:block; font-size:20px; line-height:1em; margin-bottom:5px; }
	.issue span { font-size:16px; line-height:1em; }
	.issue h1.title { font-size:2.1rem; max-width:330px; line-height:2.1rem; }
	.issue h1.title:after { border-width:12px; }
	.single-issue .header-image-container, .single-feature .header-image-container, .home .header-image-container { height:400px; }
}

@media screen and (min-width:1028px) { 
	span.wpcf7-not-valid-tip { position:absolute; }
}

@media screen and (min-width:1060px) { 
	.issue { max-width:410px; margin-top:-240px; }
	.issue .featured-article-title { display:block; font-size:22px; line-height:1em; margin-bottom:5px; }
	.issue span { font-size:16px; line-height:1em; }
	.issue h1.title { font-size:2.5rem; max-width:370px; line-height:2.5rem; }
	.issue h1.title:after { border-width:15px; }
	.single-issue .header-image-container, .single-feature .header-image-container, .home .header-image-container { height:440px; }
}

@media screen and (min-width:1170px) { 
	.issue { max-width:450; margin-top:-240px; }
	.issue .featured-article-title { display:inline-block; font-size:22px; line-height:1em; margin-bottom:5px; }
	.issue span { font-size:16px; line-height:1em; }
	.issue h1.title { font-size:2.5rem; max-width:410px; line-height:2.5rem; }
	.issue h1.title:after { border-width:15px; }
	.single-issue .header-image-container, .single-feature .header-image-container, .home .header-image-container { height:480px; }
}

@media only screen and (min-width:1200px) { 
	.entry-summary p { font-size:1.125rem; }
}

@media screen and (min-width:1280px) { 
	.single-issue .hero-desktop-image, .single-feature .hero-desktop-image, .home .hero-desktop-image { display:block; }
	.single-issue .header-image-container, .single-feature .header-image-container, .home .header-image-container { height:550px; }
	#menu-issues { margin:0 auto; }
	.issue { max-width:100%; margin-top:-280px; }
	.issue .featured-article-title { display:block; font-size:24px; line-height:1em; margin-bottom:5px; }
	.issue span { font-size:18px; line-height:1em; }
	.issue h1.title { font-size:3rem; max-width:450px; line-height:3rem; }
	.issue h1.title:after { border-width:15px; }
	.single-issue .header-image-container, .single-feature .header-image-container, .home .header-image-container { height:550px; }
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Print
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media print { 
	body { background:none !important; color:#000; font-size:10pt; }
	a { text-decoration:none; }
	.site { clear:both !important; display:block !important; float:none !important; max-width:100%; position:relative !important; }
	.site-header { margin-bottom:72px; margin-bottom:5.142857143rem; text-align:left; }
	.site-header h1 { font-size:21pt; line-height:1; text-align:left; }
	#colophon, #respond, .widget-area, img.header-image, .main-navigation { display:none; }
	.wrapper { border-top:none; box-shadow:none; }
	.site-content { margin:0; width:auto; }
	.archive-header .archive-title, .entry-header .entry-title { font-size:21px; }
}