@charset "UTF-8"; /*! * Gumby Framework Version 2.0 * --------------------------- * Follow @gumbycss on twitter and spread the love. * We worked super hard on making this awesome and released it to the web. * All we ask is you leave this intact. #gumbyisawesome * * http://www.gumbyframework.com/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } * html { font-size: 100%; } html { font-size: 16px; line-height: 1.625em; } html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background: white; font-family: "Solido", Tahoma, sans-serif; font-weight: 400; color: #555555; position: relative; -webkit-font-smoothing: antialiased; } @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; } } html, body { height: 100%; } .ie9 { font-family: "Solido", Tahoma, sans-serif; } .ie9 * { font-family: "Solido", Tahoma, sans-serif; } .hide { display: none; } .hide.active, .show { display: block; } a, a:active, a:focus, a:hover { outline: 0; outline: none; } .fixed { position: fixed; } .fixed.pinned { position: absolute; } @media only screen and (max-width: 768px) { .fixed { position: relative !important; top: auto !important; left: auto !important; } } .unfixed { position: relative !important; top: auto !important; left: auto !important; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } /* Fonts */ /*@font-face { font-family: 'entypo'; font-style: normal; font-weight: 400; src: url(../fonts/icons/entypo.eot); src: url('../fonts/icons/entypo.eot?#iefix') format('ie9-skip-eot'), url('../fonts/icons/entypo.woff') format('woff'), url('../fonts/icons/entypo.ttf') format('truetype'); }*/ /* Solido */ @font-face { font-family: 'Solido'; font-style: normal; font-weight: 400; src: url("../fonts/solido-medium-webfont.eot?") format("eot"), url("../fonts/solido-medium-webfont.woff") format("woff"), url("../fonts/solido-medium-webfont.ttf") format("truetype"); } @font-face { font-family: 'Solido'; font-style: normal; font-weight: 800; src: url("../fonts/solido-extrabold-webfont.eot?") format("eot"), url("../fonts/solido-extrabold-webfont.woff") format("woff"), url("../fonts/solido-extrabold-webfont.ttf") format("truetype"); } /* Solido Condensed */ @font-face { font-family: 'Solido Condensed'; font-style: normal; font-weight: 600; src: url("../fonts/solidocondensed-bold-webfont.eot?") format("eot"), url("../fonts/solidocondensed-bold-webfont.woff") format("woff"), url("../fonts/solidocondensed-bold-webfont.ttf") format("truetype"); } /* Solido Italic */ @font-face { font-family: 'Solido'; font-style: italic; font-weight: 400; src: url("../fonts/solido-mediumitalic-webfont.eot?") format("eot"), url("../fonts/solido-mediumitalic-webfont.woff") format("woff"), url("../fonts/solido-mediumitalic-webfont.ttf") format("truetype"); } /* Tiempos */ @font-face { font-family: 'Tiempos'; font-style: normal; font-weight: 400; src: url("../fonts/TiemposTextWeb-Regular.woff") format("woff"); } @font-face { font-family: 'Tiempos'; font-style: normal; font-weight: 600; src: url("../fonts/TiemposHeadWeb-Semibold.woff") format("woff"); } /*================================================= +++ LE GRID +++ A Responsive Grid -- Gumby defaults to a standard 960 grid, but you can change it to whatever you'd like. ==================================================*/ /*.container { padding: 0px $gutter-in-px; }*/ .row { width: 100%; max-width: 1300px; min-width: 320px; margin: 0 auto; } @media only screen and (max-width: 1320px) { .row { padding: 0 15px; } } .row .row { min-width: 0px; } @media only screen and (max-width: 1320px) { .row .row { padding: 0; } } /* To fix the grid into a different size, set max-width to your desired width */ .column, .columns { margin-left: 1.15385%; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .column:first-child, .columns:first-child, .alpha { margin-left: 0px; } .column.omega, .columns.omega { float: right; } /* Column Classes */ .row .one.column { width: 2.89231%; } .row .one.columns { width: 2.89231%; } .row .two.columns { width: 6.93846%; } .row .three.columns { width: 10.98462%; } .row .four.columns { width: 15.03077%; } .row .five.columns { width: 19.07692%; } .row .six.columns { width: 23.12308%; } .row .seven.columns { width: 27.16923%; } .row .eight.columns { width: 31.21538%; } .row .nine.columns { width: 35.26154%; } .row .ten.columns { width: 39.30769%; } .row .eleven.columns { width: 43.35385%; } .row .twelve.columns { width: 47.4%; } .row .thirteen.columns { width: 51.44615%; } .row .fourteen.columns { width: 55.49231%; } .row .fifteen.columns { width: 59.53846%; } .row .sixteen.columns { width: 63.58462%; } .row .seventeen.columns { width: 67.63077%; } .row .eighteen.columns { width: 71.67692%; } .row .nineteen.columns { width: 75.72308%; } .row .twenty.columns { width: 79.76923%; } .row .twenty-one.columns { width: 83.81538%; } .row .twenty-two.columns { width: 87.86154%; } .row .twenty-three.columns { width: 91.90769%; } .row .twenty-four.columns { width: 95.95385%; } .row .twenty-five.columns { width: 100%; } /* Push Classes */ .row .push_one { margin-left: 5.2%; } .row .push_one:first-child { margin-left: 4.04615%; } .row .push_two { margin-left: 9.24615%; } .row .push_two:first-child { margin-left: 8.09231%; } .row .push_three { margin-left: 13.29231%; } .row .push_three:first-child { margin-left: 12.13846%; } .row .push_four { margin-left: 17.33846%; } .row .push_four:first-child { margin-left: 16.18462%; } .row .push_five { margin-left: 21.38462%; } .row .push_five:first-child { margin-left: 20.23077%; } .row .push_six { margin-left: 25.43077%; } .row .push_six:first-child { margin-left: 24.27692%; } .row .push_seven { margin-left: 29.47692%; } .row .push_seven:first-child { margin-left: 28.32308%; } .row .push_eight { margin-left: 33.52308%; } .row .push_eight:first-child { margin-left: 32.36923%; } .row .push_nine { margin-left: 37.56923%; } .row .push_nine:first-child { margin-left: 36.41538%; } .row .push_ten { margin-left: 41.61538%; } .row .push_ten:first-child { margin-left: 40.46154%; } .row .push_eleven { margin-left: 45.66154%; } .row .push_eleven:first-child { margin-left: 44.50769%; } .row .push_twelve { margin-left: 49.70769%; } .row .push_twelve:first-child { margin-left: 48.55385%; } .row .push_thirteen { margin-left: 53.75385%; } .row .push_thirteen:first-child { margin-left: 52.6%; } .row .push_fourteen { margin-left: 57.8%; } .row .push_fourteen:first-child { margin-left: 56.64615%; } .row .push_fifteen { margin-left: 61.84615%; } .row .push_fifteen:first-child { margin-left: 60.69231%; } .row .push_sixteen { margin-left: 65.89231%; } .row .push_sixteen:first-child { margin-left: 64.73846%; } .row .push_seventeen { margin-left: 69.93846%; } .row .push_seventeen:first-child { margin-left: 68.78462%; } .row .push_eighteen { margin-left: 73.98462%; } .row .push_eighteen:first-child { margin-left: 72.83077%; } .row .push_nineteen { margin-left: 78.03077%; } .row .push_nineteen:first-child { margin-left: 76.87692%; } .row .push_twenty { margin-left: 82.07692%; } .row .push_twenty:first-child { margin-left: 80.92308%; } .row .push_twenty-one { margin-left: 86.12308%; } .row .push_twenty-one:first-child { margin-left: 84.96923%; } .row .push_twenty-two { margin-left: 90.16923%; } .row .push_twenty-two:first-child { margin-left: 89.01538%; } .row .push_twenty-three { margin-left: 94.21538%; } .row .push_twenty-three:first-child { margin-left: 93.06154%; } .row .push_twenty-four { margin-left: 98.26154%; } .row .push_twenty-four:first-child { margin-left: 97.10769%; } /* Centered Classes */ .row .one.centered { margin-left: 48.55385%; } .row .two.centered { margin-left: 46.53077%; } .row .three.centered { margin-left: 44.50769%; } .row .four.centered { margin-left: 42.48462%; } .row .five.centered { margin-left: 40.46154%; } .row .six.centered { margin-left: 38.43846%; } .row .seven.centered { margin-left: 36.41538%; } .row .eight.centered { margin-left: 34.39231%; } .row .nine.centered { margin-left: 32.36923%; } .row .ten.centered { margin-left: 30.34615%; } .row .eleven.centered { margin-left: 28.32308%; } .row .twelve.centered { margin-left: 26.3%; } .row .thirteen.centered { margin-left: 24.27692%; } .row .fourteen.centered { margin-left: 22.25385%; } .row .fifteen.centered { margin-left: 20.23077%; } .row .sixteen.centered { margin-left: 18.20769%; } .row .seventeen.centered { margin-left: 16.18462%; } .row .eighteen.centered { margin-left: 14.16154%; } .row .nineteen.centered { margin-left: 12.13846%; } .row .twenty.centered { margin-left: 10.11538%; } .row .twenty-one.centered { margin-left: 8.09231%; } .row .twenty-two.centered { margin-left: 6.06923%; } .row .twenty-three.centered { margin-left: 4.04615%; } .row .twenty-four.centered { margin-left: 2.02308%; } /* Hybrid Grid Columns */ .sixteen.colgrid .row .one.column { width: 5.16827%; } .sixteen.colgrid .row .one.columns { width: 5.16827%; } .sixteen.colgrid .row .two.columns { width: 11.49038%; } .sixteen.colgrid .row .three.columns { width: 17.8125%; } .sixteen.colgrid .row .four.columns { width: 24.13462%; } .sixteen.colgrid .row .five.columns { width: 30.45673%; } .sixteen.colgrid .row .six.columns { width: 36.77885%; } .sixteen.colgrid .row .seven.columns { width: 43.10096%; } .sixteen.colgrid .row .eight.columns { width: 49.42308%; } .sixteen.colgrid .row .nine.columns { width: 55.74519%; } .sixteen.colgrid .row .ten.columns { width: 62.06731%; } .sixteen.colgrid .row .eleven.columns { width: 68.38942%; } .sixteen.colgrid .row .twelve.columns { width: 74.71154%; } .sixteen.colgrid .row .thirteen.columns { width: 81.03365%; } .sixteen.colgrid .row .fourteen.columns { width: 87.35577%; } .sixteen.colgrid .row .fifteen.columns { width: 93.67788%; } .sixteen.colgrid .row .sixteen.columns { width: 100%; } /* Hybrid Push Classes */ .sixteen.colgrid .row .push_one { margin-left: 7.47596%; } .sixteen.colgrid .row .push_one:first-child { margin-left: 6.32212%; } .sixteen.colgrid .row .push_two { margin-left: 13.79808%; } .sixteen.colgrid .row .push_two:first-child { margin-left: 12.64423%; } .sixteen.colgrid .row .push_three { margin-left: 20.12019%; } .sixteen.colgrid .row .push_three:first-child { margin-left: 18.96635%; } .sixteen.colgrid .row .push_four { margin-left: 26.44231%; } .sixteen.colgrid .row .push_four:first-child { margin-left: 25.28846%; } .sixteen.colgrid .row .push_five { margin-left: 32.76442%; } .sixteen.colgrid .row .push_five:first-child { margin-left: 31.61058%; } .sixteen.colgrid .row .push_six { margin-left: 39.08654%; } .sixteen.colgrid .row .push_six:first-child { margin-left: 37.93269%; } .sixteen.colgrid .row .push_seven { margin-left: 45.40865%; } .sixteen.colgrid .row .push_seven:first-child { margin-left: 44.25481%; } .sixteen.colgrid .row .push_eight { margin-left: 51.73077%; } .sixteen.colgrid .row .push_eight:first-child { margin-left: 50.57692%; } .sixteen.colgrid .row .push_nine { margin-left: 58.05288%; } .sixteen.colgrid .row .push_nine:first-child { margin-left: 56.89904%; } .sixteen.colgrid .row .push_ten { margin-left: 64.375%; } .sixteen.colgrid .row .push_ten:first-child { margin-left: 63.22115%; } .sixteen.colgrid .row .push_eleven { margin-left: 70.69712%; } .sixteen.colgrid .row .push_eleven:first-child { margin-left: 69.54327%; } .sixteen.colgrid .row .push_twelve { margin-left: 77.01923%; } .sixteen.colgrid .row .push_twelve:first-child { margin-left: 75.86538%; } .sixteen.colgrid .row .push_thirteen { margin-left: 83.34135%; } .sixteen.colgrid .row .push_thirteen:first-child { margin-left: 82.1875%; } .sixteen.colgrid .row .push_fourteen { margin-left: 89.66346%; } .sixteen.colgrid .row .push_fourteen:first-child { margin-left: 88.50962%; } .sixteen.colgrid .row .push_fifteen { margin-left: 95.98558%; } .sixteen.colgrid .row .push_fifteen:first-child { margin-left: 94.83173%; } /* Hybrid Centered Classes */ .sixteen.colgrid .row .one.centered { margin-left: 47.41587%; } .sixteen.colgrid .row .two.centered { margin-left: 44.25481%; } .sixteen.colgrid .row .three.centered { margin-left: 41.09375%; } .sixteen.colgrid .row .four.centered { margin-left: 37.93269%; } .sixteen.colgrid .row .five.centered { margin-left: 34.77163%; } .sixteen.colgrid .row .six.centered { margin-left: 31.61058%; } .sixteen.colgrid .row .seven.centered { margin-left: 28.44952%; } .sixteen.colgrid .row .eight.centered { margin-left: 25.28846%; } .sixteen.colgrid .row .nine.centered { margin-left: 22.1274%; } .sixteen.colgrid .row .ten.centered { margin-left: 18.96635%; } .sixteen.colgrid .row .eleven.centered { margin-left: 15.80529%; } .sixteen.colgrid .row .twelve.centered { margin-left: 12.64423%; } .sixteen.colgrid .row .thirteen.centered { margin-left: 9.48317%; } .sixteen.colgrid .row .fourteen.centered { margin-left: 6.32212%; } .sixteen.colgrid .row .fifteen.centered { margin-left: 3.16106%; } .pull_right { float: right; } .pull_left { float: left; } img { height: auto; } img { max-width: 100%; -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img { max-width: none !important; } /* Tile Grid */ .tiles { display: block; overflow: hidden; } .tiles > li { display: block; height: auto; float: left; padding-bottom: 0; } .tiles.two_up { margin-left: -4%; } .tiles.two_up > li { margin-left: 4%; width: 46%; } .tiles.three_up, .tiles.four_up { margin-left: -2%; } .tiles.three_up > li { margin-left: 2%; width: 31.3%; } .tiles.four_up > li { margin-left: 2%; width: 23%; } .tiles.five_up { margin-left: -1.5%; } .tiles.five_up > li { margin-left: 1.5%; width: 18.5%; } /* Nicolas Gallagher's micro clearfix */ .clearfix, .special-offer-popup div, .summer-takeover .overlay-body, .super_header, .site_header, .site_header .site_header_inner, .site_header .additional_links > li.magazines .magazine-subnavigation nav, .subnavigation_wrapper .subnavigation, #main, .meta.post_block, .latest_news ul li, .block.developing_stories > ul, .tab_container .etabs, .voices_block ul > li, .article_meta, .with_tooltip .tooltip, .article_content .prose, .article_content .article_inner, .comment_wrapper, .homepage_leader, .homepage_leader .main_post h2, .homepage_leader .main_post h2 a, .bio_block, .modal.gallery .gallery_footer .inner, .modal.table_of_contents .toc_wrapper, .featured_post_nav, .section_wrapper { *zoom: 1; } .clearfix:before, .special-offer-popup div:before, .summer-takeover .overlay-body:before, .super_header:before, .site_header:before, .site_header .site_header_inner:before, .site_header .additional_links > li.magazines .magazine-subnavigation nav:before, .subnavigation_wrapper .subnavigation:before, #main:before, .meta.post_block:before, .latest_news ul li:before, .block.developing_stories > ul:before, .tab_container .etabs:before, .voices_block ul > li:before, .article_meta:before, .with_tooltip .tooltip:before, .article_content .prose:before, .article_content .article_inner:before, .comment_wrapper:before, .homepage_leader:before, .homepage_leader .main_post h2:before, .homepage_leader .main_post h2 a:before, .bio_block:before, .modal.gallery .gallery_footer .inner:before, .modal.table_of_contents .toc_wrapper:before, .featured_post_nav:before, .section_wrapper:before, .clearfix:after, .special-offer-popup div:after, .summer-takeover .overlay-body:after, .super_header:after, .site_header:after, .site_header .site_header_inner:after, .site_header .additional_links > li.magazines .magazine-subnavigation nav:after, .subnavigation_wrapper .subnavigation:after, #main:after, .meta.post_block:after, .latest_news ul li:after, .block.developing_stories > ul:after, .tab_container .etabs:after, .voices_block ul > li:after, .article_meta:after, .with_tooltip .tooltip:after, .article_content .prose:after, .article_content .article_inner:after, .comment_wrapper:after, .homepage_leader:after, .homepage_leader .main_post h2:after, .homepage_leader .main_post h2 a:after, .bio_block:after, .modal.gallery .gallery_footer .inner:after, .modal.table_of_contents .toc_wrapper:after, .featured_post_nav:after, .section_wrapper:after { content: ""; display: table; } .clearfix:after, .special-offer-popup div:after, .summer-takeover .overlay-body:after, .super_header:after, .site_header:after, .site_header .site_header_inner:after, .site_header .additional_links > li.magazines .magazine-subnavigation nav:after, .subnavigation_wrapper .subnavigation:after, #main:after, .meta.post_block:after, .latest_news ul li:after, .block.developing_stories > ul:after, .tab_container .etabs:after, .voices_block ul > li:after, .article_meta:after, .with_tooltip .tooltip:after, .article_content .prose:after, .article_content .article_inner:after, .comment_wrapper:after, .homepage_leader:after, .homepage_leader .main_post h2:after, .homepage_leader .main_post h2 a:after, .bio_block:after, .modal.gallery .gallery_footer .inner:after, .modal.table_of_contents .toc_wrapper:after, .featured_post_nav:after, .section_wrapper:after { clear: both; } .row { *zoom: 1; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } .valign, .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li li, .homepage_leader_slider_wrapper .related_posts_wrapper, .with_tooltip .tooltip, .homepage_leader.home { display: table; width: 100%; } .valign > div, .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li li > div, .homepage_leader_slider_wrapper .related_posts_wrapper > div, .with_tooltip .tooltip > div, .homepage_leader.home > div { display: table-cell; vertical-align: middle; } .valign ​ > article, .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li li ​ > article, .homepage_leader_slider_wrapper .related_posts_wrapper ​ > article, .with_tooltip .tooltip ​ > article, .homepage_leader.home ​ > article { display: table-cell; vertical-align: middle; } /* Mobile */ @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; } .container { min-width: 0; margin-left: 0; margin-right: 0; } .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; } .row .row .column, .row .row .columns { padding: 0; } .row .centered { margin-left: 0 !important; } .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; } .column:last-child, .columns:last-child { margin-right: 0; float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } [class*="column"]:before { display: table; } [class*="column"]:after { display: table; clear: both; } [class^="push_"], [class*="push_"] { margin-left: 0 !important; } } .image { line-height: 0; margin-bottom: 20px; } .image.circle { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; overflow: hidden; width: auto; } .image.rounded { overflow: hidden; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px 4px; -ms-border-radius: 4px 4px; -o-border-radius: 4px 4px; border-radius: 4px 4px; } .image.photo { border: 5px solid #fff; -webkit-box-shadow: 0 0 1px #555555; -moz-box-shadow: 0 0 1px #555555; box-shadow: 0 0 1px #555555; } .image.photo.polaroid { padding-bottom: 50px; background: #fff; } body .video { width: 100%; position: relative; height: 0; padding-bottom: 56.25%; } body .video.twitch, body .video.youtube.show_controls { padding-top: 30px; } .video > video, .video > iframe, .video > object, .video > embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } table { display: table; background-color: white; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; width: 100%; border: 1px solid #e5e5e5; } table caption { text-align: center; font-size: 30px; padding: .75em; } table thead th, table tbody td, table tr td { display: table-cell; padding: 10px; vertical-align: top; text-align: left; border-top: 1px solid #e5e5e5; } table tr td, table tbody tr td { font-size: 16px; } table tr td:first-child { font-weight: bold; } table thead { background-color: #3085d6; color: #fff; } table thead tr th { font-size: 16px; font-weight: bold; vertical-align: bottom; } table.striped tr:nth-of-type(even), table table tr.stripe, table table tr.striped { background-color: #e5e5e5; } table.rounded { border-radius: 4px; border-collapse: separate; } table.rounded caption + thead tr:first-child th:first-child, table.rounded caption + tr td:first-child, table.rounded > thead tr:first-child th:first-child, table.rounded > thead tr:first-child td:first-child, table.rounded > tr:first-child td:first-child { border-top-left-radius: 4px; } table.rounded caption + thead tr:first-child th:last-child, table.rounded caption + tr td:last-child, table.rounded > thead tr:first-child th:last-child, table.rounded > thead tr:first-child td:last-child, table.rounded > tr:first-child td:last-child { border-top-right-radius: 4px; } table.rounded thead ~ tr:last-child td:last-child, table.rounded tbody tr:last-child td:last-child { border-bottom-right-radius: 4px; } table.rounded thead ~ tr:last-child td:first-child, table.rounded tbody tr:last-child td:first-child { border-bottom-left-radius: 4px; } table.rounded thead th, table.rounded thead td, table.rounded caption + tbody tr:first-child td, table.rounded > tbody:first-child tr:first-child td { border-top: 0; } /* Icons */ [class^="icon-"] a:before, [class*=" icon-"] a:before, [class^="icon-"] a:after, [class*=" icon-"] a:after, i[class^="icon-"], i[class*=" icon-"] { font-family: "entypo"; position: absolute; text-decoration: none; zoom: 1; } i[class^="icon-"], i[class*=" icon-"] { display: inline-block; position: static; min-width: 20px; margin: 0 5px; text-align: center; } .icon-note.icon-left a:before, .icon-note.icon-right a:after { content: "\266a"; height: inherit; } i.icon-note:before { content: "\266a"; height: inherit; } .icon-note-beamed.icon-left a:before, .icon-note-beamed.icon-right a:after { content: "\266b"; height: inherit; } i.icon-note-beamed:before { content: "\266b"; height: inherit; } .icon-music.icon-left a:before, .icon-music.icon-right a:after { content: "🎵"; height: inherit; } i.icon-music:before { content: "🎵"; height: inherit; } .icon-search.icon-left a:before, .icon-search.icon-right a:after { content: "🔍"; height: inherit; } i.icon-search:before { content: "🔍"; height: inherit; } .icon-flashlight.icon-left a:before, .icon-flashlight.icon-right a:after { content: "🔦"; height: inherit; } i.icon-flashlight:before { content: "🔦"; height: inherit; } .icon-mail.icon-left a:before, .icon-mail.icon-right a:after { content: "\2709"; height: inherit; } i.icon-mail:before { content: "\2709"; height: inherit; } .icon-heart.icon-left a:before, .icon-heart.icon-right a:after { content: "\2665"; height: inherit; } i.icon-heart:before { content: "\2665"; height: inherit; } .icon-heart-empty.icon-left a:before, .icon-heart-empty.icon-right a:after { content: "\2661"; height: inherit; } i.icon-heart-empty:before { content: "\2661"; height: inherit; } .icon-star.icon-left a:before, .icon-star.icon-right a:after { content: "\2605"; height: inherit; } i.icon-star:before { content: "\2605"; height: inherit; } .icon-star-empty.icon-left a:before, .icon-star-empty.icon-right a:after { content: "\2606"; height: inherit; } i.icon-star-empty:before { content: "\2606"; height: inherit; } .icon-user.icon-left a:before, .icon-user.icon-right a:after { content: "👤"; height: inherit; } i.icon-user:before { content: "👤"; height: inherit; } .icon-users.icon-left a:before, .icon-users.icon-right a:after { content: "👥"; height: inherit; } i.icon-users:before { content: "👥"; height: inherit; } .icon-user-add.icon-left a:before, .icon-user-add.icon-right a:after { content: "\e700"; height: inherit; } i.icon-user-add:before { content: "\e700"; height: inherit; } .icon-video.icon-left a:before, .icon-video.icon-right a:after { content: "🎬"; height: inherit; } i.icon-video:before { content: "🎬"; height: inherit; } .icon-picture.icon-left a:before, .icon-picture.icon-right a:after { content: "🌄"; height: inherit; } i.icon-picture:before { content: "🌄"; height: inherit; } .icon-camera.icon-left a:before, .icon-camera.icon-right a:after { content: "📷"; height: inherit; } i.icon-camera:before { content: "📷"; height: inherit; } .icon-layout.icon-left a:before, .icon-layout.icon-right a:after { content: "\268f"; height: inherit; } i.icon-layout:before { content: "\268f"; height: inherit; } .icon-menu.icon-left a:before, .icon-menu.icon-right a:after { content: "\2630"; height: inherit; } i.icon-menu:before { content: "\2630"; height: inherit; } .icon-check.icon-left a:before, .icon-check.icon-right a:after { content: "\2713"; height: inherit; } i.icon-check:before { content: "\2713"; height: inherit; } .icon-cancel.icon-left a:before, .icon-cancel.icon-right a:after { content: "\2715"; height: inherit; } i.icon-cancel:before { content: "\2715"; height: inherit; } .icon-cancel-circled.icon-left a:before, .icon-cancel-circled.icon-right a:after { content: "\2716"; height: inherit; } i.icon-cancel-circled:before { content: "\2716"; height: inherit; } .icon-cancel-squared.icon-left a:before, .icon-cancel-squared.icon-right a:after { content: "\274e"; height: inherit; } i.icon-cancel-squared:before { content: "\274e"; height: inherit; } .icon-plus.icon-left a:before, .icon-plus.icon-right a:after { content: "\2b"; height: inherit; } i.icon-plus:before { content: "\2b"; height: inherit; } .icon-plus-circled.icon-left a:before, .icon-plus-circled.icon-right a:after { content: "\2795"; height: inherit; } i.icon-plus-circled:before { content: "\2795"; height: inherit; } .icon-plus-squared.icon-left a:before, .icon-plus-squared.icon-right a:after { content: "\229e"; height: inherit; } i.icon-plus-squared:before { content: "\229e"; height: inherit; } .icon-minus.icon-left a:before, .icon-minus.icon-right a:after { content: "\2d"; height: inherit; } i.icon-minus:before { content: "\2d"; height: inherit; } .icon-minus-circled.icon-left a:before, .icon-minus-circled.icon-right a:after { content: "\2796"; height: inherit; } i.icon-minus-circled:before { content: "\2796"; height: inherit; } .icon-minus-squared.icon-left a:before, .icon-minus-squared.icon-right a:after { content: "\229f"; height: inherit; } i.icon-minus-squared:before { content: "\229f"; height: inherit; } .icon-help.icon-left a:before, .icon-help.icon-right a:after { content: "\2753"; height: inherit; } i.icon-help:before { content: "\2753"; height: inherit; } .icon-help-circled.icon-left a:before, .icon-help-circled.icon-right a:after { content: "\e704"; height: inherit; } i.icon-help-circled:before { content: "\e704"; height: inherit; } .icon-info.icon-left a:before, .icon-info.icon-right a:after { content: "\2139"; height: inherit; } i.icon-info:before { content: "\2139"; height: inherit; } .icon-info-circled.icon-left a:before, .icon-info-circled.icon-right a:after { content: "\e705"; height: inherit; } i.icon-info-circled:before { content: "\e705"; height: inherit; } .icon-back.icon-left a:before, .icon-back.icon-right a:after { content: "🔙"; height: inherit; } i.icon-back:before { content: "🔙"; height: inherit; } .icon-home.icon-left a:before, .icon-home.icon-right a:after { content: "\2302"; height: inherit; } i.icon-home:before { content: "\2302"; height: inherit; } .icon-link.icon-left a:before, .icon-link.icon-right a:after { content: "🔗"; height: inherit; } i.icon-link:before { content: "🔗"; height: inherit; } .icon-attach.icon-left a:before, .icon-attach.icon-right a:after { content: "📎"; height: inherit; } i.icon-attach:before { content: "📎"; height: inherit; } .icon-lock.icon-left a:before, .icon-lock.icon-right a:after { content: "🔒"; height: inherit; } i.icon-lock:before { content: "🔒"; height: inherit; } .icon-lock-open.icon-left a:before, .icon-lock-open.icon-right a:after { content: "🔓"; height: inherit; } i.icon-lock-open:before { content: "🔓"; height: inherit; } .icon-eye.icon-left a:before, .icon-eye.icon-right a:after { content: "\e70a"; height: inherit; } i.icon-eye:before { content: "\e70a"; height: inherit; } .icon-tag.icon-left a:before, .icon-tag.icon-right a:after { content: "\e70c"; height: inherit; } i.icon-tag:before { content: "\e70c"; height: inherit; } .icon-bookmark.icon-left a:before, .icon-bookmark.icon-right a:after { content: "🔖"; height: inherit; } i.icon-bookmark:before { content: "🔖"; height: inherit; } .icon-bookmarks.icon-left a:before, .icon-bookmarks.icon-right a:after { content: "📑"; height: inherit; } i.icon-bookmarks:before { content: "📑"; height: inherit; } .icon-flag.icon-left a:before, .icon-flag.icon-right a:after { content: "\2691"; height: inherit; } i.icon-flag:before { content: "\2691"; height: inherit; } .icon-thumbs-up.icon-left a:before, .icon-thumbs-up.icon-right a:after { content: "👍"; height: inherit; } i.icon-thumbs-up:before { content: "👍"; height: inherit; } .icon-thumbs-down.icon-left a:before, .icon-thumbs-down.icon-right a:after { content: "👎"; height: inherit; } i.icon-thumbs-down:before { content: "👎"; height: inherit; } .icon-download.icon-left a:before, .icon-download.icon-right a:after { content: "📥"; height: inherit; } i.icon-download:before { content: "📥"; height: inherit; } .icon-upload.icon-left a:before, .icon-upload.icon-right a:after { content: "📤"; height: inherit; } i.icon-upload:before { content: "📤"; height: inherit; } .icon-upload-cloud.icon-left a:before, .icon-upload-cloud.icon-right a:after { content: "\e711"; height: inherit; } i.icon-upload-cloud:before { content: "\e711"; height: inherit; } .icon-reply.icon-left a:before, .icon-reply.icon-right a:after { content: "\e712"; height: inherit; } i.icon-reply:before { content: "\e712"; height: inherit; } .icon-reply-all.icon-left a:before, .icon-reply-all.icon-right a:after { content: "\e713"; height: inherit; } i.icon-reply-all:before { content: "\e713"; height: inherit; } .icon-forward.icon-left a:before, .icon-forward.icon-right a:after { content: "\27a6"; height: inherit; } i.icon-forward:before { content: "\27a6"; height: inherit; } .icon-quote.icon-left a:before, .icon-quote.icon-right a:after { content: "\275e"; height: inherit; } i.icon-quote:before { content: "\275e"; height: inherit; } .icon-code.icon-left a:before, .icon-code.icon-right a:after { content: "\e714"; height: inherit; } i.icon-code:before { content: "\e714"; height: inherit; } .icon-export.icon-left a:before, .icon-export.icon-right a:after { content: "\e715"; height: inherit; } i.icon-export:before { content: "\e715"; height: inherit; } .icon-pencil.icon-left a:before, .icon-pencil.icon-right a:after { content: "\270e"; height: inherit; } i.icon-pencil:before { content: "\270e"; height: inherit; } .icon-feather.icon-left a:before, .icon-feather.icon-right a:after { content: "\2712"; height: inherit; } i.icon-feather:before { content: "\2712"; height: inherit; } .icon-print.icon-left a:before, .icon-print.icon-right a:after { content: "\e716"; height: inherit; } i.icon-print:before { content: "\e716"; height: inherit; } .icon-retweet.icon-left a:before, .icon-retweet.icon-right a:after { content: "\e717"; height: inherit; } i.icon-retweet:before { content: "\e717"; height: inherit; } .icon-keyboard.icon-left a:before, .icon-keyboard.icon-right a:after { content: "\2328"; height: inherit; } i.icon-keyboard:before { content: "\2328"; height: inherit; } .icon-comment.icon-left a:before, .icon-comment.icon-right a:after { content: "\e718"; height: inherit; } i.icon-comment:before { content: "\e718"; height: inherit; } .icon-chat.icon-left a:before, .icon-chat.icon-right a:after { content: "\e720"; height: inherit; } i.icon-chat:before { content: "\e720"; height: inherit; } .icon-bell.icon-left a:before, .icon-bell.icon-right a:after { content: "🔔"; height: inherit; } i.icon-bell:before { content: "🔔"; height: inherit; } .icon-attention.icon-left a:before, .icon-attention.icon-right a:after { content: "\26a0"; height: inherit; } i.icon-attention:before { content: "\26a0"; height: inherit; } .icon-alert.icon-left a:before, .icon-alert.icon-right a:after { content: "💥"; height: inherit; } i.icon-alert:before { content: "💥"; height: inherit; } .icon-vcard.icon-left a:before, .icon-vcard.icon-right a:after { content: "\e722"; height: inherit; } i.icon-vcard:before { content: "\e722"; height: inherit; } .icon-address.icon-left a:before, .icon-address.icon-right a:after { content: "\e723"; height: inherit; } i.icon-address:before { content: "\e723"; height: inherit; } .icon-location.icon-left a:before, .icon-location.icon-right a:after { content: "\e724"; height: inherit; } i.icon-location:before { content: "\e724"; height: inherit; } .icon-map.icon-left a:before, .icon-map.icon-right a:after { content: "\e727"; height: inherit; } i.icon-map:before { content: "\e727"; height: inherit; } .icon-direction.icon-left a:before, .icon-direction.icon-right a:after { content: "\27a2"; height: inherit; } i.icon-direction:before { content: "\27a2"; height: inherit; } .icon-compass.icon-left a:before, .icon-compass.icon-right a:after { content: "\e728"; height: inherit; } i.icon-compass:before { content: "\e728"; height: inherit; } .icon-cup.icon-left a:before, .icon-cup.icon-right a:after { content: "\2615"; height: inherit; } i.icon-cup:before { content: "\2615"; height: inherit; } .icon-trash.icon-left a:before, .icon-trash.icon-right a:after { content: "\e729"; height: inherit; } i.icon-trash:before { content: "\e729"; height: inherit; } .icon-doc.icon-left a:before, .icon-doc.icon-right a:after { content: "\e730"; height: inherit; } i.icon-doc:before { content: "\e730"; height: inherit; } .icon-docs.icon-left a:before, .icon-docs.icon-right a:after { content: "\e736"; height: inherit; } i.icon-docs:before { content: "\e736"; height: inherit; } .icon-doc-landscape.icon-left a:before, .icon-doc-landscape.icon-right a:after { content: "\e737"; height: inherit; } i.icon-doc-landscape:before { content: "\e737"; height: inherit; } .icon-doc-text.icon-left a:before, .icon-doc-text.icon-right a:after { content: "📄"; height: inherit; } i.icon-doc-text:before { content: "📄"; height: inherit; } .icon-doc-text-inv.icon-left a:before, .icon-doc-text-inv.icon-right a:after { content: "\e731"; height: inherit; } i.icon-doc-text-inv:before { content: "\e731"; height: inherit; } .icon-newspaper.icon-left a:before, .icon-newspaper.icon-right a:after { content: "📰"; height: inherit; } i.icon-newspaper:before { content: "📰"; height: inherit; } .icon-book-open.icon-left a:before, .icon-book-open.icon-right a:after { content: "📖"; height: inherit; } i.icon-book-open:before { content: "📖"; height: inherit; } .icon-book.icon-left a:before, .icon-book.icon-right a:after { content: "📕"; height: inherit; } i.icon-book:before { content: "📕"; height: inherit; } .icon-folder.icon-left a:before, .icon-folder.icon-right a:after { content: "📁"; height: inherit; } i.icon-folder:before { content: "📁"; height: inherit; } .icon-archive.icon-left a:before, .icon-archive.icon-right a:after { content: "\e738"; height: inherit; } i.icon-archive:before { content: "\e738"; height: inherit; } .icon-box.icon-left a:before, .icon-box.icon-right a:after { content: "📦"; height: inherit; } i.icon-box:before { content: "📦"; height: inherit; } .icon-rss.icon-left a:before, .icon-rss.icon-right a:after { content: "\e73a"; height: inherit; } i.icon-rss:before { content: "\e73a"; height: inherit; } .icon-phone.icon-left a:before, .icon-phone.icon-right a:after { content: "📞"; height: inherit; } i.icon-phone:before { content: "📞"; height: inherit; } .icon-cog.icon-left a:before, .icon-cog.icon-right a:after { content: "\2699"; height: inherit; } i.icon-cog:before { content: "\2699"; height: inherit; } .icon-tools.icon-left a:before, .icon-tools.icon-right a:after { content: "\2692"; height: inherit; } i.icon-tools:before { content: "\2692"; height: inherit; } .icon-share.icon-left a:before, .icon-share.icon-right a:after { content: "\e73c"; height: inherit; } i.icon-share:before { content: "\e73c"; height: inherit; } .icon-shareable.icon-left a:before, .icon-shareable.icon-right a:after { content: "\e73e"; height: inherit; } i.icon-shareable:before { content: "\e73e"; height: inherit; } .icon-basket.icon-left a:before, .icon-basket.icon-right a:after { content: "\e73d"; height: inherit; } i.icon-basket:before { content: "\e73d"; height: inherit; } .icon-bag.icon-left a:before, .icon-bag.icon-right a:after { content: "👜"; height: inherit; } i.icon-bag:before { content: "👜"; height: inherit; } .icon-calendar.icon-left a:before, .icon-calendar.icon-right a:after { content: "📅"; height: inherit; } i.icon-calendar:before { content: "📅"; height: inherit; } .icon-login.icon-left a:before, .icon-login.icon-right a:after { content: "\e740"; height: inherit; } i.icon-login:before { content: "\e740"; height: inherit; } .icon-logout.icon-left a:before, .icon-logout.icon-right a:after { content: "\e741"; height: inherit; } i.icon-logout:before { content: "\e741"; height: inherit; } .icon-mic.icon-left a:before, .icon-mic.icon-right a:after { content: "🎤"; height: inherit; } i.icon-mic:before { content: "🎤"; height: inherit; } .icon-mute.icon-left a:before, .icon-mute.icon-right a:after { content: "🔇"; height: inherit; } i.icon-mute:before { content: "🔇"; height: inherit; } .icon-sound.icon-left a:before, .icon-sound.icon-right a:after { content: "🔊"; height: inherit; } i.icon-sound:before { content: "🔊"; height: inherit; } .icon-volume.icon-left a:before, .icon-volume.icon-right a:after { content: "\e742"; height: inherit; } i.icon-volume:before { content: "\e742"; height: inherit; } .icon-clock.icon-left a:before, .icon-clock.icon-right a:after { content: "🕔"; height: inherit; } i.icon-clock:before { content: "🕔"; height: inherit; } .icon-hourglass.icon-left a:before, .icon-hourglass.icon-right a:after { content: "\23f3"; height: inherit; } i.icon-hourglass:before { content: "\23f3"; height: inherit; } .icon-lamp.icon-left a:before, .icon-lamp.icon-right a:after { content: "💡"; height: inherit; } i.icon-lamp:before { content: "💡"; height: inherit; } .icon-light-down.icon-left a:before, .icon-light-down.icon-right a:after { content: "🔅"; height: inherit; } i.icon-light-down:before { content: "🔅"; height: inherit; } .icon-light-up.icon-left a:before, .icon-light-up.icon-right a:after { content: "🔆"; height: inherit; } i.icon-light-up:before { content: "🔆"; height: inherit; } .icon-adjust.icon-left a:before, .icon-adjust.icon-right a:after { content: "\25d1"; height: inherit; } i.icon-adjust:before { content: "\25d1"; height: inherit; } .icon-block.icon-left a:before, .icon-block.icon-right a:after { content: "🚫"; height: inherit; } i.icon-block:before { content: "🚫"; height: inherit; } .icon-resize-full.icon-left a:before, .icon-resize-full.icon-right a:after { content: "\e744"; height: inherit; } i.icon-resize-full:before { content: "\e744"; height: inherit; } .icon-resize-small.icon-left a:before, .icon-resize-small.icon-right a:after { content: "\e746"; height: inherit; } i.icon-resize-small:before { content: "\e746"; height: inherit; } .icon-popup.icon-left a:before, .icon-popup.icon-right a:after { content: "\e74c"; height: inherit; } i.icon-popup:before { content: "\e74c"; height: inherit; } .icon-publish.icon-left a:before, .icon-publish.icon-right a:after { content: "\e74d"; height: inherit; } i.icon-publish:before { content: "\e74d"; height: inherit; } .icon-window.icon-left a:before, .icon-window.icon-right a:after { content: "\e74e"; height: inherit; } i.icon-window:before { content: "\e74e"; height: inherit; } .icon-arrow-combo.icon-left a:before, .icon-arrow-combo.icon-right a:after { content: "\e74f"; height: inherit; } i.icon-arrow-combo:before { content: "\e74f"; height: inherit; } .icon-down-circled.icon-left a:before, .icon-down-circled.icon-right a:after { content: "\e758"; height: inherit; } i.icon-down-circled:before { content: "\e758"; height: inherit; } .icon-left-circled.icon-left a:before, .icon-left-circled.icon-right a:after { content: "\e759"; height: inherit; } i.icon-left-circled:before { content: "\e759"; height: inherit; } .icon-right-circled.icon-left a:before, .icon-right-circled.icon-right a:after { content: "\e75a"; height: inherit; } i.icon-right-circled:before { content: "\e75a"; height: inherit; } .icon-up-circled.icon-left a:before, .icon-up-circled.icon-right a:after { content: "\e75b"; height: inherit; } i.icon-up-circled:before { content: "\e75b"; height: inherit; } .icon-down-open.icon-left a:before, .icon-down-open.icon-right a:after { content: "\e75c"; height: inherit; } i.icon-down-open:before { content: "\e75c"; height: inherit; } .icon-left-open.icon-left a:before, .icon-left-open.icon-right a:after { content: "\e75d"; height: inherit; } i.icon-left-open:before { content: "\e75d"; height: inherit; } .icon-right-open.icon-left a:before, .icon-right-open.icon-right a:after { content: "\e75e"; height: inherit; } i.icon-right-open:before { content: "\e75e"; height: inherit; } .icon-up-open.icon-left a:before, .icon-up-open.icon-right a:after { content: "\e75f"; height: inherit; } i.icon-up-open:before { content: "\e75f"; height: inherit; } .icon-down-open-mini.icon-left a:before, .icon-down-open-mini.icon-right a:after { content: "\e760"; height: inherit; } i.icon-down-open-mini:before { content: "\e760"; height: inherit; } .icon-left-open-mini.icon-left a:before, .icon-left-open-mini.icon-right a:after { content: "\e761"; height: inherit; } i.icon-left-open-mini:before { content: "\e761"; height: inherit; } .icon-right-open-mini.icon-left a:before, .icon-right-open-mini.icon-right a:after { content: "\e762"; height: inherit; } i.icon-right-open-mini:before { content: "\e762"; height: inherit; } .icon-up-open-mini.icon-left a:before, .icon-up-open-mini.icon-right a:after { content: "\e763"; height: inherit; } i.icon-up-open-mini:before { content: "\e763"; height: inherit; } .icon-down-open-big.icon-left a:before, .icon-down-open-big.icon-right a:after { content: "\e764"; height: inherit; } i.icon-down-open-big:before { content: "\e764"; height: inherit; } .icon-left-open-big.icon-left a:before, .icon-left-open-big.icon-right a:after { content: "\e765"; height: inherit; } i.icon-left-open-big:before { content: "\e765"; height: inherit; } .icon-right-open-big.icon-left a:before, .icon-right-open-big.icon-right a:after { content: "\e766"; height: inherit; } i.icon-right-open-big:before { content: "\e766"; height: inherit; } .icon-up-open-big.icon-left a:before, .icon-up-open-big.icon-right a:after { content: "\e767"; height: inherit; } i.icon-up-open-big:before { content: "\e767"; height: inherit; } .icon-down.icon-left a:before, .icon-down.icon-right a:after { content: "\2b07"; height: inherit; } i.icon-down:before { content: "\2b07"; height: inherit; } .icon-arrow-left.icon-left a:before, .icon-arrow-left.icon-right a:after { content: "\2b05"; height: inherit; } i.icon-arrow-left:before { content: "\2b05"; height: inherit; } .icon-arrow-right.icon-left a:before, .icon-arrow-right.icon-right a:after { content: "\27a1"; height: inherit; } i.icon-arrow-right:before { content: "\27a1"; height: inherit; } .icon-up.icon-left a:before, .icon-up.icon-right a:after { content: "\2b06"; height: inherit; } i.icon-up:before { content: "\2b06"; height: inherit; } .icon-down-dir.icon-left a:before, .icon-down-dir.icon-right a:after { content: "\25be"; height: inherit; } i.icon-down-dir:before { content: "\25be"; height: inherit; } .icon-left-dir.icon-left a:before, .icon-left-dir.icon-right a:after { content: "\25c2"; height: inherit; } i.icon-left-dir:before { content: "\25c2"; height: inherit; } .icon-right-dir.icon-left a:before, .icon-right-dir.icon-right a:after { content: "\25b8"; height: inherit; } i.icon-right-dir:before { content: "\25b8"; height: inherit; } .icon-up-dir.icon-left a:before, .icon-up-dir.icon-right a:after { content: "\25b4"; height: inherit; } i.icon-up-dir:before { content: "\25b4"; height: inherit; } .icon-down-bold.icon-left a:before, .icon-down-bold.icon-right a:after { content: "\e4b0"; height: inherit; } i.icon-down-bold:before { content: "\e4b0"; height: inherit; } .icon-left-bold.icon-left a:before, .icon-left-bold.icon-right a:after { content: "\e4ad"; height: inherit; } i.icon-left-bold:before { content: "\e4ad"; height: inherit; } .icon-right-bold.icon-left a:before, .icon-right-bold.icon-right a:after { content: "\e4ae"; height: inherit; } i.icon-right-bold:before { content: "\e4ae"; height: inherit; } .icon-up-bold.icon-left a:before, .icon-up-bold.icon-right a:after { content: "\e4af"; height: inherit; } i.icon-up-bold:before { content: "\e4af"; height: inherit; } .icon-down-thin.icon-left a:before, .icon-down-thin.icon-right a:after { content: "\2193"; height: inherit; } i.icon-down-thin:before { content: "\2193"; height: inherit; } .icon-left-thin.icon-left a:before, .icon-left-thin.icon-right a:after { content: "\2190"; height: inherit; } i.icon-left-thin:before { content: "\2190"; height: inherit; } .icon-right-thin.icon-left a:before, .icon-right-thin.icon-right a:after { content: "\2192"; height: inherit; } i.icon-right-thin:before { content: "\2192"; height: inherit; } .icon-up-thin.icon-left a:before, .icon-up-thin.icon-right a:after { content: "\2191"; height: inherit; } i.icon-up-thin:before { content: "\2191"; height: inherit; } .icon-ccw.icon-left a:before, .icon-ccw.icon-right a:after { content: "\27f2"; height: inherit; } i.icon-ccw:before { content: "\27f2"; height: inherit; } .icon-cw.icon-left a:before, .icon-cw.icon-right a:after { content: "\27f3"; height: inherit; } i.icon-cw:before { content: "\27f3"; height: inherit; } .icon-arrows-ccw.icon-left a:before, .icon-arrows-ccw.icon-right a:after { content: "🔄"; height: inherit; } i.icon-arrows-ccw:before { content: "🔄"; height: inherit; } .icon-level-down.icon-left a:before, .icon-level-down.icon-right a:after { content: "\21b3"; height: inherit; } i.icon-level-down:before { content: "\21b3"; height: inherit; } .icon-level-up.icon-left a:before, .icon-level-up.icon-right a:after { content: "\21b0"; height: inherit; } i.icon-level-up:before { content: "\21b0"; height: inherit; } .icon-shuffle.icon-left a:before, .icon-shuffle.icon-right a:after { content: "🔀"; height: inherit; } i.icon-shuffle:before { content: "🔀"; height: inherit; } .icon-loop.icon-left a:before, .icon-loop.icon-right a:after { content: "🔁"; height: inherit; } i.icon-loop:before { content: "🔁"; height: inherit; } .icon-switch.icon-left a:before, .icon-switch.icon-right a:after { content: "\21c6"; height: inherit; } i.icon-switch:before { content: "\21c6"; height: inherit; } .icon-play.icon-left a:before, .icon-play.icon-right a:after { content: "\25b6"; height: inherit; } i.icon-play:before { content: "\25b6"; height: inherit; } .icon-stop.icon-left a:before, .icon-stop.icon-right a:after { content: "\25a0"; height: inherit; } i.icon-stop:before { content: "\25a0"; height: inherit; } .icon-pause.icon-left a:before, .icon-pause.icon-right a:after { content: "\2389"; height: inherit; } i.icon-pause:before { content: "\2389"; height: inherit; } .icon-record.icon-left a:before, .icon-record.icon-right a:after { content: "\26ab"; height: inherit; } i.icon-record:before { content: "\26ab"; height: inherit; } .icon-to-end.icon-left a:before, .icon-to-end.icon-right a:after { content: "\23ed"; height: inherit; } i.icon-to-end:before { content: "\23ed"; height: inherit; } .icon-to-start.icon-left a:before, .icon-to-start.icon-right a:after { content: "\23ee"; height: inherit; } i.icon-to-start:before { content: "\23ee"; height: inherit; } .icon-fast-forward.icon-left a:before, .icon-fast-forward.icon-right a:after { content: "\23e9"; height: inherit; } i.icon-fast-forward:before { content: "\23e9"; height: inherit; } .icon-fast-backward.icon-left a:before, .icon-fast-backward.icon-right a:after { content: "\23ea"; height: inherit; } i.icon-fast-backward:before { content: "\23ea"; height: inherit; } .icon-progress-0.icon-left a:before, .icon-progress-0.icon-right a:after { content: "\e768"; height: inherit; } i.icon-progress-0:before { content: "\e768"; height: inherit; } .icon-progress-1.icon-left a:before, .icon-progress-1.icon-right a:after { content: "\e769"; height: inherit; } i.icon-progress-1:before { content: "\e769"; height: inherit; } .icon-progress-2.icon-left a:before, .icon-progress-2.icon-right a:after { content: "\e76a"; height: inherit; } i.icon-progress-2:before { content: "\e76a"; height: inherit; } .icon-progress-3.icon-left a:before, .icon-progress-3.icon-right a:after { content: "\e76b"; height: inherit; } i.icon-progress-3:before { content: "\e76b"; height: inherit; } .icon-target.icon-left a:before, .icon-target.icon-right a:after { content: "🎯"; height: inherit; } i.icon-target:before { content: "🎯"; height: inherit; } .icon-palette.icon-left a:before, .icon-palette.icon-right a:after { content: "🎨"; height: inherit; } i.icon-palette:before { content: "🎨"; height: inherit; } .icon-list.icon-left a:before, .icon-list.icon-right a:after { content: "\e005"; height: inherit; } i.icon-list:before { content: "\e005"; height: inherit; } .icon-list-add.icon-left a:before, .icon-list-add.icon-right a:after { content: "\e003"; height: inherit; } i.icon-list-add:before { content: "\e003"; height: inherit; } .icon-signal.icon-left a:before, .icon-signal.icon-right a:after { content: "📶"; height: inherit; } i.icon-signal:before { content: "📶"; height: inherit; } .icon-trophy.icon-left a:before, .icon-trophy.icon-right a:after { content: "🏆"; height: inherit; } i.icon-trophy:before { content: "🏆"; height: inherit; } .icon-battery.icon-left a:before, .icon-battery.icon-right a:after { content: "🔋"; height: inherit; } i.icon-battery:before { content: "🔋"; height: inherit; } .icon-back-in-time.icon-left a:before, .icon-back-in-time.icon-right a:after { content: "\e771"; height: inherit; } i.icon-back-in-time:before { content: "\e771"; height: inherit; } .icon-monitor.icon-left a:before, .icon-monitor.icon-right a:after { content: "💻"; height: inherit; } i.icon-monitor:before { content: "💻"; height: inherit; } .icon-mobile.icon-left a:before, .icon-mobile.icon-right a:after { content: "📱"; height: inherit; } i.icon-mobile:before { content: "📱"; height: inherit; } .icon-network.icon-left a:before, .icon-network.icon-right a:after { content: "\e776"; height: inherit; } i.icon-network:before { content: "\e776"; height: inherit; } .icon-cd.icon-left a:before, .icon-cd.icon-right a:after { content: "💿"; height: inherit; } i.icon-cd:before { content: "💿"; height: inherit; } .icon-inbox.icon-left a:before, .icon-inbox.icon-right a:after { content: "\e777"; height: inherit; } i.icon-inbox:before { content: "\e777"; height: inherit; } .icon-install.icon-left a:before, .icon-install.icon-right a:after { content: "\e778"; height: inherit; } i.icon-install:before { content: "\e778"; height: inherit; } .icon-globe.icon-left a:before, .icon-globe.icon-right a:after { content: "🌎"; height: inherit; } i.icon-globe:before { content: "🌎"; height: inherit; } .icon-cloud.icon-left a:before, .icon-cloud.icon-right a:after { content: "\2601"; height: inherit; } i.icon-cloud:before { content: "\2601"; height: inherit; } .icon-cloud-thunder.icon-left a:before, .icon-cloud-thunder.icon-right a:after { content: "\26c8"; height: inherit; } i.icon-cloud-thunder:before { content: "\26c8"; height: inherit; } .icon-flash.icon-left a:before, .icon-flash.icon-right a:after { content: "\26a1"; height: inherit; } i.icon-flash:before { content: "\26a1"; height: inherit; } .icon-moon.icon-left a:before, .icon-moon.icon-right a:after { content: "\263d"; height: inherit; } i.icon-moon:before { content: "\263d"; height: inherit; } .icon-flight.icon-left a:before, .icon-flight.icon-right a:after { content: "\2708"; height: inherit; } i.icon-flight:before { content: "\2708"; height: inherit; } .icon-paper-plane.icon-left a:before, .icon-paper-plane.icon-right a:after { content: "\e79b"; height: inherit; } i.icon-paper-plane:before { content: "\e79b"; height: inherit; } .icon-leaf.icon-left a:before, .icon-leaf.icon-right a:after { content: "🍂"; height: inherit; } i.icon-leaf:before { content: "🍂"; height: inherit; } .icon-lifebuoy.icon-left a:before, .icon-lifebuoy.icon-right a:after { content: "\e788"; height: inherit; } i.icon-lifebuoy:before { content: "\e788"; height: inherit; } .icon-mouse.icon-left a:before, .icon-mouse.icon-right a:after { content: "\e789"; height: inherit; } i.icon-mouse:before { content: "\e789"; height: inherit; } .icon-briefcase.icon-left a:before, .icon-briefcase.icon-right a:after { content: "💼"; height: inherit; } i.icon-briefcase:before { content: "💼"; height: inherit; } .icon-suitcase.icon-left a:before, .icon-suitcase.icon-right a:after { content: "\e78e"; height: inherit; } i.icon-suitcase:before { content: "\e78e"; height: inherit; } .icon-dot.icon-left a:before, .icon-dot.icon-right a:after { content: "\e78b"; height: inherit; } i.icon-dot:before { content: "\e78b"; height: inherit; } .icon-dot-2.icon-left a:before, .icon-dot-2.icon-right a:after { content: "\e78c"; height: inherit; } i.icon-dot-2:before { content: "\e78c"; height: inherit; } .icon-dot-3.icon-left a:before, .icon-dot-3.icon-right a:after { content: "\e78d"; height: inherit; } i.icon-dot-3:before { content: "\e78d"; height: inherit; } .icon-brush.icon-left a:before, .icon-brush.icon-right a:after { content: "\e79a"; height: inherit; } i.icon-brush:before { content: "\e79a"; height: inherit; } .icon-magnet.icon-left a:before, .icon-magnet.icon-right a:after { content: "\e7a1"; height: inherit; } i.icon-magnet:before { content: "\e7a1"; height: inherit; } .icon-infinity.icon-left a:before, .icon-infinity.icon-right a:after { content: "\221e"; height: inherit; } i.icon-infinity:before { content: "\221e"; height: inherit; } .icon-erase.icon-left a:before, .icon-erase.icon-right a:after { content: "\232b"; height: inherit; } i.icon-erase:before { content: "\232b"; height: inherit; } .icon-chart-pie.icon-left a:before, .icon-chart-pie.icon-right a:after { content: "\e751"; height: inherit; } i.icon-chart-pie:before { content: "\e751"; height: inherit; } .icon-chart-line.icon-left a:before, .icon-chart-line.icon-right a:after { content: "📈"; height: inherit; } i.icon-chart-line:before { content: "📈"; height: inherit; } .icon-chart-bar.icon-left a:before, .icon-chart-bar.icon-right a:after { content: "📊"; height: inherit; } i.icon-chart-bar:before { content: "📊"; height: inherit; } .icon-chart-area.icon-left a:before, .icon-chart-area.icon-right a:after { content: "🔾"; height: inherit; } i.icon-chart-area:before { content: "🔾"; height: inherit; } .icon-tape.icon-left a:before, .icon-tape.icon-right a:after { content: "\2707"; height: inherit; } i.icon-tape:before { content: "\2707"; height: inherit; } .icon-graduation-cap.icon-left a:before, .icon-graduation-cap.icon-right a:after { content: "🎓"; height: inherit; } i.icon-graduation-cap:before { content: "🎓"; height: inherit; } .icon-language.icon-left a:before, .icon-language.icon-right a:after { content: "\e752"; height: inherit; } i.icon-language:before { content: "\e752"; height: inherit; } .icon-ticket.icon-left a:before, .icon-ticket.icon-right a:after { content: "🎫"; height: inherit; } i.icon-ticket:before { content: "🎫"; height: inherit; } .icon-water.icon-left a:before, .icon-water.icon-right a:after { content: "💦"; height: inherit; } i.icon-water:before { content: "💦"; height: inherit; } .icon-droplet.icon-left a:before, .icon-droplet.icon-right a:after { content: "💧"; height: inherit; } i.icon-droplet:before { content: "💧"; height: inherit; } .icon-air.icon-left a:before, .icon-air.icon-right a:after { content: "\e753"; height: inherit; } i.icon-air:before { content: "\e753"; height: inherit; } .icon-credit-card.icon-left a:before, .icon-credit-card.icon-right a:after { content: "💳"; height: inherit; } i.icon-credit-card:before { content: "💳"; height: inherit; } .icon-floppy.icon-left a:before, .icon-floppy.icon-right a:after { content: "💾"; height: inherit; } i.icon-floppy:before { content: "💾"; height: inherit; } .icon-clipboard.icon-left a:before, .icon-clipboard.icon-right a:after { content: "📋"; height: inherit; } i.icon-clipboard:before { content: "📋"; height: inherit; } .icon-megaphone.icon-left a:before, .icon-megaphone.icon-right a:after { content: "📣"; height: inherit; } i.icon-megaphone:before { content: "📣"; height: inherit; } .icon-database.icon-left a:before, .icon-database.icon-right a:after { content: "\e754"; height: inherit; } i.icon-database:before { content: "\e754"; height: inherit; } .icon-drive.icon-left a:before, .icon-drive.icon-right a:after { content: "\e755"; height: inherit; } i.icon-drive:before { content: "\e755"; height: inherit; } .icon-bucket.icon-left a:before, .icon-bucket.icon-right a:after { content: "\e756"; height: inherit; } i.icon-bucket:before { content: "\e756"; height: inherit; } .icon-thermometer.icon-left a:before, .icon-thermometer.icon-right a:after { content: "\e757"; height: inherit; } i.icon-thermometer:before { content: "\e757"; height: inherit; } .icon-key.icon-left a:before, .icon-key.icon-right a:after { content: "🔑"; height: inherit; } i.icon-key:before { content: "🔑"; height: inherit; } .icon-flow-cascade.icon-left a:before, .icon-flow-cascade.icon-right a:after { content: "\e790"; height: inherit; } i.icon-flow-cascade:before { content: "\e790"; height: inherit; } .icon-flow-branch.icon-left a:before, .icon-flow-branch.icon-right a:after { content: "\e791"; height: inherit; } i.icon-flow-branch:before { content: "\e791"; height: inherit; } .icon-flow-tree.icon-left a:before, .icon-flow-tree.icon-right a:after { content: "\e792"; height: inherit; } i.icon-flow-tree:before { content: "\e792"; height: inherit; } .icon-flow-line.icon-left a:before, .icon-flow-line.icon-right a:after { content: "\e793"; height: inherit; } i.icon-flow-line:before { content: "\e793"; height: inherit; } .icon-flow-parallel.icon-left a:before, .icon-flow-parallel.icon-right a:after { content: "\e794"; height: inherit; } i.icon-flow-parallel:before { content: "\e794"; height: inherit; } .icon-rocket.icon-left a:before, .icon-rocket.icon-right a:after { content: "🚀"; height: inherit; } i.icon-rocket:before { content: "🚀"; height: inherit; } .icon-gauge.icon-left a:before, .icon-gauge.icon-right a:after { content: "\e7a2"; height: inherit; } i.icon-gauge:before { content: "\e7a2"; height: inherit; } .icon-traffic-cone.icon-left a:before, .icon-traffic-cone.icon-right a:after { content: "\e7a3"; height: inherit; } i.icon-traffic-cone:before { content: "\e7a3"; height: inherit; } .icon-cc.icon-left a:before, .icon-cc.icon-right a:after { content: "\e7a5"; height: inherit; } i.icon-cc:before { content: "\e7a5"; height: inherit; } .icon-cc-by.icon-left a:before, .icon-cc-by.icon-right a:after { content: "\e7a6"; height: inherit; } i.icon-cc-by:before { content: "\e7a6"; height: inherit; } .icon-cc-nc.icon-left a:before, .icon-cc-nc.icon-right a:after { content: "\e7a7"; height: inherit; } i.icon-cc-nc:before { content: "\e7a7"; height: inherit; } .icon-cc-nc-eu.icon-left a:before, .icon-cc-nc-eu.icon-right a:after { content: "\e7a8"; height: inherit; } i.icon-cc-nc-eu:before { content: "\e7a8"; height: inherit; } .icon-cc-nc-jp.icon-left a:before, .icon-cc-nc-jp.icon-right a:after { content: "\e7a9"; height: inherit; } i.icon-cc-nc-jp:before { content: "\e7a9"; height: inherit; } .icon-cc-sa.icon-left a:before, .icon-cc-sa.icon-right a:after { content: "\e7aa"; height: inherit; } i.icon-cc-sa:before { content: "\e7aa"; height: inherit; } .icon-cc-nd.icon-left a:before, .icon-cc-nd.icon-right a:after { content: "\e7ab"; height: inherit; } i.icon-cc-nd:before { content: "\e7ab"; height: inherit; } .icon-cc-pd.icon-left a:before, .icon-cc-pd.icon-right a:after { content: "\e7ac"; height: inherit; } i.icon-cc-pd:before { content: "\e7ac"; height: inherit; } .icon-cc-zero.icon-left a:before, .icon-cc-zero.icon-right a:after { content: "\e7ad"; height: inherit; } i.icon-cc-zero:before { content: "\e7ad"; height: inherit; } .icon-cc-share.icon-left a:before, .icon-cc-share.icon-right a:after { content: "\e7ae"; height: inherit; } i.icon-cc-share:before { content: "\e7ae"; height: inherit; } .icon-cc-remix.icon-left a:before, .icon-cc-remix.icon-right a:after { content: "\e7af"; height: inherit; } i.icon-cc-remix:before { content: "\e7af"; height: inherit; } .icon-github.icon-left a:before, .icon-github.icon-right a:after { content: "\f300"; height: inherit; } i.icon-github:before { content: "\f300"; height: inherit; } .icon-github-circled.icon-left a:before, .icon-github-circled.icon-right a:after { content: "\f301"; height: inherit; } i.icon-github-circled:before { content: "\f301"; height: inherit; } .icon-flickr.icon-left a:before, .icon-flickr.icon-right a:after { content: "\f303"; height: inherit; } i.icon-flickr:before { content: "\f303"; height: inherit; } .icon-flickr-circled.icon-left a:before, .icon-flickr-circled.icon-right a:after { content: "\f304"; height: inherit; } i.icon-flickr-circled:before { content: "\f304"; height: inherit; } .icon-vimeo.icon-left a:before, .icon-vimeo.icon-right a:after { content: "\f306"; height: inherit; } i.icon-vimeo:before { content: "\f306"; height: inherit; } .icon-vimeo-circled.icon-left a:before, .icon-vimeo-circled.icon-right a:after { content: "\f307"; height: inherit; } i.icon-vimeo-circled:before { content: "\f307"; height: inherit; } .icon-twitter.icon-left a:before, .icon-twitter.icon-right a:after { content: "\f309"; height: inherit; } i.icon-twitter:before { content: "\f309"; height: inherit; } .icon-twitter-circled.icon-left a:before, .icon-twitter-circled.icon-right a:after { content: "\f30a"; height: inherit; } i.icon-twitter-circled:before { content: "\f30a"; height: inherit; } .icon-facebook.icon-left a:before, .icon-facebook.icon-right a:after { content: "\f30c"; height: inherit; } i.icon-facebook:before { content: "\f30c"; height: inherit; } .icon-facebook-circled.icon-left a:before, .icon-facebook-circled.icon-right a:after { content: "\f30d"; height: inherit; } i.icon-facebook-circled:before { content: "\f30d"; height: inherit; } .icon-facebook-squared.icon-left a:before, .icon-facebook-squared.icon-right a:after { content: "\f30e"; height: inherit; } i.icon-facebook-squared:before { content: "\f30e"; height: inherit; } .icon-gplus.icon-left a:before, .icon-gplus.icon-right a:after { content: "\f30f"; height: inherit; } i.icon-gplus:before { content: "\f30f"; height: inherit; } .icon-gplus-circled.icon-left a:before, .icon-gplus-circled.icon-right a:after { content: "\f310"; height: inherit; } i.icon-gplus-circled:before { content: "\f310"; height: inherit; } .icon-pinterest.icon-left a:before, .icon-pinterest.icon-right a:after { content: "\f312"; height: inherit; } i.icon-pinterest:before { content: "\f312"; height: inherit; } .icon-pinterest-circled.icon-left a:before, .icon-pinterest-circled.icon-right a:after { content: "\f313"; height: inherit; } i.icon-pinterest-circled:before { content: "\f313"; height: inherit; } .icon-tumblr.icon-left a:before, .icon-tumblr.icon-right a:after { content: "\f315"; height: inherit; } i.icon-tumblr:before { content: "\f315"; height: inherit; } .icon-tumblr-circled.icon-left a:before, .icon-tumblr-circled.icon-right a:after { content: "\f316"; height: inherit; } i.icon-tumblr-circled:before { content: "\f316"; height: inherit; } .icon-linkedin.icon-left a:before, .icon-linkedin.icon-right a:after { content: "\f318"; height: inherit; } i.icon-linkedin:before { content: "\f318"; height: inherit; } .icon-linkedin-circled.icon-left a:before, .icon-linkedin-circled.icon-right a:after { content: "\f319"; height: inherit; } i.icon-linkedin-circled:before { content: "\f319"; height: inherit; } .icon-dribbble.icon-left a:before, .icon-dribbble.icon-right a:after { content: "\f31b"; height: inherit; } i.icon-dribbble:before { content: "\f31b"; height: inherit; } .icon-dribbble-circled.icon-left a:before, .icon-dribbble-circled.icon-right a:after { content: "\f31c"; height: inherit; } i.icon-dribbble-circled:before { content: "\f31c"; height: inherit; } .icon-stumbleupon.icon-left a:before, .icon-stumbleupon.icon-right a:after { content: "\f31e"; height: inherit; } i.icon-stumbleupon:before { content: "\f31e"; height: inherit; } .icon-stumbleupon-circled.icon-left a:before, .icon-stumbleupon-circled.icon-right a:after { content: "\f31f"; height: inherit; } i.icon-stumbleupon-circled:before { content: "\f31f"; height: inherit; } .icon-lastfm.icon-left a:before, .icon-lastfm.icon-right a:after { content: "\f321"; height: inherit; } i.icon-lastfm:before { content: "\f321"; height: inherit; } .icon-lastfm-circled.icon-left a:before, .icon-lastfm-circled.icon-right a:after { content: "\f322"; height: inherit; } i.icon-lastfm-circled:before { content: "\f322"; height: inherit; } .icon-rdio.icon-left a:before, .icon-rdio.icon-right a:after { content: "\f324"; height: inherit; } i.icon-rdio:before { content: "\f324"; height: inherit; } .icon-rdio-circled.icon-left a:before, .icon-rdio-circled.icon-right a:after { content: "\f325"; height: inherit; } i.icon-rdio-circled:before { content: "\f325"; height: inherit; } .icon-spotify.icon-left a:before, .icon-spotify.icon-right a:after { content: "\f327"; height: inherit; } i.icon-spotify:before { content: "\f327"; height: inherit; } .icon-spotify-circled.icon-left a:before, .icon-spotify-circled.icon-right a:after { content: "\f328"; height: inherit; } i.icon-spotify-circled:before { content: "\f328"; height: inherit; } .icon-qq.icon-left a:before, .icon-qq.icon-right a:after { content: "\f32a"; height: inherit; } i.icon-qq:before { content: "\f32a"; height: inherit; } .icon-instagram.icon-left a:before, .icon-instagram.icon-right a:after { content: "\f32d"; height: inherit; } i.icon-instagram:before { content: "\f32d"; height: inherit; } .icon-dropbox.icon-left a:before, .icon-dropbox.icon-right a:after { content: "\f330"; height: inherit; } i.icon-dropbox:before { content: "\f330"; height: inherit; } .icon-evernote.icon-left a:before, .icon-evernote.icon-right a:after { content: "\f333"; height: inherit; } i.icon-evernote:before { content: "\f333"; height: inherit; } .icon-flattr.icon-left a:before, .icon-flattr.icon-right a:after { content: "\f336"; height: inherit; } i.icon-flattr:before { content: "\f336"; height: inherit; } .icon-skype.icon-left a:before, .icon-skype.icon-right a:after { content: "\f339"; height: inherit; } i.icon-skype:before { content: "\f339"; height: inherit; } .icon-skype-circled.icon-left a:before, .icon-skype-circled.icon-right a:after { content: "\f33a"; height: inherit; } i.icon-skype-circled:before { content: "\f33a"; height: inherit; } .icon-renren.icon-left a:before, .icon-renren.icon-right a:after { content: "\f33c"; height: inherit; } i.icon-renren:before { content: "\f33c"; height: inherit; } .icon-sina-weibo.icon-left a:before, .icon-sina-weibo.icon-right a:after { content: "\f33f"; height: inherit; } i.icon-sina-weibo:before { content: "\f33f"; height: inherit; } .icon-paypal.icon-left a:before, .icon-paypal.icon-right a:after { content: "\f342"; height: inherit; } i.icon-paypal:before { content: "\f342"; height: inherit; } .icon-picasa.icon-left a:before, .icon-picasa.icon-right a:after { content: "\f345"; height: inherit; } i.icon-picasa:before { content: "\f345"; height: inherit; } .icon-soundcloud.icon-left a:before, .icon-soundcloud.icon-right a:after { content: "\f348"; height: inherit; } i.icon-soundcloud:before { content: "\f348"; height: inherit; } .icon-mixi.icon-left a:before, .icon-mixi.icon-right a:after { content: "\f34b"; height: inherit; } i.icon-mixi:before { content: "\f34b"; height: inherit; } .icon-behance.icon-left a:before, .icon-behance.icon-right a:after { content: "\f34e"; height: inherit; } i.icon-behance:before { content: "\f34e"; height: inherit; } .icon-google-circles.icon-left a:before, .icon-google-circles.icon-right a:after { content: "\f351"; height: inherit; } i.icon-google-circles:before { content: "\f351"; height: inherit; } .icon-vkontakte.icon-left a:before, .icon-vkontakte.icon-right a:after { content: "\f354"; height: inherit; } i.icon-vkontakte:before { content: "\f354"; height: inherit; } .icon-smashing.icon-left a:before, .icon-smashing.icon-right a:after { content: "\f357"; height: inherit; } i.icon-smashing:before { content: "\f357"; height: inherit; } .icon-sweden.icon-left a:before, .icon-sweden.icon-right a:after { content: "\f601"; height: inherit; } i.icon-sweden:before { content: "\f601"; height: inherit; } .icon-db-shape.icon-left a:before, .icon-db-shape.icon-right a:after { content: "\f600"; height: inherit; } i.icon-db-shape:before { content: "\f600"; height: inherit; } .icon-logo-db.icon-left a:before, .icon-logo-db.icon-right a:after { content: "\f603"; height: inherit; } i.icon-logo-db:before { content: "\f603"; height: inherit; } html { -webkit-font-smoothing: antialiased; } /* Chrome Frame prompt */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ /* .focusable Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Clearfix: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */ .clearfix, .special-offer-popup div, .summer-takeover .overlay-body, .super_header, .site_header, .site_header .site_header_inner, .site_header .additional_links > li.magazines .magazine-subnavigation nav, .subnavigation_wrapper .subnavigation, #main, .meta.post_block, .latest_news ul li, .block.developing_stories > ul, .tab_container .etabs, .voices_block ul > li, .article_meta, .with_tooltip .tooltip, .article_content .prose, .article_content .article_inner, .comment_wrapper, .homepage_leader, .homepage_leader .main_post h2, .homepage_leader .main_post h2 a, .bio_block, .modal.gallery .gallery_footer .inner, .modal.table_of_contents .toc_wrapper, .featured_post_nav, .section_wrapper { *zoom: 1; } .clearfix:before, .special-offer-popup div:before, .summer-takeover .overlay-body:before, .super_header:before, .site_header:before, .site_header .site_header_inner:before, .site_header .additional_links > li.magazines .magazine-subnavigation nav:before, .subnavigation_wrapper .subnavigation:before, #main:before, .meta.post_block:before, .latest_news ul li:before, .block.developing_stories > ul:before, .tab_container .etabs:before, .voices_block ul > li:before, .article_meta:before, .with_tooltip .tooltip:before, .article_content .prose:before, .article_content .article_inner:before, .comment_wrapper:before, .homepage_leader:before, .homepage_leader .main_post h2:before, .homepage_leader .main_post h2 a:before, .bio_block:before, .modal.gallery .gallery_footer .inner:before, .modal.table_of_contents .toc_wrapper:before, .featured_post_nav:before, .section_wrapper:before, .clearfix:after, .special-offer-popup div:after, .summer-takeover .overlay-body:after, .super_header:after, .site_header:after, .site_header .site_header_inner:after, .site_header .additional_links > li.magazines .magazine-subnavigation nav:after, .subnavigation_wrapper .subnavigation:after, #main:after, .meta.post_block:after, .latest_news ul li:after, .block.developing_stories > ul:after, .tab_container .etabs:after, .voices_block ul > li:after, .article_meta:after, .with_tooltip .tooltip:after, .article_content .prose:after, .article_content .article_inner:after, .comment_wrapper:after, .homepage_leader:after, .homepage_leader .main_post h2:after, .homepage_leader .main_post h2 a:after, .bio_block:after, .modal.gallery .gallery_footer .inner:after, .modal.table_of_contents .toc_wrapper:after, .featured_post_nav:after, .section_wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after, .special-offer-popup div:after, .summer-takeover .overlay-body:after, .super_header:after, .site_header:after, .site_header .site_header_inner:after, .site_header .additional_links > li.magazines .magazine-subnavigation nav:after, .subnavigation_wrapper .subnavigation:after, #main:after, .meta.post_block:after, .latest_news ul li:after, .block.developing_stories > ul:after, .tab_container .etabs:after, .voices_block ul > li:after, .article_meta:after, .with_tooltip .tooltip:after, .article_content .prose:after, .article_content .article_inner:after, .comment_wrapper:after, .homepage_leader:after, .homepage_leader .main_post h2:after, .homepage_leader .main_post h2 a:after, .bio_block:after, .modal.gallery .gallery_footer .inner:after, .modal.table_of_contents .toc_wrapper:after, .featured_post_nav:after, .section_wrapper:after { clear: both; } .clr { line-height: 0; font-size: 0; height: 0; clear: both; } .clr.left { clear: left; } .clr.right { clear: right; } .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .ib, .icon, .modal .header a.modalCloseImg, .modal.search a.searchmodalCloseImg, .modal.gallery .gallery_header a.modalCloseImg, .video_overlay:before, .btn, a.continue:after, .modal .header .sponsor img, .modal.gallery .gallery_header .sponsor img { vertical-align: top; display: inline-block; *display: inline; *zoom: 1; } .center { text-align: center; } .block_center { margin-right: auto; margin-left: auto; } .left { float: left; } .right { float: right; } .relative { position: relative; } .line-hover, h1 a, h2 a, h3 a, h4 a, .prose p a, .prose ul a, .prose ol a, .prose dl a, .prose blockquote a, .prose img a, .super_header > div > ul li a, .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li .text_wrapper a, footer.site_footer > ul > li > ul > li a, .meta a, a.more, .topics_blocks > li .text_wrapper .author, .headline_posts li .meta_info a, .category_header ul.links a, .article_meta a, .comment_wrapper .text_wrapper .actions li a, .side_panel .tag_links > li a, .blog_about .author_meta a, .bio_block .img_wrapper .author_meta a, .tag_list a, a.read_full, a.continue, .small_article_blocks > li .category, .modal.gallery .modal_meta li a, .modal.table_of_contents .toc_wrapper .side ul.nav > li a, .modal.table_of_contents .toc_wrapper .main .tab_content > li > ul > li a.author { text-decoration: none; } .line-hover:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, .prose p a:hover, .prose ul a:hover, .prose ol a:hover, .prose dl a:hover, .prose blockquote a:hover, .prose img a:hover, .super_header > div > ul li a:hover, .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li .text_wrapper a:hover, footer.site_footer > ul > li > ul > li a:hover, .meta a:hover, a.more:hover, .topics_blocks > li .text_wrapper .author:hover, .headline_posts li .meta_info a:hover, .category_header ul.links a:hover, .article_meta a:hover, .comment_wrapper .text_wrapper .actions li a:hover, .side_panel .tag_links > li a:hover, .blog_about .author_meta a:hover, .bio_block .img_wrapper .author_meta a:hover, .tag_list a:hover, a.read_full:hover, a.continue:hover, .small_article_blocks > li .category:hover, .modal.gallery .modal_meta li a:hover, .modal.table_of_contents .toc_wrapper .side ul.nav > li a:hover, .modal.table_of_contents .toc_wrapper .main .tab_content > li > ul > li a.author:hover { text-decoration: underline; } .link_fill { position: relative; } .link_fill a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; z-index: 100; display: block; background: url(../img/spacer.gif) 0 0 repeat; } .clear { clear: both; } .img_wrapper img, .img_wrapper iframe { display: block; } strong, b { font-weight: bold; } .grid { background: red url(../img/grid.png) 0 0 repeat; } .text p, .text ul, .text ol { margin-bottom: 20px; } .icon, .modal .header a.modalCloseImg, .modal.search a.searchmodalCloseImg, .modal.gallery .gallery_header a.modalCloseImg, .video_overlay:before { vertical-align: middle; } /*remember that ie7/8 don't understand border-box so you should use width: 90% or something like that instead of width: 100% in these browsers */ .border-box { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } a.event_big_trigger { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; z-index: 100; display: block; background: url(../img/spacer.gif) 0 0 repeat; } .valign, .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li li, .homepage_leader_slider_wrapper .related_posts_wrapper, .with_tooltip .tooltip, .homepage_leader.home { display: table; width: 100%; } .valign > *, .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li li > *, .homepage_leader_slider_wrapper .related_posts_wrapper > *, .with_tooltip .tooltip > *, .homepage_leader.home > * { display: table-cell; vertical-align: middle; } /* ------------------------------------------------------------------------------------------------ single page anchor navigation with sticky header ------------------------------------------------------------------------------------------------ */ .paralax_image_block { display: block; position: relative; padding-left: 10000px; margin-left: -10000px; padding-right: 10000px; margin-right: -10000px; background-color: transparent; background-size: cover; background-attachment: fixed; padding-bottom: 480px; background-position: center center; } /* ------------------------------------------------------------------------------------------------ Color Variables ------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------ Fonts ------------------------------------------------------------------------------------------------ */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 5, 2013 */ /*@font-face { font-family: 'patua_oneregular'; src: url('../fonts/patuaone-regular-webfont.eot'); src: url('../fonts/patuaone-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/patuaone-regular-webfont.woff') format('woff'), url('../fonts/patuaone-regular-webfont.ttf') format('truetype'), url('../fonts/patuaone-regular-webfont.svg#patua_oneregular') format('svg'); font-weight: normal; font-style: normal; } */ /* @font-face { font-family: 'solido'; src: url('../fonts/solido-light-webfont.eot'); src: url('../fonts/solido-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/solido-light-webfont.woff') format('woff'), url('../fonts/solido-light-webfont.ttf') format('truetype'), url('../fonts/solido-light-webfont.svg#solido') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'solido'; src: url('../fonts/solido-lightitalic-webfont.eot'); src: url('../fonts/solido-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/solido-lightitalic-webfont.woff') format('woff'), url('../fonts/solido-lightitalic-webfont.ttf') format('truetype'), url('../fonts/solido-lightitalic-webfont.svg#solido') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'solido'; src: url('../fonts/solido-bold-webfont.eot'); src: url('../fonts/solido-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/solido-bold-webfont.woff') format('woff'), url('../fonts/solido-bold-webfont.ttf') format('truetype'), url('../fonts/solido-bold-webfont.svg#solido') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'solido'; src: url('../fonts/solido-bolditalic-webfont.eot'); src: url('../fonts/solido-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/solido-bolditalic-webfont.woff') format('woff'), url('../fonts/solido-bolditalic-webfont.ttf') format('truetype'), url('../fonts/solido-bolditalic-webfont.svg#solido') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: "tiempos"; src: url("../fonts/TiemposTextWeb-Regular.woff") format('woff'); } @font-face { font-family: "tiempos"; src: url("../fonts/TiemposTextWeb-RegularItalic.woff") format('woff'); font-style: italic; } @font-face { font-family: "tiempos"; src: url("../fonts/TiemposHeadWeb-Semibold.woff") format('woff'); font-weight: bold; } @font-face { font-family: "tiempos"; src: url("../fonts/TiemposHeadWeb-SemiboldItalic.woff") format('woff'); font-weight: bold; font-style: italic; } */ body { font-family: "Solido", Tahoma, sans-serif; font-size: 16px; } @media only screen and (max-width: 768px) { body { font-size: 14px; } } @media only screen and (max-width: 320px) { body { font-size: 12px; } } body, a { color: #1a1718; } h1 a, h2 a, h3 a, h4 a { display: block; } .section_header, .lf_head_bar { color: #070b13; font-family: "Solido", Tahoma, sans-serif; font-size: 1.125em; font-weight: 800; line-height: 1.375em; padding-bottom: 10px; border-bottom: 1px solid #a7a9ab; margin-bottom: 15px; text-transform: uppercase; } .prose { color: #231f20; font-size: 1.0625em; line-height: 1.9375em; font-family: "Tiempos", Georgia, serif; } .prose.with_large_first_letter.red_first_letter > p:first-of-type:first-letter, .prose.with_large_first_letter.red_first_letter > p.first_p:first-letter { color: #eb1414; } .prose.with_large_first_letter > p:first-of-type:first-letter, .prose.with_large_first_letter > p.first_p:first-letter { color: #231f20; font-size: 4.6875em; margin: 17px 5px 10px 0; float: left; } .prose > p { position: relative; } .prose h2 { color: #231f20; font-family: "Solido", Tahoma, sans-serif; font-size: 1.875em; line-height: 1.2; margin-bottom: 10px; } .prose h3 { color: #231f20; font-family: "Solido", Tahoma, sans-serif; font-size: 1.125em; line-height: 1.2; margin-bottom: 10px; } .prose p + p, .prose p + ul, .prose p + ol, .prose p + dl, .prose p + blockquote, .prose p + h1, .prose p + h2, .prose p + h3, .prose p + img, .prose ul + p, .prose ul + ul, .prose ul + ol, .prose ul + dl, .prose ul + blockquote, .prose ul + h1, .prose ul + h2, .prose ul + h3, .prose ul + img, .prose ol + p, .prose ol + ul, .prose ol + ol, .prose ol + dl, .prose ol + blockquote, .prose ol + h1, .prose ol + h2, .prose ol + h3, .prose ol + img, .prose dl + p, .prose dl + ul, .prose dl + ol, .prose dl + dl, .prose dl + blockquote, .prose dl + h1, .prose dl + h2, .prose dl + h3, .prose dl + img, .prose blockquote + p, .prose blockquote + ul, .prose blockquote + ol, .prose blockquote + dl, .prose blockquote + blockquote, .prose blockquote + h1, .prose blockquote + h2, .prose blockquote + h3, .prose blockquote + img, .prose img + p, .prose img + ul, .prose img + ol, .prose img + dl, .prose img + blockquote, .prose img + h1, .prose img + h2, .prose img + h3, .prose img + img { margin-top: 25px; } .prose p a, .prose ul a, .prose ol a, .prose dl a, .prose blockquote a, .prose img a { color: #eb1414; } .prose ul { list-style: disc; padding-left: 20px; } .prose ul.tiles { padding-left: 0; } .prose ul li + li, .prose ol li + li { margin-top: 15px; } .prose .section_header, .prose .lf_head_bar { color: #070b13; font-family: "Solido", Tahoma, sans-serif; font-size: 1.125em; font-weight: 800; line-height: 1.375em; padding-bottom: 10px; border-bottom: 1px solid #a7a9ab; margin-bottom: 15px; text-transform: uppercase; } .prose blockquote { padding: 1em 1em 1em 2em; background: #fafafa; } .prose .quote blockquote { padding: 0; background: none; } @media (max-width: 992px) { .prose { clear: none !important; } } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; font-size: 13pt; padding: 0 !important; margin: 0 !important; } a, a:visited { text-decoration: underline; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } .article_content p { margin-bottom: 20px !important; } @page { margin: 2.0cm 1.5cm 1.5cm; } h2, h3 { page-break-after: avoid; } /** Custom */ .sidebar, .site_header, .super_header, .side_panel_wrapper, .main_photo, .related_stories, .comments_section, .post_seperator_ad, .long_ad, .menu_wrapper, .category_header, img, footer, .mobile-navigation, .mobile-nav-trigger-wrapper, .article-full-hide { display: none !important; } .menu_wrapper .logo { display: block; position: static !important; } .menu_wrapper .logo img { width: 66px; height: 55px; } #main { margin-top: 0 !important; } .post h1, .post h1 a { font-size: 32pt !important; } .post h1 { margin-bottom: 15px !important; } h2.dek { font-size: 14pt !important; line-height: 1.3 !important; } .prose { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .prose > p:first-of-type:first-letter, .prose > p.first_p:first-letter { color: #000 !important; font-size: 50px !important; } .article_meta { border-top: 0 !important; } .article_meta * { font-size: 12px !important; } .article_meta > li { display: none !important; } .article_meta > li:first-child { display: list-item !important; } .nineteen { width: 100% !important; } } /** Special offer popup */ .special-offer-popup { display: none; position: fixed; width: 480px; bottom: 20px; left: -480px; z-index: 1000; text-transform: uppercase; -webkit-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); -moz-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); -webkit-transform: translateX(-480px); -moz-transform: translateX(-480px); -ms-transform: translateX(-480px); -o-transform: translateX(-480px); transform: translateX(-480px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .special-offer-popup button { border: 0; color: #fff; font-family: Solido, Tahoma, sans-serif; text-transform: uppercase; cursor: pointer; } .special-offer-popup header { position: relative; background: #EB1414; color: #fff; } .special-offer-popup header button { position: absolute; top: 4px; right: 5px; padding: 0px 3px; font-size: 13px; line-height: 17px; background: none; } .special-offer-popup div { padding: 13px 8px 14px 13px; background: #050706; color: #fff; } .special-offer-popup div ul { float: left; width: 330px; margin-left: -4px; } .special-offer-popup div ul li { position: relative; padding-left: 11px; margin-bottom: 5px; line-height: 18px; font-size: 0.9em; } .special-offer-popup div ul li:before { content: "\2022"; position: absolute; top: 1px; left: 1px; color: #EB1414; font-size: 25px; vertical-align: middle; } .special-offer-popup div img { float: right; width: 100px; } .special-offer-popup div button, .special-offer-popup div a.button { color: #fff; text-decoration: none; float: left; clear: left; padding: 5px 7px 5px; margin-top: 7px; background: #EB1414; font-size: 15px; } .special-offer-popup .subscribe, .special-offer-popup a.subscribe { font-weight: bold; } .special-offer-popup .subscribe cite, .special-offer-popup a.subscribe cite { font-size: 22px; font-family: "Tiempos", Georgia, serif; } .special-offer-popup .subscribe span, .special-offer-popup a.subscribe span { font-style: italic; } .special-offer-popup-show { left: 0; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .paywall-counter { padding-top: 3px; color: #FFF; font-size: 1.05em; line-height: 1.2em; text-align: center; } .paywall-counter span { font-weight: bold; } /** Popups Try to make some reusable styles that don't rely on the jQuery Simple Modal plugin. */ body.overlay-no-scroll, html.fp-android-chrome.overlay-no-scroll { overflow: hidden; } #paywall_bg, .overlay-container-dark { position: fixed; background: url(../images/ie-000-85.png); background: rgba(0, 0, 0, 0.85); display: block; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; color: #fff; overflow: scroll; padding-bottom: 50px; } .overlay-content { max-width: 1040px; position: relative; margin: 90px auto; padding: 20px; } .overlay-title { font-size: 4em; line-height: 1.2em; font-weight: bold; padding-bottom: 8px; border-bottom: 7px solid #fff; /** Specific styles */ } .overlay-title img[alt="Facebook"] { margin: 2px 4px -5px; } .overlay-body { margin-top: 60px; padding-bottom: 12px; font-size: 1.1em; } .overlay-body p { margin-bottom: 20px; } .overlay-body cite { font-style: italic; } .overlay-body cite.FP-cite { font-style: normal; } .overlay-bgr { font-size: 1.1em; } .overlay-tagline { font-size: 1.9em; line-height: 1.2em; margin-bottom: 30px; } .overlay-price-box { display: inline-block; background: #fff; color: #000; font-family: "Solido", Tahoma, sans-serif; position: relative; padding: 5px 10px 2px 20px; font-size: 1.1em; margin-left: 15px; text-decoration: none; } .overlay-price-box sup { font-size: 0.55em; position: absolute; top: 10px; left: 7px; } .overlay-close, .overlay-button-large, .overlay-button-rounded { cursor: pointer; color: #fff; text-transform: uppercase; text-decoration: none; border: 0; } .overlay-close { position: relative; float: right; padding: 15px 60px 15px 15px; background: #474747; font-size: 0.6em; } .overlay-close span { display: table; position: absolute; height: 100%; top: 0; right: 0; bottom: 0; padding: 0 18px; font-size: 1.4em; line-height: 42px; background: #ea1414; } .overlay-close span:before { content: 'X'; display: table-cell; text-align: center; vertical-align: middle; } .overlay-close-link, a.overlay-close-link { color: #ea1419; } .overlay-button-large, .overlay-button-rounded { display: block; position: relative; width: 100%; padding: 30px; margin-top: 0px; overflow: visible; background: #ea1414; font-size: 1.7em; text-align: center; font-weight: bold; } .overlay-button-large:before, .overlay-button-rounded:before { content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 0; border-top: 7px solid rgba(234, 20, 20, 0.4); border-left: 4px solid transparent; border-right: 4px solid transparent; } .overlay-button-large:active, .overlay-button-rounded:active { margin-top: 7px; } .overlay-button-large:active:before, .overlay-button-rounded:active:before { border-top-width: 0; } .overlay-button-rounded { width: auto; display: inline-block; margin-top: 20px; padding: 20px 70px; font-size: 1.5em; letter-spacing: 3px; background: #ee0c00; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .overlay-button-rounded:before { top: auto; bottom: -7px; height: 14px; border: 0; background: rgba(234, 20, 20, 0.4); -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } .overlay-button-rounded:active { margin-top: 27px; } .overlay-button-rounded:active:before { height: 0; } .inline-button-rounded, .inline-button-rounded-dark { display: inline-block; padding: 5px 6px; text-transform: uppercase; text-decoration: none; background: #ea1414; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .inline-button-rounded-dark { background: #333; } .inline-cap-emph { text-transform: uppercase; color: #555; text-decoration: none; font-weight: bold; } .overlay-emph { color: #ea1419; text-decoration: none; } .overlay-nobrk { white-space: nowrap; } .FP-cite { font-family: "Tiempos", Georgia, serif; color: #ea1419; font-weight: bold; } .FP-all-access { font-size: 0.6em; text-transform: uppercase; font-style: italic; font-family: "Solido", Tahoma, sans-serif; font-weight: bold; } .FP-all-access span { color: #ea1419; } /** The Week overlay */ .overlay-the-week .overlay-title { max-width: 905px; } .overlay-the-week .overlay-body { font-family: "Tiempos", Georgia, serif; } .overlay-the-week .overlay-tagline { font-weight: bold; } .overlay-the-week .overlay-button-large { max-width: 800px; } @media (max-width: 600px) { .overlay-the-week .overlay-price-box { margin-top: 10px; } } .mobile-regwall { padding-top: 20px !important; } .mobile-regwall h1.medium_header { padding-right: 20px; font-size: 2.1em; } .mobile-regwall h2 { font-size: 1.6em; margin-bottom: 5px; } .mobile-regwall p { line-height: 1.4em; } .mobile-regwall .FP-cite { margin-left: 4px; } .mobile-regwall .FP-all-access { margin-right: 4px; } .mobile-regwall .overlay-button-large { padding: 12px 30px; font-size: 1.3em; margin: 12px 0 20px; } .mobile-regwall .paywall_close { top: -15px; right: -14px; } /** 99 cent takeover 99 cent ad is inactive for now. The $2.99 takeover is piggybacking its styles, however. */ .overlay-299-takeover .overlay-title { padding-bottom: 0; line-height: 0.9em; font-size: 5em; } .overlay-299-takeover .overlay-close { background: none; padding: 25px; font-size: 38px; color: #a4a4a4; } .overlay-299-takeover .overlay-body { font-family: "Tiempos", Georgia, serif; margin-top: 55px; } .overlay-299-takeover .overlay-body p { max-width: 510px; } .overlay-299-takeover .overlay-body sup { font-size: 0.7em; vertical-align: super; } .overlay-299-takeover .overlay-body .overlay-tagline { max-width: 100%; font-size: 1.9em; } .overlay-299-takeover .overlay-tagline { font-weight: bold; margin-bottom: 30px; } .overlay-299-takeover .FP-cite { font-size: 1.2em; margin-left: 5px; } .overlay-299-takeover .FP-all-access { font-size: 0.7em; margin-right: 5px; } .overlay-j4-takeover .overlay-title { font-size: 4em; } .overlay-j4-takeover h1 a { display: inline; } .summer-takeover .overlay-body { max-height: 385px; } .summer-takeover .overlay-body .overlay-tagline { font-size: 1.6em; } .summer-takeover .overlay-body ul { list-style-type: disc; margin-left: 20px; } .summer-takeover .overlay-banner-img { float: right; margin-left: 40px; max-width: 275px; } .summer-takeover .overlay-tagline + p { font-size: 1.2em; } .summer-takeover .overlay-button-rounded { width: 100%; max-width: 500px; font-family: "Solido", Tahoma, sans-serif; } .summer-takeover .overlay-button-rounded .overlay-nobrk { letter-spacing: normal; } .summer-takeover .overlay-button-rounded .FP-cite, .summer-takeover .overlay-button-rounded .FP-all-access span { color: #fff; } .overlay-lday-takeover .overlay-body { position: relative; } .overlay-lday-takeover .overlay-button-rounded { position: absolute; bottom: 19px; left: 0; } @media (max-width: 850px) { .overlay-lday-takeover .overlay-button-rounded { position: relative; bottom: auto; left: auto; } } @media (max-width: 767px) { .summer-takeover .overlay-banner-img { display: none; } } @media (max-height: 576px) { .overlay-299-takeover .overlay-close { font-size: 20px; padding: 20px 25px 0; } .overlay-299-takeover .overlay-content { margin-top: 45px; } .overlay-299-takeover .overlay-title { font-size: 3.7em; } .overlay-299-takeover .overlay-body { margin-top: 25px; } .overlay-299-takeover .overlay-body p { margin-bottom: 12px; line-height: 1.5em; } .overlay-299-takeover .overlay-body .overlay-tagline { font-size: 1.6em; } .overlay-299-takeover .overlay-tagline { margin-bottom: 20px; } .overlay-299-takeover .overlay-button-rounded { margin-top: 0; padding: 12px 57px; } .summer-takeover .overlay-button-rounded { margin-top: 20px; } } /** Identity popups */ #simplemodal-overlay, #TB_overlay { z-index: 1010 !important; } #simplemodal-container, #TB_window { z-index: 1020 !important; } #TB_overlay, #TB_load { display: none !important; } #TB_window { width: 100% !important; height: 100% !important; margin: 0 !important; top: 0 !important; bottom: 0 !important; left: 0 !important; border: 0 !important; margin-top: 0 !important; margin-left: 0 !important; background: none !important; } #TB_iframeContent { width: 100% !important; height: 100% !important; margin-top: 0 !important; } /** Expiration popup Piggyback Josh's popup styling */ .discount_promo_overlay { position: fixed; background: url(../images/ie-000-85.png); background: rgba(0, 0, 0, 0.85); display: block; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; color: #fff; overflow: scroll; padding-bottom: 50px; } .discount_promo_overlay p { font-size: 2em; line-height: 1.5em; } .discount_promo_overlay .discount_promo_body a { color: #eb1414; } .discount_promo_overlay .discount_promo_expiration p { font-size: 1.2em; } .discount_promo_overlay .discount_promo_price { font-weight: bold; text-transform: uppercase; font-size: 1.6em; display: block; text-align: center; margin-top: .5em; } .discount_promo_overlay #discount_promo { width: 600px; margin: 0 auto; margin-top: 2em; position: relative; padding-top: 5em; } .discount_promo_overlay #pricingTable { margin-top: 15px; position: relative; } .discount_promo_overlay .pricing-stamp { -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; border-radius: 35px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg); background: #EB1414; font-size: 15px; font-weight: bold; height: 70px; line-height: 70px; position: absolute; left: -65px; text-align: center; text-transform: uppercase; top: -30px; width: 70px; } .discount_promo_overlay .discount_promo_header { font-size: 2.45em; font-weight: bold; line-height: 1.4em; } .discount_promo_overlay .discount_promo_header span { display: block; margin: 1em 0; font-weight: bold; text-transform: uppercase; border-top: 1px solid #eb1414; border-bottom: 1px solid #eb1414; padding: 0; font-size: .6em; text-align: center; color: #fff; } .discount_promo_overlay .discount_promo_close { position: absolute; right: 0; top: 0; color: #eb1414; text-decoration: none; text-align: right; line-height: 1.2em; width: 200px; padding-right: 45px; } .discount_promo_overlay .discount_promo_close .icons-modal_close_red { width: 40px; height: 40px; display: block; position: absolute; right: 0; top: 0; } .discount_promo_overlay .discount_promo_button { background: #eb1414; color: #fff; padding: .75em 1em; border-radius: 5px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 1.6em; display: block; margin: 1.25em auto 0; width: 200px; text-align: center; } .discount_promo_overlay .discount_promo_button:hover { text-decoration: underline; } .discount_promo_overlay .discount_expiration_button { font-size: 1.4em; width: 300px; } .discount_promo_overlay.declined #pricingTable, .discount_promo_overlay.declined .discount_promo_button, .discount_promo_overlay.declined .discount_promo_header span { display: none; } .discount_promo_overlay.declined .discount_promo_header { margin-bottom: 15px; } .discount_promo_overlay.suppress-chart #pricingTable { display: none; } @media all and (max-width: 1024px) { .discount_promo_overlay #discount_promo { width: 80%; } } @media all and (max-width: 700px) { #discount_promo_overlay { position: absolute; } } /* ------------------------------------------------------------------------------------------------ compass reference ------------------------------------------------------------------------------------------------ */ /* @include border-radius(5px); @include clearfix; @include single-box-shadow(rgba(0, 0, 0, 0.5), 0, 2px, 3px, 0px); @include background-image(linear-gradient(#ffe7e7, #ffdada)); @include transition-duration(0.3s); rgba(#102030, 0.5) @include box-sizing(content-box); $jpanel_breakpoint: 992px; $tablet-device-width: 768px; $landscape_phone_w: 480px; $min-device-width: 320px; $document-width: $row-max-width; $max-device-width: 2880px; @media only screen and (max-width: 480px) { @media only screen and (max-width: $tablet-device-width) { @include respond() portrait-phones landscape-phones all-phones portrait-tablets tablets desktop */ /* ------------------------------------------------------------------------------------------------ compass sprites ------------------------------------------------------------------------------------------------ */ .icons-sprite, .icons-americas, .icons-arrow_comments, .icons-arrow_down_grey, .site_header .site_nav > li > a:after, .icons-arrow_down_white, .icons-arrow_left, .bx-wrapper .bx-prev, .icons-arrow_right, .bx-wrapper .bx-next, .icons-arrow_right_red, a.read_full:after, .icons-arrow_right_white, .icons-arrow_up_white, .icons-asia, .icons-bestdefense, .icons-cable, .icons-camera, .icons-checkbox-small, .icons-checkbox, #new-design div p:before, .icons-chevron-down, a.continue:after, .icons-chevron-up, .icons-chinafile, .icons-complex, .icons-democracy-lab, .icons-developing-stories-white, .icons-developing-stories, .icons-economic-finance, .icons-egypt-white, .icons-egypt, .icons-email, .icons-end-slug, .icons-energy, .icons-europe-white, .icons-europe, .icons-facebook, .icons-feature-flag-white, .icons-feature-flag, .icons-featured, .icons-galleries-white, .icons-galleries, .icons-globe, .icons-google, .icons-graph, .icons-helper-arrow-dr, #new-design-features p:after, #new-design-news p:after, .icons-helper-arrow-rd, #new-design-navbar p:after, .icons-helper-arrow-ur, #new-design-highlighting p:after, .icons-ideas, .icons-info, .icons-infographics, .icons-international-headlines-white, .icons-international-headlines, .icons-latest-news-small, .icons-latest-news, .icons-lightbulb, .icons-lists, .icons-lock, .icons-logo, .icons-map-room, .icons-mid-east-africa, .icons-modal_close, .modal .header a.modalCloseImg, .modal.gallery .gallery_header a.modalCloseImg, .icons-modal_close_red, .icons-modal_gallery_next, .modal.gallery .modal_gallery_wrapper .bx-wrapper .bx-controls-direction a.bx-next, .icons-modal_gallery_prev, .modal.gallery .modal_gallery_wrapper .bx-wrapper .bx-controls-direction a.bx-prev, .icons-modal_gallery_small_next, .modal.gallery .modal_pager_wrapper .bx-wrapper .bx-controls-direction a.bx-next, .icons-modal_gallery_small_prev, .modal.gallery .modal_pager_wrapper .bx-wrapper .bx-controls-direction a.bx-prev, .icons-my-fp, .icons-national-security, .icons-passport, .icons-peace-channel, .icons-person, .icons-photo-essays-white, .icons-photo-essays, .icons-plus, .icons-popout_swoop, .icons-printer, .icons-search, .icons-search_close, .modal.search a.searchmodalCloseImg, .icons-shadow, .icons-social_large_email, .icons-social_large_facebook, .icons-social_large_google, .icons-social_large_pintrest, .icons-social_large_reddit, .icons-social_large_twitter, .icons-social_medium_facebook, .icons-social_medium_google, .icons-social_medium_reddit, .icons-social_medium_twitter, .icons-social_small_facebook, .icons-social_small_google, .icons-social_small_twitter, .icons-south-asia, .icons-syria-white, .icons-syria, .icons-tea-leaf, .icons-tech-cyber, .icons-the-mag, .icons-tooltip_point, .with_tooltip .tooltip:before, .icons-twitter, .icons-video_play, .video_overlay:before, .icons-view_gallery, .icons-voices-recent, .icons-voices { background: url('../img/icons-s7aef409708.png') no-repeat; } /**/ .icons-americas { background-position: -104px -226px; height: 28px; width: 28px; } .icons-arrow_comments { background-position: -9px 0; height: 20px; width: 15px; } .icons-arrow_down_grey, .site_header .site_nav > li > a:after { background-position: 0 -24px; height: 7px; width: 13px; } .icons-arrow_down_white { background-position: -14px -50px; height: 13px; width: 24px; } .icons-arrow_left, .bx-wrapper .bx-prev { background-position: 0 -226px; height: 34px; width: 20px; } .icons-arrow_right, .bx-wrapper .bx-next { background-position: -112px -50px; height: 34px; width: 20px; } .icons-arrow_right_red, a.read_full:after { background-position: 0 0; height: 17px; width: 9px; } .icons-arrow_right_white { background-position: -24px 0; height: 24px; width: 13px; } .icons-arrow_up_white { background-position: 0 -84px; height: 13px; width: 24px; } .icons-asia { background-position: 0 -442px; height: 28px; width: 28px; } .icons-bestdefense { background-position: -28px -442px; height: 28px; width: 28px; } .icons-cable { background-position: -56px -442px; height: 28px; width: 28px; } .icons-camera { background-position: -36px -724px; height: 48px; width: 48px; } .icons-checkbox-small { background-position: -43px -772px; height: 60px; width: 60px; } .icons-checkbox, #new-design div p:before { background-position: 0 -898px; height: 80px; width: 80px; } .icons-chevron-down, a.continue:after { background-position: -24px -84px; height: 20px; width: 20px; } .icons-chevron-up { background-position: -108px 0; height: 20px; width: 20px; } .icons-chinafile { background-position: 0 -126px; height: 25px; width: 109px; } .icons-complex { background-position: 0 -414px; height: 28px; width: 28px; } .icons-democracy-lab { background-position: 0 -498px; height: 28px; width: 28px; } .icons-developing-stories-white { background-position: -28px -470px; height: 28px; width: 28px; } .icons-developing-stories { background-position: -84px -470px; height: 28px; width: 28px; } .icons-economic-finance { background-position: -84px -498px; height: 28px; width: 28px; } .icons-egypt-white { background-position: -28px -358px; height: 28px; width: 28px; } .icons-egypt { background-position: -20px -226px; height: 28px; width: 28px; } .icons-email { background-position: 0 -50px; height: 11px; width: 14px; } .icons-end-slug { background-position: -13px -24px; height: 10px; width: 10px; } .icons-energy { background-position: -56px -470px; height: 28px; width: 28px; } .icons-europe-white { background-position: 0 -470px; height: 28px; width: 28px; } .icons-europe { background-position: -28px -414px; height: 28px; width: 28px; } .icons-facebook { background-position: -93px -24px; height: 26px; width: 13px; } .icons-feature-flag-white { background-position: -25px -526px; height: 25px; width: 25px; } .icons-feature-flag { background-position: -87px -50px; height: 25px; width: 25px; } .icons-featured { background-position: -37px 0; height: 17px; width: 17px; } .icons-galleries-white { background-position: -84px -302px; height: 28px; width: 28px; } .icons-galleries { background-position: -56px -330px; height: 28px; width: 28px; } .icons-globe { background-position: -90px -601px; height: 38px; width: 38px; } .icons-google { background-position: -38px -50px; height: 23px; width: 25px; } .icons-graph { background-position: 0 -772px; height: 43px; width: 43px; } .icons-helper-arrow-dr, #new-design-features p:after, #new-design-news p:after { background-position: -41px -641px; height: 41px; width: 37px; } .icons-helper-arrow-rd, #new-design-navbar p:after { background-position: 0 -641px; height: 37px; width: 41px; } .icons-helper-arrow-ur, #new-design-highlighting p:after { background-position: -78px -641px; height: 41px; width: 37px; } .icons-ideas { background-position: -28px -330px; height: 28px; width: 28px; } .icons-info { background-position: -63px -50px; height: 24px; width: 24px; } .icons-infographics { background-position: 0 -302px; height: 28px; width: 28px; } .icons-international-headlines-white { background-position: -28px -302px; height: 28px; width: 28px; } .icons-international-headlines { background-position: -56px -302px; height: 28px; width: 28px; } .icons-latest-news-small { background-position: -54px 0; height: 17px; width: 17px; } .icons-latest-news { background-position: -84px -330px; height: 28px; width: 28px; } .icons-lightbulb { background-position: -56px -601px; height: 40px; width: 34px; } .icons-lists { background-position: -28px -386px; height: 28px; width: 28px; } .icons-lock { background-position: -68px -682px; height: 42px; width: 35px; } .icons-logo { background-position: 0 -978px; height: 84px; width: 133px; } .icons-map-room { background-position: 0 -682px; height: 28px; width: 28px; } .icons-mid-east-africa { background-position: -56px -358px; height: 28px; width: 28px; } .icons-modal_close, .modal .header a.modalCloseImg, .modal.gallery .gallery_header a.modalCloseImg { background-position: 0 -832px; height: 66px; width: 66px; } .icons-modal_close_red { background-position: -28px -682px; height: 40px; width: 40px; } .icons-modal_gallery_next, .modal.gallery .modal_gallery_wrapper .bx-wrapper .bx-controls-direction a.bx-next { background-position: -82px -151px; height: 75px; width: 27px; } .icons-modal_gallery_prev, .modal.gallery .modal_gallery_wrapper .bx-wrapper .bx-controls-direction a.bx-prev { background-position: -50px -526px; height: 75px; width: 27px; } .icons-modal_gallery_small_next, .modal.gallery .modal_pager_wrapper .bx-wrapper .bx-controls-direction a.bx-next { background-position: -88px -84px; height: 42px; width: 15px; } .icons-modal_gallery_small_prev, .modal.gallery .modal_pager_wrapper .bx-wrapper .bx-controls-direction a.bx-prev { background-position: -26px -260px; height: 42px; width: 15px; } .icons-my-fp { background-position: -71px 0; height: 17px; width: 17px; } .icons-national-security { background-position: -56px -414px; height: 28px; width: 28px; } .icons-passport { background-position: -84px -414px; height: 28px; width: 28px; } .icons-peace-channel { background-position: -84px -442px; height: 28px; width: 28px; } .icons-person { background-position: 0 -724px; height: 34px; width: 36px; } .icons-photo-essays-white { background-position: -28px -498px; height: 28px; width: 28px; } .icons-photo-essays { background-position: -56px -498px; height: 28px; width: 28px; } .icons-plus { background-position: -88px 0; height: 20px; width: 20px; } .icons-popout_swoop { background-position: -77px -526px; height: 41px; width: 29px; } .icons-printer { background-position: -106px -24px; height: 22px; width: 22px; } .icons-search { background-position: -58px -151px; height: 29px; width: 24px; } .icons-search_close, .modal.search a.searchmodalCloseImg { background-position: -80px -898px; height: 51px; width: 51px; } .icons-shadow { background-position: -28px -601px; height: 28px; width: 28px; } .icons-social_large_email { background-position: -103px -84px; height: 25px; width: 26px; } .icons-social_large_facebook { background-position: -41px -260px; height: 27px; width: 28px; } .icons-social_large_google { background-position: -31px -151px; height: 27px; width: 27px; } .icons-social_large_pintrest { background-position: -97px -260px; height: 27px; width: 28px; } .icons-social_large_reddit { background-position: -69px -260px; height: 27px; width: 28px; } .icons-social_large_twitter { background-position: 0 -601px; height: 27px; width: 28px; } .icons-social_medium_facebook { background-position: -109px -126px; height: 22px; width: 22px; } .icons-social_medium_google { background-position: -66px -84px; height: 22px; width: 22px; } .icons-social_medium_reddit { background-position: -71px -24px; height: 22px; width: 22px; } .icons-social_medium_twitter { background-position: -44px -84px; height: 22px; width: 22px; } .icons-social_small_facebook { background-position: -23px -24px; height: 16px; width: 16px; } .icons-social_small_google { background-position: -55px -24px; height: 16px; width: 16px; } .icons-social_small_twitter { background-position: -39px -24px; height: 16px; width: 16px; } .icons-south-asia { background-position: -84px -386px; height: 28px; width: 28px; } .icons-syria-white { background-position: -84px -358px; height: 28px; width: 28px; } .icons-syria { background-position: 0 -358px; height: 28px; width: 28px; } .icons-tea-leaf { background-position: -56px -386px; height: 28px; width: 28px; } .icons-tech-cyber { background-position: 0 -386px; height: 28px; width: 28px; } .icons-the-mag { background-position: 0 -330px; height: 28px; width: 28px; } .icons-tooltip_point, .with_tooltip .tooltip:before { background-position: 0 -260px; height: 25px; width: 26px; } .icons-twitter { background-position: 0 -151px; height: 24px; width: 31px; } .icons-video_play, .video_overlay:before { background-position: 0 -1062px; height: 133px; width: 134px; } .icons-view_gallery { background-position: 0 -526px; height: 25px; width: 25px; } .icons-voices-recent { background-position: -76px -226px; height: 28px; width: 28px; } .icons-voices { background-position: -48px -226px; height: 28px; width: 28px; } /* ------------------------------------------------------------------------------------------------ Basics ------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------ Mixins ------------------------------------------------------------------------------------------------ */ .full_width, img.main_photo { width: 100%; display: block; height: auto; } /** Hack for Google Ads */ .fp-voice ._970 { margin-left: -155px; } /* ------------------------------------------------------------------------------------------------ Forms ------------------------------------------------------------------------------------------------ */ .btn { font-size: 14px; line-height: 40px; height: 40px; padding: 0 16px; } input[type="text"], input[type="password"], input[type="email"], textarea { padding: 5px; width: 270px; font-size: 12px; line-height: 15px; margin: 0; border: 1px solid #999; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border-color: #666; } .block { position: relative; } .block > img { display: block; margin: 0 auto; } .block + .block { margin-top: 15px; } .row + .row { margin-top: 15px; } /* ------------------------------------------------------------------------------------------------ Header ------------------------------------------------------------------------------------------------ */ /** Trying to prevent full desktop view on tablet landscape with iPad dimensions taking priority `$jpanel_breakpoint` was 992px */ /** Header ad */ .header_ad ._728 { display: none; } .menu_wrapper { position: relative; z-index: 1005; -webkit-transition: left 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; } @media only screen and (max-width: 1024px) { .menu_wrapper { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 50px; background: #191615; } } .menu_wrapper_opened { left: 250px; } .logo_sticky_wrapper { height: 0 !important; top: 0; position: absolute; float: none !important; width: 100%; } @media only screen and (max-width: 1024px) { .logo_sticky_wrapper { top: 2px; } } .logo_sticky_wrapper .logo img { -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; width: 133px; height: 110px; display: block; } .logo_sticky_wrapper.is-sticky .logo img { height: 46.3157px; width: 56px; } .menu_wrapper .logo { z-index: 1002; position: absolute; left: 20px; margin: 0; } @media only screen and (max-width: 1024px) { .menu_wrapper .logo { left: auto; right: 20px; } .menu_wrapper .logo img { height: 46px; width: auto; } } .super_header { background: #232323; z-index: 1001; position: relative; } .super_header > div { float: right; } @media only screen and (max-width: 1024px) { .super_header > div { float: none; } } .super_header > div > ul { float: left; } @media only screen and (max-width: 1024px) { .super_header > div > ul { float: none; } } .super_header > div > ul li { float: left; font-size: 14px; line-height: 38px; color: #fff; } @media only screen and (max-width: 1024px) { .super_header > div > ul li { float: none; } } .super_header > div > ul li + li { position: relative; } @media only screen and (max-width: 1024px) { .super_header > div > ul li + li:before { display: none; } } .super_header > div > ul li + li:before { content: "|"; position: absolute; top: 0; left: -3px; } .super_header > div > ul li a { display: block; font-size: 14px; line-height: 38px; color: #fff; padding: 0 10px; } .super_header > div > ul.topics li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .super_header > div > ul.topics li a { font-weight: 800; } .super_header > div > ul.popular_links li a { text-transform: uppercase; letter-spacing: 1px; background: #eb1414; font-weight: 800; font-size: 12px; padding: 0 20px; } .super_header > div > ul.popular_links > li:first-child > a { display: none; } .super_header > div > ul.popular_links > li:first-child + li:before { content: ""; } /** FP login dropdown */ .fp-login:hover > ul { visibility: visible; } .fp-login > ul { position: absolute; top: 100%; right: 0; width: 200px; visibility: hidden; } .fp-login > ul > li { float: none !important; display: block; } .fp-login > ul > li > a { background: rgba(235, 20, 20, 0.85) !important; } .fp-login > ul > li > a:hover { background: #eb1414 !important; } @media only screen and (max-width: 1024px) { #menu { display: none; } } .site_header { background: #191615 url("../img/bg_header.png") 0 0 repeat-x; position: relative; width: 100%; z-index: 1000; height: 88px; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; } .site_header .site_header_inner { background: #191615 url("../img/bg_header.png") 0 0 repeat-x; } .site_header a { color: #fff; text-decoration: none; } .site_header .site_nav { float: left; margin-left: 180px; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: margin; -moz-transition-property: margin; -o-transition-property: margin; transition-property: margin; } @media only screen and (max-width: 1243px) { .site_header .site_nav { margin-left: 160px; } } .site_header .site_nav > li { float: left; } .site_header .site_nav > li:hover > a, .site_header .site_nav > li.hovered > a { background: #fff; color: #000; } .site_header .site_nav > li:hover .subnavigation_wrapper, .site_header .site_nav > li.hovered .subnavigation_wrapper { display: block; } .site_header .site_nav > li > a { position: relative; z-index: 1001; display: block; font-size: 14px; line-height: 88px; padding: 0 10px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; } @media only screen and (max-width: 1243px) { .site_header .site_nav > li > a { font-size: 12px; } } @media only screen and (max-width: 1114px) { .site_header .site_nav > li > a { font-size: 11px; } } .site_header .site_nav > li > a:after { content: ""; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; display: inline-block; margin: -2px 0 0 5px; } @media only screen and (max-width: 1114px) { .site_header .site_nav > li > a:after { display: none; } } .site_header .additional_links { background: #212022 url("../img/bg_header_light.png") 0 0 repeat-x; float: right; padding-right: 20px; } .site_header .additional_links li, .site_header .additional_links ul { float: left; } .site_header .additional_links a { display: block; line-height: 60px; padding: 0 15px; } @media only screen and (max-width: 1243px) { .site_header .additional_links a { padding: 0 10px; } } .site_header .additional_links > li { -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: height; -moz-transition-property: height; -o-transition-property: height; transition-property: height; height: 88px; padding: 14px 0; } @media only screen and (max-width: 1024px) { .site_header .additional_links > li { height: auto; } .site_header .additional_links > li + li { border: none; } } .site_header .additional_links > li + li { border-left: 2px solid rgba(0, 0, 0, 0.2); } .site_header .additional_links > li.magazines { position: relative; margin-left: 5px; padding-left: 10px; padding-right: 10px; } .site_header .additional_links > li.magazines:hover { background-color: #fff; cursor: pointer; } .site_header .additional_links > li.magazines:hover .magazine-subnavigation { display: block; } .site_header .additional_links > li.magazines:hover ul li span.text { color: #191615; } .site_header .additional_links > li.magazines:hover ul li img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } @media only screen and (max-width: 1024px) { .site_header .additional_links > li.magazines { border: none; clear: both; } .site_header .additional_links > li.magazines ul li { float: none; overflow: hidden; display: block; padding-left: 0; } .site_header .additional_links > li.magazines ul li span.text { width: 100px; } .site_header .additional_links > li.magazines ul li + li { margin-top: 10px; } } .site_header .additional_links > li.magazines ul li span.text { font-size: 14px; font-weight: bold; line-height: 19px; text-align: right; padding-right: 10px; margin-top: 16px; letter-spacing: 2px; float: left; color: #fff; text-transform: uppercase; } .site_header .additional_links > li.magazines ul li > img { float: left; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=42); opacity: 0.42; } .site_header .additional_links > li.magazines .magazine-subnavigation { display: none; position: absolute; top: 88px; right: 0; } .site_header .additional_links > li.magazines .magazine-subnavigation nav { display: block; width: 240px; } .site_header .additional_links > li.magazines .magazine-subnavigation a { position: relative; width: 120px; display: block; float: left; background-color: #D8D8D8; padding: 15px 0; min-height: 150px; } .site_header .additional_links > li.magazines .magazine-subnavigation a:hover { background-color: #FFFFFF; } .site_header .additional_links > li.magazines .magazine-subnavigation a:first-child div { border-left: 0; } .site_header .additional_links > li.magazines .magazine-subnavigation a div { width: 120px; padding: 0 15px; border-left: 1px solid #A7A9AB; } .site_header .additional_links > li.magazines .magazine-subnavigation a h1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 90px; position: absolute; background: url(../images/ie-1a1718-90.png); background: rgba(26, 23, 24, 0.9); color: #fff; line-height: 1.5em; font-size: 14px; text-align: right; padding: 5px; font-weight: bold; z-index: 10; bottom: 15px; } .site_header .additional_links > li.magazines .magazine-subnavigation img { z-index: 0; position: relative; display: block; width: 90px; height: auto; } a.menu-trigger { position: absolute; top: 50%; left: 0; margin: -20px 0 0 20px; font-size: 40px; line-height: 40px; height: 40px; width: 40px; display: block; z-index: 10; color: #fff; background: #232323; display: none; } @media only screen and (max-width: 1024px) { a.menu-trigger { display: block; } } .subnavigation_wrapper { position: absolute; z-index: 1000; top: 88px; left: 0; right: 0; width: 100%; display: none; -webkit-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); -moz-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); } @media (max-width: 1024px) { .subnavigation_wrapper { display: none; position: static; } .subnavigation_wrapper .sub_subnav, .subnavigation_wrapper .square { display: none !important; } .subnavigation_wrapper .subnavigation > ul { height: auto !important; width: auto !important; padding: 0 !important; } .subnavigation_wrapper .subnavigation > ul li.hovered a { background: none !important; } .subnavigation_wrapper .subnavigation > ul li.hovered a:hover { background: #FDFCFC !important; } } .subnavigation_wrapper.mobile-show { display: block !important; } .subnavigation_wrapper .subnavigation { position: relative; background: #fdfcfc; } .subnavigation_wrapper .subnavigation > ul { background: #d8d8d8; padding: 20px 0; width: 20%; } .subnavigation_wrapper .subnavigation > ul > li { display: block; float: none; margin: 0; } .subnavigation_wrapper .subnavigation > ul > li:hover a, .subnavigation_wrapper .subnavigation > ul > li.hovered a { background: #fdfcfc; } .subnavigation_wrapper .subnavigation > ul > li:hover a span.square, .subnavigation_wrapper .subnavigation > ul > li.hovered a span.square { /*background-color: #d8d8d8;*/ } .subnavigation_wrapper .subnavigation > ul > li:hover ul.sub_subnav, .subnavigation_wrapper .subnavigation > ul > li.hovered ul.sub_subnav { display: block; } .subnavigation_wrapper .subnavigation > ul > li.indent-left { padding-left: 20px; } .subnavigation_wrapper .subnavigation > ul > li > a { display: block; color: #6d6f72; font-family: "Solido Condensed", Tahoma, sans-serif; letter-spacing: 1px; font-weight: 600; text-transform: uppercase; font-size: 16px; line-height: 14px; padding: 10px 15px 10px 28px; text-align: left; text-shadow: none; } .subnavigation_wrapper .subnavigation > ul > li > a span.square { width: 28px; height: 28px; /*background-color: #ffffff;*/ } .subnavigation_wrapper .subnavigation > ul > li > a span.text { padding-left: 10px; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav { position: absolute; top: 20px; left: 22%; right: 0; display: none; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li { width: 32%; float: left; height: 228px; /** List item for voices thumbs */ /** "Column" wrapper */ } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li.sub_subnav_voice { height: auto; width: 12.5%; padding-left: 0 !important; margin-left: 0 !important; border-left: 0 !important; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li.sub_subnav_voice a { font-size: 16px !important; font-weight: normal !important; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li.sub_subnav_voice a.img_wrapper { height: 59px; background-repeat: no-repeat; background-position: 0 0; background-size: 50px auto; } @media (max-width: 1160px) { .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li.sub_subnav_voice a.img_wrapper { background-position: center 0; width: auto !important; padding-right: 0 !important; } } @media (max-width: 1160px) { .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li.sub_subnav_voice .text_wrapper > h2 > a { text-align: center; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li.sub_subnav_voice .text_wrapper > h2 > a > span { display: none; } } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li > ul { height: 100%; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li + li { padding-left: 1.5%; border-left: 1px solid #97999c; margin-left: 1.5%; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li li { /** "Rows" equal heights */ height: 33.3333333333%; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li li + li { border-top: 1px solid #97999c; padding-top: 10px; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li a.img_wrapper { width: 80px; padding-right: 20px; /** Remove inline images, hide background images on mobile */ } @media (max-width: 1024px) { .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li a.img_wrapper { background: none !important; } } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li .text_wrapper { text-align: left; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li .text_wrapper h2 { clear: both; margin-bottom: 5px; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li .text_wrapper h2 a { display: block; color: #1a1818; font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 18px; line-height: 18px; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li .text_wrapper span.divider, .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li .text_wrapper a.author, .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li .text_wrapper span.time { font-size: 10px; font-weight: 500; color: #000; float: left; line-height: 16px; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li .text_wrapper span.divider { padding: 0 10px; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li .text_wrapper a.author { text-transform: uppercase; } .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li .text_wrapper span.time { font-style: italic; } /** Specific rules to account for 4th row in Channels dropdown */ .fp-channel-dropdown .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li { height: 100%; } .fp-channel-dropdown .subnavigation_wrapper .subnavigation > ul > li ul.sub_subnav > li li { height: 25%; } .fp-channel-dropdown .voices_subnav article { width: 114px; float: left; margin: 20px 40px; } .fp-channel-dropdown .voices_subnav h1 a { font-family: "Tiempos", Georgia, serif; font-size: 1.1875em; font-weight: 800; line-height: 1.375em; margin-bottom: 10px; color: #1A1718; } .fp-channel-dropdown .voices_subnav .author { color: #eb1414; font-size: 14px; text-transform: uppercase; } .fp-channel-dropdown .voices_subnav .author:hover { text-decoration: underline; } /** Breakpoints */ @media (max-width: 1024px) { .header_ad { display: none; } /* To be used eventually... .header_ad { padding-top: 55px !important; ._970 { display: none; } ._728 { display: block; } } */ } @media (max-width: 765px) { .header_ad { display: none; } } /** IE specific styles */ .lt-ie9 .site_header .magazines { width: 190px; } .lt-ie9 .site_header .magazines > ul, .lt-ie9 .site_header .magazines > ul > li { width: 168px; } .lt-ie9 .site_header .magazines .text { font-size: 12px !important; } .lt-ie9 .site_header .magazines .text + img { float: right; } .lt-ie9 .site_header .magazines .text + img { float: right; } .lt-ie9 .menu_wrapper .logo { width: 133px; } /* ------------------------------------------------------------------------------------------------ Sticky Footer by Ryan Fait http://ryanfait.com/ ------------------------------------------------------------------------------------------------ */ * { margin: 0; } html, body { height: 100%; } #container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; } @media only screen and (max-width: 767px) { #container { margin: 0 auto -500px; } } @media only screen and (max-width: 530px) { #container { margin: 0 auto -700px; } } footer.site_footer, .footer_push { height: 256px; overflow: hidden; } @media only screen and (max-width: 767px) { footer.site_footer, .footer_push { height: 500px; } } @media only screen and (max-width: 530px) { footer.site_footer, .footer_push { height: 700px; } } .footer_push { display: none; } #st-track-px { position: absolute; top: 3px; } footer.site_footer { background: #000000; color: #fff; } footer.site_footer > ul { padding: 40px 0; } footer.site_footer > ul > li { display: inline-block; float: left; padding-left: 7.5px; padding-right: 7.5px; } @media only screen and (min-width: 320px) { footer.site_footer > ul > li { width: 25%; } } @media only screen and (min-width: 768px) { footer.site_footer > ul > li { width: 20%; } } @media only screen and (min-width: 1300px) { footer.site_footer > ul > li { width: 20%; } } @media only screen and (max-width: 767px) { footer.site_footer > ul > li { text-align: center; margin-top: 10px; } } @media only screen and (max-width: 530px) { footer.site_footer > ul > li { width: 100%; } } @media only screen and (max-width: 767px) { footer.site_footer > ul > li:first-child { width: 100%; text-align: center; margin-bottom: 20px; } footer.site_footer > ul > li:first-child span.logo { margin: 0; } } footer.site_footer > ul > li .logo { margin-left: 12.5px; margin-top: -40px; } footer.site_footer > ul > li > ul > li + li { padding-top: 10px; } footer.site_footer > ul > li > ul > li a { color: #fff; font-family: "Solido", Tahoma, sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; line-height: 19px; display: block; } footer.site_footer > ul > li > ul > li a.contact { color: #eb1414; } /* ------------------------------------------------------------------------------------------------ Site Styles ------------------------------------------------------------------------------------------------ */ #main { padding-bottom: 40px; padding-top: 25px; } #main.featured { padding-top: 0; } @media only screen and (max-width: 1024px) { #main { padding-top: 50px; } /* .header_ad + .menu_wrapper + #main { padding-top: 25px; } */ } @media only screen and (max-width: 765px) { #main { padding-top: 50px !important; } } .row.main_content_columns .nineteen.columns { width: auto; margin-right: 320px; float: none; margin-left: 0; } .row.main_content_columns .nineteen.columns .infinite_tiles { margin-left: -7.5px; margin-right: -7.5px; } .row.main_content_columns .nineteen.columns .infinite_tiles h1 { font-size: 20px; font-weight: 800; margin-bottom: 10px; } .row.main_content_columns .nineteen.columns .infinite_tiles > li { display: inline-block; float: left; padding-left: 7.5px; padding-right: 7.5px; width: 33.33333%; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.third, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(3n + 4) { clear: left; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.second, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(2n + 3) { clear: none; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.second.third, .row.main_content_columns .nineteen.columns .infinite_tiles > li.second:nth-child(3n + 4), .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(2n + 3).third, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(2n + 3):nth-child(3n + 4) { clear: left; } @media only screen and (max-width: 1145px) { .row.main_content_columns .nineteen.columns .infinite_tiles > li { width: 50%; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.third, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(3n + 4) { clear: none; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.third.second, .row.main_content_columns .nineteen.columns .infinite_tiles > li.third:nth-child(2n + 3), .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(3n + 4).second, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(3n + 4):nth-child(2n + 3) { clear: left; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.second, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(2n + 3) { clear: left; } } @media only screen and (max-width: 909px) { .row.main_content_columns .nineteen.columns .infinite_tiles > li { width: 100%; } } @media only screen and (max-width: 768px) { .row.main_content_columns .nineteen.columns .infinite_tiles > li { width: 33.33333%; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.third, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(3n + 4) { clear: left; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.second, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(2n + 3) { clear: none; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.second.third, .row.main_content_columns .nineteen.columns .infinite_tiles > li.second:nth-child(3n + 4), .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(2n + 3).third, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(2n + 3):nth-child(3n + 4) { clear: left; } } @media only screen and (max-width: 582px) { .row.main_content_columns .nineteen.columns .infinite_tiles > li { width: 50%; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.third, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(3n + 4) { clear: none; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.third.second, .row.main_content_columns .nineteen.columns .infinite_tiles > li.third:nth-child(2n + 3), .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(3n + 4).second, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(3n + 4):nth-child(2n + 3) { clear: left; } .row.main_content_columns .nineteen.columns .infinite_tiles > li.second, .row.main_content_columns .nineteen.columns .infinite_tiles > li:nth-child(2n + 3) { clear: left; } } @media only screen and (max-width: 400px) { .row.main_content_columns .nineteen.columns .infinite_tiles > li { width: 100%; } } @media only screen and (max-width: 768px) { .row.main_content_columns .nineteen.columns { margin-right: 0; } .row.main_content_columns .nineteen.columns > .inner { margin-bottom: 40px; } } .row.main_content_columns .nineteen.columns > .inner { float: left; width: 100%; } .row.main_content_columns .sidebar.six.columns { padding-top: 20px; width: 300px; float: right; margin-top: -1px; } @media only screen and (max-width: 768px) { .row.main_content_columns .sidebar.six.columns { width: auto; float: none; margin-top: 0; clear: both; } } .row.main_content_columns .long_ad ._300, .row.main_content_columns .long_ad ._728, .row.main_content_columns .long_ad ._970 { position: relative; } .row.main_content_columns .long_ad ._300 { width: auto; height: auto; overflow: visible; clip: auto; } .row.main_content_columns .long_ad ._300 embed { position: static; left: auto; } .row.main_content_columns .long_ad ._728, .row.main_content_columns .long_ad ._970 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .row.main_content_columns .long_ad ._728 embed, .row.main_content_columns .long_ad ._970 embed { position: absolute; left: 1000em; } @media screen and (min-width: 1150px) { .row.main_content_columns .long_ad ._728 { width: auto; height: auto; overflow: visible; clip: auto; } .row.main_content_columns .long_ad ._728 embed { position: static; left: auto; } .row.main_content_columns .long_ad ._300, .row.main_content_columns .long_ad ._970 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .row.main_content_columns .long_ad ._300 embed, .row.main_content_columns .long_ad ._970 embed { position: absolute; left: 1000em; } } @media screen and (min-width: 1518px) { .row.main_content_columns .long_ad ._970 { width: auto; height: auto; overflow: visible; clip: auto; } .row.main_content_columns .long_ad ._970 embed { position: static; left: auto; } .row.main_content_columns .long_ad ._300, .row.main_content_columns .long_ad ._728 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .row.main_content_columns .long_ad ._300 embed, .row.main_content_columns .long_ad ._728 embed { position: absolute; left: 1000em; } } @media screen and (max-width: 768px) { .row.main_content_columns .long_ad ._728 { height: auto; width: auto; overflow: visible; } .row.main_content_columns .long_ad ._970, .row.main_content_columns .long_ad ._300 { height: 0; width: 0; overflow: hidden; } } @media screen and (max-width: 740px) { .row.main_content_columns .long_ad ._300 { height: auto; width: auto; oveflow: visible; } .row.main_content_columns .long_ad ._970, .row.main_content_columns .long_ad ._728 { height: 0; width: 0; overflow: hidden; } } @media screen and (min-width: 1518px) { .homepage_main .long_ad ._970 { left: -111px; } } .article .row.main_content_columns .long_ad ._300, .article .row.main_content_columns .long_ad ._728, .article .row.main_content_columns .long_ad ._970 { position: relative; } .article .row.main_content_columns .long_ad ._300 { width: auto; height: auto; overflow: visible; clip: auto; } .article .row.main_content_columns .long_ad ._300 embed { position: static; left: auto; } .article .row.main_content_columns .long_ad ._728, .article .row.main_content_columns .long_ad ._970 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .article .row.main_content_columns .long_ad ._728 embed, .article .row.main_content_columns .long_ad ._970 embed { position: absolute; left: 1000em; } @media screen and (min-width: 1185px) { .article .row.main_content_columns .long_ad ._728 { width: auto; height: auto; overflow: visible; clip: auto; } .article .row.main_content_columns .long_ad ._728 embed { position: static; left: auto; } .article .row.main_content_columns .long_ad ._300, .article .row.main_content_columns .long_ad ._970 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .article .row.main_content_columns .long_ad ._300 embed, .article .row.main_content_columns .long_ad ._970 embed { position: absolute; left: 1000em; } } @media screen and (min-width: 1425px) { .article .row.main_content_columns .long_ad ._970 { width: auto; height: auto; overflow: visible; clip: auto; } .article .row.main_content_columns .long_ad ._970 embed { position: static; left: auto; } .article .row.main_content_columns .long_ad ._300, .article .row.main_content_columns .long_ad ._728 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .article .row.main_content_columns .long_ad ._300 embed, .article .row.main_content_columns .long_ad ._728 embed { position: absolute; left: 1000em; } } /** BxSlider v4.0 - Fully loaded, responsive content slider http://bxslider.com Written by: Steven Wanderski, 2012 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz) CEO and founder of bxCreative, LTD http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bxslider_int_headline_wrapper { margin: 0 40px; } .bxslider_int_headline_wrapper .bx-wrapper .bx-prev { left: -40px; } .bxslider_int_headline_wrapper .bx-wrapper .bx-next { right: -40px; } .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-loading { min-height: 50px; background: url(../img/bx_loader.gif) center center no-repeat; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: -20px; } .bx-wrapper .bx-next { right: -20px; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -17px; outline: 0; text-indent: -9999px; z-index: 900; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../img/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../img/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .meta { position: relative; font-size: 14px; line-height: 1.2em; min-height: 22px; } .meta .shares_wrapper { display: inline-block; } .meta.dark { color: #161314; } .meta.dark .aggregate_shares { color: #eb1414; } .meta.light { color: #000; background: url(../images/ie-fff-70.png); background: rgba(255, 255, 255, 0.7); padding: 5px 10px 1px; } .meta.light .aggregate_shares { color: #EB1414; } .meta.small .shares_wrapper { height: 22px; vertical-align: top; margin-top: -2px; } .meta.small .shares_wrapper .aggregate_shares { font-size: 14px; line-height: 22px; font-weight: 600; } .meta.small .shares_wrapper .buttons { margin-top: -22px; } .meta.small > * { font-size: 14px; line-height: 18px; font-weight: 600; font-family: "Solido", Tahoma, sans-serif; } .meta.small .divider { padding: 0 3px; } .meta.medium_small .shares_wrapper { height: 22px; vertical-align: top; margin-top: -2px; } .meta.medium_small .shares_wrapper .aggregate_shares { font-size: 11px; line-height: 22px; font-weight: 500; } .meta.medium_small .shares_wrapper .buttons { margin-top: -22px; } .meta.medium_small > * { font-size: 11px; line-height: 18px; font-weight: 500; font-family: "Solido", Tahoma, sans-serif; } .meta.medium { letter-spacing: 1px; } .meta.medium .shares_wrapper { height: 22px; vertical-align: top; margin-top: -2px; } .meta.medium .shares_wrapper .aggregate_shares { font-size: 12px; line-height: 22px; font-weight: 600; } .meta.medium .shares_wrapper .buttons { margin-top: -22px; } .meta.medium > * { font-size: 12px; line-height: 18px; font-weight: 600; font-family: "Solido", Tahoma, sans-serif; } .meta.dark_gallery { display: inline; } .meta.dark_gallery * { font-size: 14px; line-height: 24px; font-family: "Solido", Tahoma, sans-serif; color: #fff; } .meta.related > * { font-size: 14px; line-height: 1.2; font-weight: bold; } .meta.related > *.author, .meta.related > *.divider { color: #fff; } .meta.post_block { margin-top: 20px; } .meta.post_block * { font-size: 16px; line-height: 19px; } .meta.post_block *.author { text-transform: none; font-weight: 800; } .meta.post_block *.category, .meta.post_block *.date { font-weight: normal; } .meta.post_block .date:first-child { color: #eb1414; } .meta.post_block .shares_wrapper { height: 22px; vertical-align: top; margin-top: -1.5px; } .meta.post_block .shares_wrapper .aggregate_shares { font-size: 16px; line-height: 22px; font-weight: 400; } .meta.post_block .shares_wrapper .buttons { margin-top: -22px; } .meta.post_block .social_links { display: inline-block; vertical-align: middle; margin-top: -5px; } .meta.large { margin-top: 10px; } .meta.large > * { font-size: 18px; font-weight: bold; } .meta.large > *.author, .meta.large > *.divider { color: #fff; } .meta.large.with_bg { background: url(../images/ie-1a1718-90.png); background: rgba(26, 23, 24, 0.9); float: left; padding: 10px; margin-top: -15px; } .meta > * { text-transform: uppercase; } .meta .divider { padding: 0 10px; } .meta .date { color: #eb1414; } .meta.gallery { font-size: 14px; padding-top: 14px; border-top: 1px solid #000; margin-top: 10px; } .meta.gallery .author { color: #eb1414; text-transform: uppercase; } .meta.gallery .date { text-transform: uppercase; color: #000; } .meta.gallery .divider { padding: 0 0; } .inline_bg { background: url(../images/ie-1a1718-90.png); background: rgba(26, 23, 24, 0.9); -webkit-box-shadow: 10px 0 0 rgba(26, 23, 24, 0.9); -moz-box-shadow: 10px 0 0 rgba(26, 23, 24, 0.9); box-shadow: 10px 0 0 rgba(26, 23, 24, 0.9); } .inline_bg span { -webkit-box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9); -moz-box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9); box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9); } .related_posts { width: 33%; display: inline-block; float: none; } .related_posts > li > div { display: block; padding: 12px 20px; background: url(../images/ie-1a1718-90.png); background: rgba(26, 23, 24, 0.9); } .related_posts > li > div > * { opacity: 1; } .related_posts > li > div.active { background-color: #000; } .related_posts > li > div.active > * { opacity: .5; } .related_posts > li + li { margin-top: 20px; } .related_posts > li h2 { font-size: 1.4375em; font-family: "Solido", Tahoma, sans-serif; font-weight: 800; letter-spacing: 1px; color: #fff; line-height: 1.3; } .related_posts > li h2 a { color: #fff; } .related_posts > li .topic { text-decoration: none; color: #eb1414; text-transform: uppercase; font-family: "Solido Condensed", Tahoma, sans-serif; font-weight: 600; letter-spacing: 1px; } .related_posts > li .topic:hover { text-decoration: underline; } .related_posts > li .author { color: #939598; text-decoration: none; font-weight: 400; } .related_posts > li .author:hover { text-decoration: underline; } .homepage_leader_slider_wrapper { margin-top: -25px; margin-bottom: 15px; position: relative; } .homepage_leader_slider_wrapper .bx-wrapper, .homepage_leader_slider_wrapper .homepage_leader, .homepage_leader_slider_wrapper .related_posts_wrapper { height: 420px; } @media only screen and (max-width: 1080px) { .homepage_leader_slider_wrapper .bx-wrapper, .homepage_leader_slider_wrapper .homepage_leader, .homepage_leader_slider_wrapper .related_posts_wrapper { height: 600px; } } @media only screen and (max-width: 629px) and (max-width: 768px) { .homepage_leader_slider_wrapper .bx-wrapper, .homepage_leader_slider_wrapper .homepage_leader, .homepage_leader_slider_wrapper .related_posts_wrapper { height: 700px; } } .homepage_leader_slider_wrapper .related_posts_wrapper { position: absolute; top: 0; bottom: 0; left: 100%; width: 33%; margin: auto; margin-left: -33%; } .homepage_leader_slider_wrapper .related_posts_wrapper > div { text-align: right; } .homepage_leader_slider_wrapper .related_posts_wrapper .related_posts { text-align: left; width: auto; } .homepage_leader_slider_wrapper .related_posts_wrapper .related_posts > li > div { border-left: 3px solid transparent; } .homepage_leader_slider_wrapper .related_posts_wrapper .related_posts > li > div.active { border-left-color: #eb1414; } .homepage_leader_slider_wrapper .related_posts_wrapper .related_posts > li h2 { font-size: 1.25em; color: #fff; } @media only screen and (max-width: 768px) { .homepage_leader_slider_wrapper .homepage_leader { padding: 0 20px; } .homepage_leader_slider_wrapper .homepage_leader .main_post { width: auto; float: none; margin: 60px 0 30px; } .homepage_leader_slider_wrapper .homepage_leader .main_post .inner { float: none; margin: 0; padding-left: 0; } } @media only screen and (min-width: 630px) and (max-width: 768px) { .homepage_leader_slider_wrapper .related_posts > li h2 a { font-size: 1.1em; } .homepage_leader_slider_wrapper .related_posts .meta.related span.divider { display: none; } } @media only screen and (max-width: 629px) { .homepage_leader_slider_wrapper .related_posts_wrapper { display: none; position: static; padding: 0 15px; height: auto; width: auto !important; } .homepage_leader_slider_wrapper .main_post .inner { width: auto !important; padding: 0 20px !important; } } @media only screen and (max-width: 540px) { .homepage_leader_slider_wrapper .related_posts > li > div { height: auto; } .homepage_leader_slider_wrapper .related_posts > li + li { margin-top: 15px; } } .shares_wrapper.prompt_only { height: 36px; position: relative; border-top: 1px solid #000000; } .shares_wrapper.prompt_only:hover .aggregate_shares > span { display: none; } .shares_wrapper.prompt_only:hover .share-buttons { display: block; } .shares_wrapper.prompt_only .aggregate_shares > span { background: #000; color: #fff; font-size: 20px; line-height: 35px; padding: 0 25px; font-family: "Solido", Tahoma, sans-serif; text-transform: uppercase; font-weight: 800; text-decoration: none; font-size: 15px; line-height: 35px; width: 90px; padding: 0; text-align: center; position: absolute; right: 0; } .shares_wrapper.prompt_only .share-buttons { display: none; left: auto; right: 0; top: 8px; font-family: "Solido", Tahoma, sans-serif; font-size: 15px; } .columns > * + * { margin-top: 15px; } a.more { color: #1a1718; text-align: right; display: block; border-top: 1px solid #97999c; font-size: 0; line-height: 0; } a.more.with_bottom_border { border-bottom: 1px solid #97999c; position: relative; line-height: 32px; } a.more.with_bottom_border:before { content: ""; position: absolute; background: #fff; height: 1px; width: 8px; z-index: 10; bottom: -1px; right: 42px; } a.more.with_bottom_border span.text { padding-top: 8px; vertical-align: top; } a.more.with_bottom_border span.icon_wrapper { height: 34px; margin: -1px -1px -1px 0; z-index: 10; } a.more.with_bottom_border span.icon_wrapper span { line-height: 32px; margin-bottom: -2px; } a.more.with_bottom_border span.icon_wrapper span.icons-arrow_right_white { margin-bottom: 0; } a.more span.text { display: inline-block; padding-top: 8px; font-size: 18px; line-height: 21px; text-transform: uppercase; font-weight: bold; padding-right: 10px; font-family: "Solido", Tahoma, sans-serif; } a.more span.icon_wrapper { background: #000; width: 42px; height: 32px; line-height: 36px; text-align: center; margin-top: -1px; position: relative; z-index: 5; vertical-align: top; display: inline-block; } a.more span.icon_wrapper span { line-height: 32px; margin-bottom: -8px; } a.more .icon, a.more .modal .header a.modalCloseImg, .modal .header a.more a.modalCloseImg, a.more .modal.search a.searchmodalCloseImg, .modal.search a.more a.searchmodalCloseImg, a.more .modal.gallery .gallery_header a.modalCloseImg, .modal.gallery .gallery_header a.more a.modalCloseImg, a.more .video_overlay:before { vertical-align: baseline; margin-bottom: -2px; } a.more .icons-chevron-down + .icons-chevron-up, a.more a.continue:after + .icons-chevron-up { margin-left: 7px; } @media only screen and (max-width: 768px) { .inner_scroll_wrapper_ul { height: 500px; } } .latest_news { margin-top: -65px; background: #fff; position: relative; } .latest_news .inner_scroll_wrapper { height: 500px; } .latest_news.taller .inner_scroll_wrapper { height: 860px; } .latest_news .category { color: #eb1414; } .latest_news h2 { color: #1a1718; font-size: 23px; line-height: 47px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; padding: 0 15px; text-align: center; border: 3px solid #eb1414; border-bottom: none; } .latest_news h2 img { border-right: 1px solid #1a1718; padding-right: 8px; margin-right: 8px; margin-bottom: -5px; } .latest_news ul { position: absolute; top: 0; } .latest_news ul li { margin: 15px; } .latest_news ul li:first-child { margin-top: 0; } .latest_news .img_wrapper { float: left; } @media only screen and (min-width: 768px) and (max-width: 1320px) { .latest_news .img_wrapper { margin: 0 15px 15px 0; } } .latest_news .img_wrapper img { display: block; } .latest_news .text_wrapper { margin-left: 125px; border-top: 1px solid #acadb0; padding: 10px 10px 0; } @media only screen and (min-width: 768px) and (max-width: 1320px) { .latest_news .text_wrapper { margin-left: 0; } } .latest_news .text_wrapper h3 { font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 15px; line-height: 19px; margin-bottom: 5px; } .latest_news .text_wrapper h3 a { color: #1a1718; } .latest_news .text_wrapper .shares_wrapper .aggregate_shares { font-size: 10px; line-height: 12px; color: #000; } .latest_news .text_wrapper span.time { display: block; color: #1a1718; font-size: 15px; font-style: italic; line-height: 18px; margin-top: 10px; } @media only screen and (max-width: 1024px) { .latest_news { margin-top: 0; margin-bottom: 1em; } .latest_news h2 { border: none; text-align: left; } .latest_news ul li { width: 33%; float: left; height: 135px; margin: 0; } .latest_news .inner_scroll_wrapper, .latest_news.taller .inner_scroll_wrapper { height: 260px; } } @media only screen and (max-width: 850px) { .latest_news ul li { width: 50%; } } @media only screen and (max-width: 650px) { .latest_news ul li { width: 100%; float: none; height: auto; padding: 0 0 1em; } .latest_news .inner_scroll_wrapper, .latest_news.taller .inner_scroll_wrapper { height: 500px; } } @media only screen and (max-width: 1024px) { .homepage_top .six.columns { width: 100%; } } .sponsored_section { background: #009a4f; padding: .25em .5em; margin-bottom: .5em; display: inline-block; color: #fff; text-transform: uppercase; } /*breaking the cache*/ .category_tab, .topics_blocks > li a.category { background: #fff; color: #131413; font-family: "Solido Condensed", Tahoma, sans-serif; font-size: 17px; line-height: 20px; padding: 6px 15px; position: absolute; top: -6px; left: -8px; text-decoration: none; text-transform: uppercase; text-align: center; letter-spacing: 1px; font-weight: 600; } .category_tab.dark, .topics_blocks > li a.dark.category { background: #eb1414; color: #fff; } .category_tab.dark:before, .topics_blocks > li a.dark.category:before { content: ''; display: block; position: absolute; left: 0; height: 100%; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #8d0c0c; border-top-color: #8d0c0c; } .category_tab.green, .topics_blocks > li a.green.category { background: #009a4f; color: #fff; } .category_tab.green:before, .topics_blocks > li a.green.category:before { content: ''; display: block; position: absolute; left: 0; height: 100%; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #00341b; border-top-color: #00341b; } @media only screen and (max-width: 500px) { .international_headlines { display: none; } } .topics_blocks { overflow: visible; } .channel .topics_blocks > li .text_wrapper h2 a { font-size: 27px; line-height: 35px; } @media only screen and (max-width: 1000px) { .topics_blocks.four_up > li { width: 48%; margin-bottom: 15px; } } @media only screen and (max-width: 500px) { .topics_blocks.mobile_thumbs { border-bottom: 1px solid #ccc; margin-bottom: 2em; } .topics_blocks.mobile_thumbs > li { background: none !important; margin-bottom: 1em; zoom: 1; border-top: 1px solid #ccc; padding-top: 1em; clear: both; width: 100%; height: auto; } .topics_blocks.mobile_thumbs > li:after { content: '.'; height: 0; visibility: hidden; clear: both; display: block; } .topics_blocks.mobile_thumbs .image_wrapper { float: left; width: 30%; margin-right: 5%; overflow: hidden; display: block; } .topics_blocks.mobile_thumbs .image_wrapper img { width: 100%; } .topics_blocks.mobile_thumbs .category_tab.dark, .topics_blocks.mobile_thumbs .topics_blocks > li a.dark.category, .topics_blocks > li .topics_blocks.mobile_thumbs a.dark.category { position: static; color: #eb1414; background: none; padding: 0; font-size: 1em; line-height: 1.2em; } .topics_blocks.mobile_thumbs .category_tab.dark:before, .topics_blocks.mobile_thumbs .topics_blocks > li a.dark.category:before, .topics_blocks > li .topics_blocks.mobile_thumbs a.dark.category:before { display: none; } .topics_blocks.mobile_thumbs .text_wrapper { float: right; position: static; width: 65%; padding: 0; } .topics_blocks.mobile_thumbs .text_wrapper h2 { padding: 0; line-height: 1.4em; text-transform: none; margin: 0; } .topics_blocks.mobile_thumbs .text_wrapper h2 a { color: #111; background: none; box-shadow: none; font-size: 1.2em; } .topics_blocks.mobile_thumbs .text_wrapper h2 a span { box-shadow: none; } .topics_blocks.mobile_thumbs .text_wrapper .meta { padding: 0; } } .topics_blocks > li { position: relative; height: 376px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .topics_blocks > li .image_wrapper { display: none; } .topics_blocks > li .text_wrapper { padding: 15px; position: absolute; bottom: 0; left: 0; right: 0; /** Attempt to make the meta box fluidly expand to shares on hover */ } .topics_blocks > li .text_wrapper h2 { text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; font-weight: 800; margin: 0 0 15px; padding-left: 10px; } .topics_blocks > li .text_wrapper h2 a { color: #fff; font-size: 24px; display: inline; line-height: normal; font-weight: bold; letter-spacing: 1px; } .topics_blocks > li .text_wrapper p { font-family: "Tiempos", Georgia, serif; font-weight: normal !important; font-size: 18px; font-weight: 600 !important; line-height: normal; margin-bottom: 20px; padding-left: 10px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .topics_blocks > li .text_wrapper p > span { color: #000; background: url(../images/ie-fff-70.png); background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.7); box-shadow: 10px 0 0 rgba(255, 255, 255, 0.7); } .topics_blocks > li .text_wrapper p > span > span { -webkit-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7); box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7); } .topics_blocks > li .text_wrapper .shares_wrapper { display: inline-block; height: 22px; vertical-align: top; margin-top: -2px; } .topics_blocks > li .text_wrapper .shares_wrapper .aggregate_shares { font-size: 12px; line-height: 22px; font-weight: bold; } .topics_blocks > li .text_wrapper .shares_wrapper .buttons { margin-top: -22px; } .topics_blocks > li .text_wrapper .meta { display: inline-block; } .topics_blocks > li .text_wrapper .meta .share-buttons { top: 0; left: 20px; width: 220px; padding-top: 2px; background: url(../images/ie-fff-70.png); background: rgba(255, 255, 255, 0.7); } .topics_blocks > li .text_wrapper .author, .topics_blocks > li .text_wrapper .divider { color: #000; font-size: 12px; line-height: 18px; font-weight: bold; text-transform: uppercase; } .sidebar > div.block + div.block { margin-top: 15px; } /* SIDEBAR PROMO STYLES */ .promo { border-bottom: 1px solid #97999c; padding-bottom: 1em; } .promo h3 { font-weight: 800; font-size: 1.1875em; line-height: 1.375em; margin-bottom: 0; } .promo span { vertical-align: top; padding-left: 105px; display: block; } .promo a { text-decoration: none; } .promo a:hover { text-decoration: underline; } .promo .sideblock_header { margin-bottom: 20px; font-size: 22px; } .promo .sideblock_header span { padding: 0; text-indent: -9999em; position: relative; height: 25px; top: 17px; display: inline-block; } .promo .sideblock_header span.slate-logo { background: url("/sites/all/themes/fp2/img/promos/slate.png?1") no-repeat 0 0; width: 67px; } .promo #slate_promo img { width: 90px; height: 56px; margin-right: 15px; float: left; } .promo > div > ul > li { zoom: 1; } .promo > div > ul > li:after { content: '.'; height: 0; clear: both; visibility: hidden; display: block; } .promo > div > ul > li + li { margin-top: 20px; } /* END SIDEBAR PROMO */ .headline_posts { margin-left: -6%; overflow: hidden; } .headline_posts li { margin-left: 2%; padding-left: 2%; width: 22%; float: left; } .headline_posts li + li { border-left: 1px solid #96989b; } .headline_posts li:first-child { margin-left: 3%; padding-left: 3%; } .headline_posts li h3 { font-weight: 800; font-size: 15px; line-height: 19px; } .headline_posts li .meta_info { font-size: 14px; font-style: italic; } .headline_posts li .meta_info .divider { font-style: normal; padding: 0 5px; } .international_headlines h2 { font-size: 1.25em; line-height: 2.3125em; color: #fff; background: #000; padding: 0 30px; text-transform: uppercase; font-weight: bold; margin-bottom: 25px; display: inline-block; font-family: "Solido", Tahoma, sans-serif; line-height: 2em; letter-spacing: 2px; padding: 0 30px 0 10px; margin-bottom: 10px; font-size: 16px; } .international_headlines h2 img { border-right: 1px solid #fff; padding-right: 8px; margin-right: 8px; margin-bottom: 0; vertical-align: middle; height: 20px; } .homepage_main { margin-top: 20px; background: url("../img/grad_full_width.png?1") center -3px no-repeat; } @media only screen and (max-width: 480px) { .homepage_main { background: none; margin-top: 0; } .homepage_main .photo_essay_gallery { margin-top: 0; } } .photo_essay_gallery { margin-bottom: 70px; position: relative; } @media screen and (max-width: 576px) { .photo_essay_gallery { margin-bottom: 2em; } .photo_essay_gallery li { display: none; } .photo_essay_gallery li.first { display: block; } } .photo_essay_gallery > h2 { font-size: 1.25em; line-height: 2.3125em; color: #fff; background: #000; padding: 0 30px; text-transform: uppercase; font-weight: bold; margin-bottom: 25px; display: inline-block; font-size: 24px; line-height: 2em; letter-spacing: 2px; padding: 0 30px 0 10px; margin-bottom: 0; position: absolute; left: 0; top: 0; z-index: 100; } .photo_essay_gallery > h2 img { border-right: 1px solid #fff; padding-right: 8px; margin-right: 8px; margin-bottom: -3px; margin-bottom: 0; margin-top: -3px; vertical-align: middle; } @media screen and (max-width: 1024px) { .photo_essay_gallery > h2 img { display: none; } } .photo_essay_gallery .bx-wrapper { background-color: #050505; } .photo_essay_gallery .bx-controls { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; } .photo_essay_gallery .bx-pager { background: #232323 url("../img/black_diagonals.png") 0 0 repeat; bottom: auto; top: 0; line-height: 35px; padding: 0; } .photo_essay_gallery .bx-pager.bx-default-pager a { width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #6d6f72; vertical-align: middle; margin-bottom: -5px; } .photo_essay_gallery .bx-pager.bx-default-pager a.active { background: #fff; } .photo_essay_gallery .bx-pager.bx-default-pager a.active:hover { background: #fff; } .photo_essay_gallery .bx-pager.bx-default-pager a:hover { background: #cccccc; } .photo_essay_gallery .bx-pager .bx-pager-item { padding-top: 20px; } .bxslider_photos .caption { padding: 20px; background: #050505; color: #fff; font-size: 14px; line-height: 24px; } .bxslider_photos .caption h3 { font-size: 26px; line-height: 31px; margin-bottom: 10px; text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; letter-spacing: 0.01em; } .bxslider_photos .caption h3 img { display: block; float: left; width: auto; height: auto; padding-right: 15px; margin-right: 15px; border-right: 1px solid #fff; } .bxslider_photos .caption h3 span { vertical-align: baseline; } .bxslider_photos .caption p { display: inline; font-size: 18px; letter-spacing: 1px; } .with_shadow { -webkit-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); -moz-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); } .img_wrapper { display: block; text-decoration: none; } .img_wrapper img { display: block; width: 100%; height: auto; } .image_text_columns { position: relative; } .image_text_columns.listview .text_wrapper { width: 100%; margin-left: 0; padding: 20px 6%; } .image_text_columns .img_wrapper { position: absolute; top: 0; left: 0; bottom: 0; width: 33%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .image_text_columns .img_wrapper img { display: none; } .image_text_columns .text_wrapper { width: 67%; margin-left: 33%; padding: 20px; } .image_text_columns .text_wrapper h2 { color: #191818; font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 3.4375em; line-height: 1; margin-bottom: 10px; } .image_text_columns .text_wrapper h2 .sub { font-size: 0.5em; font-family: "Solido", Tahoma, sans-serif; } @media only screen and (min-width: 768px) and (max-width: 976px) { .image_text_columns .text_wrapper h2 { font-size: 2em; } } .image_text_columns .text_wrapper p { font-family: "Tiempos", Georgia, serif; font-size: 1em; line-height: 1.5em; } .image_text_columns .text_wrapper h2 { font-family: "Tiempos", Georgia, serif; font-size: 2.65em; } .image_text_columns .text_wrapper p { font-weight: bold; } @media only screen and (max-width: 768px) { .image_text_columns .img_wrapper { position: static; width: auto; background: none !important; } .image_text_columns .img_wrapper img { display: block; } .image_text_columns .text_wrapper { margin: 0; width: auto; } } .storystream .featured_block .text_wrapper { padding: 0; } .storystream .featured_block .text_wrapper .inner .prose { padding: 0; } .featured_block.article_content .text_wrapper .inner { margin-top: 0; } .featured_block h2 { color: #191818; font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 3.4375em; line-height: 1; margin-bottom: 10px; } .featured_block h2 .sub { font-size: 0.5em; font-family: "Solido", Tahoma, sans-serif; } @media only screen and (min-width: 768px) and (max-width: 976px) { .featured_block h2 { font-size: 2em; } } .featured_block p { font-family: "Tiempos", Georgia, serif; font-size: 1em; line-height: 1.5em; } .featured_block.block .category_tab, .featured_block.block .topics_blocks > li a.category, .topics_blocks > li .featured_block.block a.category { line-height: 25px; } @media screen and (max-width: 480px) { .featured_block.block .category_tab, .featured_block.block .topics_blocks > li a.category, .topics_blocks > li .featured_block.block a.category { font-size: 1em; } } .featured_block.block .category_tab img, .featured_block.block .topics_blocks > li a.category img, .topics_blocks > li .featured_block.block a.category img { width: auto; height: auto; float: left; margin-right: 8px; } .featured_block .text_wrapper { padding: 0 36px; -webkit-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); -moz-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); } .featured_block .text_wrapper h2 { color: #191818; font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 3.4375em; line-height: 1; margin-bottom: 10px; } .featured_block .text_wrapper h2 .sub { font-size: 0.5em; font-family: "Solido", Tahoma, sans-serif; } @media only screen and (min-width: 768px) and (max-width: 976px) { .featured_block .text_wrapper h2 { font-size: 2em; } } .featured_block .text_wrapper p { font-family: "Tiempos", Georgia, serif; font-size: 1em; line-height: 1.5em; } .featured_block .text_wrapper > .inner { position: relative; background: #fff; display: inline-block; width: 100%; padding: 20px 35px; margin: -30px 0 0; } @media screen and (max-width: 500px) { .featured_block .text_wrapper > .inner { padding: 20px; } .featured_block .text_wrapper > .inner h2 { font-size: 1.8em; } } .featured_block .text_wrapper > .inner:before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 27px; border: 3px solid #EB1414; border-bottom: 0; } @media screen and (max-width: 500px) { .featured_block .text_wrapper > .inner:before { border: none; border-top: 3px solid #eb1414; } } .featured_block .text_wrapper > .inner > h2 { text-align: center; font-family: "Tiempos", Georgia, serif; } .featured_block .text_wrapper > .inner > p { text-align: center; font-weight: 600; } .featured_block .text_wrapper > .inner .meta { text-align: center; } @media only screen and (max-width: 944px) { .featured_block .text_wrapper { padding: 0; } .featured_block .text_wrapper .inner { margin: 0; } } @media only screen and (max-width: 768px) { .featured_block .text_wrapper { padding: 0 36px; } .featured_block .text_wrapper .inner { margin: -30px 0 0; } } @media only screen and (max-width: 500px) { .featured_block .text_wrapper { padding: 0; margin-top: -80px; } .featured_block .text_wrapper .inner { margin: 0; } .featured_block .text_wrapper .inner .meta { margin-top: 10px; } .featured_block .text_wrapper .inner h2 { font-size: 1.8em; } } .block.developing_stories h2 { font-size: 1.25em; line-height: 2.3125em; color: #fff; background: #000; padding: 0 30px; text-transform: uppercase; font-weight: bold; margin-bottom: 25px; display: inline-block; font-family: "Solido", Tahoma, sans-serif; font-size: 24px; line-height: 2em; letter-spacing: 2px; padding: 0 30px 0 10px; } .block.developing_stories h2 img { border-right: 1px solid #fff; padding-right: 8px; margin-right: 8px; margin-bottom: -3px; vertical-align: middle; margin-top: -3px; margin-bottom: 0; } .block.developing_stories h2 + ul { padding-top: 73px; margin-top: -73px; } .block.developing_stories > ul { background: url("../img/gradient_smaller.jpg") center top no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; margin-bottom: 30px; } .block.developing_stories > ul > li { position: relative; width: 26%; float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .block.developing_stories > ul > li + li { border-left: 1px solid #96989b; margin-left: -1px; } @media only screen and (max-width: 1080px) { .block.developing_stories > ul > li { width: 100%; padding: 0 !important; } .block.developing_stories > ul > li + li { border-left: none; margin-top: 15px; border-top: 1px solid #a7a9ab; padding-top: 15px; } .block.developing_stories > ul > li .img_wrapper { float: left; margin-bottom: 15px; max-width: 250px; } .block.developing_stories > ul > li > ul > li { height: auto !important; clear: both; } .block.developing_stories > ul > li > ul > li > h4, .block.developing_stories > ul > li > ul > li > div { margin-left: 275px; } } @media only screen and (max-width: 990px) and (min-width: 768px) { .block.developing_stories > ul > li > ul > li { display: none; } .block.developing_stories > ul > li > ul > li:first-child { display: block; } .block.developing_stories > ul > li > ul > li > h4, .block.developing_stories > ul > li > ul > li > div { clear: left; margin-left: 0; } } @media only screen and (max-width: 480px) { .block.developing_stories > ul > li > ul > li { display: none; } .block.developing_stories > ul > li > ul > li:first-child { display: block; } .block.developing_stories > ul > li > ul > li > h4, .block.developing_stories > ul > li > ul > li > div { clear: left; margin-left: 0; } } .block.developing_stories > ul > li:first-child { padding: 0 5% 0 2%; } .block.developing_stories > ul > li:first-child + li { padding: 0 4% 0 4%; } .block.developing_stories > ul > li:first-child + li + li { padding: 0 1% 0 3%; } .block.developing_stories > ul > li .category_tab, .block.developing_stories > ul > li .topics_blocks > li a.category, .topics_blocks > li .block.developing_stories > ul > li a.category { padding: 6px 15px; line-height: 28px; } .block.developing_stories > ul > li .category_tab img, .block.developing_stories > ul > li .topics_blocks > li a.category img, .topics_blocks > li .block.developing_stories > ul > li a.category img { display: block; float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #fff; } .block.developing_stories > ul > li > ul { margin-top: 50px; } .block.developing_stories > ul > li > ul > li { height: 255px; } .block.developing_stories > ul > li > ul > li + li { margin-top: 15px; } .block.developing_stories > ul > li > ul > li .img_wrapper { display: block; width: 100%; height: 122px; overflow: hidden; } .block.developing_stories > ul > li > ul > li img { display: block; margin-bottom: 9px; max-width: none; width: auto; margin-left: -22px; } .block.developing_stories > ul > li > ul > li h4 { margin-bottom: 5px; } .block.developing_stories > ul > li > ul > li h4 a { font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 1.1875em; line-height: 1.375em; margin-bottom: 10px; margin-bottom: 0; line-height: 20px; } .block.developing_stories .meta.small > *, .block.developing_stories .meta.small .aggregate_shares { font-size: 14px; } .block.developing_stories .meta.small .time { font-weight: normal; font-style: italic; } .row.more div { margin-top: 30px; border-top: 1px solid #96989b; padding-top: 30px; text-align: center; } .row.more a { width: 100%; max-width: 390px; line-height: 41px; background-color: #bd1f1b; color: #fff; text-align: center; display: inline-block; color: #fff; font-size: 20px; font-weight: bold; text-decoration: none; } .tab_container { -webkit-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); -moz-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); } .tab_container.posts > div > ul { padding-left: 0; } @media (max-width: 768px) { .tab_container.posts > div > ul > li:before, .tab_container.posts > div > ul > li:after { content: " "; display: table; } .tab_container.posts > div > ul > li:after { clear: both; } .tab_container.posts > div > ul > li > h3, .tab_container.posts > div > ul > li > div { margin-left: 277px; } } @media (max-width: 768px) and (max-width: 480px) { .tab_container.posts > div > ul > li > h3, .tab_container.posts > div > ul > li > div { clear: both; margin-left: 0; } } .tab_container.posts > div > ul > li + li { margin-top: 15px; } .tab_container.posts .img_wrapper { margin-bottom: 10px; } @media (max-width: 768px) { .tab_container.posts .img_wrapper { float: left; } } .tab_container.posts h3 a { font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 1.1875em; line-height: 1.375em; margin-bottom: 10px; margin-bottom: 0; } .tab_container.posts .meta.small * { font-size: 14px; } .tab_container > div { padding: 15px; } .tab_container .etabs > li { float: left; width: 33.33%; } .tab_container .etabs > li + li { border-left: 2px solid #c8c9cb; } .tab_container .etabs > li > a { border-bottom: 1px solid #97999c; display: block; text-decoration: none; font-family: "Solido", Tahoma, sans-serif; text-transform: uppercase; font-size: 14px; line-height: 40px; color: #97999c; text-align: center; } .tab_container .etabs > li > a:hover { color: #000; } .tab_container .etabs > li > a:hover img { opacity: 1; } .tab_container .etabs > li > a.active { border-bottom-color: transparent; color: #000; font-weight: 800; } .tab_container .etabs > li > a.active img { opacity: 1; } .tab_container .etabs > li > a img { opacity: 0.5; margin-bottom: -3px; margin-right: 2px; } .sideblock_header { font-size: 24px; line-height: 66px; text-align: left; font-weight: bold; border: 1px solid #96989b; border-width: 1px 0; margin-bottom: 10px; text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; } .sideblock_header img { display: block; float: left; margin-right: 19px; padding: 19px; border-right: 1px solid #000; } .inner_scroll_wrapper { overflow: hidden; position: relative; } .voices_page .main_photo { padding: 0 !important; } .voices_block .inner_scroll_wrapper { height: 670px; } .voices_block ul { position: absolute; top: 0; padding-left: 0 !important; max-width: 100%; } .voices_block ul > li { padding-top: 10px; } .voices_block ul > li .img_wrapper { float: left; } .voices_block ul > li img { width: 124px; height: auto; } .voices_block ul > li .text_wrapper { margin-left: 139px; padding-top: 22px; } .voices_block ul > li .text_wrapper h3 a { font-family: "Tiempos", Georgia, serif; font-size: 1.1875em; font-weight: 800; line-height: 1.375em; margin-bottom: 10px; } .voices_block ul > li .text_wrapper .author { font-size: 14px; color: #eb1414; } .magazine_block > img { display: block; margin: 0 auto; } .magazine_block h3 a { font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 1.1875em; line-height: 1.375em; margin-bottom: 10px; margin-bottom: 0; font-size: 1.4em; } .magazine_block > ul > li { padding: 15px; } .magazine_block > ul > li:nth-child(even) { background: #e0e1e3; } .magazine_block .meta.small > *, .magazine_block .meta.small .aggregate_shares { font-size: 14px; } .blog .post h1 { font-size: 3.575em; } .blog img.main_photo { padding-left: 120px; } @media (max-width: 1024px) { .blog img.main_photo { padding: 0; } } .blog_landing .post { padding-bottom: 24px; } .blog_landing .post .category_header { display: none; } .blog_landing .post:first-child .category_header { display: block; } .blog_landing .post img.main_photo { padding-left: 120px; } @media (max-width: 1024px) { .blog_landing .post img.main_photo { padding: 0; } } .blog_landing .post .long_ad ._300, .blog_landing .post .long_ad ._728, .blog_landing .post .long_ad ._970 { position: relative; } .blog_landing .post .long_ad ._300 { width: auto; height: auto; overflow: visible; clip: auto; } .blog_landing .post .long_ad ._300 embed { position: static; left: auto; } .blog_landing .post .long_ad ._728, .blog_landing .post .long_ad ._970 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .blog_landing .post .long_ad ._728 embed, .blog_landing .post .long_ad ._970 embed { position: absolute; left: 1000em; } @media screen and (min-width: 1190px) { .blog_landing .post .long_ad ._728 { width: auto; height: auto; overflow: visible; clip: auto; } .blog_landing .post .long_ad ._728 embed { position: static; left: auto; } .blog_landing .post .long_ad ._300, .blog_landing .post .long_ad ._970 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .blog_landing .post .long_ad ._300 embed, .blog_landing .post .long_ad ._970 embed { position: absolute; left: 1000em; } } @media screen and (min-width: 1430px) { .blog_landing .post .long_ad ._970 { width: auto; height: auto; overflow: visible; clip: auto; } .blog_landing .post .long_ad ._970 embed { position: static; left: auto; } .blog_landing .post .long_ad ._300, .blog_landing .post .long_ad ._728 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .blog_landing .post .long_ad ._300 embed, .blog_landing .post .long_ad ._728 embed { position: absolute; left: 1000em; } } .category_header { font-weight: bold; border-bottom: 1px solid #a7a9ab; text-transform: uppercase; margin-bottom: 14px; } @media only screen and (max-width: 768px) { .category_header { margin-bottom: 20px; } } .category_header.text_with_additional_element .text { display: inline-block; padding-right: 25px; margin-right: 25px; border-right: 1px solid #a7a9ab; } @media only screen and (max-width: 640px) { .category_header.text_with_additional_element .text { border: none; display: block; } } .category_header.long { text-transform: none; } .category_header ul.links { display: inline-block; vertical-align: middle; overflow: hidden; line-height: 14px; margin-top: -12px; padding: 20px 0; } .category_header ul.links li { float: left; margin: 2px 0; line-height: 10px; padding: 0 8px; } .category_header ul.links li + li { border-left: 1px solid #0d0d0d; } .category_header ul.links li:first-child { padding-left: 0; } .category_header ul.links li:last-child { padding-right: 0; } .category_header ul.links span { color: #0d0d0d; } .category_header ul.links a { color: #eb1414; } .category_header ul.links a.current { color: #0d0d0d; } .category_header ul.links a, .category_header ul.links span { font-size: 14px; font-weight: 800; display: block; } .category_header .icon_wrapper { text-align: center; width: 95px; display: inline-block; float: left; line-height: 3.875em; } .category_header .text { display: block; margin-left: 95px; color: #262526; line-height: 1; font-size: 2em; padding: 15px 0 15px 25px; border-left: 1px solid #a7a9ab; } .category_header .text:first-child { margin-left: 0; padding-left: 0; border-left: 0; } .category_header strong { color: #eb1414; } .category_header span.icon, .category_header span.video_overlay:before { vertical-align: middle; margin: -3px 0 0 0; } .ad_with_border, .post .ad { padding: 15px 0; border: 1px solid #a7a9ab; border-width: 1px 0; margin-bottom: 50px; clear: both; } .post { position: relative; } .post h1 { color: #231f20; font-family: "Tiempos", Georgia, serif; font-weight: 800; font-size: 3.875em; line-height: 1; margin-bottom: 15px; } @media only screen and (max-width: 1024px) { .post h1 { font-size: 3.375em; } } @media only screen and (max-width: 768px) { .post h1 { font-size: 2.5em; margin-bottom: 20px; } } .article_meta { display: block; border-top: 1px solid #a7a9ab; color: #262526; line-height: 37px; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; float: left; width: 100%; letter-spacing: 1px; } .article_meta a.author { color: #eb1414; } .article_meta > li { float: left; padding: 0 10px; } .article_meta > li:first-child { padding-left: 0; } .article_meta > li:last-child { padding-right: 0; } .article_meta > li + li { border-left: 1px solid #a7a9ab; } .social_links { overflow: hidden; } .social_links > li { float: left; } .social_links > li + li { margin-left: 4px; } .social_links a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .social_links a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .icons-printer:hover, .icons-social_large_email:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .icons-chinafile { text-indent: -9999em; display: inline-block; vertical-align: middle; position: relative; top: -1px; margin-right: 10px; } .with_tooltip { position: relative; } .with_tooltip .tooltip { position: absolute; top: 40px; left: 20%; width: 257px; padding: 9px 9px 9px 0; -webkit-box-shadow: 0 0 5px rgba(0, 0, 1, 0.45); -moz-box-shadow: 0 0 5px rgba(0, 0, 1, 0.45); box-shadow: 0 0 5px rgba(0, 0, 1, 0.45); font-size: 12px; line-height: 16px; color: #231f1f; z-index: 20; background: #fff; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; } .with_tooltip .tooltip:before { content: ""; display: block; position: absolute; top: -25px; left: -4px; } .with_tooltip .tooltip .icon_wrapper { width: 50px; border-right: 1px solid #a7a9ab; text-align: center; } .with_tooltip .tooltip .text { padding-left: 20px; } .post_seperator_ad { margin: 85px 0 150px; } .post_seperator_ad img { display: block; } img.main_photo { display: block; margin-bottom: 25px; padding: 0 120px 0 0; } h2.dek { color: #231f20; font-family: "Solido", Tahoma, sans-serif; font-size: 30px; line-height: 42px; margin-bottom: 15px; } @media only screen and (max-width: 1024px) { h2.dek { padding: 0; } } .article_content { position: relative; margin-top: 40px; margin-bottom: 40px; /* begin styles for feature custom work - can be seen here: http://www.foreignpolicy.com/articles/2014/04/07/special_report_darfur_united_nations_peacekeeping_investigation */ /* end inset styles */ } .article_content > h2 { color: #231f20; font-family: "Solido", Tahoma, sans-serif; font-size: 30px; line-height: 42px; margin-bottom: 50px; padding: 0 120px; } @media only screen and (max-width: 1024px) { .article_content > h2 { padding: 0; } } .article_content ol { margin: 2em; list-style: decimal; } .article_content .prose, .article_content .article_inner { font-family: "Tiempos", Georgia, serif; padding: 0 120px; clear: both; } @media only screen and (max-width: 1024px) { .article_content .prose, .article_content .article_inner { padding: 0; } } .article_content ol { margin: 2em; list-style: decimal; } .article_content .inset_box { width: 58%; border: 1px solid #aaa; padding: 1.5em; text-align: center; z-index: 2; position: relative; } .article_content .inset_box h3 { font-family: 'Tiempos', Georgia, serif; text-transform: uppercase; font-size: .8em; padding-bottom: 1em; margin-bottom: 1em; background: url("/sites/all/themes/fp2/img/inset-box-title-stroke.png?a") bottom center no-repeat; } .article_content .inset_box dl { line-height: 1.4em; } .article_content .inset_box dt { font-size: .7em; text-transform: uppercase; } .article_content .inset_box dd { font-weight: bold; font-size: .9em; } .article_content .inset_box dd a { color: #000; } .article_content .inset_box .inactive { color: #aaa; } .article_content .inset-title { text-align: center; text-transform: uppercase; padding: 0 1.25em; } .article_content .inset-title:first-letter { font-size: 1em; color: inherit; float: none; margin: 0; } .article_content .inset-title h4 { padding-bottom: .5em; line-height: 1.4em; } .article_content .inset-title-part { font-size: .7em; display: block; width: 90%; border-top: 1px solid #aaa; font-weight: bold; margin: 0 auto; } .article_inner { position: relative; } .pull_right { float: right; margin: 15px -100px 15px 40px; } .pull_left { display: inline-block; position: relative; float: left; margin: 15px 40px 15px -120px; } @media only screen and (max-width: 1024px) { .pull_left { margin: 15px 0; width: auto !important; display: block; float: none; overflow: hidden; } } .additional_content { width: 55%; } .additional_content h4 { font-family: "Solido", helvetica, arial; text-transform: uppercase; border-bottom: 1px solid #ccc; padding-bottom: .75em; margin-bottom: .85em; line-height: 1.2em; font-size: 1.4em; font-weight: bold; } .additional_content ul { font-size: 1em; font-family: "Solido", helvetica, arial; list-style: disc outside; } .additional_content li { line-height: 1.4em; } .additional_content li a { color: #eb1414; } .additional_content li + li { margin-top: 1em; } .image_with_caption { width: 54%; } .image_with_caption img { display: block; width: 100%; height: auto; } .image_with_caption p { color: #fff; font-size: 14px; font-weight: bold; line-height: 22px; padding: 20px; background: #191919; } .quote { width: 36%; font-size: 16px; } @media only screen and (max-width: 768px) { .quote { font-size: 14px; } } @media only screen and (max-width: 320px) { .quote { font-size: 12px; } } .quote blockquote { color: #231f20; font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 1.875em; line-height: 1.2; margin-bottom: 30px; } .pull-quote-share a { display: block; float: left; margin: 5px 3px 0 0; } .recommended_story { width: 54%; } .recommended_story div { background: #e6e7e8; overflow: hidden; } .recommended_story div .img_wrapper { float: left; } .recommended_story div .text_wrapper { margin-left: 90px; padding: 17px 17px 5px; } .recommended_story div .text_wrapper h3 { margin-bottom: 10px; } .recommended_story div .text_wrapper h3 a { color: #070b13; font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 14px; line-height: 18px; } .related_stories { margin-top: 20px; margin-bottom: 55px; } .related_stories > ul { overflow: hidden; } .related_stories > ul > li { width: 30%; float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .related_stories > ul > li + li { margin-left: 5%; } .related_stories > ul > li .img_wrapper { margin-bottom: 15px; } .related_stories > ul > li h3 a { color: #231f20; font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 20px; line-height: 24px; } .comments_section { margin-bottom: 55px; } .comments_section > ul > li { border-bottom: 1px solid #a7a9ab; padding-top: 20px; } .comments_section > ul > li ul { margin-left: 80px; } .comments_section > .inner_scroll_wrapper_ul { height: auto; max-height: 500px; overflow: hidden; } .comment_wrapper img { display: block; float: left; } .comment_wrapper .text_wrapper { margin-left: 80px; overflow: hidden; padding-top: 5px; margin-top: -5px; } .comment_wrapper .text_wrapper .comment_meta { float: left; margin: 0 30px 5px 0; overflow: hidden; } .comment_wrapper .text_wrapper .comment_meta li { color: #cb3323; font-size: 12px; font-weight: bold; line-height: 14px; float: left; text-transform: uppercase; } .comment_wrapper .text_wrapper .comment_meta li + li { margin-left: 10px; padding-left: 10px; border-left: 1px solid #cb3323; } .comment_wrapper .text_wrapper .actions { float: left; margin: -5px 0 0; overflow: hidden; position: relative; } .comment_wrapper .text_wrapper .actions li { float: left; line-height: 12px; height: 12px; margin: 5px 0; } .comment_wrapper .text_wrapper .actions li + li { margin-left: 10px; padding-left: 10px; border-left: 1px solid #808284; } .comment_wrapper .text_wrapper .actions li .shares_wrapper { height: 22px; vertical-align: top; margin-top: 1px; margin-top: -5px; } .comment_wrapper .text_wrapper .actions li .shares_wrapper .aggregate_shares { font-size: 11px; line-height: 22px; font-weight: bold; } .comment_wrapper .text_wrapper .actions li .shares_wrapper .buttons { margin-top: -22px; } .comment_wrapper .text_wrapper .actions li a { font-size: 11px; float: left; line-height: 24px; font-weight: bold; text-transform: uppercase; margin-top: -5px; } .comment_wrapper .text_wrapper .actions li a, .comment_wrapper .text_wrapper .actions li .aggregate_shares { color: #808284; } .comment_wrapper .text_wrapper .comment { color: #070b13; font-size: 14px; line-height: 20px; clear: both; margin: 15px 0 35px; } .comment_wrapper .text_wrapper .comment p { margin-bottom: 20px; } .share-buttons { position: absolute; top: 2px; bottom: 0; left: 10px; right: 0; display: none; z-index: 50; } .share-buttons * { line-height: 18px; } .share-buttons .icon, .share-buttons .modal .header a.modalCloseImg, .modal .header .share-buttons a.modalCloseImg, .share-buttons .modal.search a.searchmodalCloseImg, .modal.search .share-buttons a.searchmodalCloseImg, .share-buttons .modal.gallery .gallery_header a.modalCloseImg, .modal.gallery .gallery_header .share-buttons a.modalCloseImg, .share-buttons .video_overlay:before { display: block; float: left; } .share-buttons .total { line-height: 18px; display: block; font-size: inherit; float: right; padding: 2px 5px; margin-left: 2px; font-weight: 400; color: #EB1414; } .share-buttons .share-button { display: block; float: left; margin-right: 2px; } .share-buttons .share-button:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; cursor: pointer; } .share-buttons-large .icon, .share-buttons-large .modal .header a.modalCloseImg, .modal .header .share-buttons-large a.modalCloseImg, .share-buttons-large .modal.search a.searchmodalCloseImg, .modal.search .share-buttons-large a.searchmodalCloseImg, .share-buttons-large .modal.gallery .gallery_header a.modalCloseImg, .modal.gallery .gallery_header .share-buttons-large a.modalCloseImg, .share-buttons-large .video_overlay:before { cursor: pointer; } .share-buttons-large .icon:hover, .share-buttons-large .modal .header a.modalCloseImg:hover, .modal .header .share-buttons-large a.modalCloseImg:hover, .share-buttons-large .modal.search a.searchmodalCloseImg:hover, .modal.search .share-buttons-large a.searchmodalCloseImg:hover, .share-buttons-large .modal.gallery .gallery_header a.modalCloseImg:hover, .modal.gallery .gallery_header .share-buttons-large a.modalCloseImg:hover, .share-buttons-large .video_overlay:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .share-top-wrap { position: relative; } .side_panel_sticky_wrapper { height: 0 !important; width: 90px; } .side_panel_wrapper { z-index: 900; position: absolute; right: 0; width: 90px; } .side_panel_wrapper.leftside { right: auto; left: -106px; } @media only screen and (max-width: 768px) { .side_panel_wrapper.leftside { display: none; float: right; margin: 0 0 15px 15px; } .side_panel_wrapper.leftside .side_panel_sticky_wrapper { height: auto !important; } .side_panel_wrapper.leftside .anchor_panel { display: none !important; } } @media only screen and (max-width: 1024px) { .side_panel_wrapper.rightside { display: none; float: right; margin: 0 0 15px 15px; } .side_panel_wrapper.rightside .side_panel_sticky_wrapper { height: auto !important; } } .side_panel { width: 90px; } .side_panel > * + * { margin-top: 20px; } .side_panel .share_links { background: #fff; display: block; -webkit-box-shadow: 0 0 5px rgba(0, 0, 1, 0.25); -moz-box-shadow: 0 0 5px rgba(0, 0, 1, 0.25); box-shadow: 0 0 5px rgba(0, 0, 1, 0.25); } .side_panel .share_links.open .aggregate_shares { background: #fff !important; color: #0a1418; } .side_panel .share_links.open .aggregate_shares .inner { border-top-color: #a7a9ab; color: #eb1414; } .side_panel .share_links section { color: #7c7c7c; line-height: 27px; border-top: 1px solid #a7a9ab; padding-top: 4px; padding-bottom: 2px; text-transform: uppercase; font-size: 10px; } .side_panel .share_links section:hover { color: #000; cursor: pointer; } .side_panel .share_links section:hover span { opacity: 1; } .side_panel .share_links section:first-child { border-top: none; } .side_panel .share_links section span { margin-right: 3px; margin-top: -2px; opacity: 0.8; } .side_panel .share_links .aggregate_shares { text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; font-size: 12px; line-height: 34px; text-align: center; background: #000; color: #fff; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .side_panel .share_links .aggregate_shares .inner { margin: 0 5px; padding: 0; border-top: 1px solid #a7a9ac; color: #eb1414; } .side_panel .slide_toggle_trigger { background: #000; color: #fff; font-size: 20px; line-height: 35px; padding: 0 25px; font-family: "Solido", Tahoma, sans-serif; text-transform: uppercase; font-weight: 800; text-decoration: none; font-size: 15px; padding: 0 3px; display: block; text-align: center; } .side_panel .slide_toggle_trigger + div { padding: 3px 10px 5px 5px; display: none; } .side_panel .slide_toggle_trigger + div > span { display: block; } .side_panel .tag_links { padding: 10px 0; display: block; background: #000; list-style: none; } .side_panel .tag_links > li { padding: 5px 20px; margin: 0; } .side_panel .tag_links > li a { display: block; word-wrap: break-word; overflow-wrap: break-word; text-align: center; color: #fff; font-family: "Solido", Tahoma, sans-serif; font-size: 10px; line-height: 1.2em; font-weight: bold; text-transform: uppercase; } .side_modal { position: fixed; bottom: 0; width: 390px; right: -400px; z-index: 900; -webkit-box-shadow: 0 0 9px rgba(0, 0, 1, 0.55); -moz-box-shadow: 0 0 9px rgba(0, 0, 1, 0.55); box-shadow: 0 0 9px rgba(0, 0, 1, 0.55); } @media only screen and (max-width: 480px) { .side_modal { display: none !important; } } .side_modal .inner { padding: 15px; } .side_modal div { background: #fff; } .side_modal div .text_wrapper { padding-top: 0; } .row { padding: 0 50px; max-width: 1280px; } @media screen and (max-width: 850px) { .row { padding: 0 15px; } } .row.with_sharebar { padding: 0 15px 0 120px; } @media only screen and (max-width: 768px) { .row.with_sharebar.rightside_sharebar { padding: 0 15px; } } .mystery_block { height: 162px; background-color: #e6e7e8; -webkit-box-shadow: inset 0 -5px 10px rgba(0, 0, 1, 0.15); -moz-box-shadow: inset 0 -5px 10px rgba(0, 0, 1, 0.15); box-shadow: inset 0 -5px 10px rgba(0, 0, 1, 0.15); margin-bottom: 40px; } .blog_about { -webkit-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); -moz-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); padding: 12px; } .blog_about h2 { color: #000; font-weight: 800; font-size: 25px; padding: 7px 6px 20px; } .blog_about img { display: block; width: 100%; height: auto; margin: -10px 0 20px; } .blog_about p { font-size: 18px; font-family: "Tiempos", Georgia, serif; line-height: 33px; } .blog_about .author_meta { margin-top: 24px; border-top: 1px solid #a7a9ab; padding: 15px 3px 7px; line-height: 22px; } .blog_about .author_meta a { text-transform: uppercase; font-size: 14px; } .blog_about .author_meta .email { color: #eb1414; } .long_ad { width: 100%; padding: 5px 0; background-color: #fee; text-align: center; clear: both; } .long_ad img { display: block; margin: 0 auto; } .long_ad > div > div { margin: 0 auto; } .large_header { letter-spacing: 1px; text-transform: uppercase; color: #eb1414; font-size: 4.6875em; line-height: 1; padding-bottom: 10px; border-bottom: 1px solid #a7a9ab; margin-bottom: 20px; } .medium_header { color: #232323; font-size: 2.8125em; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid #a7a9ab; margin-bottom: 40px; } .medium_header a.edit { float: right; color: #eb1414; font-size: 24px; font-style: italic; border-left: 1px solid #a7a9ab; padding: 0 30px; } .small_header { color: #232323; font-size: 1.5625em; line-height: 1; margin-bottom: 20px; } .featured .homepage_leader { height: 700px; } .featured .homepage_leader .main_post .inner { margin-left: 0; margin-top: 135px; } .featured .homepage_leader .main_post h2 { color: #fff; font-size: 64px; margin-bottom: 30px !important; line-height: 50px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .featured .homepage_leader .main_post h2 > span { background: url(../images/ie-1a1718-90.png); background: rgba(26, 23, 24, 0.9); -webkit-box-shadow: 10px 0 0 rgba(26, 23, 24, 0.9); -moz-box-shadow: 10px 0 0 rgba(26, 23, 24, 0.9); box-shadow: 10px 0 0 rgba(26, 23, 24, 0.9); } .featured .homepage_leader .main_post h2 > span > span { -webkit-box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9); -moz-box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9); box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9); } .featured .homepage_leader .main_post h2 span { font-size: inherit; line-height: inherit; } .cover_anchor { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .homepage_leader { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; padding: 0; position: relative; } .homepage_leader.home .main_post { width: 100% !important; float: none !important; } .homepage_leader.home .main_post .inner { width: 60%; padding-left: 10%; margin: 0 !important; } .homepage_leader .main_post .inner { margin: 230px 0 100px 40px; float: left; } .homepage_leader .main_post .inner .meta.large { background: url(../images/ie-fff-70.png); background: rgba(255, 255, 255, 0.7); display: inline-block; padding: 12px 10px 5px; height: 33px; line-height: 12px; } @media screen and (max-width: 728px) { .homepage_leader .main_post .inner .meta.large { margin-top: 0; } } .homepage_leader .main_post .inner .meta.large .share-buttons { margin-top: 5px; margin-left: 10px; } .homepage_leader .main_post .inner .meta.large > * { font-size: 19px; } .homepage_leader .main_post .inner .meta.large .author, .homepage_leader .main_post .inner .meta.large .divider { color: #000; } .homepage_leader .main_post .inner .meta.large .category { color: #eb1414; } .homepage_leader .main_post h2 { margin-bottom: 10px; line-height: normal; font-family: "Solido", Tahoma, sans-serif; font-weight: 800; letter-spacing: 2px; padding-left: 10px; } .homepage_leader .main_post h2 a { display: inline; font-size: 43px; color: #fff; } .homepage_leader .main_post h2 span { font-size: 43px; line-height: 43px; } .homepage_leader .main_post p { color: #000; font-size: 24px; line-height: normal; font-family: "Tiempos", Georgia, serif; padding-left: 10px; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .homepage_leader .main_post p > span { background: url(../images/ie-fff-70.png); background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 10px 0 0 rgba(255, 255, 255, 0.7); box-shadow: 10px 0 0 rgba(255, 255, 255, 0.7); } .homepage_leader .main_post p > span > span { -webkit-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7); box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7); } .bxslider_homepage_leader .homepage_leader { padding: 0; max-width: none; background-position: top center; } .bxslider_homepage_leader .homepage_leader .main_post { width: 65%; float: left; } .bxslider_homepage_leader .homepage_leader .main_post .inner { width: 60%; } .bxslider_homepage_leader .homepage_leader .related_posts { margin: 66px 0; float: right; width: 30%; } .channel_leader_slider_wrapper { margin-bottom: 15px; height: auto; background-position: center; } @media only screen and (max-width: 1035px) { .channel_leader_slider_wrapper .fifteen.columns { width: auto; } } @media only screen and (max-width: 646px) { .channel_leader_slider_wrapper .fifteen.columns { height: auto; overflow: hidden; } } .channel_leader_slider_wrapper .main_post { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; margin: 0; height: 315px; position: relative; } .channel_leader_slider_wrapper .main_post .inner { width: 90%; position: absolute; bottom: 0; left: 0; padding: 26px; margin: 0; } @media only screen and (min-width: 1035px) and (max-width: 1120px) { .channel_leader_slider_wrapper .main_post .inner { width: 100%; } } @media only screen and (max-width: 1035px) { .channel_leader_slider_wrapper .main_post .inner { position: static; } } @media only screen and (max-width: 646px) { .channel_leader_slider_wrapper .main_post .inner { width: 100%; margin-top: 0; } } .channel_leader_slider_wrapper .main_post .aggregate_shares { color: #eb1414; font-size: 19px; font-weight: bold; } .channel_leader_slider_wrapper .main_post .author, .channel_leader_slider_wrapper .main_post .divider, .channel_leader_slider_wrapper .main_post .aggregate_shares { -webkit-transition: color 200ms cubic-bezier(0.02, 0.01, 0.47, 1); -moz-transition: color 200ms cubic-bezier(0.02, 0.01, 0.47, 1); transition: color 200ms cubic-bezier(0.02, 0.01, 0.47, 1); } .channel_leader_slider_wrapper .main_post .author.share-hovered, .channel_leader_slider_wrapper .main_post .divider.share-hovered, .channel_leader_slider_wrapper .main_post .aggregate_shares.share-hovered { color: transparent !important; } .channel_leader_slider_wrapper .channel_leader:before { display: table-cell; content: " "; } .channel_leader_slider_wrapper .related_posts > li { display: table; width: 100%; margin: 0; padding: 0; } .channel_leader_slider_wrapper .related_posts > li > div { vertical-align: middle; height: 95px; display: table-cell; padding: 10px 20px; padding-left: 9px; border-left: 4px solid transparent; } .channel_leader_slider_wrapper .related_posts > li > div.active { border-left-color: #eb1414; } .channel_leader_slider_wrapper .related_posts > li + li { margin-top: 15px; } .channel_leader_slider_wrapper .related_posts > li h2 { font-size: 1.25em; } .channel_leader_slider_wrapper .related_posts > li .category { color: #eb1414; } @media only screen and (max-width: 1035px) { .channel_leader_slider_wrapper .related_posts { width: auto; margin: 15px -7.5px 0; } .channel_leader_slider_wrapper .related_posts > li { display: block; display: inline-block; float: left; padding-left: 7.5px; padding-right: 7.5px; } .channel_leader_slider_wrapper .related_posts > li + li { margin-top: 0; } .channel_leader_slider_wrapper .related_posts > li > div { display: block; padding: 20px; height: 300px; } .channel_leader_slider_wrapper .related_posts > li > div .meta.related { overflow: hidden; } .channel_leader_slider_wrapper .related_posts > li > div .meta.related span.divider { display: none; } .channel_leader_slider_wrapper .related_posts > li > div .meta.related > * { float: left; clear: left; } .channel_leader_slider_wrapper .related_posts > li > div .meta.related > * + * { margin-top: 5px; } } @media only screen and (max-width: 1035px) and (min-width: 0px) { .channel_leader_slider_wrapper .related_posts > li { width: 100%; } } @media only screen and (max-width: 1035px) and (min-width: 540px) { .channel_leader_slider_wrapper .related_posts > li { width: 33.33333%; } } @media only screen and (max-width: 1035px) and (min-width: 1035px) { .channel_leader_slider_wrapper .related_posts > li { width: 33.33333%; } } @media (max-width: 1024px) { .channel_leader_slider_wrapper .related_posts { display: none; } } .long_ad ._300, .long_ad ._728, .long_ad ._970 { position: relative; } .long_ad ._300 { width: auto; height: auto; overflow: visible; clip: auto; } .long_ad ._300 embed { position: static; left: auto; } .long_ad ._728, .long_ad ._970 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .long_ad ._728 embed, .long_ad ._970 embed { position: absolute; left: 1000em; } @media screen and (min-width: 850px) { .long_ad ._728 { width: auto; height: auto; overflow: visible; clip: auto; } .long_ad ._728 embed { position: static; left: auto; } .long_ad ._300, .long_ad ._970 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .long_ad ._300 embed, .long_ad ._970 embed { position: absolute; left: 1000em; } } @media screen and (min-width: 1090px) { .long_ad ._970 { width: auto; height: auto; overflow: visible; clip: auto; } .long_ad ._970 embed { position: static; left: auto; } .long_ad ._300, .long_ad ._728 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .long_ad ._300 embed, .long_ad ._728 embed { position: absolute; left: 1000em; } } .row hr:first-child { margin-top: 0; } hr { margin: 15px 0; padding: 0; height: 1px; background: #a7a9ab; border: none; clear: both; } .bio_block { margin-bottom: 55px; overflow: hidden; } .bio_block .img_wrapper { width: 355px; float: left; margin: 0 30px 0 0; } @media only screen and (max-width: 1180px) { .bio_block .img_wrapper { width: 50%; } } @media only screen and (max-width: 936px) { .bio_block .img_wrapper { width: 100%; float: none; display: block; } } .bio_block .img_wrapper img { display: block; width: 100%; height: auto; } .bio_block .img_wrapper .author_meta { background: #191919; padding: 10px; font-size: 17px; line-height: 2; text-align: center; } @media only screen and (max-width: 1180px) { .bio_block .img_wrapper .author_meta { font-size: 14px; } } @media only screen and (max-width: 1100px) { .bio_block .img_wrapper .author_meta { font-size: 12px; } } .bio_block .img_wrapper .author_meta a { color: #eb1414; display: block; } .bio_block .text_scroll_wrapper { position: relative; height: 390px; overflow: hidden; padding: 0; margin: 70px 30px 0 0; } @media only screen and (max-width: 936px) { .bio_block .text_scroll_wrapper { padding-top: 30px; } } .bio_block .more { padding: 20px 30px; } .bio_block .text_wrapper { font-family: "Tiempos", Georgia, serif; } #bio_more { border-top: 1px solid #97999C; } #bio_more a.more { float: right; border-top: 0; } #bio_handle { float: left; padding: 28px 30px 20px; font-size: 18px; line-height: 21px; } #bio_handle a { margin-right: 15px; } .tiles > li { margin-top: 0 !important; background-position: center; } @media only screen and (max-width: 480px) { .tiles > li { width: auto; margin-bottom: 15px; } } .inner_box { padding: 20px; background: #e6e7e8; margin: 30px 0; } .vcard { color: #eb1414; text-transform: uppercase; } .tiles.three_to_two > li { display: inline-block; float: left; padding-left: 7.5px; padding-right: 7.5px; } @media only screen and (min-width: 320px) { .tiles.three_to_two > li { width: 50%; } } @media only screen and (min-width: 768px) { .tiles.three_to_two > li { width: 50%; } } @media only screen and (min-width: 1300px) { .tiles.three_to_two > li { width: 33.33333%; } } .magazine_archive > li { margin-bottom: 40px; } .magazine_archive .img_wrapper { position: relative; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 1, 0.41); -moz-box-shadow: 0 4px 4px rgba(0, 0, 1, 0.41); box-shadow: 0 4px 4px rgba(0, 0, 1, 0.41); margin-bottom: 10px; } .magazine_archive .main_content_columns { position: relative; } .magazine_archive .main_content_columns .sidebar { position: absolute; top: 59px; right: 50px; } @media only screen and (max-width: 768px) { .magazine_archive .main_content_columns .sidebar { position: static; } } .magazine_archive .category_tab, .magazine_archive .topics_blocks > li a.category, .topics_blocks > li .magazine_archive a.category { text-transform: none; } .magazine_archive h2 { color: #1a1718; font-weight: 800; font-size: 1.25em; line-height: 1.2; margin-bottom: 10px; } .magazine_archive .year { position: relative; padding-top: 40px; border-bottom: 1px solid #A7A9AB; margin-bottom: 25px; } .tag_list { border-left: 1px solid #a7a9ab; padding-left: 15px; margin-bottom: 10px; } .tag_list a { color: #eb1414; } a.read_full { color: #1a1718; text-transform: uppercase; font-size: 14px; line-height: 17px; font-weight: bold; } a.read_full:after { content: ""; display: inline-block; margin: 4px 0 -4px 18px; } a.continue { color: #231f20; font-family: "Oswald"; font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 1.2; float: right; display: block; margin-bottom: 40px; } a.continue:after { content: ""; vertical-align: middle; margin: -5px 0 0px 11px; } .blog_landing a.continue { float: none; padding-right: 120px; text-align: right; } .subsection_header { border-bottom: 1px solid #a7a9ab; color: #c1220f; font-size: 18px; line-height: 1.2; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 10px; } .small_article_blocks { margin-bottom: 40px; } .small_article_blocks > li { background: #e6e7e8; padding: 12px; margin-bottom: 16px; } .small_article_blocks > li h3 a { color: #080a10; font-weight: 800; font-size: 18px; line-height: 22px; } .small_article_blocks > li .category { text-transform: uppercase; color: #eb1414; line-height: 1.2em; font-size: 14px; font-weight: bold; } .small_article_blocks > li img { width: 100%; height: auto; } .side_panel .anchor_panel { margin-top: 20px; background: #fff; } .side_panel .anchor_panel h2 { color: #fff; font-size: 16px; line-height: 40px; text-align: center; padding: 0 10px; font-weight: bold; background: #000000; margin-bottom: 0; } .side_panel .anchor_panel ul.anchor_links { padding: 0; -webkit-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); -moz-box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); box-shadow: 0 0 5px rgba(5, 5, 5, 0.25); } .side_panel .anchor_panel ul.anchor_links li { margin: 0 10px; } .side_panel .anchor_panel ul.anchor_links li.current a, .side_panel .anchor_panel ul.anchor_links li a:hover { color: #000; } .side_panel .anchor_panel ul.anchor_links li + li { border-top: 1px solid #a7a9ac; } .side_panel .anchor_panel ul.anchor_links li a { color: #a7a7a9; font-size: 14px; line-height: 1.2em; display: block; padding: 5px 10px; margin: 0 -10px; text-decoration: none; text-align: center; } .side_panel .anchor_panel ul.pagination { overflow: hidden; } .side_panel .anchor_panel ul.pagination li { float: left; width: 50%; } .side_panel .anchor_panel ul.pagination li a { display: block; text-align: center; background: #000; } .side_panel .anchor_panel ul.pagination li a:hover span.icon, .side_panel .anchor_panel ul.pagination li a:hover span.video_overlay:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .side_panel .anchor_panel ul.pagination li a span.icon, .side_panel .anchor_panel ul.pagination li a span.video_overlay:before { margin: -3px 0 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .anchor_panel_associated_content { padding: 5px; margin: -5px; margin-top: 15px; overflow: hidden; list-style: none; } .anchor_panel_associated_content > * { z-index: 100; position: relative; display: inline-block; width: 100%; } .anchor_panel_associated_content > * + * { z-index: 99; } .anchor_panel_associated_content > * + * + * { z-index: 98; } .anchor_panel_associated_content > * + * + * + * { z-index: 97; } .anchor_panel_associated_content > * + * + * + * + * { z-index: 96; } .anchor_panel_associated_content > * + * + * + * + * + * { z-index: 95; } .anchor_panel_associated_content > * + * + * + * + * + * + * { z-index: 94; } .anchor_panel_associated_content > * + * + * + * + * + * + * + * { z-index: 93; } .anchor_panel_associated_content > * + * + * + * + * + * + * + * + * { z-index: 92; } .anchor_panel_associated_content > * + * + * + * + * + * + * + * + * + * { z-index: 91; } .anchor_panel_associated_content > * + * + * + * + * + * + * + * + * + * + * { z-index: 90; } .anchor_panel_associated_content > * + * + * + * + * + * + * + * + * + * + * + * { z-index: 89; } .anchor_panel_associated_content > * + * + * + * + * + * + * + * + * + * + * + * + * { z-index: 88; } .anchor_panel_associated_content > * { padding-top: 70px !important; margin-top: -70px !important; } .anchor_panel_associated_content > li { margin: 0 0 30px; padding: 0; } .galleries { /** An attempt to make equal-height columns for Photo Gallery tiles */ } .galleries > li { margin-bottom: 50px; } .galleries > li .img_wrapper { margin-bottom: 20px; } .galleries > li h2 { text-align: center; } .galleries > li h2 a { font-family: "Tiempos", Georgia, serif; color: #1a1718; font-weight: 800; font-size: 24px; line-height: 1.2; margin-bottom: 10px; } .galleries > li p { color: #1a1718; font-size: 14px; line-height: 23px; } .galleries .text_wrapper { position: relative; min-height: 200px; /** This is where the simple tiles breaks into 1 wide so I don't think heights matter anymore at this point */ } .galleries .text_wrapper .meta { position: absolute; bottom: 0; left: 0; right: 0; } @media (min-width: 400px) and (max-width: 720px) { .galleries .text_wrapper { min-height: 250px; } .galleries .text_wrapper .meta { min-height: 47px; } .galleries .text_wrapper .meta .divider { display: none; } .galleries .text_wrapper .meta .date { display: block; } } @media (max-width: 400px) { .galleries .text_wrapper { min-height: auto; } .galleries .text_wrapper .meta { position: static; bottom: auto; left: auto; right: auto; } } .view_gallery { color: #fff; font-family: 'patua_oneregular', arial, sans-serif; font-size: 15px; line-height: 1.2; font-weight: bold; position: absolute; text-transform: uppercase; top: 23px; right: 24px; } .view_gallery .icon, .view_gallery .modal .header a.modalCloseImg, .modal .header .view_gallery a.modalCloseImg, .view_gallery .modal.search a.searchmodalCloseImg, .modal.search .view_gallery a.searchmodalCloseImg, .view_gallery .modal.gallery .gallery_header a.modalCloseImg, .modal.gallery .gallery_header .view_gallery a.modalCloseImg, .view_gallery .video_overlay:before { margin: -7px 9px 0 0; } .view_gallery .text { padding-left: 14px; border-left: 1px solid #fff; } .gallery_block { margin-bottom: 40px; } .gallery_block h2 { font-size: 2.8125em; margin-bottom: 20px; } .gallery_list .long_ad { margin-bottom: 50px; clear: both; } .gallery_list .featured_block h2 { font-family: "Tiempos", Georgia, serif; } .gallery_list .featured_block h2 .sub { font-family: "Tiempos", Georgia, serif; } .read-more { color: #eb1414; text-transform: uppercase; text-decoration: none; } .read-more:hover { text-decoration: underline; } /* SimpleModal Basic Modal Dialog http://simplemodal.com Copyright (c) 2013 Eric Martin - http://ericmmartin.com Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php */ #basic-modal-content { display: none; } /* Overlay */ #simplemodal-overlay { background-color: #000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0) !important; opacity: 0 !important; } #simplemodal-overlay.open { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90) !important; opacity: 0.9 !important; } /* Container */ #simplemodal-container { width: 100% !important; left: 0 !important; right: 0 !important; top: 0 !important; overflow: auto; } .modal { display: none; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 91%; max-width: 1065px; margin: 0 auto; } .modal.open { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .modal .icons-search_close, .modal.search a.searchmodalCloseImg { display: block; position: absolute; right: 20px; top: 20px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; z-index: 10; } .modal .icons-search_close:hover, .modal.search a.searchmodalCloseImg:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .modal .header { overflow: hidden; padding: 20px 20px 0; margin-bottom: 20px; position: relative; } .modal .header a.modalCloseImg { z-index: 3200; position: absolute; top: 20px; right: 20px; margin-top: 0; cursor: pointer; } .modal .header .text_wrapper { border-bottom: 1px solid #fff; padding: 16px 86px 16px 0; margin-left: 160px; overflow: hidden; position: relative; min-height: 84px; } @media only screen and (max-width: 768px) { .modal .header .text_wrapper { margin-left: 0; clear: both; } } .modal .header img.logo { float: left; } .modal .header h1 { color: #fff; font-family: "Patua One"; font-size: 38px; line-height: 50px; float: left; margin-right: 10px; } .modal .header strong.sub { color: #fff; font-family: "Solido", Tahoma, sans-serif; font-size: 22px; line-height: 22px; padding-top: 18px; font-style: italic; font-weight: normal; float: left; } .modal .header .sponsor { float: right; color: #fff; font-family: "Solido", Tahoma, sans-serif; font-size: 14px; line-height: 50px; } @media only screen and (max-width: 1350px) { .modal .header .sponsor { float: left; clear: left; } } .modal .header .sponsor img { vertical-align: middle; margin: 0 0 0 5px; } .modal_trigger:hover { cursor: pointer; } .modal.iframe { padding: 20px 80px 0; } .modal.iframe .video_wrapper { text-align: center; position: relative; padding-bottom: 36.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 0 auto 20px; max-width: 980px; } .modal.iframe .video_wrapper iframe, .modal.iframe .video_wrapper object, .modal.iframe .video_wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal.search form { position: relative; margin-top: 150px; } .modal.search input[type="text"] { border: none; border-bottom: 1px solid #ffffff; margin: 0; background: none; color: #fff; font-size: 55px; line-height: 60px; font-weight: 100; padding: 5px 0; outline: none; width: 100%; } .modal.search input[type="text"]::-webkit-input-placeholder { color: #fff; font-size: 55px; line-height: 60px; font-weight: 100; } .modal.search input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #fff; font-size: 55px; line-height: 60px; font-weight: 100; } .modal.search input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #fff; font-size: 55px; line-height: 60px; font-weight: 100; } .modal.search input[type="text"]:-ms-input-placeholder { color: #fff; font-size: 55px; line-height: 60px; font-weight: 100; } .modal.search input[type="submit"] { visibility: hidden; height: 0; width: 0; position: absolute; padding: 0; } .modal.search a.searchmodalCloseImg { z-index: 3200; position: absolute; top: 50%; right: 0; margin-top: -25px; cursor: pointer; } .modal.gallery .logo { position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; left: 20px; top: 20px; z-index: 10; } .modal.gallery .logo:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; cursor: pointer; } .modal.gallery .modal_gallery_wrapper { margin: 0 auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 55px; margin-bottom: 20px; clear: both; padding-top: 90px; position: relative; overflow: hidden; } .modal.gallery .modal_gallery_wrapper .bx-wrapper .bx-controls-direction a { z-index: 900; top: -38px; margin-top: 23.43297974927676%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); opacity: 0.15; } .modal.gallery .modal_gallery_wrapper .bx-wrapper .bx-controls-direction a.bx-prev { left: -45px; } .modal.gallery .modal_gallery_wrapper .bx-wrapper .bx-controls-direction a.bx-next { right: -45px; } .modal.gallery .modal_gallery .img_wrapper { position: relative; margin-bottom: 20px; /** Try to prevent so much vertical scrolling */ } .modal.gallery .modal_gallery .img_wrapper a.feature, .modal.gallery .modal_gallery .img_wrapper a.related_gallery { color: #fff; font-family: 'patua_oneregular', arial, sans-serif; font-size: 16px; line-height: 1.2; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; background-color: #000; padding: 5px 25px; text-transform: uppercase; position: absolute; bottom: 0; right: 0; text-decoration: none; } .modal.gallery .modal_gallery .img_wrapper img { width: auto !important; margin: auto; } .modal.gallery .modal_gallery .img_wrapper.aspect_square img, .modal.gallery .modal_gallery .img_wrapper.aspect_tall img { max-height: 550px; } .modal.gallery .modal_gallery .img_wrapper .shares_wrapper { position: absolute; top: -1px; right: 0; text-align: right; width: 300px; } .modal.gallery .modal_gallery .img_wrapper .shares_wrapper span.aggregate_shares > span { background: #eb1414; } .modal.gallery .modal_gallery .img_wrapper .shares_wrapper .share-buttons { background-color: #fff; top: 0; padding-top: 8px; padding-left: 8px; padding-bottom: 30px; } .modal.gallery .modal_gallery p { color: #a7a9ab; font-size: 18px; line-height: 34px; font-family: "Tiempos", Georgia, serif; } .modal.gallery .modal_gallery p a { color: #eb1414; text-decoration: none; } .modal.gallery .modal_gallery p a:hover { text-decoration: underline; } .modal.gallery .gallery_footer { margin: 0 auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 55px; margin-top: 20px; } .modal.gallery .gallery_footer .inner { border-top: 1px solid #fff; padding-top: 20px; } .modal.gallery .gallery_header { overflow: hidden; position: relative; margin-bottom: 10px; /* Try to accomodate tiles for last slide */ } .modal.gallery .gallery_header a.modalCloseImg { z-index: 3200; position: absolute; top: 20px; right: 20px; margin-top: 0; cursor: pointer; } .modal.gallery .gallery_header .text_wrapper { border-bottom: 1px solid #fff; padding: 16px 0; overflow: hidden; position: relative; min-height: 84px; } @media only screen and (max-width: 768px) { .modal.gallery .gallery_header .text_wrapper { margin-left: 0; clear: both; } } .modal.gallery .gallery_header .text_wrapper.last_slide { border-bottom: 0; } .modal.gallery .gallery_header h1 { color: #fff; font-family: "Tiempos", Georgia, serif; font-size: 38px; line-height: 50px; float: left; margin-right: 10px; } .modal.gallery .gallery_header strong.sub { color: #fff; font-family: "Tiempos", Georgia, serif; font-size: 22px; line-height: 22px; padding-top: 18px; font-style: italic; font-weight: normal; float: left; } .modal.gallery .gallery_header .sponsor { float: right; color: #fff; font-family: "Solido", Tahoma, sans-serif; font-size: 14px; line-height: 50px; } @media only screen and (max-width: 1350px) { .modal.gallery .gallery_header .sponsor { float: left; clear: left; } } .modal.gallery .gallery_header .sponsor img { vertical-align: middle; margin: 0 0 0 5px; width: auto; } .modal.gallery .gallery_header .infinite_tiles { margin-left: -7.5px; margin-right: -7.5px; position: relative; margin: 0 auto; padding-top: 30px; clear: both; max-width: 75.72308%; } .modal.gallery .gallery_header .infinite_tiles h1 { font-size: 20px; font-weight: 800; margin-bottom: 10px; } .modal.gallery .gallery_header .infinite_tiles > li { display: inline-block; float: left; padding-left: 7.5px; padding-right: 7.5px; width: 33.33333%; } .modal.gallery .gallery_header .infinite_tiles > li.third, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(3n + 4) { clear: left; } .modal.gallery .gallery_header .infinite_tiles > li.second, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(2n + 3) { clear: none; } .modal.gallery .gallery_header .infinite_tiles > li.second.third, .modal.gallery .gallery_header .infinite_tiles > li.second:nth-child(3n + 4), .modal.gallery .gallery_header .infinite_tiles > li:nth-child(2n + 3).third, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(2n + 3):nth-child(3n + 4) { clear: left; } @media only screen and (max-width: 1145px) { .modal.gallery .gallery_header .infinite_tiles > li { width: 50%; } .modal.gallery .gallery_header .infinite_tiles > li.third, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(3n + 4) { clear: none; } .modal.gallery .gallery_header .infinite_tiles > li.third.second, .modal.gallery .gallery_header .infinite_tiles > li.third:nth-child(2n + 3), .modal.gallery .gallery_header .infinite_tiles > li:nth-child(3n + 4).second, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(3n + 4):nth-child(2n + 3) { clear: left; } .modal.gallery .gallery_header .infinite_tiles > li.second, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(2n + 3) { clear: left; } } @media only screen and (max-width: 909px) { .modal.gallery .gallery_header .infinite_tiles > li { width: 100%; } } @media only screen and (max-width: 768px) { .modal.gallery .gallery_header .infinite_tiles > li { width: 33.33333%; } .modal.gallery .gallery_header .infinite_tiles > li.third, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(3n + 4) { clear: left; } .modal.gallery .gallery_header .infinite_tiles > li.second, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(2n + 3) { clear: none; } .modal.gallery .gallery_header .infinite_tiles > li.second.third, .modal.gallery .gallery_header .infinite_tiles > li.second:nth-child(3n + 4), .modal.gallery .gallery_header .infinite_tiles > li:nth-child(2n + 3).third, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(2n + 3):nth-child(3n + 4) { clear: left; } } @media only screen and (max-width: 582px) { .modal.gallery .gallery_header .infinite_tiles > li { width: 50%; } .modal.gallery .gallery_header .infinite_tiles > li.third, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(3n + 4) { clear: none; } .modal.gallery .gallery_header .infinite_tiles > li.third.second, .modal.gallery .gallery_header .infinite_tiles > li.third:nth-child(2n + 3), .modal.gallery .gallery_header .infinite_tiles > li:nth-child(3n + 4).second, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(3n + 4):nth-child(2n + 3) { clear: left; } .modal.gallery .gallery_header .infinite_tiles > li.second, .modal.gallery .gallery_header .infinite_tiles > li:nth-child(2n + 3) { clear: left; } } @media only screen and (max-width: 400px) { .modal.gallery .gallery_header .infinite_tiles > li { width: 100%; } } .modal.gallery .gallery_header .infinite_tiles.galleries li { margin-bottom: 20px; } .modal.gallery .gallery_header .infinite_tiles.galleries .text_wrapper { border-bottom: 0; } .modal.gallery .gallery_header .infinite_tiles.galleries .text_wrapper a { color: #eb1414; } .modal.gallery .gallery_header .infinite_tiles.galleries .text_wrapper .meta.gallery { border-top: 1px solid #fff; } .modal.gallery .modal_meta { float: left; } .modal.gallery .modal_meta li { float: left; padding: 0 10px; line-height: 25px; color: #fff; font-size: 15px; text-transform: uppercase; } .modal.gallery .modal_meta li:first-child { padding-left: 0; } .modal.gallery .modal_meta li:last-child { padding-right: 0; } .modal.gallery .modal_meta li + li { border-left: 1px solid #fff; } @media only screen and (max-width: 480px) { .modal.gallery .modal_meta li { float: none; padding: 0; } .modal.gallery .modal_meta li + li { border: none; } } .modal.gallery .modal_meta li .author { color: #eb1414; } .modal.gallery .modal_pager_wrapper { float: right; width: 497px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 25px; } @media only screen and (max-width: 1048px) { .modal.gallery .modal_pager_wrapper { float: left; clear: left; margin-top: 20px; } } @media only screen and (max-width: 657px) { .modal.gallery .modal_pager_wrapper { width: 320px; margin-right: auto; margin-left: auto; } } @media only screen and (max-width: 480px) { .modal.gallery .modal_pager_wrapper { display: none; } } .modal.gallery .modal_pager_wrapper .bx-wrapper .bx-controls-direction a { margin-top: -21px; z-index: 900; } .modal.gallery .modal_pager_wrapper .bx-wrapper .bx-controls-direction a.bx-prev { left: -25px; } .modal.gallery .modal_pager_wrapper .bx-wrapper .bx-controls-direction a.bx-next { right: -25px; } .modal.gallery .modal_pager > li > ul { overflow: hidden; float: left; width: 100%; } .modal.gallery .modal_pager > li > ul > li { float: left; width: 14.28571%; } .modal.gallery .modal_pager > li > ul > li a { border: 4px solid transparent; display: block; } .modal.gallery .modal_pager > li > ul > li a.active { border-color: #eb1414; } .modal.gallery .modal_pager > li > ul > li a img { display: block; } .modal.table_of_contents { font-size: 16px; } @media only screen and (max-width: 768px) { .modal.table_of_contents { font-size: 14px; } } @media only screen and (max-width: 320px) { .modal.table_of_contents { font-size: 12px; } } .modal.table_of_contents .header .text_wrapper .issue_header { float: right; color: #cb3323; font-family: "Solido", Tahoma, sans-serif; font-size: 19px; line-height: 50px; font-weight: 800; color: #fff; text-transform: uppercase; } .modal.table_of_contents .header .text_wrapper .issue_header * { vertical-align: bottom; line-height: 19px; } .modal.table_of_contents .header .text_wrapper .issue_header span.toc { color: #eb1414; } .modal.table_of_contents .header .text_wrapper .issue_header span.divider { padding: 0 10px; } @media only screen and (max-width: 768px) { .modal.table_of_contents .header .text_wrapper .issue_header { float: left; } .modal.table_of_contents .header .text_wrapper .issue_header * { clear: left; } .modal.table_of_contents .header .text_wrapper .issue_header * + * { margin-top: 10px; } .modal.table_of_contents .header .text_wrapper .issue_header span.divider { display: none; } } .modal.table_of_contents .toc_wrapper { margin-top: 70px; } .modal.table_of_contents .toc_wrapper .side { float: left; width: 27%; border-right: 1px solid #a7a9ac; } @media only screen and (max-width: 768px) { .modal.table_of_contents .toc_wrapper .side { width: 50%; } } .modal.table_of_contents .toc_wrapper .side h2 { color: #fff; font-size: 2em; line-height: 1.2; text-transform: uppercase; margin-top: 20px; } .modal.table_of_contents .toc_wrapper .side .sub { text-transform: uppercase; color: #eb1414; font-size: 19px; line-height: 21px; font-weight: normal; } .modal.table_of_contents .toc_wrapper .side ul.nav { margin-top: 20px; border-top: 1px solid #a7a9ac; padding-bottom: 114px; } .modal.table_of_contents .toc_wrapper .side ul.nav > li { border-bottom: 1px solid #a7a9ac; } .modal.table_of_contents .toc_wrapper .side ul.nav > li a { display: block; color: #fff; font-size: 2em; line-height: 1.2; text-transform: uppercase; padding: 38px 20px 38px 0; border-right: 7px solid transparent; margin: -1px -1px -1px 0; } .modal.table_of_contents .toc_wrapper .side ul.nav > li a.active { border-color: #eb1414; } .modal.table_of_contents .toc_wrapper .main { float: left; width: 73%; color: #fff; color: #fff; padding-left: 120px; margin-top: 20px; } @media only screen and (max-width: 768px) { .modal.table_of_contents .toc_wrapper .main { padding-left: 20px; width: 50%; } } .modal.table_of_contents .toc_wrapper .main .tab_content > li > ul > li { margin-bottom: 55px; } .modal.table_of_contents .toc_wrapper .main .tab_content > li > ul > li h2 a { color: #fff; font-family: "Patua One"; font-size: 2.25em; line-height: 1.2; margin-bottom: 10px; } .modal.table_of_contents .toc_wrapper .main .tab_content > li > ul > li p { font-size: 20px; line-height: 28px; } .modal.table_of_contents .toc_wrapper .main .tab_content > li > ul > li a.author { color: #cb3323; font-size: 14px; line-height: 1.2; text-transform: uppercase; } .featured_post_nav_sticky_wrapper { position: absolute; } .featured_post_nav { clear: both; width: 100%; z-index: 1000; } .featured_post_nav .inner { background: rgba(35, 35, 35, 0.9); float: left; color: #fff; line-height: 35px; text-transform: uppercase; font-size: 12px; font-weight: 800; } .featured_post_nav .inner h2 { float: left; padding: 0 10px; } .featured_post_nav .inner ul { float: left; } .featured_post_nav .inner ul li { float: left; } .featured_post_nav .inner ul li.current a { background: #eb1414; } .featured_post_nav .inner ul li.current a:before { content: ""; position: absolute; bottom: 0; left: 50%; margin: 0 0 -10px -5px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #eb1414; } .featured_post_nav .inner ul li a { display: block; padding: 0 10px; position: relative; color: #fff; text-decoration: none; } .featured_post_nav .inner ul li a:hover { background: #eb1414; } .featured_post_sections { overflow: hidden; } .featured_post_sections > * { z-index: 100; position: relative; display: inline-block; width: 100%; } .featured_post_sections > * + * { z-index: 99; } .featured_post_sections > * + * + * { z-index: 98; } .featured_post_sections > * + * + * + * { z-index: 97; } .featured_post_sections > * + * + * + * + * { z-index: 96; } .featured_post_sections > * + * + * + * + * + * { z-index: 95; } .featured_post_sections > * + * + * + * + * + * + * { z-index: 94; } .featured_post_sections > * + * + * + * + * + * + * + * { z-index: 93; } .featured_post_sections > * + * + * + * + * + * + * + * + * { z-index: 92; } .featured_post_sections > * + * + * + * + * + * + * + * + * + * { z-index: 91; } .featured_post_sections > * + * + * + * + * + * + * + * + * + * + * { z-index: 90; } .featured_post_sections > * + * + * + * + * + * + * + * + * + * + * + * { z-index: 89; } .featured_post_sections > * + * + * + * + * + * + * + * + * + * + * + * + * { z-index: 88; } .featured_post_sections > * { padding-top: 85px !important; margin-top: -85px !important; } .featured_post_sections > h2 { display: block; color: #231f20; font-family: "Solido", Tahoma, sans-serif; font-size: 30px; line-height: 42px; margin: 0 auto 10px; max-width: 1550px; padding: 0 105px; } .featured_post_sections .article_content { margin-bottom: 0; } .featured_post_sections .row.main_content_columns .sidebar.six.columns { margin-right: 30px; width: 270px; } .featured_post_sections .side_panel_wrapper.leftside { left: 0; } .featured_post_sections .pull_left { /* margin-left: 0; */ margin-top: 33px; } .featured_post_sections .pull_left + p { margin-top: 25px; } .featured_post_sections .comments_section { clear: both; margin: 0 120px 0; padding-top: 50px; } @media only screen and (max-width: 768px) { .featured_post_sections .comments_section { margin: 0; } } .featured_post_sections > li:last-child p:last-child:after { content: '\2666'; color: #eb1414; } .feature-author-bio { font-style: italic; } .paralax_image_credit { position: absolute; top: -40px; right: 10px; font-size: .8em; color: #aaa; text-align: right; width: 36%; } .special_content_credit { color: #aaa; font-size: .8em; } .note-meta { margin-bottom: 1em; } .section_wrapper { padding-bottom: 40px; } @media only screen and (max-width: 1024px) { .section_wrapper { border: none; } } .section_wrapper .inline-photo { margin: 2em 0 1em; } .section_wrapper .inline-photo .inline-photo-caption { margin: 0; font-family: Solido, helvetica, arial, sans-serif; font-size: .9em; } .featured_section_header { margin: -120px 280px 0 84px; padding: 1.2em; background: #fff; font-size: 1.8em; } .featured_section_header span { font-size: .6em; color: #eb1414; display: block; margin-top: -1em; margin-bottom: .75em; } .annotation_block + .annotation_block { margin-top: 60px; } .annotation_block h3 { background: #eb1414; color: #fff; font-family: Tiempos, Georgia, serif; font-size: 14px; line-height: 22px; padding: 0 5px; display: inline-block; } .annotation_block strong.sub { font-size: 16px; line-height: 24px; font-style: italic; display: block; font-weight: normal; margin-bottom: 12px; } .annotation_block strong.sub a { color: #eb1414; text-decoration: none; } .annotation_block strong.sub a:hover { text-decoration: underline; } .annotation_block .text { line-height: 24px; padding-bottom: 12px; } .annotation_block .text .sub { margin-top: 24px; } .annotation_block .text p { margin-bottom: 24px; } .annotation_block cite { font-size: 10px; } .annotation { color: #eb1414; font-size: 14px; line-height: 16px; vertical-align: top; } .annotation_item > div { border: 1px solid #a7a9ab; border-width: 1px 0; margin: 10px 0 30px; font-size: 12px; } .annotation_item.aligned { position: absolute; } @media only screen and (max-width: 768px) { .annotation_item.aligned { position: static; } } .image_with_text img, .image_with_text iframe, .rich img, .rich iframe { display: block; margin: 10px 0; width: 100%; } .image_with_text p, .rich p { padding: 30px 0; border-top: 1px solid #a7a9ab; } .image_with_text #ytplayer, .rich #ytplayer { height: 250px; } .additional_stories { margin-top: 50px; } .featured_sponsor .text { overflow: hidden; background: #000; color: #fff; line-height: 58px; text-align: right; padding-top: 20px; padding-bottom: 20px; } @media only screen and (max-width: 1024px) { .featured_sponsor .text { text-align: center; } } .featured_sponsor .text strong { font-weight: normal; font-size: 18px; text-transform: uppercase; float: left; display: block; } @media only screen and (max-width: 1024px) { .featured_sponsor .text strong { float: none; margin-bottom: 20px; } } .featured_sponsor .text img.sponsor_logo { vertical-align: middle; } .featured_sponsor img.mega_ad { width: 100%; height: auto; display: block; } @media only screen and (max-width: 1200px) { .nineteen.columns .video_overlay { width: 100%; } } @media only screen and (max-width: 768px) { .nineteen.columns .video_overlay { width: 60%; } } @media only screen and (max-width: 580px) { .nineteen.columns .video_overlay { width: 100%; } } .video_overlay { display: block; position: relative; width: 60%; } .video_overlay:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin: -67px 0 0 -67px; } .video_overlay img { display: block; } .homepage_top .long_ad ._300, .homepage_top .long_ad ._728, .homepage_top .long_ad ._970 { position: relative; } .homepage_top .long_ad ._300 { width: auto; height: auto; overflow: visible; clip: auto; } .homepage_top .long_ad ._300 embed { position: static; left: auto; } .homepage_top .long_ad ._728, .homepage_top .long_ad ._970 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .homepage_top .long_ad ._728 embed, .homepage_top .long_ad ._970 embed { position: absolute; left: 1000em; } @media screen and (min-width: 760px) { .homepage_top .long_ad ._728 { width: auto; height: auto; overflow: visible; clip: auto; } .homepage_top .long_ad ._728 embed { position: static; left: auto; } .homepage_top .long_ad ._300, .homepage_top .long_ad ._970 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .homepage_top .long_ad ._300 embed, .homepage_top .long_ad ._970 embed { position: absolute; left: 1000em; } } @media screen and (min-width: 1367px) { .homepage_top .long_ad ._970 { width: auto; height: auto; overflow: visible; clip: auto; } .homepage_top .long_ad ._970 embed { position: static; left: auto; } .homepage_top .long_ad ._300, .homepage_top .long_ad ._728 { width: 0; height: 0; overflow: hidden; clip: rect(0 0 0 0); } .homepage_top .long_ad ._300 embed, .homepage_top .long_ad ._728 embed { position: absolute; left: 1000em; } } /** HOMEPAGE MOBILE UPDATES - 4/2/14 **/ .tiles.three_up { margin-left: -2%; } @media only screen and (max-width: 1024px) { .tiles.three_up { margin-left: 0; } .tiles.three_up > li { width: auto; float: none; height: 300px; margin: 0 0 2em; } } @media only screen and (max-width: 768px) { .tiles.three_up { margin-left: 0; } } @media only screen and (max-width: 500px) { .tiles.three_up.mobile_thumbs > li { height: auto; margin: 0 0 .5em; } } .homepage_top .tiles.three_up { margin-top: 2em; } .homepage_top .tiles.three_up:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } @media only screen and (max-width: 500px) { .homepage_top .tiles.three_up.mobile_thumbs > li { height: auto; } } .homepage_top .tiles.three_up > li { width: 31.3%; float: left; } @media only screen and (max-width: 1024px) { .homepage_top .tiles.three_up > li { height: 300px; } } @media only screen and (max-width: 740px) { .homepage_top .tiles.three_up > li { width: 100%; } } @media only screen and (max-width: 1024px) { .homepage_top .tiles.three_up li + li { margin-left: 3%; } } @media only screen and (max-width: 740px) { .homepage_top .tiles.three_up li + li { margin-left: 0; } } .tiles.two_up { zoom: 1; } .tiles.two_up:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } @media screen and (max-width: 575px) { .tiles.two_up { margin-left: 0; } .tiles.two_up > li { width: 100%; margin: 0 0 2em; } } @media only screen and (max-width: 500px) { .tiles.two_up.mobile_thumbs > li { height: auto; margin: 0 0 .5em; } } @media only screen and (max-width: 1024px) { .homepage_top .nineteen.columns { width: 100%; margin: 0; } } /** END HOMEPAGE MOBILE UPDATES **/ .featured_block.block img { width: 100%; height: auto; } .highlighter-container { display: none; background-color: #fff; padding: 4px; border: 1px solid #A7A9AB; z-index: 999; } .highlighter-container .char-count { display: block; float: left; font-size: 27px; line-height: 21px; color: #eb1414; letter-spacing: 1px; margin-top: 1px; font-weight: 800; } .highlighter-container a { display: block; text-indent: -9999em; float: left; overflow: hidden; margin-left: 5px; } .highlighter-container a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .highlighter-container a:first-child { margin-left: 0; } /** Livefyre Comment Styling */ .lf-divider, .lf_comment_user_rating, .lf_comment_footer > a { margin-left: 10px; padding-left: 10px; border-left: 1px solid #808284; } /* Comments Header */ .lf_listener_count, .lf_avatar { display: none; } /* Comments Container */ #lf_comments > h3:first-child { display: none; } #lf_comments > .lf_comment_container { padding-top: 20px; border-bottom: 1px solid #A7A9AB; } /* User Image */ .lf_comment_user { float: left; padding-top: 7px; } /* Comment Body, Meta, and Sharing */ .lf_comment { margin-left: 80px; font-size: 12px; color: #808284; text-transform: uppercase; } .lf_comment a { color: #808284; text-decoration: none; cursor: pointer; } .lf_comment a:hover { text-decoration: underline; } a.lf_comment_user_nick { font-weight: bold; color: #eb1414; } .lf_body { padding-bottom: 3px; font-size: 14px; color: #070B13; text-transform: none; } .lf_comment_footer { position: relative; margin-bottom: 35px; } .lf_flag_box { position: absolute; top: 18px; left: 145px; background: white; display: none; } .lf_flag_box > li { display: inline; padding-left: 5px; margin-left: 5px; font-size: 10px; color: #eb1414; cursor: pointer; } .lf_flag_box > li:hover { text-decoration: underline; } .fp-voice .main_photo, .article .main_photo { padding: 0 !important; } i, em { font-style: italic; } .icon-menu { font-style: normal; } /** Apologies for the random breakpoint but trying to get 'Breaking news' to fall on one line */ @media screen and (min-width: 1024px) and (max-width: 1235px) { .latest_news h2 { font-size: 15px; } } /** Fix for the department breaking on tablet for the homepage's main slideshow */ @media (max-width: 1024px) { .homepage_leader .author, .homepage_leader .category { float: left; } .homepage_leader .divider { display: none; } .homepage_leader .category { display: block; clear: left; padding: 12px 10px; margin: 9px 0 0 -10px; background: url(../images/ie-fff-70.png); background: rgba(255, 255, 255, 0.7); } .blog_landing a.continue { padding-top: 10px; padding-right: 0; } a.continue { padding-top: 10px; } /** Hide share hovers */ .share-total, .share-total + .share-buttons { display: none !important; } .topics_blocks .author + .divider, .featured_block .author + .divider, .developing_stories .author + .divider, .bxslider_channel_leader .author + .divider { display: none; } .magazine_block .category + .divider { display: none; } } /** Make related stories more usable on smaller screens */ @media (max-width: 768px) { .related_stories > ul > li { width: 100%; } .related_stories > ul > li:before, .related_stories > ul > li:after { content: " "; display: table; } .related_stories > ul > li:after { clear: both; } .related_stories > ul > li + li { margin-left: 0; } .related_stories > ul > li .img_wrapper { float: left; } .related_stories > ul > li .img_wrapper > img { max-width: 250px; } .related_stories > ul > li > h3, .related_stories > ul > li > div { margin-left: 270px; } } @media (max-width: 576px) { .related_stories > ul > li { margin-bottom: 15px; } .related_stories > ul > li .img_wrapper { float: none; margin-bottom: 8px; } .related_stories > ul > li > h3, .related_stories > ul > li > div { margin-left: 0; } .related_stories > ul > li > h3 > a { font-size: 1.1875em; } .channel_leader .main_post h2 a, .channel_leader .main_post h2 span { font-size: 30px; line-height: normal; } .channel_leader .main_post p { font-size: 18px; } .channel_leader .main_post .author { font-size: 13px !important; } } @media (max-width: 1000px) { .channel_leader .main_post .inner { margin-top: 0 !important; } } /** Reduce nav bar size in landscape */ @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) { .menu_wrapper { height: 35px; } .menu_wrapper .menu-trigger { top: 43%; } .menu_wrapper .icon-menu { height: 35px; font-size: 70%; } .menu_wrapper #logo > img { height: 33px; } } /** New design modal greeting */ #new-design { color: #fff; margin-bottom: 75px; } #new-design h1 { padding: 0 150px 0 5px; margin-top: 72px; border-bottom: 7px solid #fff; font-size: 55px; font-weight: bold; line-height: 60px; } #new-design h1 span { font-size: 20px; font-weight: normal; } #new-design h1 + p { margin-top: 40px; font-size: 19px; margin-left: 0; } #new-design h2 { margin-top: 45px; font-size: 25px; margin-bottom: 25px; } #new-design p { font-family: Tiempos, Georgia, serif; font-size: 16px; } #new-design a { color: #eb1414; } #new-design cite { font-style: italic; } #new-design button { border: 0; color: #fff; text-transform: uppercase; cursor: pointer; outline: 0; } #new-design div { position: relative; float: left; width: 100%; min-height: 80px; height: auto; margin-bottom: 45px; } #new-design div p { float: left; position: relative; padding-left: 95px; text-align: left; } #new-design div p:before { content: ""; position: absolute; top: 0; left: 0; } #new-design div a { display: block; position: relative; } #new-design div + h2 { margin-bottom: 5px; } #new-design img { display: block; float: right; border: 3px solid #c5c5c5; } #new-design-navbar { text-align: center; } #new-design-navbar p:after { content: ""; display: inline-block; vertical-align: text-top; } #new-design-navbar img { display: inline-block; float: none; margin-top: 40px; border-color: #fff; } #new-design-features p { width: 70%; } #new-design-features p:after { content: ""; display: block; position: absolute; right: 0; bottom: -1px; vertical-align: text-top; } #new-design-highlighting p { width: 30%; } #new-design-highlighting p:after { content: ""; display: block; position: absolute; top: 0; left: 101%; vertical-align: text-top; } #new-design-highlighting img { float: left; margin: -6px 0 0 50px; } #new-design-news p { width: 60%; } #new-design-news p:after { content: ""; display: block; position: absolute; bottom: 5px; left: 101%; vertical-align: text-top; } #new-design-news img { margin: -75px 36px 0 0; } #new-design-beta p { width: 55%; } #new-design-btn-close { position: absolute; top: 0; right: 0; padding: 15px 60px 15px 15px; background: #474747; } #new-design-btn-close span { display: block; position: absolute; top: 0; right: 0; bottom: 0; padding: 15px 18px; font-size: 13px; background: #ea1414; } #new-design-btn-accept { display: block; position: relative; width: 100%; padding: 30px; margin-top: 115px; overflow: visible; background: #ea1414; font-size: 20px; } #new-design-btn-accept:before { content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 0; border-top: 7px solid rgba(234, 20, 20, 0.4); border-left: 4px solid transparent; border-right: 4px solid transparent; } #new-design-btn-accept:active { margin-top: 122px; } #new-design-btn-accept:active:before { border-top-width: 0; } @media (max-width: 1100px) { #new-design h1 { padding-right: 5px; font-size: 50px; } #new-design h1 span { display: block; } #new-design div p { width: 100%; clear: both; padding-left: 75px; } #new-design div p:before { background-position: 0 -640px; height: 60px; width: 60px; } #new-design div p:after { content: ""; display: inline-block; vertical-align: text-top; position: static; background-position: -28px -440px; height: 37px; width: 41px; } #new-design img { margin-top: 35px; } #new-design-features p:after { display: none !important; } #new-design-features a:after { content: ""; display: inline-block; vertical-align: text-top; position: static; background: url("../img/icons-scd6e5fe1df.png") no-repeat; background-position: -28px -440px; height: 37px; width: 41px; } #new-design-features img { margin-right: 75px; } #new-design-highlighting img { margin-left: 80px; } #new-design-news img { margin-right: 75px; } } @media (max-width: 576px) { #new-design h1 { font-size: 35px; line-height: 40px; } #new-design div { text-align: center; } #new-design img { float: none; display: inline; margin-left: auto; margin-right: auto; } } @media (max-width: 320px) { #new-design h1 { font-size: 30px; line-height: 34px; } } /** FP ALL ACCESS FAQ **/ .all_access_faq_content p { padding: .5em 0; } .all_access_faq_content li { padding: .25em .5; margin-left: 1em; list-style: outside disc; } .all_access_faq_content a { text-decoration: none; color: #eb1414; } .all_access_faq_content a:hover { text-decoration: underline; } .all_access_faq_content .question.anchor { padding: .6em 0 .5em; } .all_access_faq_content .question.anchor:before { content: '.'; height: 75px; clear: both; display: block; visibility: hidden; } .all_access_faq_content .question { padding: .35em 0; } /** EXPIRATION OVERLAY STYLES **/ #warning_overlay { background: #000; width: 100%; padding: 0 10%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; } #warning_overlay #overlay_logo { position: absolute; width: 134px; height: 110px; background: url("http://www.foreignpolicy.com/sites/all/themes/fp2/img/logo.png") no-repeat 0 0; text-indent: -9999em; } #warning_overlay #overlay_header { color: #fff; font-family: "Solido",arial,sans-serif; font-size: 2em; padding: 1.5em 0 1.5em 160px; } #warning_overlay h3, #warning_overlay h4, #warning_overlay h5, #warning_overlay p, #warning_overlay li, #warning_overlay em, #warning_overlay strong, #warning_overlay a { color: #fff; } #warning_overlay .overlay_button { display: inline-block; padding: .5em 1.5em; border-radius: 3px; background-color: #ea1414; color: #FFF; text-transform: uppercase; font-family: "Solido", helvetica, arial, sans-serif; font-size: 1em; border: none; cursor: pointer; text-decoration: none; padding: 10px 0; margin-top: 2em; margin-right: 1em; width: 250px; text-align: center; -webkit-appearance: none; } /** Load more comments overlapping comments */ article .more { position: relative; z-index: 1; background: #fff; } article .square { display: inline-block; } .btn-print-page { display: block; height: 37px; } .btn-print-page > span { margin-top: 8px; } /** Try to adjust modal gallery for phones */ .modal-caption-toggle { display: none; text-transform: uppercase; font-family: patua_oneregular, arial, sans-serif !important; color: #fff !important; cursor: pointer; } .modal-caption-toggle span { margin-right: 7px; vertical-align: text-bottom; } @media (max-width: 576px) { .modal.gallery .modal_gallery_wrapper { padding-left: 0; padding-right: 0; } .modal.gallery .modal_pager_wrapper { display: none; } .modal.gallery .gallery_footer { padding-left: 0; padding-right: 0; } .modal-caption-toggle { display: block; } .modal-caption { visibility: hidden; } .modal-caption-visible { visibility: visible; } .bx-controls { display: none; } a.continue { font-size: 14px; } } /** Mobile arrows for features */ .mobile-arrow { display: none; position: absolute; top: 0; bottom: 0; padding: 0 4px; margin-top: 0; background: rgba(26, 23, 24, 0.35); } .mobile-arrow > span { display: block; margin-top: 150px; background-repeat: no-repeat; height: 24px; width: 13px; background-position: 0 0; background-size: 100%; } .mobile-arrow-left { left: 0; } .mobile-arrow-left > span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAYCAYAAAAh8HdUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEAGlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjajZXPbxRlGMc/u/POrAl1DqYCFlMn/gBCSrOAQRoE3e0u20Itm22LbWNitrNvd8dOZ8d3ZsuP9MRFb6D+ASpy8GDiyQR/RbgABw0kBA2xITHhUOKPEEm4GFIPs92d1jb1PT37fb/P9/k+z/tkB1Kfl33fTVow64WqVMha4xOTVuoOSZ5hE11sKtuBnykWhwDKvu+y8iTg0c8kAG7tXuN+o7OpIgMbEk8A9Upgz0LiFOiu7asQjHvAgZOhH0LqWaBTjU9MQioNdFajOAd0TkXxONCpRkv9kHIB066VK5CaB3qmYng1FkceAOgsSE8qx7ZKhaxVVPVpx5Uxuxtc/88z6zaW63UDHcHMyDFgJyRO1dRAqRl/YpfzI8CLkLjuh9kSsB0SfzRmxjLALkg+Na2OjEX85KtnaqNvApshWXHCwdEmfsabGj4e5SYvzNSPlZqc63bQPwk8D8m7NTk4FPnRqMhcHugBrbvWGGjqa0eDuZH8ss6ZWv9wpKOpd8pHi0AXaO+reul45Fm7IN1CKdLXrvphselBW/Tc4aFIU5gyyI8s42FtdCDKFftDNdrMFZPTzpHBJn/ed4tDkTdxUTVKY03OzbLKFyId8bf0xpqa+tZKOXcM6AX9MCcSZSR1ppDYeDzGokSBLBY+ijrTOLgUkHhIFE7iSWZw1uEVkahm3GZUkXgsonCw1+FEFe43OXWxRaTFPpEWB8WQOCQOiD4s8Zp4XRwWOZEWfeJgK7cYq29R5X5L510aSCxKnCB7vquxs13vrHrbsW+ce7Aiu/4fz3LZT3wCBMy0mLvj/V+b/25rW+O2uPTWrY5r8xzfaL76PX1Rv63f0+/oC22G/qu+oC/od8jg4lJFMovEwUMSxBzEe7iCS0gZl9/wqMd4KypOe+e72jf2jXMP5HvDj4Y529NG07+k/0zfTn+avpj+fdWU15yS9pH2lfa99rX2jfYjlnZZu6L9oF3VvtS+jb3V+vvRensysW4l3pqzlrhm1txmvmDmzOfMl8yhtp65xdxjDpg7zJy5rfVu8XrxXhwmcFtTXbtWxBvDw+EkEkVAGReP06v2v5ktusUeMbhqaw+Ig6Ll0sgbOSODZewy+ow9xlEj0/Zn7DByRp+xw8iv2Dp7nQ5kjBXvczdTSAJmUDjMIXEJkKE8FQL01/3TyqnWQmtvOv2KlfF9V1qDnt3bY5Vd11JOtRYGlpKBVHOy0sv4xKQV/UU/LJEAEptvtLHwDTj0F2g329hkA74IYMvLbWxnFzz9MVzabzfU3PI3M/ETBNP79ka/OrKg311aergdUh/C4w+Wlv65sLT0+DPQFuCy+y9gZXF57k4HNAAAACBjSFJNAABtmAAAc44AAPJ7AACE2gAAbpQAAOUaAAAzJwAAGReZSRx/AAAA1klEQVR42qzUsU7CMRDH8YIDbMy66iwjYXNwdPIR3JgZeAAT38GBmYQ3ILyAcZfZxEUXjQOuHxZIGvy3/6bhkibNr/le7653DQiF6xFfuCsFpvjDBKEEeMAWs4PWBtzjF0+xngNu8Y1ndEqgET6xRO/4vAkY4h0rDJqcHguX2OAV55GeDO8CL3jDVa5Ah80Aa3zgOvLeSUF9LPaJjyPgLHfTHD+4iYBeLrxuaDYhZ4nwQiqfVCGGbf3YVPJNacnbHvf0bVTdsNWjUT2E1eNe/bH8+8J2AwBDKah4uIi5JAAAAABJRU5ErkJggg==); } .mobile-arrow-right { right: 0; } .mobile-arrow-right > span { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAYCAYAAAAh8HdUAAAEJWlDQ1BJQ0MgUHJvZmlsZQAAOBGFVd9v21QUPolvUqQWPyBYR4eKxa9VU1u5GxqtxgZJk6XpShal6dgqJJQ6N4mpmxjb6baqT3uBNwb8AUDZAw9IPCGNX2J72fYA2qSpoIpqEtIeOvFDiEl7QVX4rp3YDoqYo15/Pec753zn3GubqO+zkmkaUYVope5YhUxSOX1mUenboig9Sf00RP0lzTYT+fwc4RJccQ9dEaIHPxFWottjPfwhak/YX+a2RhR5BN5G2dZWgM8RxQzNtByi+F3YJ886JnDfU8CPWxAIrApc9XBK4CUPn3Y5xcI0OEKrrNVKZeB14NGlkL0awp4GMJAnw+vc0jVFzCJvNSq6wV2HtzzEHWL+H1wxmujZvYaxDtjL8ydwHxG916yZQht/rJXS88DPwX7DdJLC/gLw783lhQTwAaLoYxXr+ILHj768Viu+DrwH9rLuZItt+1p9KXcSGLHRjeXGCZFHcG5o9jRmSc8A36nxrNhj6JGozFNp4FHg4Vpzpp1fmrVX54XdzbNWm84BI49kvVWazQMPAb9rNQqiFjRLG9zIiFrIL10znXxbg7RTN3KiFvplMrfdHpFT2nFqxRkvlh12rGI7li1W9OPZNn/dNNyzCG3sktUsCG3Iz26VrHQGGHnY37y+IOYGHNtbLqXEbMeBj9GpSIk4NWgJq0Z12iWFCpShJO4mWfBUSCcDFg4vh0WPPErLsPXm5V2OFxMwqm70johGld4cr8K9NqfBBpnKDuHvCJtjR9kkmyKFvcJeZcdYCtYpdsRXkA/pVKhK96DUy/M2NVFZ6DhFyYtDzRE/RrlgvalrN9/7C2qCLhuBH3n8jqG5EZ4A2ZhAp7ux8Jyur3+71/com+zyG7cHrq/TyYfNN3Y3thPbxLoV2w7iY7/EtvHbogR2wHAVrUCV7u6E7fPGunq4CqZDJay/gteA1o7Srh2t1C8OBR4xCf5O7kGOLowGVvVn9Q91U/1EvaT+1lUjyNg1JelD6UvpO+kr6WvpB1KkK9JV6XvpmvSF9I2fs/fee1n8vXf7FTbRrdiFTr3wrDkZclLeJz8rp+Sn5eflOZ+lyIPyhDwj74dnn79vRuDv6kWnM5hVZ6q9a4knQKcFKNHpLLgWpiomXKfzyBp+TtpK2TCbYNn/nNpJcZY7KuLpeCqeICV+ID4Vn4jPCtx58uL74ZvCmvbVe0+Oz+jqgIdYmIqfZ8w9deKsiuhV6Dagmzv8HL4dRNMN87ylV2uOclBVX1IS+JRxJVvXxkeVkmEorstWLG5za5WXx0l8B0Uc0f2C+32L7LkZ2JzXiI7+iXfWrcC22CT63CYafDGwjeCd+MRHRJcPa01r1ctHkciPRHbl0EH3/8hAEu+mO63Wfbyv+j4g2n2/1fpno9Xa/RT5t4muGP8CYGVxecXFpEEAAAAJcEhZcwAACxMAAAsTAQCanBgAAAD9SURBVDgRlZQhDsJAEEVbSACHBgsaJMEhkCiOgEMjOAAJd6hAk3CDhgsQPOgmGDAQBNjyJukk2822dJu8zGz7f3c6290gTdMZPGADQRVUtET8hZWPScxr+MDin1Fn0rjF8IZ5mVHFGkPEETxhWmRUsRmbiA9wh5HLaIrNvI04hgSGttEU2nkH8Rmu0DONttAe9zPTidhVoy1yjaW8GxxByg5cIr0nndR8TC6N2UNLbxbFBiI1T8hfsKsF5VfofIyzaJa6MUul8qQkLWtAXrkRUoG0/AKlLde3i8F7cWU9YkhA1in33blB9tD7h5XyIvDaGt6b0Hu7ex8s3kfYD+Hjp3nfR0n/AAAAAElFTkSuQmCC); } @media (max-width: 1024px) { .channel .homepage_leader .mobile-arrow { display: block; } .channel .homepage_leader .fifteen.columns { position: relative; } } @media screen and (max-width: 768px) { .bxslider_homepage_leader .homepage_leader, .channel .homepage_leader { background-position: 0 0; } } @media screen and (max-width: 629px) { .homepage_leader_slider_wrapper .mobile-arrow { display: block; } .homepage_leader_slider_wrapper .mobile-arrow > span { width: 11px; margin-top: 250px; } } /** Powered by Chevron */ .fp-powered-by-chevron { float: right; padding-top: 45px; } @media (max-width: 480px) { .channel .large_header, .channel .large_header > span, .fp-powered-by-chevron { float: left; } .channel .large_header { width: 100%; } .fp-powered-by-chevron { padding-top: 0; } .fp-powered-by-chevron, .channel .homepage_leader { clear: left; } } /** Launch overlay */ .simplemodal-wrap { overflow-x: hidden !important; } #launch-overlay { padding-bottom: 95px; } #launch-overlay button { border: 0; color: #fff; text-transform: uppercase; cursor: pointer; outline: 0; } .launch-full-width { background: #ffde78; margin-bottom: 40px; color: #000; position: relative; } .launch-full-width:before, .launch-full-width:after { content: ""; position: absolute; top: 0; bottom: 0; width: 500em; background: #ffde78; } .launch-full-width:before { right: 100%; } .launch-full-width:after { left: 100%; } .launch-full-width header { position: relative; width: 80%; padding: 43px 0 22px; } .launch-full-width header:before { content: ""; position: absolute; top: 100%; left: 16%; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 14px solid #ffde78; } .launch-full-width header > div { display: table; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 5px solid #fff; } .launch-full-width header > div > div { display: table-cell; padding-bottom: 8px; vertical-align: bottom; } .launch-full-width header > div > div > p { font-size: 14px; line-height: 18px; font-weight: normal; font-family: Tiempos, Georgia, serif; } .launch-full-width h1 { display: table-cell; font-size: 62px; font-weight: bold; line-height: 60px; } .launch-full-width p { font-size: 20px; font-weight: bold; } #launch-btn-close { position: absolute; top: 0; right: 0; z-index: 9999; padding: 15px 60px 15px 15px; background: #40381e; } #launch-btn-close span { display: block; position: absolute; top: 0; right: 0; bottom: 0; padding: 15px 18px; font-size: 13px; background: #000; } .lt-ie9 #launch-btn-close { right: 20px; } #launch-btn-accept { display: block; position: relative; width: 80%; padding: 30px; margin: 70px auto 0; overflow: visible; background: #ffde78; font-size: 20px; font-weight: bold; color: #000 !important; } #launch-btn-accept:before { content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 0; border-top: 7px solid #a58729; border-left: 4px solid transparent; border-right: 4px solid transparent; } #launch-btn-accept:after { content: "X"; display: block; position: absolute; top: 18px; left: 30px; width: 48px; height: 48px; line-height: 48px; text-align: center; background: #a58729; color: #fff; } #launch-btn-accept:active { margin-top: 77px; } #launch-btn-accept:active:before { border-top-width: 0; } .launch-row { position: relative; margin-bottom: 20px; } .launch-row-2 { padding-left: 108px; } .launch-row-3 { padding-left: 280px; } .launch-row-3 .launch-section { width: 240px; } .launch-row-4 { padding-left: 330px; } .launch-row-4 .launch-section { width: 295px; } .launch-row-5 { padding-left: 470px; } .launch-row-5 .launch-section { width: 445px; } .launch-row-7 { padding-left: 90px; padding-top: 60px; } .launch-row-7 .launch-section { width: 300px; } .launch-row-7 .launch-section + .launch-section { margin-top: 48px; } .launch-section { position: relative; float: left; width: 180px; color: #fff; margin: 0 35px 0 27px; } .launch-section h2 { position: relative; width: 85%; margin-bottom: 5px; border-bottom: 3px solid #ffde78; font-size: 20px; font-weight: bold; text-transform: uppercase; } .launch-section h2:before { position: absolute; left: -27px; top: 1px; text-align: center; font-size: 11px; line-height: 22px; width: 20px; height: 20px; background: #ffde78; color: #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .launch-section p { position: relative; margin-bottom: 8px; font-family: Tiempos, Georgia, serif; line-height: 21px; } .launch-section p > span:first-child { padding: 0 3px; letter-spacing: 3px; background: #fff; color: #000; text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; } .launch-section cite { font-style: italic; } .launch-section ul { list-style-type: none; padding-left: 22px; } .launch-section li { position: relative; margin: 9px 0; font-family: Tiempos, Georgia, serif; font-size: 14px; line-height: 17px; } .launch-section li:before { content: "\2022"; position: absolute; left: -9px; } .launch-section li > span:first-child { font-family: "Solido", Tahoma, sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; } .launch-section-1:before { content: "1"; } .launch-section-2:before { content: "2"; } .launch-section-3:before { content: "3"; } .launch-section-4:before { content: "4"; } .launch-section-5:before { content: "5"; } .launch-section-6:before { content: "6"; } .launch-section-7:before { content: "7"; } .launch-section-8:before { content: "8"; } .launch-section-9:before { content: "9"; } .launch-section-10:before { content: "10"; } .lt-ie9 .launch-image-straight-dots, .lt-ie9 .launch-image-zigzag-2:before, .lt-ie9 .launch-image-zigzag-2:after, .lt-ie9 .launch-image-zigzag-2 > p:before, .lt-ie9 .launch-image-zigzag-3:before, .lt-ie9 .launch-section-1:after, .lt-ie9 .launch-section-2:after, .lt-ie9 .launch-section-3:after, .lt-ie9 .launch-section-4:after, .lt-ie9 .launch-section-5:after, .lt-ie9 .launch-section-6:after, .lt-ie9 .launch-section-7:after, .lt-ie9 .launch-section-8:after, .lt-ie9 .launch-section-8 + p:before, .lt-ie9 .launch-section-9:after, .lt-ie9 .launch-section-10:after, .lt-ie9 .launch-section-10 + p:before { background-image: url(../images/launch-overlay-dotties.png?1); } .launch-image-zigzag-2:before, .launch-image-zigzag-2:after, .launch-image-zigzag-2 > p:before, .launch-image-zigzag-3:before, .launch-section-1:after, .launch-section-2:after, .launch-section-3:after, .launch-section-4:after, .launch-section-5:after, .launch-section-6:after, .launch-section-7:after, .launch-section-8:after, .launch-section-8 + p:before, .launch-section-9:after, .launch-section-10:after, .launch-section-10 + p:before { content: ""; position: absolute; bottom: 100%; height: 29px; width: 2px; background-repeat: repeat-y; background-position: 0 0; } .launch-image-zigzag-2:before, .launch-image-zigzag-2:after { height: 2px; background-repeat: repeat-x; } .launch-image-zigzag-2:before { width: 11px; top: 10px; left: 80px; } .launch-image-zigzag-2:after { width: 40px; top: -176px; left: 92px; } .launch-image-zigzag-2 > p:before { height: 15px; top: -228px; left: 128px; } .launch-image-zigzag-3:before { left: 449px; top: -63px; height: 71px; } .launch-section-1:after { right: 37px; } .launch-section-2:after { left: 86px; bottom: 65%; height: 185px; } .launch-section-3:after { left: 81px; } .launch-section-4:after { left: 84px; height: 197px; } .launch-section-5:after { left: 16px; } .launch-section-6:after { left: 173px; top: 10px; width: 278px; height: 2px; background-repeat: repeat-x; } .launch-section-7:after { left: -119px; top: 10px; width: 88px; height: 2px; background-repeat: repeat-x; } .launch-section-8:after { left: -21px; top: 43px; height: 111px; } .launch-section-8 + p:before { right: 101%; top: 9px; width: 10px; height: 2px; background-repeat: repeat-x; } .launch-section-9:after { left: 50%; height: 75px; } .launch-section-10:after { left: 20px; height: 14px; } .launch-section-10 + p:before { left: 20px; top: -54px; width: 364px; height: 2px; background-repeat: repeat-x; } .lt-ie9 .launch-image-zigzag-3:before { left: 550px; top: -44px; height: 50px; } .lt-ie9 .launch-section-6:after { left: 183px; width: 368px; } .launch-image { border: 4px solid #ffde78; } #launch-image-nav { width: 447px; height: 46px; margin: 0 0 40px 120px; background: url(../images/launch-overlay-nav.png?1) no-repeat 0 0; } #launch-image-control { position: absolute; top: 63px; right: -88px; width: 328px; height: 308px; background: url(../images/launch-overlay-control.png?1) no-repeat 0 0; } #launch-image-news { position: absolute; width: 231px; height: 488px; top: 0; left: 0; background: url(../images/launch-overlay-news.png?1) no-repeat 0 0; } #launch-image-shares { float: left; margin: 25px 0 0 -15px; width: 173px; height: 49px; background: url(../images/launch-overlay-shares.png?1) no-repeat 0 0; } #launch-image-watching { width: 655px; height: 156px; margin-top: 22px; background: url(../images/launch-overlay-watching.png?1) no-repeat 0 0; } #launch-image-my-fp { position: absolute; right: 0; top: 56px; width: 98px; height: 57px; background: url(../images/launch-overlay-my-fp.png?1) no-repeat 0 0; } .lt-ie9 #launch-image-my-fp { right: 100px; } .launch-mobile { display: none; } @media (max-width: 1160px) { .launch-full-width h1 { font-size: 55px; line-height: 57px; } #launch-image-control { right: -60px; width: 254px; height: 239px; -webkit-background-size: 246px 231px; -moz-background-size: 246px 231px; -o-background-size: 246px 231px; background-size: 246px 231px; } .launch-image-zigzag-3:before { top: -129px; left: 503px; height: 135px; } .launch-section-6:after { width: 334px; } } @media (max-width: 1080px) { .launch-full-width h1 { font-size: 47px; line-height: 54px; } #launch-image-control { width: 220px; } .launch-row-1 .launch-section, .launch-row-2 .launch-section { margin-right: 22px; } .launch-row-5 { padding-left: 410px; } #launch-image-my-fp { right: auto; left: 740px; } .launch-section-10 + p:before { width: 240px; } } @media (max-width: 1024px) { .launch-mobile { display: block; } .launch-full-width header { width: 90%; padding-top: 55px; } .launch-full-width header > div, .launch-full-width h1, .launch-full-width header > div > div { display: block; } .launch-full-width h1 { font-size: 37px; line-height: 46px; } .launch-full-width header > div { margin-bottom: 10px; padding-bottom: 10px; } .launch-full-width header > div > div { padding-bottom: 0; line-height: 19px; } .launch-full-width header > div > div > p { display: inline; margin-right: 3px; line-height: 15px; } .launch-full-width p { line-height: 22px; } #launch-image-nav, #launch-image-control, #launch-image-watching, #launch-image-news, #launch-image-shares, #launch-image-my-fp { display: none; background: none; } #launch-image-news-mobile { width: 231px; height: 393px; margin-top: 100px; margin-bottom: 60px; background: url(../images/launch-overlay-news.png?1) no-repeat 0 0; } #launch-image-mobile-nav { width: 64px; height: 63px; margin-top: 40px; background: url(../images/launch-overlay-mobile-nav.png?1) no-repeat 0 0; } #launch-image-mobile-features { width: 231px; height: 280px; margin-top: 40px; margin-bottom: 20px; background: url(../images/launch-overlay-mobile-features.png?1) no-repeat 0 0; } #launch-image-shares-mobile { width: 173px; height: 49px; margin-top: 50px; margin-bottom: 60px; background: url(../images/launch-overlay-shares.png?1) no-repeat 0 0; } #launch-image-my-fp-mobile { width: 98px; height: 57px; margin-top: 70px; float: right; background: url(../images/launch-overlay-my-fp.png?1) no-repeat 0 0; } .launch-row-1 .launch-section, .launch-row-2 .launch-section { display: none; } .launch-row-7 .launch-section:first-child { display: none; } .launch-row { padding: 0 !important; } .launch-section { float: none; width: auto !important; max-width: 400px; padding-left: 39px; margin: 0 auto !important; } .launch-section h2 + p:before, .launch-section .launch-section-10 + p:after { content: ""; position: absolute; right: auto; left: -14px; top: 10px; width: 10px; height: 2px; background-repeat: repeat-x; background-position: 0 0; } .launch-section .launch-section-8 + p:before { top: 9px !important; } .launch-section .launch-section-10 + p:after { top: 202px !important; width: 274px !important; } .launch-section p { font-size: 16px; } .launch-section .launch-image { margin-left: -39px; } .launch-section-6:before { content: "2"; } .launch-section-7:before { content: "3"; } .launch-section-8:before { content: "4"; } .launch-section-10:before { content: "5"; } .launch-image-zigzag-3:before { display: none; } .launch-section-1:after, .launch-section-6:after, .launch-section-7:after, .launch-section-8:after, .launch-section-10:after { right: auto !important; bottom: auto !important; left: -20px !important; top: 44px; height: 100px; background-repeat: repeat-y !important; } .launch-section-1:after { height: 380px; z-index: -1; } .launch-section-6:after { height: 88px; } .launch-section-7:after { height: 128px; } .launch-section-8:after { top: 69px; height: 172px; } .launch-section-10:after { height: 196px; } } @media (max-width: 950px) { #launch-btn-accept:after { display: none; } } @media (max-width: 768px) { #launch-btn-accept { width: 100%; } } @media (max-width: 480px) { .launch-section-6:after, .launch-section-7:after, .launch-section-8:after { z-index: -1; } .launch-section-6:after, .launch-section-7:after { height: 200px; } .launch-section-8:after { height: 214px; } } @media (max-width: 450px) { .launch-section-10:after { height: 226px; } .launch-section .launch-section-10 + p:after { z-index: -1; top: 232px !important; } } @media (max-width: 420px) { .launch-full-width header { width: 100%; } .launch-full-width h1 { font-size: 30px; line-height: 34px; } .launch-full-width header > div { margin-bottom: 7px; padding-bottom: 5px; border-bottom-width: 3px; } .launch-full-width header > div > div { line-height: 15px; } .launch-full-width header > div > div > p { font-size: 11px; } .launch-full-width p { font-size: 18px; } .launch-section-1:after { height: 442px; } } @media (max-width: 360px) { .launch-section-10:after { height: 268px; } .launch-section .launch-section-10 + p:after { top: 274px !important; width: 174px !important; } } @media (max-width: 336px) { .launch-section-1:after { height: 514px; } } /** Article sharing */ .article-sharing > div, .article-sharing > a { float: left; } .article-sharing > a { margin-left: 5px; } /** Custom sticky plugin */ .side_panel-fixed { position: fixed; top: 70px; } .side_panel_wrapper-bottom { top: auto; bottom: 0; } /** Experimenting with the infinite scroll */ .infinite-scroll-loader { padding: 10px 10px 5px; margin-bottom: 20px; margin-top: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); font-size: 20px; text-transform: uppercase; background: #000; color: #FFF; font-weight: bold; opacity: 0; visibility: hidden; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; } .infinite-scroll-loader-show { opacity: 1; visibility: visible; } /** Endless scroll for search results */ .neverender-trigger { position: absolute; bottom: 0; left: 0; right: 0; height: 600px; } /* ISSUE ARCHIVE */ #issue_wrapper { zoom: 1; height: 6950px; /*THIS IS A HACK BECAUSE WHO WROTE THIS FOOTER_PUSH NONSENSE? */ } #issue_wrapper:after { height: 0; clear: both; display: block; visibility: hidden; content: '.'; } /* OVERWRITING STYLE IN GUMBY THAT CAUSES FOOTER OVERLAP WITH NEWSMAX */ @media screen and (max-width: 530px) { #container { margin: 0 auto; } } @media screen and (max-width: 767px) { #container { margin: 0 auto; } .latest_news h2 { font-size: 23px; } .latest_news h2 img { display: inline; } } /** Midfield General */ .midfield-general { display: block; margin-bottom: 15px; padding: 0 18.75% 0 18.125%; } @media only screen and (max-width: 576px) { .midfield-general { padding-left: 0; padding-right: 0; text-align: center; } } /* STYLES FOR NEW FEATURE TEMPLATE */ .wide section { zoom: 1; } .wide section:after { content: '.'; height: 0; visibility: hidden; clear: both; display: block; } .wide_header { position: relative; } .wide_header .fade_in { position: absolute; top: 0; left: 0; } .wide_header .fade_out { position: relative; z-index: 2; } .wide_header_text { text-align: center; width: 63.58462%; left: 50%; margin-left: -31.754231%; background: #fff; position: relative; margin-top: -60px; padding: 2em; } .wide_header_text.stroke-top { border: 2px solid #000; border-bottom: 0; } .wide_header_text.stroke-top:before, .wide_header_text.stroke-top:after { content: ' '; height: 50%; position: absolute; background: #fff; bottom: -2px; left: -2px; width: 2px; } .wide_header_text.stroke-top:after { right: -2px; left: auto; } .wide_header_text.fade_out { top: 10%; border: 12px solid #000; padding: 4em; position: absolute; z-index: 3; } .wide_header_text.fade_out.no-box { border: none; background: none; top: 20%; font-size: 1.1em; } .wide_header_text.fade_out.no-box .wide_header_title { margin-bottom: 0; } .wide_header_text.fade_out:before, .wide_header_text.fade_out:after { content: none; } .wide_header_text.fade_out .wide_header_title { font-family: "Tiempos", georgia, serif; text-transform: none; margin-bottom: .6em; } .wide_header_text.fade_out .wide_header_author { margin-top: 1em; } .wide_header_text .wide_header_section { color: #eb1414; text-transform: uppercase; font-size: 1.5em; font-family: "Solido Condensed", helvetica, arial, sans-serif; } .wide_header_text .wide_header_title { font-size: 4em; font-weight: bold; letter-spacing: 1px; line-height: 1.25em; margin: 0 auto; text-transform: uppercase; font-family: "Solido Condensed", helvetica, arial, sans-serif; } .wide_header_text .wide_header_subtitle { line-height: 1.4em; margin: 0 auto; font-size: 1.35em; font-weight: bold; } .wide_header_text .wide_header_author { font-size: 1em; font-weight: bold; text-transform: uppercase; font-family: "Solido Condensed", helvetica, arial, sans-serif; letter-spacing: 2px; } .wide_header_bg { vertical-align: bottom; width: 100%; } .wide_intro, .wide_copy, .wide_infographic, .wide_content_navigation { width: 63.58462%; float: none; margin: 0 auto; padding: 4em 2em; } .wide_intro.no-padding, .wide_copy.no-padding, .wide_infographic.no-padding, .wide_content_navigation.no-padding { padding: 0 2em 4em; } .wide_content_navigation { padding: 3em 0; text-align: center; } .wide_content_navigation ul { padding: 0; margin: 0 auto; zoom: 1; } .wide_content_navigation ul:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; } .wide_content_navigation ul li { list-style: none; margin-top: 0 !important; background: #111; float: left; display: block; width: 13.66667%; margin-right: 3%; height: 42px; position: relative; } .wide_content_navigation ul li a { font-family: "Solido Condensed"; text-transform: uppercase; font-weight: 100; color: #111; background: #fff; letter-spacing: 1px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: .25em 0; display: block; font-size: 1em; color: #666; -moz-transition: color .5s; -webkit-transition: color .5s; -o-transition: color .5s; -ms-transition: color .5s; transition: color .5s; } .wide_content_navigation ul li a:hover { color: #111; text-decoration: none; } .wide_copy { position: relative; } .wide_infographic { padding: 4em 0; } .wide_intro { padding: 6em 2em 4em; } .wide_intro_lead, .wide_quote { font-size: 2em; font-family: "Solido Condensed", helvetica, arial; line-height: 1.5em; letter-spacing: 3px; text-transform: uppercase; } .wide_intro_lead { font-size: 1.6em; margin-bottom: 1.5em; } .wide_intro_lead .largest { font-size: 3.5em; line-height: 1em; } .wide_intro_lead .large { font-size: 2em; line-height: 1em; } .wide_quote { padding: 3em 12% 1em; overflow: visible; position: relative; line-height: 1.2em; } .wide_quote.left, .wide_quote.right { width: 50%; padding-top: 1em; } .wide_quote.left + p, .wide_quote.right + p { margin-top: 25px; } .wide_quote.left { padding-left: 0; } .wide_quote.right { padding-right: 0; } .wide_quote_decoration { position: absolute; top: -40px; margin-left: -40px; left: 50%; } .wide_quote_seperator { display: block; margin: 1.5em auto 0; width: 100%; height: 25px; } .wide_inset { text-align: center; padding: 2em 0; } .wide_inset.large { text-align: left; } .wide_inset.large img { width: 100%; } .wide_inset.right { float: right; margin-right: -30%; padding: 2em 2em 0; width: 600px; text-align: left; } .wide_inset.left { float: left; margin-left: -30%; padding: 2em 2em 0; width: 600px; text-align: left; } .wide_inset.full_bleed { width: 100%; padding: 0; position: relative; } .wide_inset.full_bleed img { width: 100%; vertical-align: bottom; } .wide_inset.full_bleed .wide_inset_section_header { position: absolute; display: block; text-align: center; width: 100%; color: #fff; top: 15%; z-index: 2; text-transform: uppercase; font-family: "Solido Condensed"; letter-spacing: 1px; font-size: 1.5em; padding: 0 2em; } .wide_inset.full_bleed .wide_inset_section_header hr { width: 80px; height: 1px; margin: .5em auto 1em; background: #fff; } @media screen and (max-width: 700px) { .wide_inset.full_bleed .wide_inset_section_header hr { background: #111; color: #fff; } } .wide_inset.full_bleed .wide_inset_section_header .section_number { display: block; } .wide_inset.full_bleed .wide_inset_section_header .section_title { text-transform: uppercase; } .wide_inset.full_bleed.two_wide .wide_inset_caption { top: 32.25em; } .wide_inset.full_bleed .wide_inset_caption { position: absolute; right: 1.75%; width: 16%; text-align: left; top: 58.5em; border-top: 8px solid #000; padding-top: 1em; color: #111; } .wide_inset.full_bleed .wide_inset_caption:after { content: ' '; position: absolute; top: -8px; right: 0; width: 80%; height: 8px; background: #fff; } .wide_inset.two_wide { zoom: 1; position: relative; } .wide_inset.two_wide:after { content: '.'; display: block; visibility: hidden; clear: both; height: 0; } .wide_inset.two_wide img { width: 50%; float: left; margin: 0; } .wide_inset_caption { font-family: "Solido", helvetica, arial, sans-serif; font-size: .85em; color: #777; margin: 0 !important; line-height: 1.4em; } .wide_inset_caption_margin { right: -20%; width: 20%; top: 7.5em; position: absolute; text-align: left; border-top: 8px solid #000; padding-top: 1em; color: #111; font-family: solido; font-size: .8em; line-height: 1.4em; } .wide_inset_caption_margin:after { content: ' '; position: absolute; top: -8px; right: 0; width: 80%; height: 8px; background: #fff; } .wide_inset + p { margin-top: 1em; } .wide hr { background: #000; height: 14px; border: none; width: 150px; margin: 3em auto; } .wide hr.thin { height: 8px; } .infographic_description { position: absolute; width: 14%; background: #fff; padding: 1em; border: 1px solid #aaa; font-size: .9em; font-family: "Solido",Helvetica, arial; line-height: 1.4em; text-align: center; } .infographic_description.right { right: 2%; } .infographic_description.left { left: 2%; } .wide .section_header, .wide .lf_head_bar { text-align: center; border: none; } .wide .section_title { font-size: 2em; text-transform: none; } .wide .section_byline { font-size: 1em; font-weight: bold; text-transform: uppercase; font-family: "Solido Condensed", helvetica, arial, sans-serif; letter-spacing: 2px; } .wide_mobile { display: none; } .wide_slider { position: relative; overflow: visible; margin: 2em 0; zoom: 1; } .wide_slider:after { content: '.'; height: 0; visibility: hidden; clear: both; display: block; } .wide_slider .wide_slider_wrapper { -moz-transition: margin .5s; -o-transition: margin .5s; -webkit-transition: margin .5s; -ms-transition: margin .5s; transition: margin .5s; zoom: 1; } .wide_slider .wide_slider_wrapper:after { content: '.'; clear: both; height: 0; visibility: hidden; display: block; } .wide_slider .wide_slider_control { position: absolute; height: 100%; width: 40%; background: url("/sites/all/themes/fp2/img/features/feature-arrow-right.png") no-repeat 10% center rgba(255, 255, 255, 0.5); text-indent: -9999em; top: 0; cursor: pointer; } .wide_slider .wide_slider_control.next { right: -40%; } .wide_slider .wide_slider_control.prev { -moz-transition: opacity .5s; -o-transition: opacity .5s; -webkit-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; background-image: url("/sites/all/themes/fp2/img/features/feature-arrow-left.png"); background-position: 90% center; left: -45%; opacity: 1; } .wide_slider .wide_slider_control.inactive { opacity: 0; cursor: default; } .wide_slider img { display: block; float: left; } .wide_slider img + img { margin-top: 0; } .wide_slider_caption { text-align: center; border-top: 8px solid #000; position: relative; margin: 2em 0 0; font-family: "Solido"; font-size: .8em; color: #111; line-height: 1.4em; padding-top: 1em; } .wide_slider_caption:before, .wide_slider_caption:after { content: ' '; height: 8px; position: absolute; top: -8px; background: #fff; width: 46%; } .wide_slider_caption:before { left: 0; } .wide_slider_caption:after { right: 0; } .wide_photo_grid { width: 120%; margin: 2em 0 2em -10%; zoom: 1; } .wide_photo_grid:after { content: '.'; clear: both; display: block; visibility: hidden; height: 0; } .wide_photo_grid.four-wide img { float: left; width: 23%; margin: 1%; } .wide_photo_grid.four-wide.wide_slider { width: 100%; margin: 2em 0; } .wide_photo_grid.four-wide.wide_slider img { margin: 0; } .wide_photo_grid.four-wide.wide_slider img:hover { opacity: 1; } .wide_photo_grid img { cursor: pointer; } .wide_photo_grid .wide_photo_grid_container { zoom: 1; position: relative; } .wide_photo_grid .wide_photo_grid_container:after { content: '.'; height: 0; visibility: hidden; clear: both; display: block; } .wide_photo_grid .wide_photo_grid_container img { -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; } .wide_photo_grid .wide_photo_grid_container img:hover { opacity: .8; } .wide_photo_grid .wide_photo_grid_container img.transparent { opacity: 0; } .wide_photo_grid .wide_photo_grid_container .wide_slider_close { position: absolute; top: 0; right: 5%; padding: .25em .75em; background: #666; background: rgba(0, 0, 0, 0.25); color: #fff; text-decoration: none; font-family: "Solido Condensed", helvetica, arial, sans-serif; text-transform: uppercase; } .wide_photo_grid .wide_grid_caption { text-align: center; border-top: 8px solid #000; position: relative; margin: 2em 0 0; font-family: "Solido", helvetica, arial, sans-serif; font-size: .8em; color: #111; line-height: 1.4em; padding-top: 1em; } .wide_photo_grid .wide_grid_caption:before, .wide_photo_grid .wide_grid_caption:after { content: ' '; height: 8px; background: #fff; position: absolute; top: -8px; width: 46%; } .wide_photo_grid .wide_grid_caption:before { left: 0; } .wide_photo_grid .wide_grid_caption:after { right: 0; } .wide_content_social { text-align: center; margin: 2em 0 0; } .wide_content_social ul { padding: 0; list-style: none; } .wide_content_social ul li { display: inline-block; margin: 0 0.25em !important; cursor: pointer; } .wide_share { background: #000; position: absolute; left: -2.5em; } .wide_share .icon, .wide_share .modal .header a.modalCloseImg, .modal .header .wide_share a.modalCloseImg, .wide_share .modal.search a.searchmodalCloseImg, .modal.search .wide_share a.searchmodalCloseImg, .wide_share .modal.gallery .gallery_header a.modalCloseImg, .modal.gallery .gallery_header .wide_share a.modalCloseImg, .wide_share .video_overlay:before { vertical-align: baseline; } .wide_share ul { padding: 1em .5em; list-style: none; text-align: center; } .wide_share ul li + li { margin-top: 5px; } .wide_share ul li img { width: 16px; } .wide_share ul li:first-child img { width: 10px; padding-top: .35em; } .wide_share ul .reddit-share-button img { width: 14px; } .wide_share.circles { background: none; } .wide_share.circles ul { padding: 0 .5em; } .wide_share.circles ul li { background: #000; border-radius: 50%; width: 30px; height: 30px; } .wide_author_bio { border-top: 1px solid #333; padding-top: 4.5em; margin-top: 4em; } .wide_author_bio img { float: left; width: 33%; margin-right: 2em; } .wide_author_bio p { font-family: "Solido", helvetica, arial, sans-serif; font-size: .9em; line-height: 1.4em; margin-top: 0; padding-left: 33%; margin-left: 2.2em; } .wide_author_bio .wide_inset_caption { margin: 2em 0 0 2.2em !important; padding-left: 33%; } .flexbox { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: 0; } .stroke .wide_intro, .stroke .wide_copy, .stroke .wide_header_text { border-left: 1px solid #aaa; border-right: 1px solid #aaa; } .stroke .wide_header_text { border-top: 1px solid #aaa; } .stroke.wide_content { border-bottom: 1px solid #aaa; } .end-slug { width: 10px; height: 12px; background: url("/sites/all/themes/fp2/img/icons/end-slug.png") no-repeat 0 0; display: inline-block; margin: 0 .15em; } .stroke-left .wide_intro, .stroke-left .wide_copy, .stroke-left .wide_header_text { border-right: none; } .stroke-right .wide_intro, .stroke-right .wide_copy, .stroke-right .wide_header_text { border-left: none; } .stroke-bottom { border-bottom: 1px solid #aaa; } .stroke-red { border-color: #eb1414; } .stroke-grey { border-color: #999; } .stroke-white { border-color: #fff; } .text-white { color: #fff; } .text-black { color: #111; } .text-gray { color: #666; } .bg-grey { background: #ddd; } .bg-grey .wide_inset { background: #ddd; } .bg-white { background: #fff; } .bg-white .wide_inset { background: #fff; } .bg-black { background: #000; } .bg-black .wide_inset { background: #000; } .bg-red { background: #eb1414; } .bg-red .wide_inset { background: #eb1414; } .bg-cream { background: #f9f2e8; } .bg-cream .wide_inset { background: #f9f2e8; } .page_wide .post_seperator_ad { display: none; } #main.page_wide { padding: 0; } .map-icon { display: block; float: left; cursor: pointer; text-align: center; margin: 0 1em 1em 0; width: 120px; color: #111111 !important; -webkit-transition: color .5s; -moz-transition: color .5s; -o-transition: color .5s; -ms-transition: color .5s; transition: color .5s; } .map-icon:hover { color: #666666 !important; text-decoration: none !important; } .map-icon span { font-family: Solido; font-size: .8em; display: block; line-height: 1.2em; } .map-icon img { width: 40px; margin-top: 1em; } .map_modal { display: none; position: fixed; height: 100%; z-index: 999; width: 100%; background: #111; background: rgba(0, 0, 0, 0.75); top: 0; left: 0; text-align: center; } .map_modal img { height: 100%; } .map_modal .map_modal_close { position: absolute; top: 15%; right: 5%; color: #fff; font-family: "Solido Condensed", helvetica, arial, sans-serif; text-transform: uppercase; display: block; } .map_modal .map_modal_close img { width: 30px; height: 30px; } .map_modal.active { display: block; } @media screen and (max-width: 1300px) { .wide_header_text.fade_out .wide_header_title { font-size: 3em; } } @media screen and (max-width: 1150px) { .wide_intro, .wide_copy, .wide_header_text, .wide_infographic, .wide_content_navigation { width: 80%; } .wide_header_text { margin-left: -40%; } .wide_inset.right { margin-right: -20%; width: 70%; } .wide_inset.left { margin-left: -20%; width: 70%; } .infographic_description { position: static; width: 100%; } .wide_inset.full_bleed .wide_inset_caption, .wide_inset.full_bleed.two_wide .wide_inset_caption { position: relative; left: 10.5%; width: 76%; bottom: -1.5em; margin: 0 0 0 2em !important; clear: both; } .wide_inset.full_bleed .wide_inset_caption:after, .wide_inset.full_bleed.two_wide .wide_inset_caption:after { width: 90%; } .wide_inset_caption_margin { position: relative; width: 80%; top: -3.5em; right: 0; } .wide_inset_caption_margin:after { width: 90%; } } @media screen and (max-width: 1024px) { #main.page_wide { padding-top: 50px; } .wide_header_text.fade_out { font-size: .9em; top: 15%; } .wide_header_text.fade_out .wide_header_title { font-size: 2.5em; } .wide_quote_decoration { width: 60px; top: -30px; margin-left: -30px; } } @media screen and (max-width: 950px) { .wide_header_text.fade_out { width: 80%; margin-left: -40%; } .wide_share { position: static; margin-bottom: 2em; } .wide_share ul { padding: 0 0 .5em; } .wide_share li { display: inline-block; margin: 0 .25em; } .wide_share li img { vertical-align: middle; padding-top: .25em; } .wide_share.circles ul li { width: 35px; height: 35px; } } @media screen and (max-width: 1024px) { .wide_mobile { display: block; } .wide_quote.right, .wide_quote.left { float: none; width: 100%; padding: 2em 0 1em; margin: 0; } .wide_intro_lead .largest { font-size: 2em; } .wide_intro_lead .large { font-size: 1.5em; } } @media screen and (max-width: 800px) { .wide_content_navigation ul li { width: 32%; margin-right: 1%; height: 36px; margin-bottom: 1%; } .wide_inset.full_bleed .wide_inset_section_header { top: 10%; } } @media screen and (max-width: 700px) { .wide_intro, .wide_copy, .wide_header_text, .wide_infographic, .wide_content_navigation { width: 90%; } .wide_header_text { margin-left: -45%; } .wide_inset, .wide_inset.right, .wide_inset.left { float: none; width: 100%; margin: 2em 0; padding: 0; } .wide_inset.full_bleed .wide_inset_caption, .wide_inset.full_bleed.two_wide .wide_inset_caption { left: 5.5%; } .wide_quote { font-size: 1.5em; } .wide_quote_decoration { width: 40px; top: -20px; margin-left: -20px; } .wide_header_text.fade_out { position: static; margin: 0; width: 100%; border: none; color: #000; } .wide_header_text.fade_out .wide_header_title { padding-top: 1em; letter-spacing: 0; } .wide_header_text.fade_out .wide_header_subtitle { font-size: 1.5em; } .wide_header_text.fade_out .wide_header_author { padding-bottom: 1em; } .wide_header_text.fade_out.no-box .wide_header_title { margin-bottom: .6em; } .wide .fade_out { opacity: 1 !important; } .wide_content_social { margin: 0; } .wide_content_navigation { padding: 3em 0; } .wide_inset.full_bleed .wide_inset_section_header { position: static; color: #111; margin-bottom: 2em; font-size: .8em; } .end-slug { height: 10px; } } @media screen and (max-width: 500px) { .wide_header_text .wide_header_title { font-size: 1.9em; } .wide_header_text .wide_header_subtitle { font-size: 1.25em; } .wide_header_text.fade_out .wide_header_title { font-size: 1.9em; } .wide_header_text.fade_out .wide_header_subtitle { font-size: 1.25em; } .wide_quote, .wide_intro_lead { font-size: 1.3em; } .wide_intro_lead .largest { font-size: 1.75em; } .wide_intro_lead .large { font-size: 1.35em; } .wide_author_bio { margin-top: 2em; padding-top: 2.5em; } .wide_author_bio p { padding: 0; margin: 0; } .wide_author_bio .wide_inset_caption { padding: 0; margin-left: 0 !important; } .wide_author_bio img { width: 100%; float: none; margin: 0; } } /* IMAGE-MAP STYLES */ .wide_header_hover { position: relative; } .wide_header_hover:hover a { opacity: 1; } .wide_header_hover_img { width: 100%; } .wide_header_hover a { position: absolute; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -o-transition: opacity .5s ease; -ms-transition: opacity .5s ease; transition: opacity .5s ease; width: 20px; height: 20px; opacity: 0; cursor: pointer; } .wide_header_hover a .wide_header_hover_effect { position: relative; } .wide_header_hover a .wide_header_hover_icon { width: 20px; height: 20px; display: block; background: url("/sites/all/themes/fp2/img/plus_sign.png") no-repeat 0 0; } .wide_header_hover a .wide_header_hover_description { display: none; position: absolute; top: 20px; left: 20px; width: 200px; border: 2px solid #111; background: #fff; padding: 1em; height: auto; z-index: 5; text-align: center; } .wide_header_hover a .wide_header_hover_description .description_title { font-weight: bold; } .wide_header_hover a:hover .wide_header_hover_icon { background-position: -20px 0; } .wide_header_hover_effect.active .wide_header_hover_icon { background-position: -20px 0; } .hover_helper_text { color: #fff; position: absolute; top: 1%; right: 1%; text-align: right; } @media screen and (max-width: 1024px) { .wide_header_hover * { display: none; } .wide_header_hover_img { display: block; } } /* these will be in a seperate stylesheet for the series */ #dinosaur_hunter #consolidant { top: 60%; left: 24%; } #dinosaur_hunter #paper { top: 66%; left: 54%; } #dinosaur_hunter #hammer { top: 8%; left: 23%; } #dinosaur_hunter #broom { top: 35%; left: 12%; } #dinosaur_hunter #pick { top: 55%; left: 75%; } #dinosaur_hunter #compass { top: 40%; left: 22%; } #dinosaur_hunter #knife { top: 54%; left: 28%; } #dinosaur_hunter #tripod { top: 72%; left: 11%; } #dinosaur_hunter #gun { left: 47%; top: 55%; } #dinosaur_hunter #drafting-set { top: 40%; left: 49%; } #dinosaur_hunter #laptop { top: 36%; left: 71%; } #dinosaur_hunter #magnifier { top: 40%; left: 82%; } #dinosaur_hunter #journal { left: 65%; top: 9%; } /** Endless scroll */ /** CSS transitions for showing, hiding endless scroll articles */ .article-full { opacity: 1; -webkit-transition: opacity 2.5s; -moz-transition: opacity 2.5s; transition: opacity 2.5s; } .article-full-hide { opacity: 0.02; } .inner-escroll { background: url(../images/reload.gif) no-repeat center bottom; } /** Android patch style (see _header) */ .menu-trigger { background: none !important; } .menu-trigger > span { background: none; border-color: #fff; border-style: solid; border-width: 4px 0; display: inline-block; height: 24px; margin-left: 5px; padding: 0; width: 30px; } .menu-trigger > span:before { background: #fff; content: ""; display: block; height: 4px; margin-top: 6px; width: 100%; } @media only screen and (max-width: 1048px) { .international_headlines { display: none; } } /* HIDE THAT STUPID
UNTIL I CAN RIP IT OUT */ @media screen and (max-width: 1024px) { .clr { display: none; } #latest .divider { display: none; } .magazine_block .meta .divider:last-child { display: none; } a.more .icons-chevron-up { display: none; } } /* REFLOWING THE BX-SLIDER ON HOMEPAGE */ @media screen and (max-width: 1024px) { .homepage_leader_slider_wrapper, .channel_leader_slider_wrapper { zoom: 1; } .homepage_leader_slider_wrapper:after, .channel_leader_slider_wrapper:after { content: '.'; display: block; visibility: hidden; clear: both; height: 0; } .homepage_leader_slider_wrapper .bxslider_channel_leader li div, .channel_leader_slider_wrapper .bxslider_channel_leader li div { background-size: cover !important; } .homepage_leader_slider_wrapper .bxslider_channel_leader .second-feature, .homepage_leader_slider_wrapper .bxslider_channel_leader .third-feature, .channel_leader_slider_wrapper .bxslider_channel_leader .second-feature, .channel_leader_slider_wrapper .bxslider_channel_leader .third-feature { display: none; } .homepage_leader_slider_wrapper.no-js .related_posts_wrapper, .channel_leader_slider_wrapper.no-js .related_posts_wrapper { display: none; } .homepage_leader_slider_wrapper.no-js .second-feature, .channel_leader_slider_wrapper.no-js .second-feature { float: left; width: 50%; border-bottom: 8px solid #111; border-right: 4px solid #111; border-top: 8px solid #111; } .homepage_leader_slider_wrapper.no-js .third-feature, .channel_leader_slider_wrapper.no-js .third-feature { float: right; width: 50%; border-bottom: 8px solid #111; border-left: 4px solid #111; border-top: 8px solid #111; } .homepage_leader_slider_wrapper.no-js .second-feature .main_post h2 a, .homepage_leader_slider_wrapper.no-js .third-feature .main_post h2 a, .channel_leader_slider_wrapper.no-js .second-feature .main_post h2 a, .channel_leader_slider_wrapper.no-js .third-feature .main_post h2 a { font-size: 28px; line-height: 1em; } .homepage_leader_slider_wrapper.no-js .second-feature .main_post h2 a span, .homepage_leader_slider_wrapper.no-js .third-feature .main_post h2 a span, .channel_leader_slider_wrapper.no-js .second-feature .main_post h2 a span, .channel_leader_slider_wrapper.no-js .third-feature .main_post h2 a span { font-size: 28px; line-height: 1em; } .homepage_leader_slider_wrapper.no-js .second-feature .main_post p, .homepage_leader_slider_wrapper.no-js .third-feature .main_post p, .channel_leader_slider_wrapper.no-js .second-feature .main_post p, .channel_leader_slider_wrapper.no-js .third-feature .main_post p { font-size: 16px; } .homepage_leader_slider_wrapper.no-js .second-feature .homepage_leader .main_post .inner .meta.large > *, .homepage_leader_slider_wrapper.no-js .third-feature .homepage_leader .main_post .inner .meta.large > *, .channel_leader_slider_wrapper.no-js .second-feature .homepage_leader .main_post .inner .meta.large > *, .channel_leader_slider_wrapper.no-js .third-feature .homepage_leader .main_post .inner .meta.large > * { font-size: 14px; } .homepage_leader_slider_wrapper.no-js .second-feature .homepage_leader, .homepage_leader_slider_wrapper.no-js .third-feature .homepage_leader, .channel_leader_slider_wrapper.no-js .second-feature .homepage_leader, .channel_leader_slider_wrapper.no-js .third-feature .homepage_leader { height: 350px; } } @media screen and (max-width: 1024px) and (max-width: 768px) { .homepage_leader_slider_wrapper .bxslider_channel_leader li div, .channel_leader_slider_wrapper .bxslider_channel_leader li div { background-size: 100% !important; } } @media screen and (max-width: 1024px) and (max-width: 768px) { .homepage_leader_slider_wrapper.no-js .second-feature, .channel_leader_slider_wrapper.no-js .second-feature { border: 1px solid #aaa; } } @media screen and (max-width: 1024px) and (max-width: 768px) { .homepage_leader_slider_wrapper.no-js .third-feature, .channel_leader_slider_wrapper.no-js .third-feature { border: 1px solid #aaa; } } @media screen and (max-width: 768px) { .homepage_leader_slider_wrapper, .channel_leader_slider_wrapper { margin: -1em 0 0; } .homepage_leader_slider_wrapper .related_posts_wrapper, .channel_leader_slider_wrapper .related_posts_wrapper { display: none; } .homepage_leader_slider_wrapper .bx-wrapper, .channel_leader_slider_wrapper .bx-wrapper { height: auto; } .homepage_leader_slider_wrapper .bxslider_homepage_leader, .homepage_leader_slider_wrapper .bxslider_channel_leader, .channel_leader_slider_wrapper .bxslider_homepage_leader, .channel_leader_slider_wrapper .bxslider_channel_leader { -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } .homepage_leader_slider_wrapper .bx-viewport, .channel_leader_slider_wrapper .bx-viewport { height: auto !important; overflow: visible !important; } .homepage_leader_slider_wrapper .bx-viewport ul, .channel_leader_slider_wrapper .bx-viewport ul { -webkit-transform: none; -ms-transform: none; -o-transform: none; -moz-transform: none; transform: none; width: 100% !important; padding: 2em 0 .5em; } .homepage_leader_slider_wrapper .bx-viewport ul li, .channel_leader_slider_wrapper .bx-viewport ul li { float: none !important; margin-bottom: 1em; background: #fff; width: 96% !important; margin-left: 2%; border: 1px solid #aaa; } .homepage_leader_slider_wrapper .bx-viewport ul li .homepage_leader, .channel_leader_slider_wrapper .bx-viewport ul li .homepage_leader { margin-top: 0; } .homepage_leader_slider_wrapper ul, .channel_leader_slider_wrapper ul { -webkit-transform: none; -ms-transform: none; -o-transform: none; -moz-transform: none; transform: none; width: 100% !important; padding: 2em 0 .5em; } .homepage_leader_slider_wrapper ul li, .channel_leader_slider_wrapper ul li { float: none !important; margin-bottom: 2em; background: #fff; width: 90% !important; margin-left: 5%; } .homepage_leader_slider_wrapper .bx-clone, .channel_leader_slider_wrapper .bx-clone { display: none; } .homepage_leader_slider_wrapper .homepage_leader, .homepage_leader_slider_wrapper .channel_leader, .channel_leader_slider_wrapper .homepage_leader, .channel_leader_slider_wrapper .channel_leader { background-size: 100% !important; height: auto !important; background-repeat: no-repeat; } .homepage_leader_slider_wrapper .homepage_leader .main_post, .homepage_leader_slider_wrapper .channel_leader .main_post, .channel_leader_slider_wrapper .homepage_leader .main_post, .channel_leader_slider_wrapper .channel_leader .main_post { display: block; margin: 46% 0 0 0; padding-top: 6%; border-top: 4px solid #eb1414; background: #fff; height: auto; } .homepage_leader_slider_wrapper .homepage_leader .main_post .inner, .homepage_leader_slider_wrapper .channel_leader .main_post .inner, .channel_leader_slider_wrapper .homepage_leader .main_post .inner, .channel_leader_slider_wrapper .channel_leader .main_post .inner { width: 90%; float: none; padding: 0; } .homepage_leader_slider_wrapper .homepage_leader .main_post .inner a, .homepage_leader_slider_wrapper .homepage_leader .main_post .inner a span, .homepage_leader_slider_wrapper .channel_leader .main_post .inner a, .homepage_leader_slider_wrapper .channel_leader .main_post .inner a span, .channel_leader_slider_wrapper .homepage_leader .main_post .inner a, .channel_leader_slider_wrapper .homepage_leader .main_post .inner a span, .channel_leader_slider_wrapper .channel_leader .main_post .inner a, .channel_leader_slider_wrapper .channel_leader .main_post .inner a span { color: #111; background: none; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .homepage_leader_slider_wrapper .homepage_leader .main_post .inner .meta, .homepage_leader_slider_wrapper .channel_leader .main_post .inner .meta, .channel_leader_slider_wrapper .homepage_leader .main_post .inner .meta, .channel_leader_slider_wrapper .channel_leader .main_post .inner .meta { height: auto !important; } .homepage_leader_slider_wrapper .homepage_leader .main_post .inner .meta .category, .homepage_leader_slider_wrapper .channel_leader .main_post .inner .meta .category, .channel_leader_slider_wrapper .homepage_leader .main_post .inner .meta .category, .channel_leader_slider_wrapper .channel_leader .main_post .inner .meta .category { line-height: 1.1em; margin-top: 0; } .homepage_leader_slider_wrapper .homepage_leader .main_post .inner .meta.large *, .homepage_leader_slider_wrapper .channel_leader .main_post .inner .meta.large *, .channel_leader_slider_wrapper .homepage_leader .main_post .inner .meta.large *, .channel_leader_slider_wrapper .channel_leader .main_post .inner .meta.large * { font-size: 1em; } .homepage_leader_slider_wrapper .homepage_leader .main_post .inner h2 span, .homepage_leader_slider_wrapper .channel_leader .main_post .inner h2 span, .channel_leader_slider_wrapper .homepage_leader .main_post .inner h2 span, .channel_leader_slider_wrapper .channel_leader .main_post .inner h2 span { font-size: .6em; line-height: 1.1em; letter-spacing: 1px; display: block; } .homepage_leader_slider_wrapper .homepage_leader .main_post .inner p.inline_bg, .homepage_leader_slider_wrapper .channel_leader .main_post .inner p.inline_bg, .channel_leader_slider_wrapper .homepage_leader .main_post .inner p.inline_bg, .channel_leader_slider_wrapper .channel_leader .main_post .inner p.inline_bg { font-size: 1.2em; line-height: 1.4em; } .homepage_leader_slider_wrapper .channel_leader .main_post, .channel_leader_slider_wrapper .channel_leader .main_post { margin-top: 44%; } .homepage_leader_slider_wrapper .channel_leader .main_post .inner, .channel_leader_slider_wrapper .channel_leader .main_post .inner { padding: 0 5% 3%; } .homepage_main { /*Galleries*/ } .homepage_main .photo_essay_gallery .bxslider_photos .caption h3 { font-size: 1.4em; } .homepage_main .photo_essay_gallery > h2 { font-size: 1em; padding: 10px; } .voices_block, .developing_stories { display: none; } .tab_container.posts { -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tab_container.posts > div { padding: 0; } .tab_container.posts > div > ul > li > h3, .tab_container.posts > div > ul > li > div { padding: 0; float: left; width: 55%; clear: none; margin: 0; } .tab_container.posts > div > ul > li > h3 { margin-bottom: .25em; font-size: 1.1em; } .tab_container.posts > div > ul > li + li { clear: both; } .tab_container.posts .author { font-size: 0.9em !important; } .tab_container.posts .divider { display: none; } .tab_container.posts .img_wrapper { width: 30%; margin-right: 5%; overflow: hidden; height: 100px; } .tab_container.posts .img_wrapper img { height: 100px !important; width: auto; max-width: none; } .tab_container.posts .etabs, .tab_container.posts #trending, .tab_container.posts #myfp { display: none !important; } .tab_container.posts #latest { display: block !important; margin-top: 2em; } .tab_container.posts #latest:before { content: 'Latest Stories'; font-size: 1.8em; font-weight: bold; font-family: Solido, helvetica, arial; display: block; border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: .5em; text-transform: uppercase; } .photo_essay_gallery.block ul { padding: 0; } .magazine_block { text-align: center; } .side_ad { margin: 1em auto; width: 320px; } .row.main_content_columns .nineteen.columns > .inner { margin-bottom: 0; } .row.main_content_columns .sidebar.six.columns { padding-top: 0; } } @media screen and (max-width: 768px) and (max-width: 768px) { .homepage_leader_slider_wrapper .bxslider_homepage_leader > li, .homepage_leader_slider_wrapper .bxslider_channel_leader > li, .channel_leader_slider_wrapper .bxslider_homepage_leader > li, .channel_leader_slider_wrapper .bxslider_channel_leader > li { border: 1px solid #aaa; padding-top: 0; } } @media screen and (max-width: 768px) and (max-width: 400px) { .tab_container.posts > div > ul > li > h3, .tab_container.posts > div > ul > li > div { float: none; width: 100%; } } @media screen and (max-width: 768px) and (max-width: 400px) { .tab_container.posts > div > ul > li + li { border-top: 1px solid #ccc; padding-top: 15px; } } @media screen and (max-width: 768px) and (min-width: 550px) { .tab_container.posts .img_wrapper { width: 210px; } } @media screen and (max-width: 768px) and (max-width: 400px) { .tab_container.posts .img_wrapper { display: none; } } @media screen and (max-width: 768px) and (max-width: 500px) { .tab_container.posts .img_wrapper img { margin-left: -25%; } } @media screen and (max-width: 768px) and (max-width: 500px) { .bxslider_photos { width: 100% !important; } } @media screen and (max-width: 420px) { .side_ad { margin-right: 0; margin-left: -15px; } .side_ad > div { margin-left: 10px; } } /** Helper classes - Layer Promotion: pushes content into a new layer, useful to avoid screen repaints for fixed elements (note: this might be overkill/not really work as it's more of a hack than anything) - Fixed Top: Also might not be super helpful but kinda DRY... */ .site_header_fixed { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .site_header_fixed, .menu_wrapper .logo_fixed { position: fixed; top: 0; } /** Site Header Fixed For when the main _desktop_ navigation gets squeezed as you scroll down the page. Also replaces the styles needed after the jQuery Sticky plugin was removed The nesting in all of the Sass/CSS seems a little overboard (e.g., nesting classnames 3 or 4 levels deep) - might be helpful to refactor later on */ .site_header_fixed { height: 50px; } .site_header_fixed .site_nav { margin-left: 120px; } .site_header_fixed .site_nav > li > a { line-height: 50px; } .site_header_fixed .subnavigation_wrapper { top: 50px; } .site_header_fixed .additional_links > li { height: 50px; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .site_header_fixed .additional_links a { line-height: 50px; } .site_header_fixed .additional_links > li.magazines ul li > a span.text { margin-top: 6px; } .site_header_fixed .additional_links > li.magazines ul li > a > img { height: 50px; width: auto; } .site_header_fixed .additional_links > li.magazines .magazine-subnavigation { top: 50px; } /** Main _Desktop_ Logo */ .menu_wrapper .logo img { -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s; height: 110px; width: 133px; } .menu_wrapper .logo_fixed img { height: 46.3157px; width: 56px; } /** Featured Post Navigation */ .featured_post_nav { position: absolute; top: 0; left: 0; } .featured_post_nav_fixed { position: fixed; top: 50px; } /** Mobile Navigation Again this is a result of phasing out the jPanel jQuery plugin - for now this is just styling a static include (_mobile_nav.php) that copied over the pertinent navigation elements */ .mobile-navigation { position: fixed; z-index: 0; width: 250px; height: 100%; padding-bottom: 100px; background: #191615; text-transform: uppercase; font-size: 14px; font-weight: 800; letter-spacing: 1px; overflow: scroll; display: none; } .mobile-navigation a { display: block; text-decoration: none; } .mobile-nav-additional { background: url(../img/bg_header_light.png); } .mobile-nav-additional li { display: inline-block; } .mobile-nav-additional a { width: 44px; height: 80px; line-height: 80px; text-align: center; } .mobile-nav-popular { background: #EB1414; } .mobile-nav-popular > li { display: block; } .mobile-nav-popular a { padding: 8px 20px; color: #fff; } .fp-mobile-login-list > li:first-child { display: none; } .mobile-nav-main a { padding: 8px 20px 8px 38px; font-size: 16px; font-family: 'Solido Condensed', Tahoma, sans-serif; color: #6D6F72; } .mobile-nav-main a.indent { padding-left: 58px; } .mobile-subnav-title { display: block; padding: 8px 20px; color: #fff; } .mobile-subnav { background: #D8D8D8; } /** Mobile Interaction Classes for showing/hiding the mobile navigation */ .mobile-nav-trigger-wrapper { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; height: 50px; background: #191615; } .mobile-nav-trigger-wrapper > button { width: 30px; height: 24px; padding: 0; margin: 13px 0 0 20px; border-width: 4px 0; border-style: solid; border-color: #fff; background: none; } .mobile-nav-trigger-wrapper > button:before { content: ""; display: block; width: 100%; height: 4px; background: #fff; } .mobile-nav-trigger-wrapper > a { float: right; height: 100%; padding: 2px 20px 2px 0; } .mobile-nav-trigger-wrapper > a > img { height: 100%; } @media (max-width: 1024px) { .menu_wrapper { display: none !important; } .mobile-nav-trigger-wrapper { display: block; } .featured_post_nav { position: fixed; top: 50px; } .fp-login > ul { position: static; visibility: visible; width: auto; } .fp-login > ul > li > a { padding: 8px 20px 8px 38px; } } /** TEST: this seems to only benefit Webkit, while causing more repaints in others http://www.webmonkey.com/2010/02/browser-specific_css_hacks/ http://stackoverflow.com/questions/4104004/whats-the-semantic-of-media-screen-and-webkit-min-device-pixel-ratio0 http://stackoverflow.com/questions/7768363/how-much-support-is-there-for-webkit-overflow-scrollingtouch */ @media (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 0) { html.fp-momentum-scroll body { height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; } html.fp-momentum-scroll .omni-wrapper { height: 100%; overflow: scroll; } } .omni-wrapper { position: relative; width: 100%; left: 0; background: #fff; } body.mobile-display .mobile-navigation { display: block; } body.mobile-display .omni-wrapper { -webkit-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.7); -moz-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.7); box-shadow: -1px 0 7px rgba(0, 0, 0, 0.7); } body.mobile-display .omni-wrapper, body.mobile-display .mobile-nav-trigger-wrapper, body.mobile-display .featured_post_nav { left: 250px; -webkit-transform: translate3d(-250px, 0, 0); -moz-transform: translate3d(-250px, 0, 0); -ms-transform: translate3d(-250px, 0, 0); -o-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); } body.mobile-display.mobile-display-open .omni-wrapper, body.mobile-display.mobile-display-open .mobile-nav-trigger-wrapper, body.mobile-display.mobile-display-open .featured_post_nav, body.mobile-display.mobile-display-close .omni-wrapper, body.mobile-display.mobile-display-close .mobile-nav-trigger-wrapper, body.mobile-display.mobile-display-close .featured_post_nav { -webkit-transition: -webkit-transform 250ms; -moz-transition: -moz-transform 250ms; -ms-transition: -ms-transform 250ms; -o-transition: -o-transform 250ms; transition: transform 250ms; } body.mobile-display.mobile-display-open .omni-wrapper, body.mobile-display.mobile-display-open .mobile-nav-trigger-wrapper, body.mobile-display.mobile-display-open .featured_post_nav { -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); } /** Android hack */ html.fp-android-chrome body.mobile-display.no-transform .omni-wrapper, html.fp-android-chrome body.mobile-display.no-transform .mobile-nav-trigger-wrapper, html.fp-android-chrome body.mobile-display.no-transform .featured_post_nav { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: none; -moz-transition: none; transition: none; } /** misc. ad styles */ #div-gpt-ad-1398442674485-1 .adform-adbox .adform-adbox-static-T embed, #div-gpt-ad-1384802961640-4 .adform-adbox .adform-adbox-static-T embed { margin-top: 30px; } #div-gpt-ad-1384802961640-2 .adform-adbox .adform-adbox-static-T embed { margin-top: 0; } /** IE all */ #div-gpt-ad-1398442674485-1 .adform-adbox > .adform-adbox, #div-gpt-ad-1384802961640-4 .adform-adbox > .adform-adbox, #div-gpt-ad-1385072252832-0 .adform-adbox > .adform-adbox, #div-gpt-ad-1385145866876-0 .adform-adbox > .adform-adbox, #div-gpt-ad-1385077512872-0 .adform-adbox > .adform-adbox { z-index: 1000 !important; }