/*
font-family: "Trade Gothic W01";
Trade Gothic: 400, 700
Trade Gothic Condensed: 300, 600
*/

@font-face { font-family: "DirectoryHalfType"; src: url("directory-halftype-webfont.eot"); src: url("directory-halftype-webfont.eot?#iefix") format("embedded-opentype"), url("directory-halftype-webfont.woff") format("woff"), url("directory-halftype-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }

* { font-family: "Trade Gothic W01", Arial, Helvetica, "sans serif"; margin: 0; padding: 0; outline: none; }
*, *:before, *:after, *::after, *::before { box-sizing: border-box; }

body { background: #f1f1f1; font-size: 15px; }
input, select, textarea { font-family: "Trade Gothic W01", Arial, Helvetica, "sans serif"; font-size: 15px; border: 1px solid #ccc; padding: 5px; width: 100%; margin: 0 0 5px 0; }
input[type=checkbox], input[type=radio] { padding: 0; border: 0; margin: 0; width: auto; }
button { background: #009ddb; color: #fff; font-family: "Trade Gothic W01", Arial, Helvetica, "sans serif"; font-size: 15px; font-weight: 600; text-decoration: none; text-transform: uppercase; padding: 10px; display: block; margin: 0; border: 0; text-align: left; }
img { display: block; width: 100%; height: auto; border: 0; }
iframe { border: 0; }
a { color: #009ddb; text-decoration: none; }

.hidden { display: none; }
.blur { color: #ccc; }
.clear { clear: both; }
.invalid { background: #fee; }
.invalid.blur { color: #f00; font-style: italic; }
.invalid.blur:hover { color: #aaa; }

header { border-top: 10px solid #009ddb; background: #fff; position: relative; margin: 0; padding: 20px 40px 0 40px; text-align: left; }
header #logo { margin: 20px; }
header #logo a { display: block; width: 290px; height: 80px; background: url("/images/directory-retina-logo.png") no-repeat 0 0; background-size: contain; text-indent: -999em; }

header nav ul#primary-nav { position: relative; list-style: none; margin: 0; padding: 0; font-size: 20px; font-weight: 300; }
header nav ul#primary-nav li { display: inline-block; }
header nav ul#primary-nav li a { display: block; padding: 10px 20px; color: #999; text-decoration: none; font-weight: normal; border-bottom: 10px solid #fff; }
header nav ul#primary-nav li a:hover, header nav ul#primary-nav > li.sfhover > a { background: #999; color: #000; }
header nav ul#primary-nav li.selected a { border-bottom: 10px solid #009ddb; color: #000; font-weight: bold; }
header nav ul#primary-nav li.selected a:hover { background: #fff; }
header nav ul#primary-nav ul { position: absolute; top: -999em; list-style: none; margin: 0; padding: 0; background: #333; background: rgba(51,51,51,0.9); z-index: 99999; box-shadow: 1px 2px 7px #525252; }
header nav ul#primary-nav ul li { display: block; margin: 0; padding: 0; }
header nav ul#primary-nav ul li a { display: block; padding: 10px; margin: 0; font-weight: normal; border-top: 1px solid #999; border-bottom: 0; color: #666; }
header nav ul#primary-nav li li a b { color: #999; font-weight: normal; }
header nav ul#primary-nav li.selected li a { display: block; padding: 10px; margin: 0; font-weight: normal; border-top: 1px solid #999; border-bottom: 0; color: #666; }
header nav ul#primary-nav li.selected li a b { color: #999; font-weight: normal; }
header nav ul#primary-nav li.selected li a:hover, #header nav ul#primary-nav li li a:hover { background: rgba(0,0,0,0.9); color: #ccc; border-bottom: 0; }
header nav ul#primary-nav li.selected li a { border-bottom: 0; }
header nav ul#primary-nav li.selected li a:hover { border-bottom: 0; background: rgba(0,0,0,0.9); }
header nav ul#primary-nav li li a:hover b, #header nav ul#primary-nav li.selected li a:hover b { color: #fff; font-weight: normal; }
header nav ul#primary-nav li:hover ul { top: 45px; }
header nav ul#primary-nav li li { border: 0; float: none; }
header nav ul#secondary-nav { position: absolute; bottom: 25px; right: 400px; color: #ccc; list-style: none; margin: 0; padding: 0; }
header nav ul#secondary-nav li { float: left; margin-left: 5px; padding-left: 5px; border-left: 1px solid #eee; }
header nav ul#secondary-nav li.noborder { margin-left: 5px; padding-left: 5px; border-left: 0; }
header nav ul#secondary-nav li.break { margin-left: 30px; padding-left: 0; border-left: 0; }
header nav ul#secondary-nav li a { font-weight: normal; color: #999; text-decoration: none; }

header #login { position: absolute; top: -10px; right: 80px; width: 300px; border-top: 10px solid #009ddb; padding: 10px; z-index: 2; background: #fff; }
header #login p { margin: 0 0 10px 0; color: #ccc; }
header #login p.forgot { margin: 10px 0 5px 0; color: #ccc; }
header #login a { font-weight: bold; color: #000; text-decoration: none; }
header #login_box { display: none; position: absolute; top: -10px; left: 0; padding: 10px 10px 40px 10px; z-index: 2; background: #fff; width: 300px; border-top: 10px solid #000; box-shadow: 1px 2px 7px #525252; }
header #login_box form { margin: 20px 0 0 0; }
header #login_box label { display: block; margin: 10px 0 2px 0; }
header #login_box input { }
header #login_box button { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; }

header #search { position: absolute; bottom: 15px; right: 80px; z-index: 1; width: 300px; }
header #search input { height: 40px; margin: 0; padding: 0 5px; background: #fff; border: 1px solid #ccc; }
header #search button { position: absolute; top: 0; bottom: 0; right: 10px; width: 20px; background: url("/images/search-icon.png") no-repeat 50% 50%; background-size: contain; border: 0; margin: 0; padding: 0; cursor: pointer; }

header a.nav-trigger { display: none; }
header #mobile-nav { display: none; }

main { margin: 0 40px; padding: 40px; text-align: left; background: #fff; }
main.home { border-top: 1px solid #f1f1f1; }

section { position: relative; }
section h1 { font-size: 30px; font-weight: 600; margin: 0; line-height: 32px; }
section h1 small { color: #999; font-size: 15px; font-weight: normal; }
section button { background: #009ddb; font-size: 16px; color: #fff; width: auto; padding: 5px 15px; border: 0; text-transform: uppercase; font-weight: 300; }
section textarea { height: 100px; }
section form h3 { text-transform: uppercase; }
section label { display: block; margin: 8px 0 0 0; font-weight: bold; }
section label small { font-size: 12px; color: #999; font-weight: normal; }
section label b { color: #f00; }

section .rotations .slick-slide { position: relative; }
section .rotations .title { position: absolute; bottom: 100px; left: 0; right: 0; height: 100px; overflow: hidden; }
section .rotations .title .inner { position: absolute; top: 0; left: 0; width: 9999px; height: 200px; font-family: "DirectoryHalfType", Arial, Helvetica, "sans serif"; font-size: 175px; text-transform: uppercase; padding: 0 10px; color: #fff; text-align: left; line-height: 175px; }
section .rotations .caption { position: absolute; bottom: 0; left: 0; right: 0; background: url("/images/article-photo-gradient.png") repeat-x 0 100%; padding: 50px 20px; }
section .rotations .caption h2 { color: #fff; font-size: 30px; margin: 0; line-height: 32px; font-weight: 600; }
section .rotations .caption h3 { color: #fff; font-size: 18px; margin: 0; line-height: 18px; padding-top: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 300; }
section .rotations .free { position: absolute; top: 10px; left: 10px; display: block; width: 71px; height: 65px; background: url("/images/free-ball.png") no-repeat center center; background-size: 71px 71px; text-decoration: none; color: #000; font-size: 22px; font-weight: 600; text-align: center; line-height: 65px; padding-top: 6px; }

/*
section .banner-clip .button-prev, section .banner-clip .button-next { width: 46px; height: 75px; position: relative; z-index: 10; margin-left: 25px; display: none!important; }
section .banner-clip .button-next { margin-left: 0; margin-right: 25px; }
section .banner-clip .button-prev span, section .banner-clip .button-next span { background: url("/images/scroll-arrows.png") no-repeat 0 0; width: 46px; height: 75px; left: 0; top: 0; }
section .banner-clip .button-next span { background: url("/images/scroll-arrows.png") no-repeat -46px 0; }
section .gallery-nav { display: none; position: absolute; top: 10px; right: 20px; z-index: 99999; }
section .gallery-nav a { display: block; float: left; margin-left: 5px; width: 16px; height: 16px; text-indent: -999em; overflow: hidden; background: url("/images/scroll-nav-item.png") no-repeat 0 0; }
section .gallery-nav a:hover, section .gallery-nav a.current { background: url("/images/scroll-nav-item.png") no-repeat 0 -16px; }
*/


#news_posts { margin: 20px 0; column-count: 3; column-gap: 20px; }
#news_posts a { display: inline-block; position: relative; width: 100%; margin-bottom: 20px; background: #f5f5f5; color: #999; }
#news_posts a .title { background: #eee; padding: 20px 20px 10px 20px; border-bottom: 1px solid #fff; }
#news_posts a .title h2 { font-size: 20px; font-weight: 600; margin: 0; line-height: 22px; color: #000; }
#news_posts a .title p { font-weight: 300; margin: 0; color: #999; }
#news_posts a .title p i { font-style: normal; color: #ccc; }
#news_posts a .title p b { font-weight: normal; color: #000; }
#news_posts a .description { padding: 20px; }
#news_posts a .button { display: block; background: #009ddb; color: #fff; text-transform: uppercase; padding: 10px 20px; font-weight: 600; text-decoration: none; }
#news_posts a:hover .button { background: #333; }
#news_posts a .free { position: absolute; top: 10px; right: 10px; display: block; width: 65px; line-height: 57px; padding-top: 8px; background: #feff00; border-radius: 100%; color: #000; font-size: 22px; font-weight: 600; text-align: center; }
#news_posts a button { position: absolute; top: 10px; right: 10px; }
#news_posts .s29 { border-top: 10px solid #1dc221; } /* Online & Digital - 215 */
#news_posts .s30 { border-top: 10px solid #e52487; } /* Outdoor, Ambient & Event - 118 */
#news_posts .s61 { border-top: 10px solid #fd903d; } /* Broadcast, Press & Inserts - 46 */
#news_posts .s76 { border-top: 10px solid #a221e0; } /* Integrated - 160 */
#news_posts .s79 { border-top: 10px solid #feeb34; } /* Mail & Door Drops - 392 */
#news_posts .s1539 { border-top: 10px solid #fc0d1b; } /* Mobile - 8 */
#news_posts .s1815 { border-top: 10px solid #009ddb; } /* Editorial - 139 */
#news_posts .s1825 { border-top: 10px solid #86174c; } /* Innovation */

section .left_column { float: left; width: calc(100% - 320px); }

section .left_column.submissions { color: #fff; }
section .left_column.submissions h1 { padding-left: 20px; }
section .left_column.submissions h1 small { color: #999; font-weight: normal; font-size: 20px; line-height: 22px; display: block; }
section .left_column.submissions h2 { color: #fff; }
section .left_column.submissions input { width: 275px; }
section .left_column.submissions input.checkbox { padding: 0; border: 0; margin: 0; width: auto; }
section .left_column.submissions select { width: 275px; }
section .left_column.submissions textarea { width: 275px; }
section .left_column.submissions label { color: #999; }
section .left_column.submissions label small { color: #666; }
section .left_column.submissions .inner { position: relative; background: #000; padding: 20px; height: 215px; width: 100%; }
section .left_column.submissions .inner h2 { font-size: 20px; font-weight: 300; line-height: 22px; margin: 10px 0 5px 20px; color: #fff; }
section .left_column.submissions .inner p { margin: 0 0 0 20px; }
section .left_column.submissions .inner .item { float: left; width: 220px; }
section .left_column.submissions .inner h3 { margin: 0; font-size: 20px; font-weight: 300; line-height: 22px; color: #fff; text-transform: none; }
section .left_column.submissions .inner input { display: block; width: 190px; border: 0; padding: 8px 5px 2px 5px; margin: 10px 0 2px 0; }
section .left_column.submissions .inner input.blur { color: #ccc; }
section .left_column.submissions .inner button { position: absolute; bottom: 0; left: 0; display: block; float: left; width: 220px; margin: 10px 20px 0 0; background: #666; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; text-transform: uppercase; padding: 10px 20px; line-height: 20px; border: 0; text-align: left; }
section .left_column.submissions .boxed { background: #000; padding: 20px 20px 5px 20px; margin: 0 0 20px 0; width: 670px; }
section .left_column.submissions .boxed h2 { margin-top: 5px; }
section .left_column.submissions .boxed h2 b { color: #009ddb; }
section .left_column.submissions button { margin-left: 20px; }
section .left_column.submissions .invalid { background: #fcc; }

section .left_column .main_title .free { position: absolute; bottom: -10px; right: -15px; display: block; width: 71px; height: 65px; background: url("/images/free-ball.png") no-repeat center center; background-size: 71px 71px; text-decoration: none; color: #000; font-size: 22px; font-weight: 600; text-align: center; line-height: 65px; padding-top: 6px; }

section .left_column .main_title h1 { font-size: 30px; font-weight: 600; margin: 0; line-height: 32px; }
section .left_column .main_title h2 { font-size: 20px; font-weight: 300; margin: 0; line-height: 22px; }
section .left_column .main_title p { font-size: 14px; font-weight: 300; margin: 0; line-height: 22px; color: rgba(0,0,0,0.5); }
section .left_column .main_title p b { font-weight: normal; color: #000; }
section .left_column h3 { text-transform: uppercase; color: #000; margin: 20px 0 10px 0; }
section .left_column h3.comment { padding-top: 20px; border-top: 1px solid #eee; }
section .left_column p { line-height: 20px; color: #999; margin: 10px 0 20px 0; }
section .left_column ul, section .left_column ol { margin: 0 20px; padding: 0 20px; }
section .left_column li { line-height: 20px; color: #999; }
section .left_column #issue_archive { float: right; margin-top: 5px; }
section .left_column #assets { float: right; width: 340px; margin: 20px 0; }
section .left_column #assets #campaign_description { margin: 0; }
section .left_column #assets #campaign_description h3 { border-top: 1px solid #eee; margin: 0; padding: 10px 0 0 0; font-size: 13px; text-transform: none; }
section .left_column #assets #campaign_description p { margin: 0 0 7px 0; font-size: 12px; color: #999; }
section .left_column .images { margin: 20px 0; }
section .left_column .images .image { float: left; margin: 0 20px 20px 0; }
section .left_column .images .image:nth-of-type(3n) { margin-right: 0; }
section .left_column .videos { margin: 20px 0; }
section .left_column .videos .video { display: block; width: 100%; height: auto; margin: 0 0 20px 0 ; }
section .left_column .inner { padding: 20px 0; margin-right: 360px; color: #999; }
section .left_column .inner strong, .left_column .inner b { color: #000; }
section .left_column .subscribe_now { position: relative; margin: 30px 0; clear: both; }
section .left_column .subscribe_now .inner { position: relative; left: -40px; right: -40px; padding: 20px 0 30px 30px; background: #414141 url("/images/s0.png") repeat-y 250px 0; width: calc(100% + 40px); }
section .left_column .subscribe_now .inner h2 { font-size: 20px; font-weight: 300; line-height: 22px; margin: 5px 20px; color: #fff; }
section .left_column .subscribe_now .inner p { margin: 0 20px; }
section .left_column .subscribe_now .inner #SubLogin { margin: 20px 0 0 0; background: #000; padding: 20px 20px 0 20px; }
section .left_column .subscribe_now .inner #SubLogin h3 { margin: 0; font-size: 20px; font-weight: 300; line-height: 22px; color: #fff; text-transform: none; }
section .left_column .subscribe_now .inner #SubLogin label { display: block; margin: 10px 0 2px 0; }
section .left_column .subscribe_now .inner #SubLogin input { width: 200px; border: 0; padding: 8px 5px 2px 5px; }
section .left_column .subscribe_now .inner #SubLogin button { display: block; float: left; width: 220px; margin: 10px 20px 0 0; background: #666; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; text-transform: uppercase; padding: 10px 20px; line-height: 20px; border: 0; text-align: left; }
section .left_column .subscribe_now .inner #SubLogin .links { line-height: 20px; padding: 20px 20px 5px 20px; }
section .left_column table { border: 0 none; text-align: left; font-size: 11px; }
section .left_column table th { padding: 2px 4px; vertical-align: bottom; font-weight: bold; text-align: left; color: #000; border-bottom: 1px solid #000; }
section .left_column table td { padding: 2px 4px; vertical-align: top; }
section .left_column #loading { text-align: center; padding: 30px 0; }

section .right_column { float: right; width: 300px; }
section .right_column ul { list-style: none; margin: 0; padding: 0; }
section .right_column #share li { margin: 2px 0; }
section .right_column .item { margin: 0 0 20px 0; }
section .right_column .item .inner { background: #f1f1f1; padding: 20px; }
section .right_column .item .inner li { color: #999; }
section .right_column .item input { width: 200px; }
section .right_column .item h2 { font-size: 30px; font-weight: 600; margin: 5px 0; line-height: 32px; }
section .right_column .item .button a { background: #c5c6c8; color: #fff; font-size: 16px; font-weight: 600; text-decoration: none; text-transform: uppercase; padding: 10px 20px; display: block; line-height: 20px; }
section .right_column .item .button a:hover { background: #333; }
section .right_column .item .blue a { background: #009ddb; }
section .right_column .item .blue a:hover { background: #333; }
section .right_column .item .red a { background: #e60027; }
section .right_column .item .red a:hover { background: #333; }
section .right_column .item p { margin: 5px 0; }
section .right_column .item .related { color: #ccc; border-top: 1px solid #999; padding-top: 6px; }
section .right_column .item .related a { font-size: 18px; font-weight: 600; color: #666; text-decoration: none; }
section .right_column .item .related a:hover { color: #009ddb; }
section .right_column .item .related li { border-bottom: 1px solid #999; padding: 0 0 3px 0; margin: 0 0 6px 0; }
section .right_column .item .also_read { color: #ccc; border-top: 1px solid #009ddb; padding-top: 6px; }
section .right_column .item .also_read a { color: #999; text-decoration: none; }
section .right_column .item .also_read a:hover { color: #009ddb; }
section .right_column .item .also_read li { border-bottom: 1px solid #009ddb; padding: 0 0 3px 0; margin: 0 0 6px 0; }

section #search_results { border-bottom: 1px solid #ccc; padding: 0 0 20px 0; }
section #search_results .item { border-top: 1px solid #ccc; padding: 20px 0 0 0; margin: 20px 0 0 0; }
section #search_results .item .image { position: relative; width: 225px; height: 150px; overflow: hidden; float: left; margin-right: 20px; }
section #search_results .item .image .gradient { position: absolute; bottom: 0; left: 0; right: 0; height: 66px; background: url("/images/article-gradient.png") repeat-x bottom left; }
section #search_results .item .title { float: left; width: 225px; }
section #search_results .item .title h2 { margin: 0; }
section #search_results .item .title h2 a { color: #000; text-decoration: none; }
section #search_results .item .title h4 { margin: 0; font-weight: normal; color: #ccc; }
section #search_results .item .title p { margin: 5px 0; color: #666; }
section #search_results .item .editorial { float: left; width: 445px; }
section #search_results .item .editorial h2 { margin: 0; }
section #search_results .item .editorial h2 a { color: #000; text-decoration: none; }
section #search_results .item .editorial h4 { margin: 0; font-weight: normal; color: #ccc; }
section #search_results .item .editorial p { margin: 5px 0; color: #666; }
section #search_results .item .description { float: right; width: 220px; }
section #search_results .item .description .entry { float: left; width: 100px; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px; overflow: hidden; }
section #search_results .item .description .entry.first { margin-right: 20px; }

#issue #archive { float: right; }
#issue #archive select { font-size: 18px; }
#issue h1 small { color: #999; font-weight: normal; }

#issue #editorials { position: relative; margin: 10px 0 50px 0; overflow: hidden; }
#issue #editorials .cover { position: relative; width: calc(100% - 330px); height: 361px; overflow: hidden; }
#issue #editorials .cover .gradient { position: absolute; bottom: 0; left: 0; right: 0; height: 66px; background: url("/images/article-gradient.png") repeat-x bottom left; }
#issue #editorials ul { position: absolute; top: 0; right: 0; bottom: 0; width: 330px; height: 360px; margin: 0; padding: 0; list-style: none; border-top: 1px solid #ccc; display: table; table-layout: fixed; }
#issue #editorials ul li { display: table-row; }
#issue #editorials ul li a { position: relative; display: block; border-bottom: 1px solid #ccc; text-decoration: none; color: #999; display: table-cell; vertical-align: top; }
#issue #editorials ul li a:hover { background-color: #f1f1f1; }
#issue #editorials ul li em { display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 100px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
#issue #editorials ul li b { display: block; padding: 10px 10px 10px 110px; color: #000; font-size: 20px; font-weight: 300; line-height: 22px; }
#issue #editorials ul li i { display: block; padding: 0 10px; }

#issue .items {}
#issue .items.items-1 .item { width: 100%; }
#issue .items.items-2 .item { width: 50%; }
#issue .items.items-3 .item { width: 33.3%; }
#issue .items.items-4 .item { width: 25%; }
#issue .items.items-5 .item { width: 20%; }
#issue .items.items-6 .item { width: 16.6%; }
#issue .items.items-7 .item { width: 14.28%; }
#issue .items.items-8 .item { width: 12.5%; }

#issue .item { float: left; }
#issue .item .section { font-size: 20px; font-weight: 600; line-height: 22px; height: 44px; border-bottom: 3px solid #f1f1f1; padding: 0 20px 10px 0; }
#issue .item .posts { padding-right: 30px; }
#issue .item .posts a { position: relative; display: block; color: #999; text-decoration: none; margin: 20px 0 10px 0; padding: 0 0 20px 0; border-bottom: 1px solid #eee; line-height: 18px; }
#issue .item .posts a:hover { color: #333; }
#issue .item .posts a b { display: block; color: #000; font-weight: 300; font-size: 20px; line-height: 22px; }
#issue .item .posts a i { display: block; color: #666; font-style: normal; padding: 2px 0 4px 0; }
#issue .item .posts a.webonly b { background: url("/images/web-only-icon.png") no-repeat right top; }
#issue .item .posts a .free { position: absolute; top: -20px; left: -20px; display: block; width: 25px; height: 20px; background: url("/images/free-ball.png") no-repeat center center; background-size: 25px 25px; text-decoration: none; color: #000; font-size: 11px; font-weight: 600; text-align: center; line-height: 20px; padding-top: 5px; }

#blogs { margin: 10px 0; }
#blogs .item { position: relative; }
#blogs .item .header { height: 100px; }
#blogs .item .header .photo { float: left; width: 100px; height: 100px; overflow: hidden; }
#blogs .item .header .title { font-size: 30px; font-weight: 600; margin: 0; line-height: 32px; padding: 20px 0 10px 120px; background: #000; color: #fff; }
#blogs .item .header .date { font-weight: 300; margin: 0; line-height: 23px; padding: 10px 0 5px 120px; color: #666; background: #eee; }
#blogs .item .body { width: 475px; margin: 20px 0 30px 20px; }
#blogs .item .photos { position: absolute; right: 0; top: 115px; }
#blogs .item .photos .photo { margin: 0 0 20px 0; }

.right_column .item .cover { position: relative; }
.right_column .item .cover .image { width: 130px; height: 200px; overflow: hidden; box-shadow: 1px 2px 7px #525252; -moz-box-shadow: 1px 2px 7px #525252; -webkit-box-shadow: 1px 2px 7px #525252; }
.right_column .item .cover a.buy { position: absolute; bottom: 7px; right: 0; display: block; width: 71px; height: 71px; background: url("/images/buy-ball.png") no-repeat bottom right; text-decoration: none; color: #000; font-size: 22px; font-weight: 600; text-align: center; line-height: 71px; }
section .right_column input { width: 200px; font-size: 16px; height: 28px; margin: 0; padding: 0 5px; border: 0; background: #fff; border: 1px solid #ccc; }
.right_column .white { margin: 30px 0 20px 0; }
.right_column .white h2 { border-bottom: 1px solid #ccc; }
.right_column .white a { display: block; text-indent: -999em; float: left; width: 35px; height: 35px; margin: 0 10px 0 0; text-decoration: none; }
.right_column .white a.twitter { background: url("/images/icon-twitter.png") no-repeat 50% 50%; background-size: contain; }
.right_column .white a.linkedin { background: url("/images/icon-linkedin.png") no-repeat 50% 50%; background-size: contain; }

#submissions { position: absolute; background: url("/images/s0.png") repeat-y top right #414141; top: -40px; left: -999em; bottom: -20px; right: 0; z-index: 1; }
#submissions .left-column { float: left; width: 300px; }
#submissions .right-column { float: right; width: 300px; }

#news { position: relative; }
#news .border { position: relative; margin: -40px 0 0 -40px; padding: 40px 0 0 40px; }
#news .border .section { font-size: 30px; font-weight: 600; line-height: 30px; color: #fff; text-align: left; }
#news .border .section i { display: block; font-style: normal; font-size: 18px; font-weight: normal; line-height: 20px; }
section .left_column .main_image.hasborder { margin-top: 40px; }
section .left_column .main_image { position: relative; }
section .left_column .main_image .gradient { position: absolute; bottom: 0; left: 0; right: 0; height: 66px; background: url("/images/article-gradient.png") repeat-x bottom left; }
section .left_column .main_title { padding: 20px; background: rgba(255,255,255,0.25); }
section .left_column .main_title.webonly h1 { background: url("/images/web-only-icon.png") no-repeat right top; }
#news .border.s0 { background: url("/images/s0.png") repeat-y top right #414141; } /* Online & Digital - 215 */
#news .border.s29 { background: url("/images/s29.png") repeat-y top right #257621; } /* Online & Digital - 215 */
#news .border.s30 { background: url("/images/s30.png") repeat-y top right #b2265b; } /* Outdoor, Ambient & Event - 118 */
#news .border.s61 { background: url("/images/s61.png") repeat-y top right #843f19; } /* Broadcast, Press & Inserts - 46 */
#news .border.s76 { background: url("/images/s76.png") repeat-y top right #590079; } /* Integrated - 160 */
#news .border.s79 { background: url("/images/s79.png") repeat-y top right #fcad37; } /* Mail & Door Drops - 392 */
#news .border.s1539 { background: url("/images/s1539.png") repeat-y top right #a1180f; } /* Mobile - 8 */
#news .border.s1815 { background: url("/images/009ddb.png") repeat-y top right #009ddb; } /* Editorial - 139 */
#news .border.s1825 { background: url("/images/s1825.png") repeat-y top right #86174c; } /* Innovation */

section h1 { margin: 0 0 20px 0; font-size: 30px; }
section h1 b { color: #009ddb; }

section #issues { position: relative; padding-top: 90px; }
section #issues .heading { position: absolute; top: -40px; right: -40px; left: -40px; background: #009ddb; margin: 0; height: 100px; overflow: hidden; }
section #issues .heading .inner { padding: 20px 0 0 45px; font-size: 30px; font-weight: 300; color: #fff; }
section #issues .heading .inner small { color: #ccc; font-size: 20px; }
section #issues .years { position: relative; padding: 0 0 0 160px; margin: 0; }
section #issues .year { position: absolute; top: -15px; left: -30px; width: 100px; line-height: 40px; font-size: 30px; font-weight: 600; color: #000; background: #ccc; text-align: right; padding: 20px 30px 10px 0; overflow: hidden; }
section #issues .break { height: 20px; line-height: 20px; position: relative; left: 0; width: auto; background: #f1f1f1; margin: 20px 0; }
section #issues .issue { float: left; width: 200px; }
section #issues .issue a { text-decoration: none; }
section #issues .issue a .title { font-size: 20px; font-weight: 600; margin: 0; line-height: 22px; color: #000; }
section #issues .issue a .date { color: #999; }
section #issues .issue a .image { box-shadow: 0 0 7px #525252; -moz-box-shadow: 0 0 7px #525252; -webkit-box-shadow: 0 0 7px #525252; width: 130px; height: 200px; overflow: hidden; margin: 20px 0; }

section .boxed { background: #eee; padding: 20px; }

body.about_us section .left_column, body.contact_us section .left_column { max-width: 800px; }

footer { margin: 0; padding: 40px 40px 80px 40px; color: #999; background: #000; font-size: 15px; }
footer a { color: #fff; text-decoration: none; }
footer .left { float: left; text-align: left; }
footer .right { float: right; text-align: right; }

.uploadify { position: relative; margin-bottom: 10px; }
.uploadify-button { background: #009ddb; font-size: 16px; color: #fff; padding: 5px 10px; border: 0; text-transform: uppercase; text-align: center; font-weight: 600; }
.uploadify-button.disabled { background: #d0d0d0; color: #808080; }
.uploadify-queue { margin-bottom: 10px; }
.uploadify-queue-item { background-color: #f5f5f5; font-size: 12px; font-family: "Trade Gothic W01", Arial, Helvetica, "sans serif"; margin-top: 5px; max-width: 350px; padding: 10px; color: #000; }
.uploadify-error { background-color: #fde5dd !important; }
.uploadify-queue-item .cancel a { background: url('/images/uploadify-cancel.png') 0 0 no-repeat; float: right; height:	16px; text-indent: -9999px; width: 16px; }
.uploadify-queue-item.completed { background: #eee; color: #999; }
.uploadify-progress { background: #333; margin-top: 10px; width: 100%; }
.uploadify-progress-bar { background: #09f; height: 3px; width: 1px; }

section .table {}
section .table tr {}
section .table tr.alt td { background: #f5f5f5; }
section .table th { padding: 2px 5px; }
section .table td { padding: 2px 5px; }
section .table .left { text-align: left; }
section .table .right { text-align: right; }
section .table button { padding: 5px 5px 2px 5px; }

#nextprev { margin: 20px 0; background: #eee; text-align: center; padding: 10px 10px 5px 10px; font-size: 16px; }

.ac_results { position: absolute; z-index: 2; height: 300px; padding: 0; overflow-y: auto; background: #fff; text-align: left; box-shadow: 1px 2px 7px #525252; }
.ac_results ul { list-style: none; padding: 0; margin: 0; }
.ac_results iframe { position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 3000px; height: 3000px; }
.ac_results li { cursor: pointer; display: block; margin: 0; padding: 5px; width: 390px; text-align: left; }
.ac_loading { background: #eee url("/images/loading.gif") no-repeat right center; }
.ac_over { background: #eee; color: #000;; }

/* slick */
ul.slick-dots { position: absolute; bottom: 10px; left: 50%; list-style: none; margin: 0 0 0 -70px; padding: 0; text-align: center; }
ul.slick-dots li { float: left; margin: 0; }
ul.slick-dots li button { display: block; border: 1px solid #0004; border-radius: 100%; background: #fff8; width: 15px; height: 15px; padding: 0; text-indent: -999em; outline: none; cursor: pointer; margin: 10px; }
ul.slick-dots li.slick-active button { background: #fff; }

.slick-slider { position: relative; display: block; 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; margin-left: auto; margin-right: auto; }
.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-arrow.slick-hidden { display: none; }
.slick-arrow { position: absolute; top: 50%; margin: -15px 0 0 0; padding: 2px; line-height: 30px; height: 30px; width: 30px; z-index: 1; border: 0; background: #fff; color: #bb7135; border-radius: 100%; cursor: pointer; outline: none; text-align: center; }
.slick-arrow.slick-prev { left: -40px; padding-right: 4px; }
.slick-arrow.slick-next { right: -40px; padding-left: 4px; }

@media only screen and (min-width : 1600px) {
	body.home #news_posts { column-count: 3; }
	#news_posts { column-count: 4; }
}

@media only screen and (max-width : 1024px) {
	header { padding: 20px 20px 0px 20px; }
	header #login { right: 40px; }
	header #search { right: 40px; }
	main { margin: 0; }
}

@media only screen and (max-width : 1023px) {
	header #logo a { width: 220px; height: 60px; }
	header #login { right: 0; }
	header #search { top: 60px; right: 40px; bottom: auto; width: 250px; }
	header nav ul#secondary-nav { right: 40px; }
	section .left_column { float: none; width: auto!important; }
	section .left_column .inner { margin-right: 0; }
	section .left_column #assets { float: none; width: 100%; }
	section .left_column .videos .video video { width: 100%; }
	section .left_column .images .image:nth-of-type(3n) { margin-right: 20px; }
	section .right_column { float: none; width: auto; }
	#news_posts { column-count: 2; }
	#submissions { top: -20px; right: -20px; }
	#submissions .left-column { float: none; width: auto; }
	#submissions .right-column { float: none; width: auto; }
	section .left_column.submissions input, section .left_column.submissions select, section .left_column.submissions textarea { width: 100%; }
	section .left_column.submissions .boxed { width: auto; }
	footer .left { float: none; text-align: left; margin-bottom: 10px; }
	footer .right { float: none; text-align: left; }
}

@media only screen and (max-width : 767px) {
	#news_posts { column-count: 1; }
	header { padding: 20px; }
	header #login, header #search, header nav ul#primary-nav, header nav ul#secondary-nav { display: none; }
	header #logo { margin: 0; padding: 0; }
	header #logo a { width: 180px; height: 50px; }
	header a.nav-trigger { display: block; }
	header a.nav-trigger { position: absolute; right: 20px; bottom: 20px; display: block; padding-left: 30px; display: block; text-decoration: none; color: #009ddb; font-weight: bold; font-size: 15px; padding-right: 30px; }
	header a.nav-trigger:before { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 25px; background: linear-gradient( to bottom, #009ddb, #009ddb 20%, transparent 20%, transparent 40%, #009ddb 40%, #009ddb 60%, transparent 60%, transparent 80%, #009ddb 80%, #009ddb 100% ); }
	#mobile-nav { position: absolute; top: 90px; right: 0; left: 0; background: #fff; z-index: 10; text-align: center; padding: 0 0 200px 0; }
	#mobile-nav ul { list-style: none; margin: 0 0 20px 0; padding: 0; }
	#mobile-nav ul li a { display: block; color: #000; font-weight: bold; font-size: 25px; line-height: 40px; margin: 20px 0 0 0; }
	#mobile-nav ul li li a { color: #000; font-weight: normal; font-size: 20px; line-height: 30px; margin: 0; }
	#mobile-nav p { display: none; }
	#mobile-nav #login_box { display: block; position: relative; width: auto; text-align: left; margin: 40px 20px; border-top: 0; box-shadow: 0px 0px 1px #525252; }
	#mobile-nav #login_box form { margin: 20px 0; }
	#mobile-nav form.search-form { position: relative; margin: 0 20px; }
	#mobile-nav form.search-form input { height: 40px; margin: 0; padding: 0 5px; background: #fff; border: 1px solid #ccc; }
	#mobile-nav form.search-form button { position: absolute; top: 0; bottom: 0; right: 10px; width: 20px; background: url("/images/search-icon.png") no-repeat 50% 50%; background-size: contain; border: 0; margin: 0; padding: 0; cursor: pointer; }
	#issue #editorials .cover { width: 100%; }
	#issue #editorials ul { position: relative; top: auto; right: auto; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; border-top: 1px solid #ccc; }
	#issue .items .item { float: none; width: 100%!important; }
	section .left_column .search-inner { height: auto!important; }
	section .left_column.submissions .inner { width: auto; height: auto; padding: 20px 20px 55px 20px; }
	section .left_column.submissions .inner .item { float: none; width: auto; }
	section .left_column.submissions .inner input { width: 100%; padding: 5px; }
	section #search_results .item .image { position: relative; width: 100%; height: auto; overflow: hidden; float: none; margin-right: 0; }
	section #search_results .item .title { float: none; width: auto; margin: 10px 0; }
	section #search_results .item .description { float: none; width: auto; }
	section #search_results .item .description .entry { border-bottom: 0; margin: 0 20px 5px 0 !important; }




	main { padding: 20px; }
	#news .border { margin: -20px -20px 0 -20px; padding: 40px 20px 0 20px; }
	footer { padding: 40px; font-size: 13px; }
}

@media only screen and (max-width : 375px) {
}

@media only screen and (max-width : 320px) {
}