/* FILE ARCHIVED ON 5:03:23 Dec 5, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 23:19:20 Apr 19, 2016. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /** * Smiley project CSS */ /* generic emoji styles */ .wp-emoji, .wp-emoji:before { display: inline-block !important; /* shouldn't have been necessary, but some themes set this to static */ } .wp-emoji { position: relative !important; /* shouldn't have been necessary, but some themes set this to static */ vertical-align: bottom; /* this will be a line-height tall wrapper for vertically centering the smiley */ width: 1.375em; overflow: hidden; white-space: nowrap; text-indent: 9999px; min-height: 1.2em; /* for really small lineheights */ } /* Firefox does weird things with text-indent and selection */ @-moz-document url-prefix() { .wp-emoji { text-indent: 0; text-align: center; color: rgba(255,255,255,0); overflow: visible; } } /* @noflip */ .wp-emoji:before { /* vertically center the smiley */ position: absolute; content: ""; /* height/width for IE, Firefox and non-webkit browsers */ height: 1.25em; width: 1.375em; margin-top: -0.625em; /* minus half the height of the smiley */ left: 0; top: 50%; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } /* WebKit specific hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { .wp-emoji { width: 1.35em; } .wp-emoji:before { height: 1.4em; width: 1.35em; margin-top: -0.7em; /* minus half the height of the smiley */ } } /* IE specific hacks */ @media screen and (min-width:0\0) { .wp-emoji { height: 1.2em; width: 1.38em; } .wp-emoji:before { width: 1.38em; } } /* individual smileys */ /* PNGs are for IE8 fallbacks. Let's remove them some day please */ .wp-emoji-smile:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/smile.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/smile.svg), none; } .wp-emoji-wink:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/wink.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/wink.svg), none; } .wp-emoji-bigsmile:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/bigsmile.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/bigsmile.svg), none; } .wp-emoji-heart:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/heart.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/heart.svg), none; } .wp-emoji-neutral:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/neutral.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/neutral.svg), none; } .wp-emoji-uneasy:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/uneasy.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/uneasy.svg), none; } .wp-emoji-lol:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/lol.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/lol.svg), none; } .wp-emoji-sad:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/sad.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/sad.svg), none; } .wp-emoji-cry:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/cry.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/cry.svg), none; } .wp-emoji-evilgrin:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/evilgrin.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/evilgrin.svg), none; } .wp-emoji-twisted:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/twisted.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/twisted.svg), none; } .wp-emoji-evil:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/evil.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/evil.svg), none; } .wp-emoji-surprised:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/surprised.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/surprised.svg), none; } .wp-emoji-tongue:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/tongue.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/tongue.svg), none; } .wp-emoji-angry:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/angry.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/angry.svg), none; } .wp-emoji-burrito:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/burrito.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/burrito.svg), none; } .wp-emoji-burrito, .wp-emoji-burrito:before { width: 1.6em; } .wp-emoji-wordpress:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/wordpress.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/wordpress.svg), none; } .wp-emoji-mindblown:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/mindblown.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/mindblown.svg), none; } .wp-emoji-mindblown-alt:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/mindblown-alt.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/mindblown-alt.svg), none; } .wp-emoji-martini:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/martini.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/martini.svg), none; } .wp-emoji-whiterussian:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/whiterussian.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/whiterussian.svg), none; } .wp-emoji-star:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/star.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/star.svg), none; } .wp-emoji-developer:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/developer.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/developer.svg), none; } .wp-emoji-developer, .wp-emoji-developer:before { width: 1.5em; } .wp-emoji-facepalm:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/facepalm.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/facepalm.svg), none; } .wp-emoji-facepalm, .wp-emoji-facepalm:before { width: 1.4em; } .wp-emoji-bear:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/bear.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/bear.svg), none; } .wp-emoji-mrgreen:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/mrgreen.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/mrgreen.svg), none; } .wp-emoji-arrow:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/arrow.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/arrow.svg), none; } .wp-emoji-confused:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/confused.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/confused.svg), none; } .wp-emoji-cool:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/cool.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/cool.svg), none; } .wp-emoji-idea:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/idea.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/idea.svg), none; } .wp-emoji-blush:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/blush.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/blush.svg), none; } .wp-emoji-oops:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/oops.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/oops.svg), none; } .wp-emoji-rolleyes:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/rolleyes.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/rolleyes.svg), none; } .wp-emoji-exclaim:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/exclaim.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/exclaim.svg), none; } .wp-emoji-question:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/question.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/question.svg), none; } .wp-emoji-kitten:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/kitten.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/kitten.svg), none; } .wp-emoji-momface:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/ie/momface.png); background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/smileyproject/default/momface.svg), none; } /* to enable text-selection of smileys in Firefox, we can't use text-indent or overflow to hide the text, so letterspace it instead */ @-moz-document url-prefix() { .wp-emoji-rolleyes { letter-spacing: -.2em; } .wp-emoji-oops, .wp-emoji-idea, .wp-emoji-confused { letter-spacing: -.25em; } .wp-emoji-burrito, .wp-emoji-arrow, .wp-emoji-bear, .wp-emoji-star { letter-spacing: -.3em; } .wp-emoji-developer, .wp-emoji-mrgreen, .wp-emoji-facepalm { letter-spacing: -.35em; } } /** * Like Button toolbar button, loading text & container styles * * @todo: doesn't look like "style.css" is used anymore. */ /* Master container */ #jp-post-flair { padding-top: .5em; } /* Overall Sharedaddy block title */ div.sharedaddy, #content div.sharedaddy, #main div.sharedaddy { clear: both; } div.sharedaddy h3.sd-title { margin: 0 0 1em 0; display: inline-block; line-height: 1.2; font-size: 9pt; font-weight: bold; } div.sharedaddy h3.sd-title:before { content: ""; display: block; width: 100%; min-width: 30px; border-top: 1px solid #ddd; margin-bottom: 1em; } /* Toolbar */ #wpadminbar li#wp-admin-bar-admin-bar-likes-widget { width: 61px; overflow: hidden; } #wpadminbar iframe.admin-bar-likes-widget { width: 61px; height: 28px; min-height: 28px; border-width: 0px; position: absolute; top: 0; } div.jetpack-likes-widget-wrapper { width: 100%; min-height: 50px; /* Previous height, 60px */ position: relative; /* Need to abs position placeholder and iframe so there isn't a jarring jump */ } div.jetpack-likes-widget-wrapper .sd-link-color { font-size: 12px; } div.jetpack-likes-widget-wrapper.slim-likes-widget { width: 1px; /* initial default */ min-height: 0; } #likes-other-gravatars { display: none; position: absolute; padding: 10px; background-color: #000; border-width: 0; opacity: 0.88; filter: alpha(opacity=88); box-shadow: 0 0 10px black; min-width: 130px; z-index: 1000; } #likes-other-gravatars * { line-height: normal; } #likes-other-gravatars .likes-text { color: white; font-size: 14px; padding-bottom: 5px; } #likes-other-gravatars ul, #likes-other-gravatars li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; } #likes-other-gravatars li::before { content: ""; } #likes-other-gravatars ul.wpl-avatars { overflow: auto; display: block; position: absolute; max-height: 190px; } #likes-other-gravatars ul.wpl-avatars li { width: 32px; height: 32px; float: left; margin: 0 5px 5px 0; } #likes-other-gravatars ul.wpl-avatars li a { margin: 0 2px 0 0; border-bottom: none !important; display: block; } #likes-other-gravatars ul.wpl-avatars li a img { background: none; border: none; margin: 0 !important; padding: 0 !important; position: static; } div.sd-box { border-top: 1px solid #ddd; border-top: 1px solid rgba(0,0,0,.13); } .entry-content .post-likes-widget, .post-likes-widget, .comment-likes-widget { margin: 0; border-width: 0; display: block; } /* Loading text */ .post-likes-widget-placeholder { margin: 0; border-width: 0; position: relative; } .post-likes-widget-placeholder .button { display: none; /* Let's not show a dummy like button, let's just make a great button experience once it's loaded */ } .post-likes-widget-placeholder .button span { } .post-likes-widget-placeholder .loading { color: #999; font-size: 12px; } .slim-likes-widget .post-likes-widget { width: auto; float: none; } /* Like Special cases (display on it's own) */ div.sharedaddy.sd-like-enabled .sd-like h3 { display: none; } div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget { width: 100%; float: none; position: absolute; /* Need to abs position placeholder and iframe so there isn't a jarring jump */ top: 0; } .comment-likes-widget { width: 100%; } /* Make ratings block. @todo: make !important unnecessary by removing inline style */ .pd-rating { display: block !important; } /* Hide G+ title */ .sd-gplus .sd-title { display: none; } #bit, #bit * { *zoom: 1; } #bit { font: normal 13px "Helvetica Neue", sans-serif; _display: none; } /* @noflip */ .rtl #bit { font-family: tahoma, Arial, sans-serif; } .loggedout-follow-shelf { position: fixed; right: 40%; z-index: 100; bottom: -300px; } .loggedout-follow-normal { position: fixed; z-index: 100; bottom: -300px; right: 10px; } .loggedout-follow-typekit { margin-right: 4.5em; position: fixed; z-index: 100; bottom: -300px; right: 10px; } #bit a.bsub { display: block; overflow: hidden; padding: 0 10px 0 8px; float: right; text-decoration: none !important; line-height: 28px; font-weight: normal; font-size: 13px; color: #CCC; text-shadow: #444 0 -1px 0; letter-spacing: normal; border: 0; background-color: #464646; background-image: -ms-linear-gradient(bottom, #464646, #3f3f3f 5px); background-image: -moz-linear-gradient(bottom, #3f3f3f, #464646 5px); background-image: -o-linear-gradient(bottom, #464646, #3f3f3f 5px); background-image: -webkit-gradient(linear, left bottom, left top, from(#464646), to(#3f3f3f)); background-image: -webkit-linear-gradient(bottom, #3f3f3f, #464646 5px); background-image: linear-gradient(bottom, #464646, #3f3f3f 5px); -webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -o-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); -ms-box-shadow: 0 -1px 5px rgba(0,0,0,0.20); box-shadow: 0 -1px 5px rgba(0,0,0,0.20); outline-style: none; outline-width: 0; } #bit a.bsub { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } #bit a.bsub span { background: url(/web/20141205050323/http://s1.wp.com/wp-content/mu-plugins/admin-bar/wpcom-admin-bar-icons.png) left -77px no-repeat; padding-left: 25px; padding-right: 6px; } #bit a:hover span, #bit a.bsub.open span { color: #ffffff !important; background-position: left -117px; } #bit a.bsub.open { background: #333; } #bitsubscribe { background: #464646; color: #fff; padding: 15px; width: 200px; margin-top: 27px; -moz-border-radius: 2px 0 0 0; -webkit-border-radius: 2px 0 0 0; -o-border-radius: 2px 0 0 0; -ms-border-radius: 2px 0 0 0; border-radius: 2px 0 0 0; *float: right; *margin-right: -68px; } div#bitsubscribe.open { -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -o-box-shadow: 0 0 8px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); } #bitsubscribe div { overflow: hidden; } #bit h3, #bit #bitsubscribe h3 { margin: 0 0 .5em 0 !important; font-weight: 300; text-shadow: 0 1px 0 #333; font-size: 20px; color: #fff; text-align: left; } #bit #bitsubscribe p { margin: 0 0 1em 0; *margin: 0 0 0 0; font-size: 15px; line-height:1.3em; font-weight: 300; text-shadow: 0 1px 0 #333; color: #fff; } #bitsubscribe p a { margin: 20px 0 0; color: #fff; text-decoration: underline; } #bit #bitsubscribe p.bit-follow-count { font-size: 13px; } #bitsubscribe input[type=submit] { padding: 2px 20px; background: #333; /* Old browsers */ background: -moz-linear-gradient(top, #333 0%, #111 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333 0%,#111 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333 0%,#111 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333 0%,#111 100%); /* IE10+ */ background: linear-gradient(top, #333 0%,#111 100%); color: #ccc; text-shadow: 0 1px 0 #000; border: 1px solid #282828; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-shadow: inset 0 1px 0 #444; -webkit-box-shadow: inset 0 1px 0 #444; box-shadow: inset 0 1px 0 #444; text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; *margin: 1em 0 1em 0; } #bitsubscribe input[type=submit]:hover { background: #222; /* Old browsers */ background: -moz-linear-gradient(top, #333 0%, #222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333 0%,#222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333 0%,#222 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333 0%,#222 100%); /* IE10+ */ background: linear-gradient(top, #333 0%,#222 100%); color: #fff; -moz-box-shadow: inset 0 1px 0 #4f4f4f; -webkit-box-shadow: inset 0 1px 0 #4f4f4f; box-shadow: inset 0 1px 0 #4f4f4f; text-decoration: none; } #bitsubscribe input[type=submit]:active { background: #111; /* Old browsers */ background: -moz-linear-gradient(top, #111 0%, #222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111), color-stop(100%,#222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #111 0%,#222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #111 0%,#222 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #111 0%,#222 100%); /* IE10+ */ background: linear-gradient(top, #111 0%,#222 100%); color: #aaa; -moz-box-shadow: inset 0 -1px 0 #333; -webkit-box-shadow: inset 0 -1px 0 #333; box-shadow: inset 0 -1px 0 #333; text-decoration: none; } #bitsubscribe input[type=text], #bitsubscribe input[type=email] { -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; background: #eee; border: 1px solid #ccc; border-radius: 3px; font-size: 15px; font-weight: 300; height: auto; padding: 1px 2px; width: 95%; /* @noflip */ direction: ltr; } #bitsubscribe input[type=text]:focus, #bitsubscribe input[type=email]:focus { border: 1px solid #000; } #bitsubscribe.open { display: block; } #bsub-subscribe-button { text-align: center; margin: 0 auto; } /* Confirmation =============================== */ #bitsubscribe #lof-readerpromo p { color: #ccc; } #bitsubscribe #lof-followpublicize { border-top: 1px solid #3c3c3c; margin-bottom: .5em; } #bitsubscribe #lof-followpublicize h3 { font-size: 13px; padding-top: 1em; margin-bottom: 1em !important; } #bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter, #bitsubscribe #lof-followpublicize p.lof-followpublicize-facebook { background: #555; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 1px #333; -webkit-box-shadow: inset 0 1px 1px #333; -o-box-shadow: inset 0 1px 1px #333; -ms-box-shadow: inset 0 1px 1px #333; box-shadow: inset 0 1px 1px #333; margin-bottom: .5em; overflow: hidden; } #bitsubscribe #lof-followpublicize p.lof-followpublicize-twitter { padding: 10px 10px 5px; } /* Footer =============================== */ #bitsubscribe #bsub-credit { text-align: center; font-weight: normal; font-size: 11px; padding: 7px 0; margin:0 0 -15px; border-top: 1px solid #3c3c3c; } #bitsubscribe #bsub-credit a { color: #aaa; text-shadow: 0 1px 0 #262626; background: none; text-decoration: none; } #bitsubscribe #bsub-credit a:hover { color: #fff; background: none; } @media (max-width: 800px) { #bit, #bit a.bsub { display:none; } } @media (min-device-width: 768px) { #bit, #bit a.bsub { display: block; } } /** * Styles for Jetpack related posts */ /* Container */ div#jp-relatedposts { display: none; padding-top: 1em; margin: 1em 0; position: relative; } div.jp-relatedposts:after { content: ''; display: block; clear: both; } /* Headline above related posts section, labeled "Related" */ div#jp-relatedposts h3.jp-relatedposts-headline { margin: 0 0 1em 0; display: inline-block; float: left; font-size: 9pt; font-weight: bold; font-family: inherit; } div#jp-relatedposts h3.jp-relatedposts-headline em:before { content: ""; display: block; width: 100%; min-width: 30px; border-top: 1px solid #ddd; border-top: 1px solid rgba(0,0,0,.2); margin-bottom: 1em; } div#jp-relatedposts h3.jp-relatedposts-headline em { font-style: normal; font-weight: bold; } /* Related posts items (wrapping items) */ div#jp-relatedposts div.jp-relatedposts-items { clear: left; } div#jp-relatedposts div.jp-relatedposts-items-visual { margin-right: -20px; } /* Related posts item */ div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post { float: left; width: 33%; margin: 0 0 1em; /* Needs to be same as the main outer wrapper for Related Posts */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post { padding-right: 20px; /*cursor: pointer;*/ filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; } div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover .jp-relatedposts-post-title a { text-decoration: underline; } div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } /* Related posts item content */ div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title, div#jp-relatedposts div.jp-relatedposts-items p { font-size: 14px; line-height: 20px; margin: 0; } div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs { position:relative; } div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay { position:absolute; top:0; bottom:0; left:0; right:0; display:block; } div#jp-relatedposts div.jp-relatedposts-items p { margin-bottom: 0; } div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title { text-transform: none; margin: 0; font-family: inherit; display: block; max-width: 100%; } div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { font-size: inherit; font-weight: normal; text-decoration: none; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { text-decoration: underline; } div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img, div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post span { display: block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; } div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img, div#jp-relatedposts div.jp-relatedposts-items-visual .jp-relatedposts-post span { max-width: 100%; } div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { opacity: .6; } /* Behavior when there are thumbnails in visual mode */ div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt { display: none; } /* Behavior when there are no thumbnails in visual mode */ div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt { overflow: hidden; } div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs span { margin-bottom: 1em; } /** * Responsive */ @media only screen and (max-width: 640px) { div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post { width: 50%; } div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) { clear: left; } div#jp-relatedposts div.jp-relatedposts-items-visual { margin-right: 20px; } } @media only screen and (max-width: 320px) { div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post { width: 100%; clear: both; margin: 0 0 1em; } } /** * Add text colors to the playlist shortcode light color scheme. * * Core ticket: https://core.trac.wordpress.org/ticket/27562 */ .wp-playlist-light { color: #000; } .wp-playlist-light .wp-playlist-item { color: #333; } .wp-playlist-light .wp-playlist-playing { background: #fff; color: #000; } .wp-playlist-dark .wp-playlist-item .wp-playlist-caption { color: #fff; } .wp-playlist-caption { display: block; }/** * MP6 hacks, CSS that's either WPCOM specific or otherwise not suitably for MP6 proper */ /* Replace Omnisearch PNG search icon with a dashicon */ #wpadminbar div.ab-item form#adminbarsearch input.adminbar-search-input { background-image: none; position: relative; z-index: 30; } /* Show globe icon next to blog */ #wpadminbar #wp-admin-bar-blog > .ab-item:before { position: relative; top: 2px; content: '\f319'; } /* If a blavatar is present, move it left to cover the globe */ #wpadminbar #wp-admin-bar-blog > .ab-item { position: relative; } #wpadminbar #wp-admin-bar-blog > .ab-item img.avatar { position: absolute; z-index: 1; left: 12px; top: 10px; } /* @noflip */ #wpadminbar.rtl #wp-admin-bar-blog > .ab-item img.avatar { right: 12px; } /* Fix omnisearch lineheight */ #wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary input.adminbar-search-input.search-input-focus { border: none; text-shadow: none; box-shadow: none; line-height: 1; background: #ccc; background: rgba(255,255,255,.7); } /* Invert stats sparkline on light theme */ body.admin-color-mp6-light li#wp-admin-bar-stats img { filter: invert(100%); -webkit-filter: invert(100%); } /* Override white color on blog title */ body.admin-color-mp6-light #wpadminbar ul li#wp-admin-bar-blog > .ab-item { color: #333; } /* Updated message fixes */ body.admin-color-mp6-light #wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary span.noticon { color: #eee; } div.updated p, div.error p { position: relative; } div.updated .noticon-close, div.error .noticon-close { font-size: 28px; height: 28px; width: 28px; position: absolute; right: 0; top: -1px; } /* Fix taller MP6 v2 toolbar. Merge this into mu-plugins/wpcom-admin-bar.css after MP6 v2 launch */ @media screen and ( max-width: 782px ) { .mp6 #wpadminbar li#wp-admin-bar-follow > a, .mp6 #wpadminbar li#wp-admin-bar-blog > a, .mp6 #wpadminbar li#wp-admin-bar-topicpress > a, .mp6 #wpadminbar li#wp-admin-bar-wpr-reblog > a, /* These next lines are necessary for when users opt out to the responsive styles */ .mp6 #wpadminbar li#wp-admin-bar-dbg > div, .mp6 #wpadminbar li#wp-admin-bar-my-account > a { line-height: 46px !important; } /* Notes only shown when users opt out to the responsive styles */ body.mp6 #wpadminbar #wp-admin-bar-notes #wpnt-notes-unread-count { margin: 13px 3px 0 3px !important; } .mp6 #wpadminbar li#wp-admin-bar-blog > a.ab-item:before { top: 13px; } #wpadminbar #wp-admin-bar-blog > .ab-item img.avatar { top: 17px; } } /* Fix toolbar hover color temporarily. Post launch, remove from /wp-content/mu-plugins/admin-bar/wpcom-admin-bar.css */ .admin-color-mp6 #wpadminbar ul li#wp-admin-bar-blog.hover > .ab-item, .mp6 #wpadminbar ul li#wp-admin-bar-blog.hover > .ab-item, .admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-with-avatar.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-with-avatar.hover .ab-display-name, .admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-no-avatar.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account-no-avatar.hover .ab-display-name, .admin-color-mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account.hover .ab-display-name, .mp6 #wpadminbar .quicklinks #wp-admin-bar-my-account.hover .ab-display-name { color: inherit !important; } /* add style for reader link in /wp-admin/ leftbar */ /* Reader icon in left-bar */ .icon16.icon-reader:before, #adminmenu .menu-icon-reader div.wp-menu-image:before, ul#adminmenu .toplevel_page_reader div.wp-menu-image:before{ content: '\f116'; } /* Fix dashicons priority so Japanese users can use the toolbar. Should long term be fixed in whatever plugin that forces all fonts to be Arial */ i.mce-i-bold, i.mce-i-italic, i.mce-i-bullist, i.mce-i-numlist, i.mce-i-blockquote, i.mce-i-alignleft, i.mce-i-aligncenter, i.mce-i-alignright, i.mce-i-link, i.mce-i-unlink, i.mce-i-wp_more, i.mce-i-strikethrough, i.mce-i-spellchecker, i.mce-i-fullscreen, i.mce-i-wp_fullscreen, i.mce-i-wp_adv, i.mce-i-underline, i.mce-i-alignjustify, i.mce-i-forecolor, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-removeformat, i.mce-i-charmap, i.mce-i-outdent, i.mce-i-indent, i.mce-i-undo, i.mce-i-redo, i.mce-i-help, i.mce-i-wp_help, i.mce-i-wp-media-library, i.mce-i-ltr, i.mce-i-wp_page, .mce-close { font: normal 20px/1 'dashicons' !important; } .dashicons, .dashicons-before:before { font-family: dashicons !important; } .noticon { font-family: "Noticons" !important; } p.comment-likes { height: 16px; float: none; width: 100%; clear: both; display: block; margin-left: -2px; } p.comment-not-liked { cursor: pointer; } p.comment-likes a.view-likers { text-decoration: underline; border: none; } div.comment-likes-overlay { color: rgb(85, 85, 85); position: absolute; font-size: 9pt; padding: 0; margin: 0; /* Some O2 instances have elements with manually specified `z-index`, so * we just set this to an arbitrary high value to make sure that the * overlay is not covered up. */ z-index: 20000; } div.comment-likes-overlay div.inner { background-color: white; border: 1px solid #dfdfdf; border-color: rgba(0, 0, 0, 0.1); padding: 8px; margin: 0; max-width: 310px; max-height: 250px; overflow: hidden; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 3px 8px rgba(0, 0, 0, 0.1); } div.comment-likes-overlay div.inner a img { text-decoration: none; height: 25px; width: 25px; margin: 2px 10px 2px 2px; vertical-align: middle; } div.comment-likes-overlay div.inner ul { margin: 0; padding: 0; } div.comment-likes-overlay div.inner ul li { float: left; display: inline; padding: 0; margin: 0 0 5px 0; /** Truncate people's names if they are too long. **/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } div.comment-likes-overlay div.inner ul.single li { width: 100%; /* one column */ } div.comment-likes-overlay div.inner ul.double li { width: 50%; /* two columns */ } div.comment-likes-overlay div.inner a, div.comment-likes-overlay div.inner a:hover { text-decoration: none; border-bottom: none; background: transparent; } div.comment-likes-overlay div.inner ul li a span.user-name { color: rgb(85, 85, 85); } p.comment-likes span.comment-like-feedback { font-size: 12px; line-height: 1.8em; opacity: .8; float: left; padding: 1px 0 0 5px; display: block !important; } a.comment-like-link:hover { background: transparent; } a.comment-like-link span { display: none; } a.comment-like-link { outline: none; border: 0 !important; text-decoration: none !important; padding: 0; margin: 0; float: left; text-decoration: none; line-height: 70%; background: transparent; } a.comment-like-link:before, div.comment-likes-overlay span.icon { -webkit-font-smoothing: antialiased; font-family: "Noticons"; font-size: 20px; line-height: .9; } div.comment-likes-overlay span.icon { color: white; height: 100%; margin: 0; padding: 3px 0 1px 0; } a.comment-like-link:before { color: #2EA2CC; content: '\f408'; width: 16px; display: inline-block; } a.comment-like-link.loading { -webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s; opacity: 0; } a.comment-like-link:hover:before, p.comment-liked a.comment-like-link:before, p.comment-not-liked:hover a.comment-like-link:before { color: #f1831e; background: transparent; } /** * Styles for navigation. * Mostly copied from trunk/wp-content/mu-plugins/atlas/css/reader.css. */ div.comment-likes-overlay div .slider-nav { position: relative; clear: both; width: 310px; height: 40px; margin: 15px 0 -15px -12px; text-align: center; border-top: 1px solid #dfdfdf; } div.comment-likes-overlay div .slider-nav em { font-style: normal; } div.comment-likes-overlay div .slider-nav .prev { position: absolute; top: 0; left: 0; display: block; width: 40px; height: 40px; border-right: 1px solid #dfdfdf; } div.comment-likes-overlay div .slider-nav .noticon { width: 40px; height: 40px; font-size: 25px; line-height: 40px; } div.comment-likes-overlay div .slider-nav .next { position: absolute; top: 0; right: 0; display: block; display: block; width: 40px; height: 40px; border-left: 1px solid #dfdfdf; } div.comment-likes-overlay div .slider-nav .position { position: absolute; top: 0; left: 40px; bottom: 0; right: 40px; text-align:center; } div.comment-likes-overlay div .slider-nav .position div { display: inline; } div.comment-likes-overlay div .slider-nav .position em { display: inline-block; padding: 0 3px; font-size: 30px; line-height: 40px; color: #bbb; cursor: pointer; } div.comment-likes-overlay div .slider-nav .position .on { color: #1e8cbe; } /** * Styles for Swipe. * Copied from the Swipe README. **/ div.comment-likes-overlay .swipe { overflow: hidden; visibility: hidden; position: relative; } div.comment-likes-overlay .swipe-wrap { overflow: hidden; position: relative; } /* @noflip */ div.comment-likes-overlay .swipe-wrap > div { float: left; width: 100%; position: relative; } /** Noticons Noticons are vector icons embedded in a font for use across wp.com. To use, reference this stylesheet in your project. See instructions in example.html */ /* IE8 and below use EOT and allow cross-site embedding. IE9 uses WOFF which is base64 encoded to allow cross-site embedding. So unfortunately, IE9 will throw a console error, but it'll still work. When the font is base64 encoded, cross-site embedding works in Firefox */ @font-face { font-family: "Noticons"; src: url(/web/20141205050323/http://s1.wp.com/i/noticons/Noticons.eot); src: url(/web/20141205050323/http://s1.wp.com/i/noticons/Noticons.eot) format("embedded-opentype"), url(data:application/font-woff;charset=utf-8;base64,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), url(/web/20141205050323/http://s1.wp.com/i/noticons/Noticons.woff) format("woff"), url(/web/20141205050323/http://s1.wp.com/i/noticons/Noticons.ttf) format("truetype"), url(/web/20141205050323/http://s1.wp.com/i/noticons/Noticons.svg) format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Noticons"; src: url(/web/20141205050323/http://s1.wp.com/i/noticons/Noticons.svg) format("svg"); } } /** * All noticons */ .noticon { font-size: 16px; vertical-align: top; text-align: center; -moz-transition: color .1s ease-in 0; -webkit-transition: color .1s ease-in 0; display: inline-block; font-family: "Noticons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; speak: none; } /** * Individual icons */ .noticon-404:before { content: "\f423"; } .noticon-activity:before { content: "\f508"; } .noticon-add:before { content: "\f8b3"; } .noticon-akismet:before { content: "\f8d2"; } .noticon-anchor:before { content: "\f509"; } .noticon-art:before { content: "\f8b4"; } .noticon-aside:before { content: "\f101"; } .noticon-atsign:before { content: "\f814"; } .noticon-attachment:before { content: "\f416"; } .noticon-audio:before { content: "\f109"; } .noticon-automattic:before { content: "\f815"; } .noticon-automattic-blip:before { content: "\f817"; } .noticon-automattic-ring:before { content: "\f816"; } .noticon-bell:before { content: "\f8d4"; } .noticon-bold:before { content: "\f471"; } .noticon-book:before { content: "\f444"; } .noticon-bug:before { content: "\f50a"; } .noticon-bullhorn:before { content: "\f8a5"; } .noticon-bullseye:before { content: "\f8a0"; } .noticon-cart:before { content: "\f447"; } .noticon-category:before { content: "\f301"; } .noticon-chat:before { content: "\f108"; } .noticon-checkmark:before { content: "\f418"; } .noticon-close:before { content: "\f405"; } .noticon-close-alt:before { content: "\f406"; } .noticon-cloud:before { content: "\f426"; } .noticon-cloud-download:before { content: "\f440"; } .noticon-cloud-upload:before { content: "\f441"; } .noticon-code:before { content: "\f462"; } .noticon-codepen:before { content: "\f216"; } .noticon-cog:before { content: "\f445"; } .noticon-collapse:before { content: "\f432"; } .noticon-colors:before { content: "\f8a7"; } .noticon-comment:before { content: "\f300"; } .noticon-compact:before { content: "\f807"; } .noticon-day:before { content: "\f305"; } .noticon-digg:before { content: "\f221"; } .noticon-document:before { content: "\f443"; } .noticon-dot:before { content: "\f428"; } .noticon-downarrow:before { content: "\f502"; } .noticon-download:before { content: "\f50b"; } .noticon-draggable:before { content: "\f436"; } .noticon-dribbble:before { content: "\f201"; } .noticon-dropbox:before { content: "\f225"; } .noticon-dropdown:before { content: "\f433"; } .noticon-dropdown-left:before { content: "\f434"; } .noticon-edit:before { content: "\f411"; } .noticon-ellipsis:before { content: "\f476"; } .noticon-eventbrite:before { content: "\f8a6"; } .noticon-expand:before { content: "\f431"; } .noticon-external:before { content: "\f442"; } .noticon-facebook:before { content: "\f203"; } .noticon-facebook-alt:before { content: "\f204"; } .noticon-fastforward:before { content: "\f458"; } .noticon-features:before { content: "\f8a8"; } .noticon-feed:before { content: "\f413"; } .noticon-flag:before { content: "\f468"; } .noticon-flickr:before { content: "\f211"; } .noticon-follow:before { content: "\f801"; } .noticon-following:before { content: "\f803"; } .noticon-fonts:before { content: "\f8b5"; } .noticon-foursquare:before { content: "\f226"; } .noticon-fullscreen:before { content: "\f474"; } .noticon-gallery:before { content: "\f103"; } .noticon-gift:before { content: "\f8a4"; } .noticon-github:before { content: "\f200"; } .noticon-googleplus:before { content: "\f206"; } .noticon-googleplus-alt:before { content: "\f218"; } .noticon-gravatar:before { content: "\f8d0"; } .noticon-gridview:before { content: "\f808"; } .noticon-handset:before { content: "\f50c"; } .noticon-heart:before { content: "\f461"; } .noticon-help:before { content: "\f457"; } .noticon-hide:before { content: "\f404"; } .noticon-hierarchy:before { content: "\f505"; } .noticon-home:before { content: "\f409"; } .noticon-image:before { content: "\f102"; } .noticon-info:before { content: "\f455"; } .noticon-instagram:before { content: "\f215"; } .noticon-italic:before { content: "\f472"; } .noticon-jetpack:before { content: "\f8d3"; } .noticon-key:before { content: "\f427"; } .noticon-layouts:before { content: "\f8a9"; } .noticon-leftarrow:before { content: "\f503"; } .noticon-lightbulb:before { content: "\f8a1"; } .noticon-link:before { content: "\f107"; } .noticon-linkedin:before { content: "\f207"; } .noticon-linkedin-alt:before { content: "\f208"; } .noticon-localization:before { content: "\f8b2"; } .noticon-location:before { content: "\f417"; } .noticon-lock:before { content: "\f470"; } .noticon-mail:before { content: "\f410"; } .noticon-maximize:before { content: "\f422"; } .noticon-menu:before { content: "\f419"; } .noticon-microphone:before { content: "\f50d"; } .noticon-milestone:before { content: "\f806"; } .noticon-minimize:before { content: "\f421"; } .noticon-minus:before { content: "\f50e"; } .noticon-month:before { content: "\f307"; } .noticon-move:before { content: "\f50f"; } .noticon-next:before { content: "\f429"; } .noticon-notice:before { content: "\f456"; } .noticon-notification:before { content: "\f800"; } .noticon-paintbrush:before { content: "\f506"; } .noticon-path:before { content: "\f219"; } .noticon-pause:before { content: "\f448"; } .noticon-phone:before { content: "\f437"; } .noticon-picture:before { content: "\f473"; } .noticon-pinned:before { content: "\f308"; } .noticon-pinterest:before { content: "\f209"; } .noticon-pinterest-alt:before { content: "\f210"; } .noticon-play:before { content: "\f452"; } .noticon-plugin:before { content: "\f439"; } .noticon-plus:before { content: "\f510"; } .noticon-pocket:before { content: "\f224"; } .noticon-polldaddy:before { content: "\f217"; } .noticon-portfolio:before { content: "\f460"; } .noticon-previous:before { content: "\f430"; } .noticon-price:before { content: "\f8b0"; } .noticon-print:before { content: "\f469"; } .noticon-promoted:before { content: "\f812"; } .noticon-quote:before { content: "\f106"; } .noticon-rating-empty:before { content: "\f511"; } .noticon-rating-full:before { content: "\f512"; } .noticon-rating-half:before { content: "\f513"; } .noticon-reader:before { content: "\f8a2"; } .noticon-reader-alt:before { content: "\f8a3"; } .noticon-reblog:before { content: "\f805"; } .noticon-reddit:before { content: "\f222"; } .noticon-refresh:before { content: "\f420"; } .noticon-reply:before { content: "\f412"; } .noticon-reply-alt:before { content: "\f466"; } .noticon-reply-single:before { content: "\f467"; } .noticon-rewind:before { content: "\f459"; } .noticon-rightarrow:before { content: "\f501"; } .noticon-search:before { content: "\f400"; } .noticon-send-to-phone:before { content: "\f438"; } .noticon-send-to-tablet:before { content: "\f454"; } .noticon-share:before { content: "\f415"; } .noticon-show:before { content: "\f403"; } .noticon-shuffle:before { content: "\f514"; } .noticon-sitemap:before { content: "\f507"; } .noticon-skip-ahead:before { content: "\f451"; } .noticon-skip-back:before { content: "\f450"; } .noticon-skype:before { content: "\f220"; } .noticon-spam:before { content: "\f424"; } .noticon-spike:before { content: "\f811"; } .noticon-spotify:before { content: "\f515"; } .noticon-standard:before { content: "\f100"; } .noticon-star:before { content: "\f408"; } .noticon-status:before { content: "\f105"; } .noticon-stop:before { content: "\f449"; } .noticon-stumbleupon:before { content: "\f223"; } .noticon-subscribe:before { content: "\f463"; } .noticon-subscribed:before { content: "\f465"; } .noticon-summary:before { content: "\f425"; } .noticon-tablet:before { content: "\f453"; } .noticon-tag:before { content: "\f302"; } .noticon-time:before { content: "\f303"; } .noticon-title:before { content: "\f8b6"; } .noticon-top:before { content: "\f435"; } .noticon-trapper:before { content: "\f810"; } .noticon-trash:before { content: "\f407"; } .noticon-trophy:before { content: "\f804"; } .noticon-tumblr:before { content: "\f214"; } .noticon-twitch:before { content: "\f516"; } .noticon-twitter:before { content: "\f202"; } .noticon-types:before { content: "\f8b1"; } .noticon-unapprove:before { content: "\f446"; } .noticon-unfollow:before { content: "\f802"; } .noticon-unsubscribe:before { content: "\f464"; } .noticon-unzoom:before { content: "\f401"; } .noticon-uparrow:before { content: "\f500"; } .noticon-user:before { content: "\f304"; } .noticon-vaultpress:before { content: "\f8d1"; } .noticon-video:before { content: "\f104"; } .noticon-videocamera:before { content: "\f517"; } .noticon-vimeo:before { content: "\f212"; } .noticon-warning:before { content: "\f414"; } .noticon-website:before { content: "\f475"; } .noticon-week:before { content: "\f306"; } .noticon-wordads:before { content: "\f813"; } .noticon-wordpress:before { content: "\f205"; } .noticon-xpost:before { content: "\f504"; } .noticon-youtube:before { content: "\f213"; } .noticon-zoom:before { content: "\f402"; } /** * Deprecated noticon names */ .noticon-like:before { content: "\f408"; } /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ 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, main, menu, nav, section, summary { display: block; } * { box-sizing: border-box; } a:link, a:hover, a:visited { color: #eb1414; text-decoration: none; } a:link:hover, a:hover:hover, a:visited:hover { text-decoration: underline; } header a:link, header a:hover, header a:visited, footer a:link, footer a:hover, footer a:visited { color: #fff; text-decoration: none; } header a:link:hover, header a:hover:hover, header a:visited:hover, footer a:link:hover, footer a:hover:hover, footer a:visited:hover { text-decoration: underline; } html, body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; } body { font-size: 16px; font-family: "Solido", "Tahoma", sans-serif; } body.single #desktop-left p { font-family: Tiempos, Georgia, serif; } @media screen and (max-width: 1080px) { body.logged-in #site-wrapper { margin-top: 32px; } body.logged-in #site-wrapper > header { top: 32px; } body.logged-in #site-wrapper > header.scrolled .fixed { top: 32px; } } @media screen and (max-width: 769px) { body.logged-in #site-wrapper { margin-top: 46px; } body.logged-in #site-wrapper.scrolled { margin-top: 46px; } body.logged-in #site-wrapper > header { top: 46px; } body.logged-in #site-wrapper > header.scrolled, body.logged-in #site-wrapper > header.scrolled .fixed { top: 0px; } } h1, h2, h3, h4, h5, h6 { clear: both; } h1 { font-size: 2rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.17rem; } h4 { font-size: 1rem; } h5 { font-size: .83rem; } h6 { font-size: .75rem; } p { margin: 0 0 25px; } .fp-red { color: #eb1414; } .bold { font-weight: 800; } .load-more { float: left; } a.no-underline:hover { text-decoration: none; cursor: default; } .infinite-scroll-trigger { float: left; padding: 10px; background: #000; color: #fff; } span.description { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; } em { font-style: italic; } strong { font-weight: 700; } .dynamic-image { display: inline-block; width: 100%; text-align: center; } #desktop-left { background: #fff; } #desktop-left ol, #desktop-left ul { list-style-type: disc; width: 100%; list-style-position: outside; display: inline-block; padding: 0 20px; margin: 0 10px; font-size: 15px; line-height: 28px; } #desktop-left ol li, #desktop-left ul li { margin: 15px 0 0; } #desktop-left ol { list-style-type: decimal; } div.share-contain { position: relative; float: left; background-color: rgba(255, 255, 255, 0.8); } @media screen and (min-width: 900px) { #desktop-left ol, #desktop-left ul { width: 70%; margin: 0 auto 25px; font-size: 16px; display: inherit; } } @media screen and (max-width: 1180px) { blockquote.pullquote-left, blockquote.pullquote-right { display: none; } } /* Fonts */ /*@font-face { font-family: 'entypo'; font-style: normal; font-weight: 400; src: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/icons/entypo.eot); src: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/icons/entypo.eot) format('ie9-skip-eot'), url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/icons/entypo.woff) format('woff'), url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/icons/entypo.ttf) format('truetype'); }*/ /* Solido */ @font-face { font-family: 'Solido'; font-style: normal; font-weight: 400; src: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solido-medium-webfont.eot) format("eot"), url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solido-medium-webfont.woff) format("woff"), url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solido-medium-webfont.ttf) format("truetype"); } @font-face { font-family: 'Solido'; font-style: normal; font-weight: 800; src: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solido-extrabold-webfont.eot) format("eot"), url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solido-extrabold-webfont.woff) format("woff"), url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solido-extrabold-webfont.ttf) format("truetype"); } /* Solido Condensed */ @font-face { font-family: 'Solido Condensed'; font-style: normal; font-weight: 600; src: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solidocondensed-bold-webfont.eot) format("eot"), url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solidocondensed-bold-webfont.woff) format("woff"), url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solidocondensed-bold-webfont.ttf) format("truetype"); } @font-face { font-family: 'Solido Medium Italic'; font-style: italic; font-weight: 500; src: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solido-mediumitalic-webfont.eot) format("eot"), url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solido-mediumitalic-webfont.svg) format("svg"), url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solido-mediumitalic-webfont.ttf) format("ttf"), url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/solido-mediumitalic-webfont.woff) format("woff"); } /* Tiempos */ @font-face { font-family: 'Tiempos'; font-style: normal; font-weight: 400; src: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/TiemposTextWeb-Regular.woff) format("woff"); } @font-face { font-family: 'Tiempos'; font-style: normal; font-weight: 600; src: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/fonts/TiemposHeadWeb-Semibold.woff) format("woff"); } #super-header { display: none; } .uppercase { text-transform: uppercase; } .center { text-align: center; } .brightred { color: #eb1414; } .brightred a { color: #eb1414; } .hidden { display: none; } .fixed { position: fixed; top: 0; } p { font-family: "Tiempos", Georgia, serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.8rem; margin: 1.5rem 0 0 0; } p img { width: 100%; height: auto; display: block; margin: 1.5rem 0; } .loading { height: 25px; width: 25px; background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/loading.gif); background-position: 0% 0%; background-repeat: no-repeat; background-size: 100%; position: fixed; top: 50%; left: 50%; z-index: 99999; } #site-wrapper { float: left; background: #fff; z-index: 9; position: relative; width: 100%; } #content-wrapper { min-width: 20rem; max-width: 80rem; width: 100%; box-sizing: border-box; padding: 0 1.025rem 0; border: 1px solid #fff; margin: 0 auto; position: relative; z-index: 9999; background: #fff; } #content-wrapper #post-category { display: none; } #content-wrapper h1 { font-family: "Tiempos", georgia, serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 1.875rem; text-align: center; padding: 3.5rem 2rem .5rem; } #content-wrapper .article-meta { padding-bottom: 4rem; } #content-wrapper .article-meta p.dek { font-family: "Solido", Tahoma, sans-serif; font-size: 1rem; font-style: normal; font-variant: normal; font-weight: bold; text-align: center; line-height: 1.375rem; text-transform: none; margin: 0; padding: .5rem 2rem 1rem; } #content-wrapper .article-meta ul { border: none; } #content-wrapper .article-meta ul li { border: none; } #content-wrapper .article-meta ul li.author { font-size: .99em; font-weight: 500; text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; letter-spacing: 1px; width: 100%; padding: 0; float: none; text-align: center; } #content-wrapper .article-meta ul li.date, #content-wrapper .article-meta ul li.contact { display: none; } #content-wrapper #breaking-nav, #content-wrapper #voices-sidebar-nav { float: right; font-size: 1.125rem; font-weight: 600; } #content-wrapper #breaking-nav button.up, #content-wrapper #breaking-nav button.down, #content-wrapper #voices-sidebar-nav button.up, #content-wrapper #voices-sidebar-nav button.down { height: 20px; width: 20px; border: none; margin: 0 0 0 .2rem; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/breaking-news-up.png) 0% 0% no-repeat; } #content-wrapper #breaking-nav button.down, #content-wrapper #voices-sidebar-nav button.down { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/breaking-news-down.png) 0% 0% no-repeat; margin: 0 0 0 .7rem; } #content-wrapper #breaking-nav { margin: 10px 0 -10px; } #content-wrapper .mobile-ad-300-250 { width: 300px; height: 250px; background: #bada55; } #content-wrapper #post-category a { color: #1a1718; } #content-wrapper .post-content img.post-thumb { width: 100%; height: auto; margin: .625rem 0 0; } #content-wrapper #desktop-left { width: 100%; } #content-wrapper #desktop-right { width: 100%; float: right; } #content-wrapper #desktop-right .slate-header { font-size: 22px; line-height: 66px; text-align: left; font-weight: bold; border: 1px solid #96989b; border-width: 1px 0; margin: 20px 0; text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; } #content-wrapper #desktop-right img.slate { margin-bottom: -5px; } #content-wrapper #desktop-right ul.slate { border-bottom: 1px solid #96989b; margin: 0 0 20px; } #content-wrapper #desktop-right ul.slate li { width: 100%; margin: 10px 0 22px; height: 1%; overflow: hidden; } #content-wrapper #desktop-right ul.slate li img { float: left; } #content-wrapper #desktop-right ul.slate li a { font-family: Solido, Tahoma, sans-serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; color: #1a1718; } #content-wrapper #desktop-right ul.slate li a span { padding: 0 0 0 105px; display: block; line-height: 26px; } #content-wrapper.author header { margin-bottom: 1.250rem; padding-bottom: .9rem; border-bottom: 1px solid #a7a9ab; font-weight: 600; } #content-wrapper.author header h1.author-title { display: block; color: #262526; margin: 2rem 0; padding: 0; line-height: 1; font-size: 2rem; text-transform: uppercase; } #content-wrapper.author h2.post-title { font-size: 2.5em; margin-bottom: 20px; color: #231f20; font-family: "Tiempos", Georgia, serif; font-weight: 800; line-height: 1; } #content-wrapper.author p.excerpt { color: #231f20; font-family: "Solido", Tahoma, sans-serif; font-size: 30px; line-height: 42px; margin-bottom: 15px; } #content-wrapper .article-meta { text-transform: uppercase; font-size: .875rem; } #content-wrapper .article-meta ul { width: 100%; color: #262526; height: 1%; overflow: hidden; list-style-type: none; } #content-wrapper .article-meta ul li { float: left; padding: .75rem .75rem .5rem; border-left: 1px solid #a7a9ab; font-family: Solido, Tahoma, sans-serif; } #content-wrapper .article-meta ul li.print { cursor: pointer; height: 35px; width: 22px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/print.png) center center no-repeat; padding: 1.35rem 1.75rem .75rem; } #content-wrapper .article-meta ul li:first-of-type { border-left: none; padding: .75rem .75rem .5rem 0; } #content-wrapper .article-meta ul li a { font-family: Solido, Tahoma, sans-serif; } #content-wrapper .article-meta a { color: #262526; } footer { width: 100%; box-sizing: border-box; background: #000; color: #fff; text-align: center; height: 700px; padding: 3.1rem 0 0; float: left; } footer #footer-logo { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/FPlogo_tab_RGB2.png) no-repeat 0% 0%; height: 6.875rem; width: 8.313rem; margin: 0 auto 1.9rem; } footer ul > li { padding: .625rem 0 0; } footer ul > li a { font-size: .875rem; letter-spacing: 2px; text-transform: uppercase; } @media screen and (min-width: 769px) { #site-wrapper header { top: 0; } #content-wrapper .mobile-ad-300-250 { margin: 25px 0 20px 49%; } #content-wrapper #desktop-right #tabs-container { display: block; } footer { clear: both; text-align: left; padding: 0 0 2rem; height: auto; float: left; } footer > div { margin: 2.5rem 0 0 1.5rem; float: left; width: 16%; } footer > div#footer-logo { margin: 0 0 0 1.5rem; } } @media screen and (max-width: 992px) { #site-wrapper .channel-thumb.active-thumb { display: none; } #site-wrapper #channel-slide-contain #channel-slide-wrapper { max-width: 100%; width: 100%; padding: 0 3%; } #site-wrapper #channel-slide-contain #channel-slide-wrapper .channel-slide { width: 100%; max-width: 100%; } #site-wrapper #channel-slide-contain #channel-slide-wrapper .channel-slide img { width: 100%; } #site-wrapper #desktop-left { float: none; } } .body-ad { width: 100%; display: block; } .body-ad ._300, .body-ad ._728, .body-ad ._970 { margin: 20px auto; } .body-ad ._300 { width: 300px; } .body-ad ._728 { width: 728px; display: none; } .body-ad ._970 { width: 970px; display: none; } #desktop-right .body-ad { clear: both; } @media screen and (min-width: 1080px) { .body-ad.header-ad ._970 { display: block; } .body-ad._75 { width: 75%; float: right; } body.single #site-wrapper > .body-ad ._300 { display: none; } body.single #site-wrapper > .body-ad ._728 { display: block; } } @media screen and (min-width: 1180px) { #content-wrapper > .body-ad._75 { float: left; display: block; } #content-wrapper .body-ad.mid-page { display: block; } #content-wrapper .body-ad.mid-page._728 { display: inline-block; } #content-wrapper .body-ad.mid-page ._300 { display: none; } #content-wrapper .body-ad.mid-page ._728 { display: block; } body.single #site-wrapper > .body-ad ._728 { display: none; } body.single #site-wrapper > .body-ad ._970 { display: block; } } @media screen and (min-width: 1500px) { #content-wrapper > .body-ad.mid-page._75 { display: block; } #content-wrapper > .body-ad.mid-page._75 ._970 { margin-left: auto; } #content-wrapper .body-ad.mid-page._970 { display: inline-block; } #content-wrapper .body-ad.mid-page.square { display: block; } #content-wrapper .body-ad.mid-page ._728 { display: none; } #content-wrapper .body-ad.mid-page ._970 { display: block; margin-left: -60px; } body.single #content-wrapper .body-ad.mid-page ._970 { margin-left: -95px; } } #site-wrapper #content-wrapper { padding: 0 10px 2.35rem; } .single #desktop-left #post-category a { font-size: 2rem; font-weight: 600; text-transform: uppercase; font: "Solido", "Tahoma", sans-serif !important; } .single #desktop-left #cat-image-contain, .page-template-template-recent-voices-php #desktop-left #cat-image-contain, .search #desktop-left #cat-image-contain { text-align: left; margin: 55px 0 0; } .single #desktop-left #cat-image-contain .cat-header-image, .page-template-template-recent-voices-php #desktop-left #cat-image-contain .cat-header-image, .search #desktop-left #cat-image-contain .cat-header-image { max-width: 100%; height: auto; } .single #desktop-left #cat-image-contain .cat-header-image a, .page-template-template-recent-voices-php #desktop-left #cat-image-contain .cat-header-image a, .search #desktop-left #cat-image-contain .cat-header-image a { font-size: 2rem; font-weight: 600; text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; } .single #desktop-left h1.single-title, .page-template-template-recent-voices-php #desktop-left h1.single-title, .search #desktop-left h1.single-title { color: #232323; font-size: 39px; line-height: 1; border-bottom: 1px solid #a7a9ab; margin-bottom: -10px; text-align: left; font-family: "Solido", Tahoma, sans-serif; padding: 3.5rem 0rem .5rem; font-weight: 500; } .single #desktop-left #post-category img, .page-template-template-recent-voices-php #desktop-left #post-category img, .search #desktop-left #post-category img { max-width: 100%; height: auto; } .single #desktop-left #post-category a, .page-template-template-recent-voices-php #desktop-left #post-category a, .search #desktop-left #post-category a { font-size: 2rem; font-weight: 600; text-transform: uppercase; font: "Solido", "Tahoma", sans-serif; } .single #desktop-left .js-container > article, .page-template-template-recent-voices-php #desktop-left .js-container > article, .search #desktop-left .js-container > article { padding: 80px 0 0; } .single #desktop-left .js-container > article:first-of-type, .page-template-template-recent-voices-php #desktop-left .js-container > article:first-of-type, .search #desktop-left .js-container > article:first-of-type { padding: 0; } .single #desktop-left article, .page-template-template-recent-voices-php #desktop-left article, .search #desktop-left article { line-height: 2.1rem; font-size: 1.063rem; position: relative; display: inline-block; max-width: 100%; } .single #desktop-left article .post-inner, .page-template-template-recent-voices-php #desktop-left article .post-inner, .search #desktop-left article .post-inner { position: relative; margin: 15px 0 0; } .single #desktop-left article .post-inner .shares-position, .page-template-template-recent-voices-php #desktop-left article .post-inner .shares-position, .search #desktop-left article .post-inner .shares-position { position: relative; } .single #desktop-left article img, .page-template-template-recent-voices-php #desktop-left article img, .search #desktop-left article img { max-width: 100%; height: auto; } .single #desktop-left article .shares-position p, .page-template-template-recent-voices-php #desktop-left article .shares-position p, .search #desktop-left article .shares-position p { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin: 0 auto 25px; font-size: 17px; line-height: 2.05rem; } .single #desktop-left article .shares-position p:first-of-type, .page-template-template-recent-voices-php #desktop-left article .shares-position p:first-of-type, .search #desktop-left article .shares-position p:first-of-type { margin: 30px auto 25px; } .single #desktop-left article .shares-position p:first-of-type::first-letter, .page-template-template-recent-voices-php #desktop-left article .shares-position p:first-of-type::first-letter, .search #desktop-left article .shares-position p:first-of-type::first-letter { float: left; color: #000; font-size: 4.75rem; line-height: 3.5rem; padding: .375rem .5rem 0 0; } .single #desktop-left article > div.wp-caption, .page-template-template-recent-voices-php #desktop-left article > div.wp-caption, .search #desktop-left article > div.wp-caption { width: 100%; max-width: 100%; margin: 0 auto; } .single #desktop-left article blockquote.pullquote-left, .page-template-template-recent-voices-php #desktop-left article blockquote.pullquote-left, .search #desktop-left article blockquote.pullquote-left { float: left; position: relative; top: 10px; left: -80px; margin: 0 -35px 10px 0; font-family: Solido, Tahoma, sans-serif; font-size: 30px; font-style: normal; font-variant: normal; font-weight: 800; line-height: 36px; width: 200px; } .single #desktop-left article blockquote.pullquote-right, .page-template-template-recent-voices-php #desktop-left article blockquote.pullquote-right, .search #desktop-left article blockquote.pullquote-right { float: right; position: relative; top: 10px; right: -80px; margin: 0 0px 10px -35px; font-family: Solido, Tahoma, sans-serif; font-size: 30px; font-style: normal; font-variant: normal; font-weight: 800; line-height: 36px; width: 200px; } .single #desktop-left.simple-blog-layout article, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article, .search #desktop-left.simple-blog-layout article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: auto; margin: 10px 0 7px; -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); } .single #desktop-left.simple-blog-layout article img, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article img, .search #desktop-left.simple-blog-layout article img { height: auto; max-height: 270px; min-height: inherit; width: auto; float: left; margin: 0 1rem 0 0; } .single #desktop-left.simple-blog-layout article h2.post-title, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article h2.post-title, .search #desktop-left.simple-blog-layout article h2.post-title { font-size: 2.625rem; float: left; clear: none; width: 60%; margin: 0 0 1rem; padding: 1.250rem 0 0; font-family: Tiempos, Georgia, serif; font-weight: 600; text-transform: capitalize; } .single #desktop-left.simple-blog-layout article p.excerpt, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article p.excerpt, .search #desktop-left.simple-blog-layout article p.excerpt { font-weight: 600; float: left; width: 60%; line-height: 1.5rem; margin: 0 0 1.7rem; } .single #desktop-left.simple-blog-layout article section.article-meta, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta, .search #desktop-left.simple-blog-layout article section.article-meta { width: 60%; float: left; } .single #desktop-left.simple-blog-layout article, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article, .search #desktop-left.simple-blog-layout article { width: 100%; } .single #desktop-left.simple-blog-layout article a.department, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article a.department, .search #desktop-left.simple-blog-layout article a.department { color: #fff; background-color: #eb1414; line-height: 20px; position: absolute; padding: 6px 15px; top: -7px; left: 8px; font-family: "Solido", Tahoma, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 600; -webkit-font-smoothing: antialiased; display: block; margin: 0; z-index: 99; margin-left: -16px; } .single #desktop-left.simple-blog-layout article a.department:before, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article a.department:before, .search #desktop-left.simple-blog-layout article a.department:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #8d0c0c; border-top-color: #8d0c0c; } .single #desktop-left.simple-blog-layout article div.img-mask, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article div.img-mask, .search #desktop-left.simple-blog-layout article div.img-mask { overflow: hidden; position: relative; width: 100%; } .single #desktop-left.simple-blog-layout article div.img-mask img, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article div.img-mask img, .search #desktop-left.simple-blog-layout article div.img-mask img { width: 100%; height: auto; max-height: inherit; } .single #desktop-left.simple-blog-layout article .text-wrapper, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article .text-wrapper, .search #desktop-left.simple-blog-layout article .text-wrapper { width: 100%; padding: 20px; } .single #desktop-left.simple-blog-layout article h2.post-title, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article h2.post-title, .search #desktop-left.simple-blog-layout article h2.post-title { width: 100%; padding: 10px 16px 0; line-height: 45px; } .single #desktop-left.simple-blog-layout article h2.post-title a:link, .single #desktop-left.simple-blog-layout article h2.post-title a:hover, .single #desktop-left.simple-blog-layout article h2.post-title a:visited, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article h2.post-title a:link, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article h2.post-title a:hover, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article h2.post-title a:visited, .search #desktop-left.simple-blog-layout article h2.post-title a:link, .search #desktop-left.simple-blog-layout article h2.post-title a:hover, .search #desktop-left.simple-blog-layout article h2.post-title a:visited { color: #000; font-size: 42px; } .single #desktop-left.simple-blog-layout article p.excerpt, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article p.excerpt, .search #desktop-left.simple-blog-layout article p.excerpt { padding: 0 0 0 1rem; width: 100%; } .single #desktop-left.simple-blog-layout article p.excerpt::first-letter, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article p.excerpt::first-letter, .search #desktop-left.simple-blog-layout article p.excerpt::first-letter { float: none; font-size: inherit; line-height: inherit; padding: 0; } .single #desktop-left.simple-blog-layout article section.article-meta, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta, .search #desktop-left.simple-blog-layout article section.article-meta { width: 100%; padding: 0; margin: 0 0 1rem; } .single #desktop-left.simple-blog-layout article section.article-meta ul, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta ul, .search #desktop-left.simple-blog-layout article section.article-meta ul { border: none; padding: 0 0 0 6px; } .single #desktop-left.simple-blog-layout article section.article-meta ul li, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta ul li, .search #desktop-left.simple-blog-layout article section.article-meta ul li { padding: 0; } .single #desktop-left.simple-blog-layout article section.article-meta ul li:first-of-type, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta ul li:first-of-type, .search #desktop-left.simple-blog-layout article section.article-meta ul li:first-of-type { padding: 0 10px 0 0; } .single #desktop-left.simple-blog-layout article section.article-meta ul li.simple-author a, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta ul li.simple-author a, .search #desktop-left.simple-blog-layout article section.article-meta ul li.simple-author a { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 800; text-transform: none; } .single #desktop-left.simple-blog-layout article section.article-meta ul li h3.shares, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta ul li h3.shares, .search #desktop-left.simple-blog-layout article section.article-meta ul li h3.shares { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 800; line-height: 23px; padding: 0 0 0 10px; margin: 0; } .single #desktop-left.channel-layout img.full-width, .page-template-template-recent-voices-php #desktop-left.channel-layout img.full-width, .search #desktop-left.channel-layout img.full-width { max-width: 100%; height: auto; margin: 20px 0 0; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12), .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12), .search #desktop-left.channel-layout article:nth-of-type(6n + 12) { height: auto; width: 100%; -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); height: 1%; overflow: hidden; clear: both; margin-bottom: 20px; overflow: visible; padding: 0; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) > div, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) > div, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) > div { width: 100%; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) > div h3.shares ul, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) > div h3.shares ul, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) > div h3.shares ul { bottom: auto; top: -9px; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) img, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) img, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) img { min-height: inherit; max-height: initial; margin: 0; width: 100%; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .center, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .center, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .center { margin: -20px 0 0; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author { width: 100%; background: #fff; position: relative; bottom: auto; left: auto; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author:before, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author:before, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author:before { content: ""; position: absolute; top: -32px; left: 6%; width: 88%; height: 32px; background: #fff; border: 3px solid #EB1414; border-bottom: 0; box-sizing: border-box; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 { width: 88%; margin: 0 auto; text-align: center; background: #fff; padding: 1rem 0 0; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:link, .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:hover, .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:visited, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:link, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:hover, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:visited, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:link, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:hover, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:visited { color: #000; font-size: 3.438rem; font-family: "Tiempos", Georgia, serif; font-weight: 800; line-height: 3.438rem; position: relative; top: -27px; background: none; -webkit-box-shadow: 10px 0 0 white; -moz-box-shadow: 10px 0 0 white; box-shadow: 10px 0 0 white; text-transform: capitalize; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:link span, .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:hover span, .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:visited span, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:link span, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:hover span, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:visited span, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:link span, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:hover span, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:visited span { color: #000; -webkit-box-shadow: -10px 0 0 white; -moz-box-shadow: -10px 0 0 white; box-shadow: -10px 0 0 white; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3 { display: inline-block; margin: 0; float: none; padding: 5px 10px; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.author a, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.author a, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.author a { font-size: 1rem; text-transform: capitalize; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.dek, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.dek, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.dek { display: block; font-family: "Tiempos", Georgia, serif; text-align: center; font-weight: 600; margin: 0 0 8px; line-height: 1.5rem; padding: 0 6%; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.author, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.author, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.author { border-right: 1px solid #000; padding: 0 10px; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) a.department, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) a.department, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) a.department { color: #fff; background-color: #eb1414; line-height: 20px; position: absolute; padding: 6px 15px; top: -7px; left: -9px; font-family: "Solido Condensed", Tahoma, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 600; letter-spacing: 1px; -webkit-font-smoothing: antialiased; display: block; margin: 0; width: initial; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) a.department:before, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) a.department:before, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) a.department:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #8d0c0c; border-top-color: #8d0c0c; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) div.img-mask, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) div.img-mask, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) div.img-mask { width: 100%; margin: 0; max-height: 350px; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author { margin: 0; padding: 0 20px; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author:before, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author:before, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author:before { left: 0; width: 100%; top: -32px; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 { width: 100%; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:link, .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:hover, .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:visited, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:link, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:hover, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:visited, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:link, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:hover, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:visited { font-size: 32px; line-height: 32px; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.author:after, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.author:after, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.author:after { display: none; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author a.author, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author a.author, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author a.author { float: none; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.shares, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.shares, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.shares { display: none; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.center, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.center, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.center { width: 100%; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain { float: none; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain.table, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain.table, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain.table { display: inline-table; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain li, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain li, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain li { display: inline-block; } .single #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain li a, .page-template-template-recent-voices-php #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain li a, .search #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author div.share-contain li a { display: inline-block; height: 22px; width: 22px; } .standard-article #content-wrapper #post-category { display: block; font-size: 2rem; } .standard-article #content-wrapper h1.post-title { text-align: left; border-bottom: none; border-top: 1px solid #a7a9ab; font-size: 2rem; padding: 1.5rem 0 1rem; margin: .65rem 0 0; line-height: 1; } .standard-article #content-wrapper p.dek { padding-bottom: .938rem; padding-left: 0; text-align: left; font-size: 30px; line-height: 2.625rem; font-weight: normal; width: 100%; } .standard-article #content-wrapper p.dek::first-letter { float: none; font-size: inherit; line-height: inherit; padding: 0; } .standard-article #content-wrapper p.dek:first-of-type { margin: 0 auto; } .standard-article #content-wrapper .article-meta { padding-bottom: 10px; letter-spacing: 1px; } .standard-article #content-wrapper .article-meta ul { border-top: 1px solid #a7a9ab; overflow: visible; } .standard-article #content-wrapper .article-meta ul li { text-align: left; line-height: 1.5rem; float: left; display: block; padding: .3rem .75rem; margin: 0; height: 35px; } .standard-article #content-wrapper .article-meta ul li:first-of-type { padding: .3rem .75rem .5rem 0; } .standard-article #content-wrapper .article-meta ul li.author-email { padding: .3rem .75rem .5rem 1.7rem; } .standard-article #content-wrapper .article-meta ul li.author { width: auto; position: relative; } .standard-article #content-wrapper .article-meta ul li.author a { font-size: .875rem; color: #eb1414; position: relative; } .standard-article #content-wrapper .article-meta ul li.author span.description { position: absolute; top: 23px; left: 23px; width: 265px; background: #fff; padding: 10px 10px 10px 70px; margin: 20px 0 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); color: #000; font-size: 12px; line-height: 16px; z-index: 99; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; text-transform: none; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .standard-article #content-wrapper .article-meta ul li.author span.description:before { content: ""; display: inline-block; width: 24px; height: 25px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/tool-tip-arrow.png) top left no-repeat; position: absolute; top: -24px; left: -2px; } .standard-article #content-wrapper .article-meta ul li.author span.description p { line-height: 16px; font-size: 12px; text-transform: none; width: 100%; } .standard-article #content-wrapper .article-meta ul li.author span.description span.info-icon { height: 90%; width: 20%; padding: 10px 0; position: absolute; left: 0; top: 5%; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/info-icon.png) 50% 50% no-repeat; border-right: 1px solid #d8d8d8; } .standard-article #content-wrapper .article-meta ul li.author span.author:hover span.description { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .standard-article #content-wrapper .article-meta ul li.author-email { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/author-email.jpg) 10px 45% no-repeat; } @media screen and (min-width: 769px) { .search #desktop-left.simple-blog-layout article p.excerpt { margin: 0 0 0 17px; } .single #desktop-left #cat-image-contain, .page-template-template-recent-voices-php #desktop-left #cat-image-contain, .search #desktop-left #cat-image-contain { text-align: left; margin: 5px 0 0; } .single #desktop-left h1.single-title, .page-template-template-recent-voices-php #desktop-left h1.single-title, .search #desktop-left h1.single-title { padding: 0.5rem 0rem .5rem; font-size: 45px; } .single #desktop-left article p, .page-template-template-recent-voices-php #desktop-left article p, .search #desktop-left article p { width: 95%; } .single #desktop-left article p .image-credit, .page-template-template-recent-voices-php #desktop-left article p .image-credit, .search #desktop-left article p .image-credit { color: #666666; font-size: 0.9em; } .single #desktop-left article .wp-caption, .page-template-template-recent-voices-php #desktop-left article .wp-caption, .search #desktop-left article .wp-caption { width: 70%; max-width: 70%; margin: 0 auto; } .single #desktop-left article .wp-caption p.wp-caption-text, .page-template-template-recent-voices-php #desktop-left article .wp-caption p.wp-caption-text, .search #desktop-left article .wp-caption p.wp-caption-text { color: #666666; font-size: 0.9em; margin: 0 auto 25px; text-align: center; } .single #desktop-left article .wp-caption p.wp-caption-text::first-letter, .page-template-template-recent-voices-php #desktop-left article .wp-caption p.wp-caption-text::first-letter, .search #desktop-left article .wp-caption p.wp-caption-text::first-letter { float: none; font-size: inherit; line-height: inherit; padding: 0; color: #666; } .single #desktop-left.simple-blog-layout article, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article, .search #desktop-left.simple-blog-layout article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: auto; margin: 10px 0 7px; -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); } .single #desktop-left.simple-blog-layout article img, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article img, .search #desktop-left.simple-blog-layout article img { height: auto; max-height: 270px; min-height: inherit; width: auto; float: left; margin: 0 1rem 0 0; } .single #desktop-left.simple-blog-layout article h2.post-title, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article h2.post-title, .search #desktop-left.simple-blog-layout article h2.post-title { font-size: 2.625rem; float: left; clear: none; width: 60%; margin: 0 0 1rem; padding: 1.250rem 0 0; font-family: Tiempos, Georgia, serif; font-weight: 600; text-transform: capitalize; } .single #desktop-left.simple-blog-layout article p.excerpt, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article p.excerpt, .search #desktop-left.simple-blog-layout article p.excerpt { font-weight: 600; float: left; width: 60%; line-height: 1.5rem; margin: 0 0 1.7rem; } .single #desktop-left.simple-blog-layout article section.article-meta, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta, .search #desktop-left.simple-blog-layout article section.article-meta { width: 60%; float: left; } .single #desktop-left.simple-blog-layout article, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article, .search #desktop-left.simple-blog-layout article { width: 100%; } .single #desktop-left.simple-blog-layout article div.img-mask, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article div.img-mask, .search #desktop-left.simple-blog-layout article div.img-mask { overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; width: 33%; } .single #desktop-left.simple-blog-layout article div.img-mask img, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article div.img-mask img, .search #desktop-left.simple-blog-layout article div.img-mask img { width: auto; height: 100%; max-width: initial; } .single #desktop-left.simple-blog-layout article .text-wrapper, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article .text-wrapper, .search #desktop-left.simple-blog-layout article .text-wrapper { width: 67%; margin-left: 33%; padding: 20px; margin-top: 0; } .single #desktop-left.simple-blog-layout article h2.post-title, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article h2.post-title, .search #desktop-left.simple-blog-layout article h2.post-title { width: 100%; padding: 1.25rem 1rem 0; line-height: 45px; } .single #desktop-left.simple-blog-layout article h2.post-title a:link, .single #desktop-left.simple-blog-layout article h2.post-title a:hover, .single #desktop-left.simple-blog-layout article h2.post-title a:visited, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article h2.post-title a:link, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article h2.post-title a:hover, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article h2.post-title a:visited, .search #desktop-left.simple-blog-layout article h2.post-title a:link, .search #desktop-left.simple-blog-layout article h2.post-title a:hover, .search #desktop-left.simple-blog-layout article h2.post-title a:visited { color: #000; font-size: 42px; } .single #desktop-left.simple-blog-layout article p.excerpt, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article p.excerpt, .search #desktop-left.simple-blog-layout article p.excerpt { padding: 0 0 0 1rem; width: 100%; display: inline-block; } .single #desktop-left.simple-blog-layout article p.excerpt::first-letter, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article p.excerpt::first-letter, .search #desktop-left.simple-blog-layout article p.excerpt::first-letter { float: none; font-size: inherit; line-height: inherit; padding: 0; } .single #desktop-left.simple-blog-layout article section.article-meta, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta, .search #desktop-left.simple-blog-layout article section.article-meta { width: 100%; padding: 0; margin: 0 0 1rem; } .single #desktop-left.simple-blog-layout article section.article-meta ul, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta ul, .search #desktop-left.simple-blog-layout article section.article-meta ul { border: none; padding: 0 0 0 1rem; } .single #desktop-left.simple-blog-layout article section.article-meta ul li, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta ul li, .search #desktop-left.simple-blog-layout article section.article-meta ul li { padding: 0; } .single #desktop-left.simple-blog-layout article section.article-meta ul li:first-of-type, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta ul li:first-of-type, .search #desktop-left.simple-blog-layout article section.article-meta ul li:first-of-type { padding: 0 10px 0 0; } .single #desktop-left.simple-blog-layout article section.article-meta ul li.simple-author a, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta ul li.simple-author a, .search #desktop-left.simple-blog-layout article section.article-meta ul li.simple-author a { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 800; } .single #desktop-left.simple-blog-layout article section.article-meta ul li h3.shares, .page-template-template-recent-voices-php #desktop-left.simple-blog-layout article section.article-meta ul li h3.shares, .search #desktop-left.simple-blog-layout article section.article-meta ul li h3.shares { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 800; line-height: 23px; padding: 0 0 0 10px; margin: 0; } } @media screen and (min-width: 1180px) { body.single #desktop-left article .pull-quote-left:before { left: -7%; width: 30%; } body.single #desktop-left article .pull-quote-right:before { right: -7%; width: 30%; margin: 0 0 20px; } body.single #desktop-left article p { width: 70%; } body.single #desktop-left .article-full-hide { display: none; } body.single.single-channel #desktop-left.channel-layout img.full-width { max-width: 100%; height: auto; margin: 20px 0 0; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) { height: auto; width: 100%; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) > div { width: 100%; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) > div h3.shares ul { bottom: auto; top: -9px; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) img { min-height: inherit; max-height: initial; margin: 0; width: 100%; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .center { margin: -20px 0 0; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author { width: 100%; background: #fff; position: relative; bottom: auto; left: auto; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author:before { content: ""; position: absolute; top: -32px; left: 6%; width: 88%; height: 32px; background: #fff; border: 3px solid #EB1414; border-bottom: 0; box-sizing: border-box; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 { width: 88%; margin: 0 auto; text-align: center; background: #fff; padding: 1rem 0 0; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:link, body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:hover, body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:visited { color: #000; font-size: 3.438rem; font-family: "Tiempos", Georgia, serif; font-weight: 800; line-height: 3.438rem; position: relative; top: -27px; background: none; -webkit-box-shadow: 10px 0 0 white; -moz-box-shadow: 10px 0 0 white; box-shadow: 10px 0 0 white; text-transform: capitalize; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:link span, body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:hover span, body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h2 a:visited span { color: #000; -webkit-box-shadow: -10px 0 0 white; -moz-box-shadow: -10px 0 0 white; box-shadow: -10px 0 0 white; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3 { display: inline-block; margin: 0; float: none; padding: 5px 10px; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.author a { font-size: 1rem; text-transform: capitalize; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.dek { display: block; font-family: "Tiempos", Georgia, serif; text-align: center; font-weight: 600; margin: 0 0 8px; line-height: 1.5rem; padding: 0 6%; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) .title-author h3.author { border-right: 1px solid #000; padding: 0 10px; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) > div { width: 100%; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) > div h3.shares ul { bottom: auto; top: -9px; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) > div h3.shares ul li.authors, body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) > div h3.shares ul li.date, body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) > div h3.shares ul li.print { display: none; } body.single.single-channel #desktop-left.channel-layout article:nth-of-type(6n + 12) > div h3.shares ul li.sharing a.email { display: none; } } div.author-side-contain { -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: .5rem; display: inline-block; } div.author-side-contain h2 { color: #000; font-weight: 800; font-size: 25px; padding: 7px 6px 20px; } div.author-side-contain img { display: block; width: 100%; height: auto; margin: -10px 0 20px; } div.author-side-contain p { font-size: 18px; font-family: "Tiempos", Georgia, serif; line-height: 33px; } div.author-side-contain .author-meta { margin-top: 24px; border-top: 1px solid #a7a9ab; padding: 15px 3px 7px; line-height: 22px; } div.author-side-contain .author-meta a { color: #1a1718; } body.single h1.post-title a { color: #1a1718; } body.single.standard-article #content-wrapper .article-meta ul { font-size: 14px; padding-left: 0px; } body.single.standard-article #content-wrapper .article-meta ul li.print { cursor: pointer; height: 35px; width: 22px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/print.png) center center no-repeat; padding: 1.35rem 1.75rem .75rem; } body.single.standard-article #content-wrapper .article-meta ul li.print { display: none; } body.single.standard-article #content-wrapper .article-meta ul li.sharing { padding: .2rem .4rem; } body.single.standard-article #content-wrapper .article-meta ul li.sharing a { float: left; height: 27px; width: 28px; cursor: pointer; margin: 0 .2rem; position: relative; } body.single.standard-article #content-wrapper .article-meta ul li.sharing a:hover { opacity: 0.7; } body.single.standard-article #content-wrapper .article-meta ul li.sharing a img { width: 100%; height: 100%; } @media screen and (min-width: 769px) { body.single.standard-article #content-wrapper .article-meta ul li.print { display: inline-block; } } @media screen and (min-width: 1180px) { body.single #site-wrapper #content-wrapper { padding: 1rem 2.325rem 2.325rem; } body.single #site-wrapper #content-wrapper h1.post-title { text-align: left; border-bottom: none; border-top: 1px solid #a7a9ab; font-size: 3.875rem; line-height: 3.875rem; padding: 1rem 0 .5rem; } body.single #desktop-left #post-category a { font-size: 2rem; font-weight: 600; text-transform: uppercase; } body.single.featured-article .article-meta { border-top: 1px solid #a7a9ab; } body.single.standard-article #content-wrapper #post-category { display: block; font-size: 2rem; padding: 0 0 .5rem; } body.single.standard-article #content-wrapper p.dek { padding-bottom: .938rem; padding-left: 0; text-align: left; font-size: 1.875rem; line-height: 2.625rem; font-weight: normal; } } body.archive .post-title { font-size: 2.65em; line-height: 1 !important; } body.archive #site-wrapper #content-wrapper #desktop-left article p.excerpt { padding-top: 2px; } body.archive #site-wrapper #content-wrapper #desktop-left article h2.post-title { margin-bottom: 0px; } body.archive #content-wrapper { padding: 2rem 1.025rem 0; } body.archive #content-wrapper h1.archive-title { color: #1a1718; font-family: "Solido", Tahoma, sans-serif; text-align: left; border-bottom: 1px solid #1a1718; font-size: 45px; font-style: normal; font-variant: normal; font-weight: normal; height: 66px; line-height: 45px; padding: 0; width: 99.5%; float: right; } body.archive #desktop-left { padding: .5rem 1.5rem .5rem .5rem; } body.archive #desktop-left h2.post-title a:link, body.archive #desktop-left h2.post-title a:hover, body.archive #desktop-left h2.post-title a:visited { color: #1a1718; } body.archive #desktop-left a:hover { text-decoration: underline; } body.archive #desktop-left > section:first-of-type > article { border-top: 1px solid #a7a9ab; } body.archive #desktop-left article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: auto; margin: 10px 0 7px; -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); } body.archive #desktop-left article img { height: auto; max-height: 270px; min-height: inherit; width: auto; float: left; margin: 0 1rem 0 0; } body.archive #desktop-left article h2.post-title { font-size: 2.625rem; float: left; clear: none; width: 60%; margin: 0 0 1rem; padding: 1.250rem 0 0; font-family: Tiempos, Georgia, serif; font-weight: 600; text-transform: capitalize; } body.archive #desktop-left article p.excerpt { font-weight: 600; float: left; width: 60%; line-height: 1.5rem; margin: 0 0 1.7rem; } body.archive #desktop-left article section.article-meta { width: 60%; float: left; } body.archive #desktop-left article { height: auto; margin: .5rem 0; } body.archive #desktop-left article div.img-mask { overflow: hidden; float: left; height: 100%; width: 100%; } body.archive #desktop-left article img { width: 100%; height: auto; min-height: 1px; } body.archive #desktop-left article h2.post-title, body.archive #desktop-left article p.excerpt { width: 90%; padding: 1rem 1rem 0; } body.archive #desktop-left article h2.post-title { font-size: 2.5rem; } body.archive #desktop-left article section.article-meta { display: none; text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; font-size: .938rem; } body.archive #desktop-left article section.article-meta a { color: #eb1414; font-family: "Solido", Tahoma, sans-serif; font-size: .938rem; font-style: normal; font-variant: normal; font-weight: normal; text-transform: uppercase; } body.archive #desktop-left article section.article-meta .date { display: block; } body.archive #desktop-left article section.article-meta ul li.sharing { padding: .2rem; } body.archive #desktop-left article section.article-meta ul li.sharing a { float: left; height: 27px; width: 28px; cursor: pointer; margin: 0 .2rem; position: relative; } body.archive #desktop-left article section.article-meta ul li.sharing a img { height: 100%; width: 100%; } body.archive #desktop-left.featured-styles #cat-image-contain { text-align: left; margin: 55px 0 0; } body.archive #desktop-left.featured-styles #cat-image-contain .cat-header-image { max-width: 100%; height: auto; } body.archive #desktop-left.featured-styles article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: 100%; margin: 1.7rem 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body.archive #desktop-left.featured-styles article img { height: auto; width: auto; float: none; margin: 0 auto; } body.archive #desktop-left.featured-styles article div.img-mask img { width: 100%; height: auto; max-height: inherit; } body.archive #desktop-left.featured-styles article h2.post-title { color: #231f20; font-family: "Tiempos", Georgia, serif; font-weight: 800; font-size: 3.875em; line-height: 1; margin-bottom: 0px; padding-bottom: 1rem; border-bottom: 1px solid #a7a9ab; width: 100%; box-sizing: border-box; } body.archive #desktop-left.featured-styles article div.img-mask { clear: both; width: 60%; margin: 0 auto; float: none; } body.archive #desktop-left.featured-styles article div.img-mask img { width: 100%; height: auto; min-height: 0; } body.archive #desktop-left.featured-styles article p.excerpt { float: left; width: 100%; line-height: 2rem; margin: 0 0 1.7rem; font-family: "Tiempos", Georgia, serif; font-size: 17px; font-weight: 500; padding: 0 120px; clear: both; } body.archive #desktop-left.featured-styles article p.read-more { 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; text-align: right; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/down-arrow.png) 100% 0% no-repeat; padding: 0 25px 0 0; cursor: pointer; } body.archive #desktop-left.featured-styles article section.article-meta { width: 100%; float: left; display: inline-block; padding-bottom: 1rem; letter-spacing: 1px; } body.archive #desktop-left.featured-styles article div.img-mask { width: 100%; } body.archive #desktop-left.featured-styles article p, body.archive #desktop-left.featured-styles article p .excerpt { padding: 0; font-size: 17px; line-height: 29px; } body.archive #desktop-left.featured-styles article p::first-letter, body.archive #desktop-left.featured-styles article p .excerpt::first-letter { float: none; font-size: inherit; line-height: inherit; padding: 0; } body.archive #desktop-left.featured-styles article p p, body.archive #desktop-left.featured-styles article p ul, body.archive #desktop-left.featured-styles article p .excerpt p, body.archive #desktop-left.featured-styles article p .excerpt ul { width: 100%; } body.archive #desktop-left.featured-styles article h2.post-title { font-size: 2.5rem; } body.archive #desktop-left.featured-styles article .article-meta ul { padding: 0; } body.archive #desktop-left.featured-styles article .article-meta ul li { margin: 0; padding: 5px .75rem; } body.archive #desktop-left.featured-styles article .article-meta ul li, body.archive #desktop-left.featured-styles article .article-meta ul li a { font-size: 14px; } body.archive #desktop-left.featured-styles article .article-meta ul li.print { width: 22px; padding: 0 1.75rem .75rem; display: block; display: none; } body.archive #desktop-left.featured-styles article .article-meta ul li.sharing { padding: .2rem; } body.archive #desktop-left.featured-styles article .article-meta ul li.sharing img { height: 100%; width: 100%; margin: 0; } body.archive #desktop-left.simple-author article a.department { color: #fff; background-color: #eb1414; line-height: 20px; position: absolute; padding: 6px 15px; top: -7px; left: 8px; font-family: "Solido", Tahoma, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 600; -webkit-font-smoothing: antialiased; display: block; margin: 0; z-index: 99; margin-left: -16px; } body.archive #desktop-left.simple-author article .img-mask { overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; } body.archive #desktop-left.simple-author article .text-wrapper { width: 100%; margin-top: 60%; padding: 20px 0; } body.archive #desktop-left.simple-author article .text-wrapper h2.post-title { margin: 0; } body.archive #desktop-left.simple-author article .text-wrapper p.excerpt { padding: 10px 16px 0; } body.archive #desktop-right.featured-styles { margin: 0; } body.archive #desktop-right .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; margin: 20px 0 15px; } body.archive #desktop-right .blog-about h2 { color: #000; font-weight: 800; font-size: 25px; padding: 7px 6px 20px 0px; } body.archive #desktop-right .blog-about p { font-size: 18px; line-height: 33px; margin: 10px 0 25px; } body.archive #desktop-right .blog-about ul li { margin: 10px 0; } body.archive #desktop-right .blog-about ul li a { text-transform: uppercase; font-size: 14px; font-family: "Solido", Tahoma, sans-serif; } body.archive #desktop-right .blog-about ul li a.email { color: #eb1414; } body.archive #desktop-right .blog-about ul li a.twitter { color: #000; } body.archive.author #site-wrapper #content-wrapper { padding: 4rem 1.025rem 0; } body.archive.author #site-wrapper #content-wrapper section.author-header h1 { color: #eb1414; font-family: "Solido", Tahoma, sans-serif; font-size: 2rem; font-style: normal; font-variant: normal; font-weight: bold; padding: 0 0 .5rem; line-height: 4rem; text-align: left; height: 62px; text-transform: none; border-bottom: 1px solid #96989b; } body.archive.author #site-wrapper #content-wrapper section.author-header h1:before { content: " "; display: block; float: left; border-right: 1px solid #96989b; height: 62px; width: 70px; padding: 0; margin: 0 1rem 0 0; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/author-icon.jpg) 50% 50% no-repeat; } body.archive.author #site-wrapper #content-wrapper #desktop-left #author-bio { padding: .5rem; float: left; margin: 0 0 50px; min-height: 300px; -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); } body.archive.author #site-wrapper #content-wrapper #desktop-left #author-bio img { float: left; max-width: 40%; } body.archive.author #site-wrapper #content-wrapper #desktop-left #author-bio p { width: 50%; float: right; clear: right; padding: 0 2rem; font-size: 1.063rem; line-height: 2rem; font-family: "Tiempos", Georgia, serif; } body.archive.author #site-wrapper #content-wrapper #desktop-left #author-bio p:first-of-type::first-letter { float: left; color: #eb1414; font-size: 4.75rem; line-height: 3.5rem; padding: .375rem .5rem 0 0; } body.archive.author #site-wrapper #content-wrapper #desktop-left #author-bio ul.author-info { display: inline-block; list-style-type: none; } body.archive.author #site-wrapper #content-wrapper #desktop-left #author-bio ul.author-info li { display: inline-block; margin: 0 20px 0 0; } body.archive.author #site-wrapper #content-wrapper #desktop-left #author-bio.bio-no-photo p { width: 100%; } body.archive.author #site-wrapper #content-wrapper.voices-author section.author-header h1 { color: #262526; line-height: 32px; height: auto; border-bottom: none; } body.archive.author #site-wrapper #content-wrapper.voices-author section.author-header h1:before { display: none; } body.archive.author #site-wrapper #content-wrapper div.author-side-contain { -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: .5rem; display: inline-block; } body.archive.author #site-wrapper #content-wrapper div.author-side-contain h2 { color: #000; font-weight: 800; font-size: 25px; padding: 7px 6px 20px; } body.archive.author #site-wrapper #content-wrapper div.author-side-contain img { display: block; width: 100%; height: auto; margin: -10px 0 20px; } body.archive.author #site-wrapper #content-wrapper div.author-side-contain p { font-size: 18px; font-family: "Tiempos", Georgia, serif; line-height: 33px; } body.archive.author #site-wrapper #content-wrapper div.author-side-contain .author-meta { margin-top: 24px; border-top: 1px solid #a7a9ab; padding: 15px 3px 7px; line-height: 22px; } body.archive.author #site-wrapper #content-wrapper div.author-side-contain .author-meta a { color: #1a1718; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article { clear: both; display: inline-block; margin: 10px 0 0; border-top: 1px solid #ccc; position: relative; padding: 10px 0 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article .img-mask { width: 120px; height: 110px; overflow: hidden; float: left; margin: 10px 0 0; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article .img-mask img { width: 100%; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article > div { margin: 0; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article > div h2.white a { font-size: 27px; line-height: 35px; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article > div .title-author { margin: 0 0 0 16px; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article > div .title-author .center { text-align: left; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article > div .title-author .center h3.shares ul { display: none; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) { padding: 0; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) a.department { color: #fff; background-color: #eb1414; line-height: 20px; position: absolute; padding: 6px 15px; top: -7px; left: 8px; font-family: "Solido", Tahoma, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 600; -webkit-font-smoothing: antialiased; display: block; margin: 0; z-index: 99; margin-left: -16px; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) a.department:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #8d0c0c; border-top-color: #8d0c0c; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .img-mask { width: 100%; height: 80px; margin: 0; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .img-mask img { margin: 0; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .title-author { width: 100%; text-align: center; border-top: 3px solid #eb1414; margin: 0; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .title-author h2.white { padding: 15px 0 0; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .title-author .center { width: 100%; text-align: center; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .title-author .center .dek { display: inline-block; font-size: 14px; font-weight: 600; line-height: 21px; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .title-author .center .share-contain { width: 100%; } @media screen and (min-width: 320px) { body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article { width: 100%; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article .img-mask { width: 100%; height: auto; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article .img-mask img { width: 100%; height: auto; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .img-mask { height: auto; } body.archive.tax-zoninator_zones #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .title-author:before { top: -30px; } } @media screen and (min-width: 769px) { body.archive #desktop-left article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: auto; margin: 10px 0 7px; -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); } body.archive #desktop-left article img { height: auto; max-height: 270px; min-height: inherit; width: auto; float: left; margin: 0 1rem 0 0; } body.archive #desktop-left article h2.post-title { font-size: 2.625rem; float: left; clear: none; width: 60%; margin: 0 0 1rem; padding: 1.250rem 0 0; font-family: Tiempos, Georgia, serif; font-weight: 600; text-transform: capitalize; } body.archive #desktop-left article p.excerpt { font-weight: 600; float: left; width: 60%; line-height: 1.5rem; margin: 0 0 1.7rem; } body.archive #desktop-left article section.article-meta { width: 60%; float: left; } body.archive #desktop-left article { float: none; width: 100%; } body.archive #desktop-left article div.img-mask { overflow: hidden; float: left; height: 100%; width: 35%; margin: 0px 20px -10px 0px; } body.archive #desktop-left article img { height: auto; width: auto; } body.archive #desktop-left article h2.post-title { padding: 1.250rem 1rem 0; font-size: 1.875rem; } body.archive #desktop-left article h2.post-title, body.archive #desktop-left article p.excerpt { width: 55%; } body.archive #desktop-left.featured-styles #cat-image-contain { margin: 20px 0 0; } body.archive #desktop-left.featured-styles article p, body.archive #desktop-left.featured-styles article p .excerpt { font-size: 17px; } body.archive #desktop-left.featured-styles article .article-meta ul li.print { display: inline-block; } body.archive #desktop-left.simple-author article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: auto; margin: 10px 0 7px; -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); } body.archive #desktop-left.simple-author article img { height: auto; max-height: 270px; min-height: inherit; width: auto; float: left; margin: 0 1rem 0 0; } body.archive #desktop-left.simple-author article h2.post-title { font-size: 2.625rem; float: left; clear: none; width: 60%; margin: 0 0 1rem; padding: 1.250rem 0 0; font-family: Tiempos, Georgia, serif; font-weight: 600; text-transform: capitalize; } body.archive #desktop-left.simple-author article p.excerpt { font-weight: 600; float: left; width: 60%; line-height: 1.5rem; margin: 0 0 1.7rem; } body.archive #desktop-left.simple-author article section.article-meta { width: 60%; float: left; } body.archive #desktop-left.simple-author article { width: 100%; padding: 20px 0 0; } body.archive #desktop-left.simple-author article a.department { color: #fff; background-color: #eb1414; line-height: 20px; position: absolute; padding: 6px 15px; top: -7px; left: 8px; font-family: "Solido", Tahoma, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 600; -webkit-font-smoothing: antialiased; display: block; margin: 0; z-index: 99; margin-left: -16px; } body.archive #desktop-left.simple-author article a.department:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #8d0c0c; border-top-color: #8d0c0c; } body.archive #desktop-left.simple-author article div.img-mask { overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; width: 33%; } body.archive #desktop-left.simple-author article div.img-mask img { width: auto; height: auto; max-width: initial; max-height: inherit; min-width: 100%; min-height: 100%; } body.archive #desktop-left.simple-author article .text-wrapper { width: 67%; margin-left: 33%; padding: 0 20px; margin-top: 0; } body.archive #desktop-left.simple-author article h2.post-title { width: 100%; padding: 0 1rem 0; line-height: 45px; } body.archive #desktop-left.simple-author article h2.post-title a:link, body.archive #desktop-left.simple-author article h2.post-title a:hover, body.archive #desktop-left.simple-author article h2.post-title a:visited { color: #000; font-size: 42px; } body.archive #desktop-left.simple-author article p.excerpt { padding: 0 0 0 1rem; width: 100%; } body.archive #desktop-left.simple-author article p.excerpt::first-letter { float: none; font-size: inherit; line-height: inherit; padding: 0; } body.archive #desktop-left.simple-author article section.article-meta { width: 100%; padding: 0; margin: 0; display: inline-block; } body.archive #desktop-left.simple-author article section.article-meta ul { border: none; padding: 0 0 0 1rem; } body.archive #desktop-left.simple-author article section.article-meta ul li { padding: 0; border: none; } body.archive #desktop-left.simple-author article section.article-meta ul li:first-of-type { padding: 0 10px 0 0; } body.archive #desktop-left.simple-author article section.article-meta ul li.simple-author { display: none; } body.archive #desktop-left.simple-author article section.article-meta ul li.simple-author a { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 800; text-transform: none; display: none; } body.archive #desktop-left.simple-author article section.article-meta ul li h3.shares { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 800; line-height: 23px; padding: 0; margin: 0; } body.archive.author #site-wrapper #content-wrapper section.author-header { width: 99.5%; float: right; } body.archive.author #site-wrapper #content-wrapper #desktop-left { width: 58%; padding: .5rem 0rem .5rem .5rem; } body.archive.author #site-wrapper #content-wrapper #desktop-left #author-bio p { width: 58%; float: right; clear: right; padding: 0 1rem; font-size: 1.063rem; line-height: 2rem; font-family: "Tiempos", Georgia, serif; } body.archive.author #site-wrapper #content-wrapper #desktop-left #author-bio p:first-of-type { padding: 3rem 1rem 0; } body.archive.author #site-wrapper #content-wrapper #desktop-left #author-bio.bio-no-photo p { width: 100%; } body.archive #desktop-right { width: 300px; margin: 27px 0 0; } } @media screen and (max-width: 630px) { body.archive.author #site-wrapper #content-wrapper #desktop-left section#author-bio { text-align: center; } body.archive.author #site-wrapper #content-wrapper #desktop-left section#author-bio img { max-height: 330px; width: auto; float: none; } body.archive.author #site-wrapper #content-wrapper #desktop-left section#author-bio p { width: 90%; text-align: left; } } @media screen and (min-width: 900px) { body.archive.author #site-wrapper #content-wrapper #desktop-left { width: 64%; } body.archive.tax-zoninator_zones #site-wrapper #content-wrapper #desktop-left section.home-section.three-two-one article { border-top: none; width: 31.3%; display: inline-block; } body.archive.tax-zoninator_zones #site-wrapper #content-wrapper #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 2) { margin: 1rem 2.5% 0; } body.archive.tax-zoninator_zones #site-wrapper #content-wrapper #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 4), body.archive.tax-zoninator_zones #site-wrapper #content-wrapper #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 5) { width: 47.9%; margin: 1rem 0; } body.archive.tax-zoninator_zones #site-wrapper #content-wrapper #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 4) { margin: 20px 2% 0 0; } body.archive.tax-zoninator_zones #site-wrapper #content-wrapper #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) { width: 100%; height: auto; -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); margin: 16px 0; } body.archive.tax-zoninator_zones #site-wrapper #content-wrapper #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .img-mask { height: auto; } body.archive.tax-zoninator_zones #site-wrapper #content-wrapper #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .title-author { border-top: none; } body.archive.tax-zoninator_zones #site-wrapper #content-wrapper #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .title-author:before { top: -32px; } body.archive.tax-zoninator_zones #site-wrapper #content-wrapper #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .title-author h2.white a:link { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body.archive.tax-zoninator_zones #site-wrapper #content-wrapper #desktop-left section.home-section.three-two-one article:nth-of-type(6n + 6) .title-author h2.white a:link span { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } @media screen and (min-width: 1180px) { body.archive #site-wrapper #content-wrapper #desktop-left.featured-styles article div.img-mask { width: 65%; } body.archive #site-wrapper #content-wrapper #desktop-left.featured-styles article h2.post-title { font-size: 2.65em; line-height: 1; } body.archive #site-wrapper #content-wrapper #desktop-left.featured-styles article p.excerpt { padding: 0 17.5%; } body.archive #site-wrapper #content-wrapper #desktop-left.featured-styles article p.read-more { margin: 10px 17.5% 0px 17.5%; } body.archive #site-wrapper #content-wrapper #desktop-left article h2.post-title { font-size: 2.65em; line-height: 1; } body.archive #site-wrapper #content-wrapper #desktop-left article p.excerpt { margin: 0 0 0; } body.archive.author #site-wrapper #content-wrapper { padding: 0rem 1.025rem 0; } body.archive.author #site-wrapper #content-wrapper #desktop-left { width: 73%; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles #cat-image-contain { text-align: left; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles #cat-image-contain .cat-header-image { max-width: 100%; height: auto; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: 100%; margin: 1.7rem 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article img { height: auto; width: auto; float: none; margin: 0 auto; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article div.img-mask img { width: 100%; height: auto; max-height: inherit; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article h2.post-title { color: #231f20; font-family: "Tiempos", Georgia, serif; font-weight: 800; font-size: 3.875em; line-height: 1; margin-bottom: 0px; padding-bottom: 1rem; border-bottom: 1px solid #a7a9ab; width: 100%; box-sizing: border-box; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article div.img-mask { clear: both; width: 60%; margin: 0 auto; float: none; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article div.img-mask img { width: 100%; height: auto; min-height: 0; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article p.excerpt { float: left; width: 100%; line-height: 2rem; margin: 0 0 1.7rem; font-family: "Tiempos", Georgia, serif; font-size: 17px; font-weight: 500; padding: 0 120px; clear: both; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article p.read-more { 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; text-align: right; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/down-arrow.png) 100% 0% no-repeat; padding: 0 25px 0 0; cursor: pointer; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article section.article-meta { width: 100%; float: left; display: inline-block; padding-bottom: 1rem; letter-spacing: 1px; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article:first-of-type { margin: 0 0 1.7rem; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article div.img-mask { width: 65%; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article p.excerpt { padding: 0 17.5%; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article p.read-more { margin: 10px 17.5% 0px 17.5%; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article h2.post-title { font-size: 3.875rem; } body.archive.author #site-wrapper #content-wrapper #desktop-left.featured-styles article .article-meta ul li a img { height: 100%; width: 100%; } } .archive #desktop-left.simple-blog-layout article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: auto; margin: 10px 0 7px; -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); } .archive #desktop-left.simple-blog-layout article img { height: auto; max-height: 270px; min-height: inherit; width: auto; float: left; margin: 0 1rem 0 0; } .archive #desktop-left.simple-blog-layout article h2.post-title { font-size: 2.625rem; float: left; clear: none; width: 60%; margin: 0 0 1rem; padding: 1.250rem 0 0; font-family: Tiempos, Georgia, serif; font-weight: 600; text-transform: capitalize; } .archive #desktop-left.simple-blog-layout article p.excerpt { font-weight: 600; float: left; width: 60%; line-height: 1.5rem; margin: 0 0 1.7rem; } .archive #desktop-left.simple-blog-layout article section.article-meta { width: 60%; float: left; } .archive #desktop-left.simple-blog-layout article { width: 100%; } .archive #desktop-left.simple-blog-layout article a.department { color: #fff; background-color: #eb1414; line-height: 20px; position: absolute; padding: 6px 15px; top: -7px; left: 8px; font-family: "Solido", Tahoma, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 600; -webkit-font-smoothing: antialiased; display: block; margin: 0; z-index: 99; margin-left: -16px; } .archive #desktop-left.simple-blog-layout article a.department:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #8d0c0c; border-top-color: #8d0c0c; } .archive #desktop-left.simple-blog-layout article div.img-mask { overflow: hidden; position: relative; width: 100%; } .archive #desktop-left.simple-blog-layout article div.img-mask img { width: 100%; height: auto; max-height: inherit; } .archive #desktop-left.simple-blog-layout article .text-wrapper { width: 100%; padding: 20px; } .archive #desktop-left.simple-blog-layout article h2.post-title { width: 100%; padding: 10px 16px 0; line-height: 45px; } .archive #desktop-left.simple-blog-layout article h2.post-title a:link, .archive #desktop-left.simple-blog-layout article h2.post-title a:hover, .archive #desktop-left.simple-blog-layout article h2.post-title a:visited { color: #000; font-size: 42px; } .archive #desktop-left.simple-blog-layout article p.excerpt { padding: 0 0 0 1rem; width: 100%; } .archive #desktop-left.simple-blog-layout article p.excerpt::first-letter { float: none; font-size: inherit; line-height: inherit; padding: 0; } .archive #desktop-left.simple-blog-layout article section.article-meta { width: 100%; padding: 0; margin: 0 0 1rem; display: inline-block; } .archive #desktop-left.simple-blog-layout article section.article-meta ul { border: none; padding: 0 0 0 6px; } .archive #desktop-left.simple-blog-layout article section.article-meta ul li { padding: 0; line-height: 23px; } .archive #desktop-left.simple-blog-layout article section.article-meta ul li:first-of-type { padding: 0 10px 0 0; } .archive #desktop-left.simple-blog-layout article section.article-meta ul li.simple-author a { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 800; text-transform: none; color: #000; } .archive #desktop-left.simple-blog-layout article section.article-meta ul li h3.shares { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 800; line-height: 23px; padding: 0 0 0 10px; margin: 0; } @media screen and (min-width: 769px) { .archive #desktop-left.simple-blog-layout article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: auto; margin: 10px 0 7px; -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); } .archive #desktop-left.simple-blog-layout article img { height: auto; max-height: 270px; min-height: inherit; width: auto; float: left; margin: 0 1rem 0 0; } .archive #desktop-left.simple-blog-layout article h2.post-title { font-size: 2.625rem; float: left; clear: none; width: 60%; margin: 0 0 1rem; padding: 1.250rem 0 0; font-family: Tiempos, Georgia, serif; font-weight: 600; text-transform: capitalize; } .archive #desktop-left.simple-blog-layout article p.excerpt { font-weight: 600; float: left; width: 60%; line-height: 1.5rem; margin: 0 0 1.7rem; } .archive #desktop-left.simple-blog-layout article section.article-meta { width: 60%; float: left; } .archive #desktop-left.simple-blog-layout article { width: 100%; } .archive #desktop-left.simple-blog-layout article div.img-mask { overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; width: 33%; } .archive #desktop-left.simple-blog-layout article div.img-mask img { width: auto; height: 100%; max-width: initial; } .archive #desktop-left.simple-blog-layout article .text-wrapper { width: 67%; margin-left: 33%; padding: 20px; margin-top: 0; } .archive #desktop-left.simple-blog-layout article h2.post-title { width: 100%; padding: 1.25rem 1rem 0; line-height: 45px; } .archive #desktop-left.simple-blog-layout article h2.post-title a:link, .archive #desktop-left.simple-blog-layout article h2.post-title a:hover, .archive #desktop-left.simple-blog-layout article h2.post-title a:visited { color: #000; font-size: 42px; } .archive #desktop-left.simple-blog-layout article p.excerpt { padding: 0 0 0 1rem; width: 100%; display: inline-block; } .archive #desktop-left.simple-blog-layout article p.excerpt::first-letter { float: none; font-size: inherit; line-height: inherit; padding: 0; } .archive #desktop-left.simple-blog-layout article section.article-meta { width: 100%; padding: 0; margin: 0 0 1rem; } .archive #desktop-left.simple-blog-layout article section.article-meta ul { border: none; padding: 0 0 0 1rem; } .archive #desktop-left.simple-blog-layout article section.article-meta ul li { padding: 0; } .archive #desktop-left.simple-blog-layout article section.article-meta ul li:first-of-type { padding: 0 10px 0 0; } .archive #desktop-left.simple-blog-layout article section.article-meta ul li.simple-author a { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 800; } .archive #desktop-left.simple-blog-layout article section.article-meta ul li h3.shares { font-size: 16px; font-style: normal; font-variant: normal; font-weight: 800; line-height: 23px; padding: 0 0 0 10px; margin: 0; } } * { box-sizing: border-box; } a:link, a:hover, a:visited { color: #eb1414; text-decoration: none; } a:link:hover, a:hover:hover, a:visited:hover { text-decoration: underline; } header a:link, header a:hover, header a:visited, footer a:link, footer a:hover, footer a:visited { color: #fff; text-decoration: none; } header a:link:hover, header a:hover:hover, header a:visited:hover, footer a:link:hover, footer a:hover:hover, footer a:visited:hover { text-decoration: underline; } html, body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; } body { font-size: 16px; font-family: "Solido", "Tahoma", sans-serif; } body.single #desktop-left p { font-family: Tiempos, Georgia, serif; } @media screen and (max-width: 1080px) { body.logged-in #site-wrapper { margin-top: 32px; } body.logged-in #site-wrapper > header { top: 32px; } body.logged-in #site-wrapper > header.scrolled .fixed { top: 32px; } } @media screen and (max-width: 769px) { body.logged-in #site-wrapper { margin-top: 46px; } body.logged-in #site-wrapper.scrolled { margin-top: 46px; } body.logged-in #site-wrapper > header { top: 46px; } body.logged-in #site-wrapper > header.scrolled, body.logged-in #site-wrapper > header.scrolled .fixed { top: 0px; } } h1, h2, h3, h4, h5, h6 { clear: both; } h1 { font-size: 2rem; } h2 { font-size: 1.5rem; } h3 { font-size: 1.17rem; } h4 { font-size: 1rem; } h5 { font-size: .83rem; } h6 { font-size: .75rem; } p { margin: 0 0 25px; } .fp-red { color: #eb1414; } .bold { font-weight: 800; } .load-more { float: left; } a.no-underline:hover { text-decoration: none; cursor: default; } .infinite-scroll-trigger { float: left; padding: 10px; background: #000; color: #fff; } span.description { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; } em { font-style: italic; } strong { font-weight: 700; } .dynamic-image { display: inline-block; width: 100%; text-align: center; } #desktop-left { background: #fff; } #desktop-left ol, #desktop-left ul { list-style-type: disc; width: 100%; list-style-position: outside; display: inline-block; padding: 0 20px; margin: 0 10px; font-size: 15px; line-height: 28px; } #desktop-left ol li, #desktop-left ul li { margin: 15px 0 0; } #desktop-left ol { list-style-type: decimal; } div.share-contain { position: relative; float: left; background-color: rgba(255, 255, 255, 0.8); } @media screen and (min-width: 900px) { #desktop-left ol, #desktop-left ul { width: 70%; margin: 0 auto 25px; font-size: 16px; display: inherit; } } @media screen and (max-width: 1180px) { blockquote.pullquote-left, blockquote.pullquote-right { display: none; } } body.single-channel #desktop-left.blog-layout #cat-image-contain { border: none; } body.single-channel #desktop-left.blog-layout #cat-image-contain img { padding-bottom: 0; } body.single-channel #desktop-left.blog-layout.featured-styles article h2.post-title { border-bottom: none; } body.single-channel #desktop-left.blog-layout span.author { position: relative; } body.single-channel #desktop-left.blog-layout span.author .description { top: 20px; } body #content-wrapper.blog-layout .post-title { font-size: 2.65em; line-height: 1 !important; } body #content-wrapper.blog-layout #desktop-left article p.excerpt { padding-top: 2px; } body #content-wrapper.blog-layout #desktop-left article h2.post-title { margin-bottom: 0px; } body #content-wrapper.blog-layout { padding: 2rem 1.025rem 0; } body #content-wrapper.blog-layout h1.archive-title { color: #1a1718; font-family: "Solido", Tahoma, sans-serif; text-align: left; border-bottom: 1px solid #1a1718; font-size: 45px; font-style: normal; font-variant: normal; font-weight: normal; height: 66px; line-height: 45px; padding: 0; width: 99.5%; float: right; } body #desktop-left.blog-layout { padding: .5rem 1.5rem .5rem .5rem; } body #desktop-left.blog-layout h2.post-title a:link, body #desktop-left.blog-layout h2.post-title a:hover, body #desktop-left.blog-layout h2.post-title a:visited { color: #1a1718; } body #desktop-left.blog-layout a:hover { text-decoration: underline; } body #desktop-left.blog-layout > section:first-of-type > article { border-top: 1px solid #a7a9ab; } body #desktop-left.blog-layout article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: auto; margin: 10px 0 7px; -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); } body #desktop-left.blog-layout article img { height: auto; max-height: 270px; min-height: inherit; width: auto; float: left; margin: 0 1rem 0 0; } body #desktop-left.blog-layout article h2.post-title { font-size: 2.625rem; float: left; clear: none; width: 60%; margin: 0 0 1rem; padding: 1.250rem 0 0; font-family: Tiempos, Georgia, serif; font-weight: 600; text-transform: capitalize; } body #desktop-left.blog-layout article p.excerpt { font-weight: 600; float: left; width: 60%; line-height: 1.5rem; margin: 0 0 1.7rem; } body #desktop-left.blog-layout article section.article-meta { width: 60%; float: left; } body #desktop-left.blog-layout article { height: auto; margin: .5rem 0; } body #desktop-left.blog-layout article div.img-mask { overflow: hidden; float: left; height: 100%; width: 100%; } body #desktop-left.blog-layout article img { width: 100%; height: auto; min-height: 1px; } body #desktop-left.blog-layout article h2.post-title, body #desktop-left.blog-layout article p.excerpt { width: 90%; padding: 1rem 1rem 0; } body #desktop-left.blog-layout article h2.post-title { font-size: 2.5rem; } body #desktop-left.blog-layout article section.article-meta { display: none; text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; font-size: .938rem; } body #desktop-left.blog-layout article section.article-meta a { color: #eb1414; font-family: "Solido", Tahoma, sans-serif; font-size: .938rem; font-style: normal; font-variant: normal; font-weight: normal; text-transform: uppercase; } body #desktop-left.blog-layout article section.article-meta .date { display: block; } body #desktop-left.blog-layout article section.article-meta ul li.sharing { padding: .2rem; } body #desktop-left.blog-layout article section.article-meta ul li.sharing a { float: left; height: 27px; width: 28px; cursor: pointer; margin: 0 .2rem; position: relative; } body #desktop-left.blog-layout article section.article-meta ul li.sharing a img { height: 100%; width: 100%; } body #desktop-left.blog-layout.featured-styles #cat-image-contain { text-align: left; margin: 55px 0 0; } body #desktop-left.blog-layout.featured-styles #cat-image-contain .cat-header-image { max-width: 100%; height: auto; } body #desktop-left.blog-layout.featured-styles article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: 100%; margin: 1.7rem 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } body #desktop-left.blog-layout.featured-styles article img { height: auto; width: auto; float: none; margin: 0 auto; } body #desktop-left.blog-layout.featured-styles article div.img-mask img { width: 100%; height: auto; max-height: inherit; } body #desktop-left.blog-layout.featured-styles article h2.post-title { color: #231f20; font-family: "Tiempos", Georgia, serif; font-weight: 800; font-size: 3.875em; line-height: 1; margin-bottom: 0px; padding-bottom: 1rem; border-bottom: 1px solid #a7a9ab; width: 100%; box-sizing: border-box; } body #desktop-left.blog-layout.featured-styles article div.img-mask { clear: both; width: 60%; margin: 0 auto; float: none; } body #desktop-left.blog-layout.featured-styles article div.img-mask img { width: 100%; height: auto; min-height: 0; } body #desktop-left.blog-layout.featured-styles article p.excerpt { float: left; width: 100%; line-height: 2rem; margin: 0 0 1.7rem; font-family: "Tiempos", Georgia, serif; font-size: 17px; font-weight: 500; padding: 0 120px; clear: both; } body #desktop-left.blog-layout.featured-styles article p.read-more { 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; text-align: right; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/down-arrow.png) 100% 0% no-repeat; padding: 0 25px 0 0; cursor: pointer; } body #desktop-left.blog-layout.featured-styles article section.article-meta { width: 100%; float: left; display: inline-block; padding-bottom: 1rem; letter-spacing: 1px; } body #desktop-left.blog-layout.featured-styles article div.img-mask { width: 100%; } body #desktop-left.blog-layout.featured-styles article p, body #desktop-left.blog-layout.featured-styles article p.excerpt { padding: 0; font-size: 17px; line-height: 29px; } body #desktop-left.blog-layout.featured-styles article p::first-letter, body #desktop-left.blog-layout.featured-styles article p.excerpt::first-letter { float: none; font-size: inherit; line-height: inherit; padding: 0; } body #desktop-left.blog-layout.featured-styles article p p, body #desktop-left.blog-layout.featured-styles article p ul, body #desktop-left.blog-layout.featured-styles article p.excerpt p, body #desktop-left.blog-layout.featured-styles article p.excerpt ul { width: 100%; } body #desktop-left.blog-layout.featured-styles article h2.post-title { font-size: 2.5rem; } body #desktop-left.blog-layout.featured-styles article .article-meta ul { padding: 0; } body #desktop-left.blog-layout.featured-styles article .article-meta ul li { margin: 0; padding: 5px .75rem; } body #desktop-left.blog-layout.featured-styles article .article-meta ul li, body #desktop-left.blog-layout.featured-styles article .article-meta ul li a { font-size: 14px; } body #desktop-left.blog-layout.featured-styles article .article-meta ul li.print { width: 22px; display: block; display: none; } body #desktop-left.blog-layout.featured-styles article .article-meta ul li.sharing { padding: .2rem; } body #desktop-left.blog-layout.featured-styles article .article-meta ul li.sharing img { height: 100%; width: 100%; margin: 0; } body #desktop-left.blog-layout.featured-styles article .article-meta ul li.author-email { padding: 5px 10px 5px 30px; } body #desktop-right.featured-styles { margin: 0; } body #desktop-right .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; margin: 20px 0 15px; } body #desktop-right .blog-about h2 { color: #000; font-weight: 800; font-size: 25px; padding: 7px 6px 20px 0px; } body #desktop-right .blog-about p { font-size: 18px; line-height: 33px; margin: 10px 0 25px; } body #desktop-right .blog-about ul li { margin: 10px 0; } body #desktop-right .blog-about ul li a { text-transform: uppercase; font-size: 14px; font-family: "Solido", Tahoma, sans-serif; } body #desktop-right .blog-about ul li a.email { color: #eb1414; } body #desktop-right .blog-about ul li a.twitter { color: #000; } @media screen and (min-width: 769px) { body #desktop-left.blog-layout article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: auto; margin: 10px 0 7px; -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); } body #desktop-left.blog-layout article img { height: auto; max-height: 270px; min-height: inherit; width: auto; float: left; margin: 0 1rem 0 0; } body #desktop-left.blog-layout article h2.post-title { font-size: 2.625rem; float: left; clear: none; width: 60%; margin: 0 0 1rem; padding: 1.250rem 0 0; font-family: Tiempos, Georgia, serif; font-weight: 600; text-transform: capitalize; } body #desktop-left.blog-layout article p.excerpt { font-weight: 600; float: left; width: 60%; line-height: 1.5rem; margin: 0 0 1.7rem; } body #desktop-left.blog-layout article section.article-meta { width: 60%; float: left; } body #desktop-left.blog-layout article { float: none; width: 100%; } body #desktop-left.blog-layout article div.img-mask { overflow: hidden; float: left; height: 100%; width: 35%; margin: 0px 20px -10px 0px; } body #desktop-left.blog-layout article img { height: auto; width: auto; } body #desktop-left.blog-layout article h2.post-title { padding: 1.250rem 1rem 0; font-size: 1.875rem; } body #desktop-left.blog-layout article h2.post-title, body #desktop-left.blog-layout article p.excerpt { width: 55%; } body #desktop-left.blog-layout.featured-styles #cat-image-contain { margin: 0; } body #desktop-left.blog-layout.featured-styles article p, body #desktop-left.blog-layout.featured-styles article p .excerpt { font-size: 17px; } body #desktop-left.blog-layout.featured-styles article .article-meta ul li.print { display: inline-block; } body #desktop-right { width: 300px; margin: 27px 0 0; } } @media screen and (max-width: 630px) { body #desktop-left.blog-layout section#author-bio { text-align: center; } body #desktop-left.blog-layout section#author-bio img { max-height: 330px; width: auto; float: none; } body #desktop-left.blog-layout section#author-bio p { width: 90%; text-align: left; } } @media screen and (min-width: 900px) { body #desktop-left.blog-layout { width: 64%; } } @media screen and (min-width: 1180px) { body #desktop-left.blog-layout.featured-styles article div.img-mask { width: 65%; } body #desktop-left.blog-layout.featured-styles article h2.post-title { font-size: 2.65em; line-height: 1; } body #desktop-left.blog-layout.featured-styles article p.excerpt { padding: 0 17.5%; } body #desktop-left.blog-layout.featured-styles article p.read-more { margin: 10px 17.5% 0px 17.5%; } body #desktop-left.blog-layout article h2.post-title { font-size: 2.65em; line-height: 1; } body #desktop-left.blog-layout article p.excerpt { margin: 0 0 0; } } #desktop-left #related-posts h2 { 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; } #desktop-left #related-posts h2 em { font-style: normal; } #desktop-left #related-posts article { width: 100%; clear: both; height: 1%; overflow: hidden; margin: 0 0 20px; } #desktop-left #related-posts article > img { float: left; margin: 0 15px 0 0; width: 100%; height: auto; } #desktop-left #related-posts article p.excerpt { font-size: 14px; width: 100%; line-height: 23px; padding: 0 0 20px; margin: 0; border-bottom: 1px solid #000; } #desktop-left #related-posts article p.excerpt::first-letter { float: none; font-size: inherit; line-height: inherit; padding: 0; } #desktop-left #related-posts article .related-meta { float: left; max-width: 100%; } #desktop-left #related-posts article .related-meta a { color: #000; font-size: 17px; text-transform: uppercase; font-weight: 600; font-size: 14px; } #desktop-left #related-posts article .related-meta h4 { line-height: 24px; } #desktop-left #related-posts article .related-meta h4 a { font-family: "Solido", Tahoma, sans-serif; font-size: 17px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: 800; height: 24px; line-height: 24px; color: #000; text-transform: none; } #desktop-left #related-posts article .related-meta h4.modified { font-family: Solido, Tahoma, sans-serif; text-transform: uppercase; font-size: 14px; display: inline-block; clear: none; } #desktop-left #related-posts article .related-meta .author .description { display: none; } #desktop-left #related-posts article .related-meta h3.brightred.shares { float: none; display: inline-block; font-size: 14px; } @media screen and (min-width: 500px) { #desktop-left #related-posts article > img { max-width: 35%; } #desktop-left #related-posts article .related-meta { max-width: 60%; } #desktop-left #related-posts article .related-meta h4 a { font-size: 20px; } } @media screen and (min-width: 769px) { #desktop-left section#related-posts article.related-post { width: 32%; clear: none; height: auto; overflow: visible; margin: 0; float: left; margin: 0 0 0 2%; } #desktop-left section#related-posts article.related-post > img { max-width: 100%; } #desktop-left section#related-posts article.related-post:first-of-type { margin: 0; } #desktop-left section#related-posts article.related-post img { width: 100%; } #desktop-left section#related-posts article.related-post p.excerpt { height: 145px; } #desktop-left section#related-posts article.related-post .related-meta { max-width: 100%; } #desktop-left section#related-posts article.related-post .related-meta h4 { margin: 10px 0 0; } } #gaia-slide-contain { padding-top: 60px; } #gaia-slide-contain #gaia-prev, #gaia-slide-contain #gaia-next { display: none; } #gaia-slide-contain .gaia-slide { max-width: 95%; width: 95%; margin: 0 auto 12px !important; border: 1px solid #ccc; } #gaia-slide-contain .gaia-slide.hidden { display: block; } #gaia-slide-contain .gaia-slide img { max-width: 100%; width: 100%; height: auto; } #gaia-slide-contain .gaia-slide .slide-info { padding: 0 25px 25px; border-top: 4px solid #eb1414; margin-top: -3px; } #gaia-slide-contain .gaia-slide .slide-info h2.title { margin: 22px 0 10px; } #gaia-slide-contain .gaia-slide .slide-info h2.title a { color: #111; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 800; height: 56px; letter-spacing: 1px; } #gaia-slide-contain .gaia-slide .slide-info h2.title a span.description { display: none; } #gaia-slide-contain .gaia-slide .slide-info h4.category { margin: 10px 0 0; display: none; } #gaia-slide-contain .gaia-slide .slide-info h4.category.mobile { display: block; } #gaia-slide-contain .gaia-slide .slide-info h4.category a { font-family: Solido, Tahoma, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: bold; text-transform: uppercase; } #gaia-slide-contain .gaia-slide .slide-info h4.dek { font-family: "Tiempos", Georgia, serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: normal; height: auto; line-height: 24px; margin: 0 0 10px; } #gaia-slide-contain .gaia-slide .slide-info div.by-line h3.author { margin: 0; } #gaia-slide-contain .gaia-slide .slide-info div.by-line h3.author a { font-family: Solido, Tahoma, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: bold; text-transform: uppercase; color: #000; } #gaia-slide-contain .gaia-slide .slide-info div.by-line h4.category.department a { color: #eb1414; } /*indicators styling*/ #gaia-indicators { width: 33%; text-align: center; margin: 0 auto; position: absolute; top: 5%; right: 0; z-index: 999; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gaia-indicators .gaia-thumb { width: 100%; height: auto; display: inline-block; padding: 5px 0 15px; margin: 8px 0; border-left: 3px solid transparent; background-color: rgba(0, 0, 0, 0.8); text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gaia-indicators .gaia-thumb.active-thumb { border-left: 3px solid #eb1414; background: rgba(26, 23, 24, 0.95); } #gaia-indicators .gaia-thumb.active-thumb > div { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #gaia-indicators .gaia-thumb a:hover { text-decoration: underline; } #gaia-indicators .gaia-thumb h2, #gaia-indicators .gaia-thumb h3, #gaia-indicators .gaia-thumb h4 { padding: .5rem 0 0 1rem; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; } #gaia-indicators .gaia-thumb h4.excerpt { display: none; } #gaia-indicators .gaia-thumb .title a { color: #fff; font-size: 20px; text-transform: capitalize; font-weight: 600; letter-spacing: 1px; } #gaia-indicators .gaia-thumb .category a { color: #eb1414; font-family: 'Solido Condensed', Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 1px; } #gaia-indicators .gaia-thumb .author a { color: #939598; font-size: 1rem; } #gaia-indicators .gaia-thumb ul { width: 100%; } #gaia-indicators .gaia-thumb ul li { float: left; padding: 0 .5rem 0 0; } #gaia-indicators img { display: inline-block; width: 100%; height: auto; } /*prev and next styling*/ #gaia-prev, #gaia-next { position: absolute; top: 0; bottom: 0; padding: 0 10px; margin-top: 0; background: rgba(26, 23, 24, 0.35) url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/arrow-prev.png) 50% 50% no-repeat; z-index: 9999; } #gaia-next { left: auto; right: 0; background: rgba(26, 23, 24, 0.35) url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/arrow-next.png) 50% 50% no-repeat; } @media screen and (min-width: 630px) { #gaia-prev, #gaia-next { display: none; } #gaia-slide-wrapper { width: 100%; position: relative; } } @media screen and (min-width: 769px) { #gaia-slide-contain { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 0; position: relative; width: 100%; max-width: 100%; } #gaia-slide-contain #gaia-slide-wrapper { max-width: 100%; margin: 0 auto; height: 420px; position: relative; overflow: hidden; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide { position: absolute; width: 100%; min-width: 100%; min-height: 600px; z-index: 99; border: none; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide img { width: 100%; height: auto; min-height: 550px; min-width: 1400px; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide.hidden { display: none; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info { border: none; position: absolute; width: 55%; top: 8%; left: 8%; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info a { color: #000; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info h2.title { line-height: 56px; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info h2.title a { color: #fff; padding: 0; font-size: 2.688rem; line-height: 2.688rem; font-weight: 800; background: rgba(26, 23, 24, 0.9); -webkit-box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9), 10px 0 0 rgba(26, 23, 24, 0.9); -moz-box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9), 10px 0 0 rgba(26, 23, 24, 0.9); box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9), 10px 0 0 rgba(26, 23, 24, 0.9); -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info h3.author { font-weight: 600; float: left; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info h4.category { display: none; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info h4.category.department { display: inline-block; clear: none; margin: 0; float: right; margin: 0 0 0 .6rem; padding: 0 0 0 .6rem; border-left: 2px solid #191615; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info h4.category.department a:link, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info h4.category.department a:hover, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info h4.category.department a:visited { color: #eb1414; font-size: 1.188rem; font-family: "Solido", Tahoma, sans-serif; font-weight: bold; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info h4.dek { margin: 0 0 .5rem; float: left; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info h4.dek > span { color: #000; padding: 2px 0 0 0; font-size: 24px; text-transform: none; font-family: 'Solido', Tahoma, sans-serif; padding: 2px 0; font-family: Tiempos, Georgia, serif; background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; line-height: 35px; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info .by-line { float: left; clear: left; color: #000; padding: 2px 0 0 0; font-size: 1.188rem; text-transform: uppercase; font-family: 'Solido', Tahoma, sans-serif; padding: 2px 0; font-family: Tiempos, Georgia, serif; background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; line-height: 1.7rem; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info .by-line h3.author { clear: none; float: left; display: inline-block; text-transform: uppercase; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info .by-line h3.author a { font-size: 19px; margin: 4px 0 0; display: inline-block; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info .by-line div.author { float: left; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info .by-line div.department { float: left; clear: none; margin: 3px 0 0; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide .slide-info .by-line ul li { float: left; margin: 0; padding: 0 10px; } #gaia-indicators { display: block; } #gaia-indicators .dek, #gaia-indicators .category.mobile { display: none; } #gaia-indicators .by-line .department { display: none; } } @media screen and (min-width: 769px) and (max-width: 1080px) { #gaia-slide-contain #gaia-slide-wrapper { height: auto; background: #000; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide { position: relative; height: 600px; min-height: inherit; overflow: hidden; margin: 0 0 10px !important; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide.hidden { display: inline-block; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-1, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-2 { width: 49.5%; min-width: inherit; float: left; height: 350px; margin: 0 !important; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-1 .slide-info, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-2 .slide-info { width: 75%; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-1 .slide-info h2.title, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-2 .slide-info h2.title { line-height: 36px; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-1 .slide-info h2.title a, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-2 .slide-info h2.title a { font-size: 28px; line-height: 28px; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-1 .slide-info h4.dek, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-2 .slide-info h4.dek { line-height: 20px; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-1 .slide-info h4.dek span, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-2 .slide-info h4.dek span { font-size: 15px; line-height: 22px; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-1 .slide-info div.by-line h3.author a, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-2 .slide-info div.by-line h3.author a { font-size: 14px; line-height: 24px; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-1 .slide-info div.by-line div.department h4.category.department a:link, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-1 .slide-info div.by-line div.department h4.category.department a:hover, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-1 .slide-info div.by-line div.department h4.category.department a:visited, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-2 .slide-info div.by-line div.department h4.category.department a:link, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-2 .slide-info div.by-line div.department h4.category.department a:hover, #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-2 .slide-info div.by-line div.department h4.category.department a:visited { font-size: 14px; } #gaia-slide-contain #gaia-slide-wrapper .gaia-slide#slide-2 { float: right; } #gaia-indicators { display: none; } } @media screen and (min-width: 1500px) { #gaia-slide-wrapper .gaia-slide img { width: auto; height: auto; min-width: 100%; } } #divider { float: left; } .title-author .shares { font-size: 12px; line-height: 22px; font-weight: bold; padding: 4px 8px 0 5px; } body.home li.sharing .email { display: none; } #desktop-left section.home-section .home-topics-2.featured-block .title-author h3.dek, #desktop-left section.home-section .home-topics-3.featured-block .title-author h3.dek, #desktop-left section.home-section .home-topics-4.featured-block .title-author h3.dek, #desktop-left section.home-section .home-topics-5.featured-block .title-author h3.dek, #desktop-left section.home-section .fall-back-target.featured-block .title-author h3.dek { font-size: 1em; line-height: 1.5em; } #desktop-left section.home-section .home-topics-2.featured-block .title-author .share-contain, #desktop-left section.home-section .home-topics-3.featured-block .title-author .share-contain, #desktop-left section.home-section .home-topics-4.featured-block .title-author .share-contain, #desktop-left section.home-section .home-topics-5.featured-block .title-author .share-contain, #desktop-left section.home-section .fall-back-target.featured-block .title-author .share-contain { padding-bottom: 20px; } #desktop-left section.home-section .home-topics-2.featured-block .title-author .share-contain .author a, #desktop-left section.home-section .home-topics-3.featured-block .title-author .share-contain .author a, #desktop-left section.home-section .home-topics-4.featured-block .title-author .share-contain .author a, #desktop-left section.home-section .home-topics-5.featured-block .title-author .share-contain .author a, #desktop-left section.home-section .fall-back-target.featured-block .title-author .share-contain .author a { font-size: 16px; line-height: 19px; } #desktop-left section.home-section .home-topics-2.featured-block .title-author .share-contain .brightred, #desktop-left section.home-section .home-topics-3.featured-block .title-author .share-contain .brightred, #desktop-left section.home-section .home-topics-4.featured-block .title-author .share-contain .brightred, #desktop-left section.home-section .home-topics-5.featured-block .title-author .share-contain .brightred, #desktop-left section.home-section .fall-back-target.featured-block .title-author .share-contain .brightred { font-size: 16px; line-height: 19px; font-weight: 400; } #desktop-left section.home-section .home-topics-2.featured-block div.img-mask, #desktop-left section.home-section .home-topics-2.featured-block span.dynamic-image, #desktop-left section.home-section .home-topics-3.featured-block div.img-mask, #desktop-left section.home-section .home-topics-3.featured-block span.dynamic-image, #desktop-left section.home-section .home-topics-4.featured-block div.img-mask, #desktop-left section.home-section .home-topics-4.featured-block span.dynamic-image, #desktop-left section.home-section .home-topics-5.featured-block div.img-mask, #desktop-left section.home-section .home-topics-5.featured-block span.dynamic-image, #desktop-left section.home-section .fall-back-target.featured-block div.img-mask, #desktop-left section.home-section .fall-back-target.featured-block span.dynamic-image { width: 100%; margin: 0; max-height: 350px; } section#home-topics { width: 100%; } section.home-section { float: left; } section.home-section article { clear: both; display: inline-block; margin: 20px 0 0; border-top: 1px solid #ccc; position: relative; padding: 15px 0 0; } section.home-section article div.img-mask { width: 120px; height: 110px; overflow: hidden; float: left; } section.home-section article div.img-mask img { height: auto; width: 100%; min-height: inherit; } section.home-section article > div { float: left; width: 100%; display: inline-block; margin: 0 0 0 1rem; } section.home-section article > div h2.white { line-height: 17px; } section.home-section article > div h2.white a { color: #000; font-family: "Solido", Tahoma, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 800; height: auto; line-height: 17px; } section.home-section article > div h3.dek { display: none; } section.home-section article > div .title-author { float: left; width: 55%; margin: 8px 0 0 1rem; } section.home-section article > div .title-author .center { float: left; } section.home-section article > div .title-author .center h3.author a { color: #000; font-family: "Solido", Tahoma, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 600; } section.home-section article > div .title-author .description { display: none; } section.home-section article > div .title-author a.author { float: none; } section.home-section.three-two-one article:nth-of-type(6), section.home-section.two-three-one article:nth-of-type(6) { height: auto; width: 100%; -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); height: 1%; overflow: hidden; clear: both; margin-bottom: 20px; overflow: visible; padding: 0; } section.home-section.three-two-one article:nth-of-type(6) > div, section.home-section.two-three-one article:nth-of-type(6) > div { width: 100%; } section.home-section.three-two-one article:nth-of-type(6) > div h3.shares ul, section.home-section.two-three-one article:nth-of-type(6) > div h3.shares ul { bottom: auto; top: -9px; } section.home-section.three-two-one article:nth-of-type(6) img, section.home-section.two-three-one article:nth-of-type(6) img { min-height: inherit; max-height: initial; margin: 0; width: 100%; } section.home-section.three-two-one article:nth-of-type(6) .center, section.home-section.two-three-one article:nth-of-type(6) .center { margin: -20px 0 0; } section.home-section.three-two-one article:nth-of-type(6) .title-author, section.home-section.two-three-one article:nth-of-type(6) .title-author { width: 100%; background: #fff; position: relative; bottom: auto; left: auto; } section.home-section.three-two-one article:nth-of-type(6) .title-author:before, section.home-section.two-three-one article:nth-of-type(6) .title-author:before { content: ""; position: absolute; top: -32px; left: 6%; width: 88%; height: 32px; background: #fff; border: 3px solid #EB1414; border-bottom: 0; box-sizing: border-box; } section.home-section.three-two-one article:nth-of-type(6) .title-author h2, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 { width: 88%; margin: 0 auto; text-align: center; background: #fff; padding: 1rem 0 0; } section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:link, section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:hover, section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:visited, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:link, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:hover, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:visited { color: #000; font-size: 3.438rem; font-family: "Tiempos", Georgia, serif; font-weight: 800; line-height: 3.438rem; position: relative; top: -27px; background: none; -webkit-box-shadow: 10px 0 0 white; -moz-box-shadow: 10px 0 0 white; box-shadow: 10px 0 0 white; text-transform: capitalize; } section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:link span, section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:hover span, section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:visited span, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:link span, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:hover span, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:visited span { color: #000; -webkit-box-shadow: -10px 0 0 white; -moz-box-shadow: -10px 0 0 white; box-shadow: -10px 0 0 white; } section.home-section.three-two-one article:nth-of-type(6) .title-author h3, section.home-section.two-three-one article:nth-of-type(6) .title-author h3 { display: inline-block; margin: 0; float: none; padding: 5px 10px; } section.home-section.three-two-one article:nth-of-type(6) .title-author h3.author a, section.home-section.two-three-one article:nth-of-type(6) .title-author h3.author a { font-size: 1rem; text-transform: capitalize; } section.home-section.three-two-one article:nth-of-type(6) .title-author h3.dek, section.home-section.two-three-one article:nth-of-type(6) .title-author h3.dek { display: block; font-family: "Tiempos", Georgia, serif; text-align: center; font-weight: 600; margin: 0 0 8px; line-height: 1.5rem; padding: 0 6%; } section.home-section.three-two-one article:nth-of-type(6) .title-author h3.author, section.home-section.two-three-one article:nth-of-type(6) .title-author h3.author { border-right: 1px solid #000; padding: 0 10px; } section.home-section.three-two-one article:nth-of-type(6) a.department, section.home-section.two-three-one article:nth-of-type(6) a.department { color: #fff; background-color: #eb1414; line-height: 20px; position: absolute; padding: 6px 15px; top: -7px; left: -9px; font-family: "Solido Condensed", Tahoma, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 600; letter-spacing: 1px; -webkit-font-smoothing: antialiased; display: block; margin: 0; width: initial; } section.home-section.three-two-one article:nth-of-type(6) a.department:before, section.home-section.two-three-one article:nth-of-type(6) a.department:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #8d0c0c; border-top-color: #8d0c0c; } section.home-section.three-two-one article:nth-of-type(6) div.img-mask, section.home-section.two-three-one article:nth-of-type(6) div.img-mask { width: 100%; margin: 0; max-height: 350px; } section.home-section.three-two-one article:nth-of-type(6) .title-author, section.home-section.two-three-one article:nth-of-type(6) .title-author { margin: 0; padding: 0 20px; } section.home-section.three-two-one article:nth-of-type(6) .title-author:before, section.home-section.two-three-one article:nth-of-type(6) .title-author:before { left: 0; width: 100%; top: -32px; } section.home-section.three-two-one article:nth-of-type(6) .title-author h2, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 { width: 100%; } section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:link, section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:hover, section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:visited, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:link, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:hover, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:visited { font-size: 32px; line-height: 32px; } section.home-section.three-two-one article:nth-of-type(6) .title-author h3.author:after, section.home-section.two-three-one article:nth-of-type(6) .title-author h3.author:after { display: none; } section.home-section.three-two-one article:nth-of-type(6) .title-author a.author, section.home-section.two-three-one article:nth-of-type(6) .title-author a.author { float: none; } section.home-section.three-two-one article:nth-of-type(6) .title-author h3.shares, section.home-section.two-three-one article:nth-of-type(6) .title-author h3.shares { display: none; } section.home-section.three-two-one article:nth-of-type(6) .title-author div.center, section.home-section.two-three-one article:nth-of-type(6) .title-author div.center { width: 100%; } section.home-section.three-two-one article:nth-of-type(6) .title-author div.share-contain, section.home-section.two-three-one article:nth-of-type(6) .title-author div.share-contain { float: none; } section.home-section.three-two-one article:nth-of-type(6) .title-author div.share-contain.table, section.home-section.two-three-one article:nth-of-type(6) .title-author div.share-contain.table { display: inline-table; } section.home-section.three-two-one article:nth-of-type(6) .title-author div.share-contain li, section.home-section.two-three-one article:nth-of-type(6) .title-author div.share-contain li { display: inline-block; } section.home-section.three-two-one article:nth-of-type(6) .title-author div.share-contain li a, section.home-section.two-three-one article:nth-of-type(6) .title-author div.share-contain li a { display: inline-block; height: 22px; width: 22px; } section.home-section.one-two-three article:nth-of-type(1) { height: auto; width: 100%; -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); height: 1%; overflow: hidden; clear: both; margin-bottom: 20px; overflow: visible; padding: 0; } section.home-section.one-two-three article:nth-of-type(1) > div { width: 100%; } section.home-section.one-two-three article:nth-of-type(1) > div h3.shares ul { bottom: auto; top: -9px; } section.home-section.one-two-three article:nth-of-type(1) img { min-height: inherit; max-height: initial; margin: 0; width: 100%; } section.home-section.one-two-three article:nth-of-type(1) .center { margin: -20px 0 0; } section.home-section.one-two-three article:nth-of-type(1) .title-author { width: 100%; background: #fff; position: relative; bottom: auto; left: auto; } section.home-section.one-two-three article:nth-of-type(1) .title-author:before { content: ""; position: absolute; top: -32px; left: 6%; width: 88%; height: 32px; background: #fff; border: 3px solid #EB1414; border-bottom: 0; box-sizing: border-box; } section.home-section.one-two-three article:nth-of-type(1) .title-author h2 { width: 88%; margin: 0 auto; text-align: center; background: #fff; padding: 1rem 0 0; } section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:link, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:hover, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:visited { color: #000; font-size: 3.438rem; font-family: "Tiempos", Georgia, serif; font-weight: 800; line-height: 3.438rem; position: relative; top: -27px; background: none; -webkit-box-shadow: 10px 0 0 white; -moz-box-shadow: 10px 0 0 white; box-shadow: 10px 0 0 white; text-transform: capitalize; } section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:link span, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:hover span, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:visited span { color: #000; -webkit-box-shadow: -10px 0 0 white; -moz-box-shadow: -10px 0 0 white; box-shadow: -10px 0 0 white; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3 { display: inline-block; margin: 0; float: none; padding: 5px 10px; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3.author a { font-size: 1rem; text-transform: capitalize; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3.dek { display: block; font-family: "Tiempos", Georgia, serif; text-align: center; font-weight: 600; margin: 0 0 8px; line-height: 1.5rem; padding: 0 6%; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3.author { border-right: 1px solid #000; padding: 0 10px; } section.home-section.one-two-three article:nth-of-type(1) a.department { color: #fff; background-color: #eb1414; line-height: 20px; position: absolute; padding: 6px 15px; top: -7px; left: -9px; font-family: "Solido Condensed", Tahoma, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 600; letter-spacing: 1px; -webkit-font-smoothing: antialiased; display: block; margin: 0; width: initial; } section.home-section.one-two-three article:nth-of-type(1) a.department:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #8d0c0c; border-top-color: #8d0c0c; } section.home-section.one-two-three article:nth-of-type(1) div.img-mask { width: 100%; margin: 0; max-height: 350px; } section.home-section.one-two-three article:nth-of-type(1) .title-author { margin: 0; padding: 0 20px; } section.home-section.one-two-three article:nth-of-type(1) .title-author:before { left: 0; width: 100%; top: -32px; } section.home-section.one-two-three article:nth-of-type(1) .title-author h2 { width: 100%; } section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:link, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:hover, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:visited { font-size: 32px; line-height: 32px; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3.author:after { display: none; } section.home-section.one-two-three article:nth-of-type(1) .title-author a.author { float: none; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3.shares { display: none; } section.home-section.one-two-three article:nth-of-type(1) .title-author div.center { width: 100%; } section.home-section.one-two-three article:nth-of-type(1) .title-author div.share-contain { float: none; } section.home-section.one-two-three article:nth-of-type(1) .title-author div.share-contain.table { display: inline-table; } section.home-section.one-two-three article:nth-of-type(1) .title-author div.share-contain li { display: inline-block; } section.home-section.one-two-three article:nth-of-type(1) .title-author div.share-contain li a { display: inline-block; height: 22px; width: 22px; } div#divider { width: 100%; } @media screen and (min-width: 320px) { section.home-section { width: 100%; } section.home-section.three-two-one article:nth-of-type(4), section.home-section.three-two-one article:nth-of-type(5) { width: 100%; margin: 20px 0 0; } section.home-section.three-two-one article:nth-of-type(4) { margin: 20px 0 0; } section.home-section.three-two-one article:nth-of-type(5) { float: right; } section.home-section.two-three-one article:nth-of-type(1), section.home-section.two-three-one article:nth-of-type(2) { width: 100%; } section.home-section.two-three-one article:nth-of-type(6) { height: auto; width: 100%; -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); height: 1%; overflow: hidden; clear: both; margin-bottom: 20px; overflow: visible; } section.home-section.two-three-one article:nth-of-type(6) > div { width: 100%; } section.home-section.two-three-one article:nth-of-type(6) > div h3.shares ul { bottom: auto; top: -9px; } section.home-section.two-three-one article:nth-of-type(6) img { min-height: inherit; max-height: initial; margin: 0; width: 100%; } section.home-section.two-three-one article:nth-of-type(6) .center { margin: -20px 0 0; } section.home-section.two-three-one article:nth-of-type(6) .title-author { width: 100%; background: #fff; position: relative; bottom: auto; left: auto; } section.home-section.two-three-one article:nth-of-type(6) .title-author:before { content: ""; position: absolute; top: -32px; left: 6%; width: 88%; height: 32px; background: #fff; border: 3px solid #EB1414; border-bottom: 0; box-sizing: border-box; } section.home-section.two-three-one article:nth-of-type(6) .title-author h2 { width: 88%; margin: 0 auto; text-align: center; background: #fff; padding: 1rem 0 0; } section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:link, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:hover, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:visited { color: #000; font-size: 3.438rem; font-family: "Tiempos", Georgia, serif; font-weight: 800; line-height: 3.438rem; position: relative; top: -27px; background: none; -webkit-box-shadow: 10px 0 0 white; -moz-box-shadow: 10px 0 0 white; box-shadow: 10px 0 0 white; text-transform: capitalize; } section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:link span, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:hover span, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:visited span { color: #000; -webkit-box-shadow: -10px 0 0 white; -moz-box-shadow: -10px 0 0 white; box-shadow: -10px 0 0 white; } section.home-section.two-three-one article:nth-of-type(6) .title-author h3 { display: inline-block; margin: 0; float: none; padding: 5px 10px; } section.home-section.two-three-one article:nth-of-type(6) .title-author h3.author a { font-size: 1rem; text-transform: capitalize; } section.home-section.two-three-one article:nth-of-type(6) .title-author h3.dek { display: block; font-family: "Tiempos", Georgia, serif; text-align: center; font-weight: 600; margin: 0 0 8px; line-height: 1.5rem; padding: 0 6%; } section.home-section.two-three-one article:nth-of-type(6) .title-author h3.author { border-right: 1px solid #000; padding: 0 10px; } section.home-section.two-three-one article:nth-of-type(6) .title-author { margin: 0; padding: 0 20px; } section.home-section.two-three-one article:nth-of-type(6) .title-author:before { left: 0; width: 100%; } section.home-section.two-three-one article:nth-of-type(6) .title-author h2 { width: 100%; } section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:link, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:hover, section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:visited { font-size: 32px; line-height: 32px; } section.home-section.two-three-one article:nth-of-type(6) .title-author h3.author:after { display: none; } section.home-section.two-three-one article:nth-of-type(6) .title-author h3.shares { display: none; } section.home-section.two-three-one article:nth-of-type(6) .title-author h3.dek { font-size: 1em !important; line-height: 1.5em !important; } section.home-section.two-three-one article:nth-of-type(6) .title-author div.share-contain { float: none; } section.home-section.two-three-one article:nth-of-type(6) .title-author div.share-contain.table { display: inline-table; } section.home-section.two-three-one article:nth-of-type(6) .title-author div.share-contain li { display: inline-block; } section.home-section.two-three-one article:nth-of-type(6) .title-author div.share-contain li a { display: inline-block; height: 22px; width: 22px; } section.home-section.one-two-three article:nth-of-type(1) { height: auto; width: 100%; -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); height: 1%; overflow: hidden; clear: both; margin-bottom: 20px; overflow: visible; } section.home-section.one-two-three article:nth-of-type(1) > div { width: 100%; } section.home-section.one-two-three article:nth-of-type(1) > div h3.shares ul { bottom: auto; top: -9px; } section.home-section.one-two-three article:nth-of-type(1) img { min-height: inherit; max-height: initial; margin: 0; width: 100%; } section.home-section.one-two-three article:nth-of-type(1) .center { margin: -20px 0 0; } section.home-section.one-two-three article:nth-of-type(1) .title-author { width: 100%; background: #fff; position: relative; bottom: auto; left: auto; } section.home-section.one-two-three article:nth-of-type(1) .title-author:before { content: ""; position: absolute; top: -32px; left: 6%; width: 88%; height: 32px; background: #fff; border: 3px solid #EB1414; border-bottom: 0; box-sizing: border-box; } section.home-section.one-two-three article:nth-of-type(1) .title-author h2 { width: 88%; margin: 0 auto; text-align: center; background: #fff; padding: 1rem 0 0; } section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:link, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:hover, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:visited { color: #000; font-size: 3.438rem; font-family: "Tiempos", Georgia, serif; font-weight: 800; line-height: 3.438rem; position: relative; top: -27px; background: none; -webkit-box-shadow: 10px 0 0 white; -moz-box-shadow: 10px 0 0 white; box-shadow: 10px 0 0 white; text-transform: capitalize; } section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:link span, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:hover span, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:visited span { color: #000; -webkit-box-shadow: -10px 0 0 white; -moz-box-shadow: -10px 0 0 white; box-shadow: -10px 0 0 white; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3 { display: inline-block; margin: 0; float: none; padding: 5px 10px; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3.author a { font-size: 1rem; text-transform: capitalize; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3.dek { display: block; font-family: "Tiempos", Georgia, serif; text-align: center; font-weight: 600; margin: 0 0 8px; line-height: 1.5rem; padding: 0 6%; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3.author { border-right: 1px solid #000; padding: 0 10px; } section.home-section.one-two-three article:nth-of-type(1) .title-author { margin: 0; padding: 0 20px; } section.home-section.one-two-three article:nth-of-type(1) .title-author:before { left: 0; width: 100%; } section.home-section.one-two-three article:nth-of-type(1) .title-author h2 { width: 100%; } section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:link, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:hover, section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:visited { font-size: 32px; line-height: 32px; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3.author:after { display: none; } section.home-section.one-two-three article:nth-of-type(1) .title-author h3.shares { display: none; } section.home-section.one-two-three article:nth-of-type(1) .title-author div.share-contain { float: none; } section.home-section.one-two-three article:nth-of-type(1) .title-author div.share-contain.table { display: inline-table; } section.home-section.one-two-three article:nth-of-type(1) .title-author div.share-contain li { display: inline-block; } section.home-section.one-two-three article:nth-of-type(1) .title-author div.share-contain li a { display: inline-block; height: 22px; width: 22px; } section.home-section.one-two-three article:nth-of-type(2), section.home-section.one-two-three article:nth-of-type(3) { width: 100%; margin: 1rem 0.88% 0; } section.home-section#home-topics-2 { margin-top: 2rem; } section.home-section article { width: 100%; padding: 0; } section.home-section article div.img-mask, section.home-section article span.dynamic-image { width: 25%; height: 25%; float: left; max-height: 100px; margin: 15px 0 0; } section.home-section article a.department { width: 70%; float: right; margin: 20px 0 0; line-height: 20px; font-size: 13px; } section.home-section article > div { margin: 0; height: 100%; } section.home-section article > div .title-author { float: left; width: 55%; margin: 0 0 0 1rem; } section.home-section article > div .title-author .center { float: left; margin: 0 0 0 -5px; } section.home-section article > div .title-author .center h3.author { color: #000; padding: 5px; margin: 1px 0 0 0; font-family: "Solido", Tahoma, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: 600; line-height: 1rem; } section.home-section article img { min-width: 100%; min-height: 100%; max-width: 100%; height: auto; width: auto; margin-left: 0; } section.home-section article div.title-author { float: right; width: 69%; } section.home-section article div.title-author h2.white a:link, section.home-section article div.title-author h2.white a:hover, section.home-section article div.title-author h2.white a:visited { color: #000; font-size: 17px; display: inline; line-height: normal; font-weight: bold; letter-spacing: 1px; } section.home-section article a.department { left: -8px; } } @media screen and (max-width: 500px) { section.home-section .featured-block div.title-author h2 a { font-size: 1.8em !important; } } @media screen and (min-width: 500px) { body.single-channel article h2.white a:link, body.single-channel article h2.white a:hover, body.single-channel article h2.white a:visited { font-size: 27px; } section.home-section article { width: 100%; padding: 0; height: 300px; } section.home-section article div.title-author { width: 63%; margin: 0 0 0 10px; float: left; padding-top: 5px; position: absolute; bottom: 4%; left: 2%; } section.home-section article div.title-author h2.white { margin-left: 5px; margin-bottom: 15px; } section.home-section article div.title-author h2.white a:link, section.home-section article div.title-author h2.white a:hover, section.home-section article div.title-author h2.white a:visited { color: #fff; font-size: 24px; display: inline; line-height: normal; font-weight: bold; letter-spacing: 1px; background: rgba(26, 23, 24, 0.9); -webkit-box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9), 10px 0 0 rgba(26, 23, 24, 0.9); -moz-box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9), 10px 0 0 rgba(26, 23, 24, 0.9); box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9), 10px 0 0 rgba(26, 23, 24, 0.9); -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; text-transform: uppercase; color: #fff; } section.home-section article div.img-mask, section.home-section article span.dynamic-image { width: 100%; height: 100%; float: left; max-height: 100%; margin: 0; overflow: hidden; } section.home-section article a.department { color: #fff; background-color: #eb1414; line-height: 20px; position: absolute; padding: 6px 15px; top: -7px; left: 8px; font-family: "Solido Condensed", Tahoma, sans-serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: 600; letter-spacing: 1px; -webkit-font-smoothing: antialiased; display: block; margin: 0; width: initial; left: -8px; } section.home-section article a.department:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #8d0c0c; border-top-color: #8d0c0c; } section.home-section.three-two-one article:nth-of-type(4), section.home-section.three-two-one article:nth-of-type(5), section.home-section.one-two-three article:nth-of-type(4), section.home-section.one-two-three article:nth-of-type(5) { width: 48.4%; float: left; clear: none; height: 375px; } section.home-section.three-two-one article:nth-of-type(4) div.img-mask img, section.home-section.three-two-one article:nth-of-type(5) div.img-mask img, section.home-section.one-two-three article:nth-of-type(4) div.img-mask img, section.home-section.one-two-three article:nth-of-type(5) div.img-mask img { height: 100%; width: auto; max-width: inherit; } section.home-section.three-two-one article:nth-of-type(5), section.home-section.one-two-three article:nth-of-type(5) { float: right; } section.home-section.two-three-one article:nth-of-type(1), section.home-section.two-three-one article:nth-of-type(2) { width: 48.4%; float: left; clear: none; height: 375px; } section.home-section.two-three-one article:nth-of-type(1) div.img-mask img, section.home-section.two-three-one article:nth-of-type(2) div.img-mask img { height: 100%; width: auto; max-width: inherit; } section.home-section.two-three-one article:nth-of-type(2) { float: right; } section.home-section.one-two-three article:nth-of-type(4), section.home-section.one-two-three article:nth-of-type(5) { width: 48.4%; float: left; clear: none; height: 375px; } section.home-section.one-two-three article:nth-of-type(4) div.img-mask img, section.home-section.one-two-three article:nth-of-type(5) div.img-mask img { height: 100%; width: auto; max-width: inherit; } } @media screen and (min-width: 769px) { section.home-section { width: 100%; } section.home-section a.department { left: 8px; } section.home-section article div.title-author { width: 85%; } section.home-section article div.title-author div.center { width: 100%; } section.home-section article div.title-author div.center h3.author { float: left; clear: none; display: inline-block; position: relative; z-index: 98; } section.home-section article div.title-author div.center h3.author:after { content: " | "; display: inline-block; padding: 0 0 0 0.5rem; } section#home-topics.home-section article { border-top: none; width: 31.3%; display: inline-block; height: 376px; } section#home-topics.home-section article img { min-width: 100%; min-height: 100%; height: auto; width: auto; max-width: inherit; } section#home-topics.home-section article:nth-of-type(2) { margin: 1rem 2.5% 0; } section#home-topics.home-section article:nth-of-type(4) { margin: 20px 2% 0 0; } section#home-topics.home-section article:nth-of-type(4), section#home-topics.home-section article:nth-of-type(5) { width: 48.5%; } section#home-topics.home-section article:nth-of-type(6) { height: auto; width: 100%; } section#home-topics.home-section article:nth-of-type(6) > div { width: 100%; } section#home-topics.home-section article:nth-of-type(6) > div h3.shares ul { bottom: auto; top: -9px; } section#home-topics.home-section article:nth-of-type(6) img { min-height: inherit; max-height: initial; margin: 0; width: 100%; } section#home-topics.home-section article:nth-of-type(6) .center { margin: -20px 0 0; } section#home-topics.home-section article:nth-of-type(6) .title-author { width: 100%; background: #fff; position: relative; bottom: auto; left: auto; } section#home-topics.home-section article:nth-of-type(6) .title-author:before { content: ""; position: absolute; top: -32px; left: 6%; width: 88%; height: 32px; background: #fff; border: 3px solid #EB1414; border-bottom: 0; box-sizing: border-box; } section#home-topics.home-section article:nth-of-type(6) .title-author h2 { width: 88%; margin: 0 auto; text-align: center; background: #fff; padding: 1rem 0 0; } section#home-topics.home-section article:nth-of-type(6) .title-author h2 a:link, section#home-topics.home-section article:nth-of-type(6) .title-author h2 a:hover, section#home-topics.home-section article:nth-of-type(6) .title-author h2 a:visited { color: #000; font-size: 3.438rem; font-family: "Tiempos", Georgia, serif; font-weight: 800; line-height: 3.438rem; position: relative; top: -27px; background: none; -webkit-box-shadow: 10px 0 0 white; -moz-box-shadow: 10px 0 0 white; box-shadow: 10px 0 0 white; text-transform: capitalize; } section#home-topics.home-section article:nth-of-type(6) .title-author h2 a:link span, section#home-topics.home-section article:nth-of-type(6) .title-author h2 a:hover span, section#home-topics.home-section article:nth-of-type(6) .title-author h2 a:visited span { color: #000; -webkit-box-shadow: -10px 0 0 white; -moz-box-shadow: -10px 0 0 white; box-shadow: -10px 0 0 white; } section#home-topics.home-section article:nth-of-type(6) .title-author h3 { display: inline-block; margin: 0; float: none; padding: 5px 10px; } section#home-topics.home-section article:nth-of-type(6) .title-author h3.author a { font-size: 1rem; text-transform: capitalize; } section#home-topics.home-section article:nth-of-type(6) .title-author h3.dek { display: block; font-family: "Tiempos", Georgia, serif; text-align: center; font-weight: 600; margin: 0 0 8px; line-height: 1.5rem; padding: 0 6%; } section#home-topics.home-section article:nth-of-type(6) .title-author h3.author { border-right: 1px solid #000; padding: 0 10px; } } @media screen and (min-width: 1180px) { #desktop-left section.home-section.three-two-one article { border-top: none; width: 31.3%; display: inline-block; height: 376px; } #desktop-left section.home-section.three-two-one article img { min-width: 100%; min-height: 100%; height: auto; width: auto; max-width: inherit; } #desktop-left section.home-section.three-two-one article:nth-of-type(2) { margin: 1rem 2.5% 0; } #desktop-left section.home-section.three-two-one article:nth-of-type(4) { margin: 20px 2% 0 0; } #desktop-left section.home-section.three-two-one article:nth-of-type(4), #desktop-left section.home-section.three-two-one article:nth-of-type(5) { width: 48.5%; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) { height: auto; width: 100%; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) > div { width: 100%; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) > div h3.shares ul { bottom: auto; top: -9px; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) img { min-height: inherit; max-height: initial; margin: 0; width: 100%; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) .center { margin: -20px 0 0; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author { width: 100%; background: #fff; position: relative; bottom: auto; left: auto; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author:before { content: ""; position: absolute; top: -32px; left: 6%; width: 88%; height: 32px; background: #fff; border: 3px solid #EB1414; border-bottom: 0; box-sizing: border-box; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author h2 { width: 88%; margin: 0 auto; text-align: center; background: #fff; padding: 1rem 0 0; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:link, #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:hover, #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:visited { color: #000; font-size: 3.438rem; font-family: "Tiempos", Georgia, serif; font-weight: 800; line-height: 3.438rem; position: relative; top: -27px; background: none; -webkit-box-shadow: 10px 0 0 white; -moz-box-shadow: 10px 0 0 white; box-shadow: 10px 0 0 white; text-transform: capitalize; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:link span, #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:hover span, #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author h2 a:visited span { color: #000; -webkit-box-shadow: -10px 0 0 white; -moz-box-shadow: -10px 0 0 white; box-shadow: -10px 0 0 white; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author h3 { display: inline-block; margin: 0; float: none; padding: 5px 10px; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author h3.author a { font-size: 1rem; text-transform: capitalize; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author h3.dek { display: block; font-family: "Tiempos", Georgia, serif; text-align: center; font-weight: 600; margin: 0 0 8px; line-height: 1.5rem; padding: 0 6%; } #desktop-left section.home-section.three-two-one article:nth-of-type(6) .title-author h3.author { border-right: 1px solid #000; padding: 0 10px; } #desktop-left section.home-section.two-three-one article { width: 48.5%; display: inline-block; height: 376px; border-top: none; margin: 0; } #desktop-left section.home-section.two-three-one article img { width: auto; height: auto; min-width: 100%; min-height: 100%; max-height: initial; max-width: initial; } #desktop-left section.home-section.two-three-one article:nth-of-type(1) { margin: 0 2% 0 0; } #desktop-left section.home-section.two-three-one article:nth-of-type(3), #desktop-left section.home-section.two-three-one article:nth-of-type(4), #desktop-left section.home-section.two-three-one article:nth-of-type(5) { width: 31.7%; margin: 20px 0; } #desktop-left section.home-section.two-three-one article:nth-of-type(4) { margin: 20px 2%; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) { height: auto; width: 100%; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) > div { width: 100%; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) > div h3.shares ul { bottom: auto; top: -9px; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) img { min-height: inherit; max-height: initial; margin: 0; width: 100%; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) .center { margin: -20px 0 0; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author { width: 100%; background: #fff; position: relative; bottom: auto; left: auto; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author:before { content: ""; position: absolute; top: -32px; left: 6%; width: 88%; height: 32px; background: #fff; border: 3px solid #EB1414; border-bottom: 0; box-sizing: border-box; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author h2 { width: 88%; margin: 0 auto; text-align: center; background: #fff; padding: 1rem 0 0; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:link, #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:hover, #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:visited { color: #000; font-size: 3.438rem; font-family: "Tiempos", Georgia, serif; font-weight: 800; line-height: 3.438rem; position: relative; top: -27px; background: none; -webkit-box-shadow: 10px 0 0 white; -moz-box-shadow: 10px 0 0 white; box-shadow: 10px 0 0 white; text-transform: capitalize; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:link span, #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:hover span, #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author h2 a:visited span { color: #000; -webkit-box-shadow: -10px 0 0 white; -moz-box-shadow: -10px 0 0 white; box-shadow: -10px 0 0 white; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author h3 { display: inline-block; margin: 0; float: none; padding: 5px 10px; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author h3.author a { font-size: 1rem; text-transform: capitalize; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author h3.dek { display: block; font-family: "Tiempos", Georgia, serif; text-align: center; font-weight: 600; margin: 0 0 8px; line-height: 1.5rem; padding: 0 6%; } #desktop-left section.home-section.two-three-one article:nth-of-type(6) .title-author h3.author { border-right: 1px solid #000; padding: 0 10px; } #desktop-left section.home-section.one-two-three article { width: 100%; display: inline-block; height: 376px; border-top: none; } #desktop-left section.home-section.one-two-three article img { width: auto; height: auto; min-width: 100%; min-height: initial; max-height: initial; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) { height: auto; width: 100%; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) > div { width: 100%; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) > div h3.shares ul { bottom: auto; top: -9px; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) img { min-height: inherit; max-height: initial; margin: 0; width: 100%; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) .center { margin: -20px 0 0; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author { width: 100%; background: #fff; position: relative; bottom: auto; left: auto; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author:before { content: ""; position: absolute; top: -32px; left: 6%; width: 88%; height: 32px; background: #fff; border: 3px solid #EB1414; border-bottom: 0; box-sizing: border-box; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author h2 { width: 88%; margin: 0 auto; text-align: center; background: #fff; padding: 1rem 0 0; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:link, #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:hover, #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:visited { color: #000; font-size: 3.438rem; font-family: "Tiempos", Georgia, serif; font-weight: 800; line-height: 3.438rem; position: relative; top: -27px; background: none; -webkit-box-shadow: 10px 0 0 white; -moz-box-shadow: 10px 0 0 white; box-shadow: 10px 0 0 white; text-transform: capitalize; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:link span, #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:hover span, #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author h2 a:visited span { color: #000; -webkit-box-shadow: -10px 0 0 white; -moz-box-shadow: -10px 0 0 white; box-shadow: -10px 0 0 white; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author h3 { display: inline-block; margin: 0; float: none; padding: 5px 10px; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author h3.author a { font-size: 1rem; text-transform: capitalize; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author h3.dek { display: block; font-family: "Tiempos", Georgia, serif; text-align: center; font-weight: 600; margin: 0 0 8px; line-height: 1.5rem; padding: 0 6%; } #desktop-left section.home-section.one-two-three article:nth-of-type(1) .title-author h3.author { border-right: 1px solid #000; padding: 0 10px; } #desktop-left section.home-section.one-two-three article:nth-of-type(2), #desktop-left section.home-section.one-two-three article:nth-of-type(3) { width: 48.5%; } #desktop-left section.home-section.one-two-three article:nth-of-type(2) { margin: 0 2% 0 0; } #desktop-left section.home-section.one-two-three article:nth-of-type(3) { float: right; margin: 0; } #desktop-left section.home-section.one-two-three article:nth-of-type(4), #desktop-left section.home-section.one-two-three article:nth-of-type(5), #desktop-left section.home-section.one-two-three article:nth-of-type(6) { width: 31.4%; margin: 20px 0 0; } #desktop-left section.home-section.one-two-three article:nth-of-type(5) { margin: 20px 2%; } } .developing-stories { display: none; } @media screen and (min-width: 769px) { #desktop-left div.developing-stories { display: inline-block; width: 100%; } #desktop-left div.developing-stories h2.developing-stories { float: left; color: #fff; background: #000; text-transform: uppercase; font-weight: bold; display: inline-block; font-family: "Solido", Tahoma, sans-serif; font-size: 24px; line-height: 50px; letter-spacing: 2px; padding: 0 30px 0 0px; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } #desktop-left div.developing-stories h2.developing-stories:before { content: ""; display: inline-block; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/developing-stories-white.png) 50% 50% no-repeat #000; height: 28px; width: 28px; border-right: 1px solid #fff; padding: 0 30px 0 0; margin: 10px 13px 0 0; float: left; } #desktop-left div.developing-stories > ul { width: 100%; float: left; margin: 25px 0 0; padding: 50px 5.5% 0; position: relative; min-height: 300px; border-bottom: 1px solid #96989b; } #desktop-left div.developing-stories > ul:first-of-type { clear: left; margin: 25px 0 0 9px; } #desktop-left div.developing-stories > ul > a { color: #fff; background-color: #eb1414; font-family: "Solido Condensed", Tahoma, sans-serif; font-size: 17px; letter-spacing: 1px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 20px; position: absolute; padding: 6px 15px; top: -7px; left: -9px; text-transform: uppercase; } #desktop-left div.developing-stories > ul > a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #8d0c0c; border-top-color: #8d0c0c; } #desktop-left div.developing-stories > ul li { display: none; width: 100%; } #desktop-left div.developing-stories > ul li:first-of-type { display: inline-block; } #desktop-left div.developing-stories > ul li article { height: 255px; } #desktop-left div.developing-stories > ul li article img.developing-image { width: 100%; min-height: 155px; } #desktop-left div.developing-stories > ul li article .title-author { display: inline-block; } #desktop-left div.developing-stories > ul li article .title-author .share-contain { clear: left; min-width: 165px; } #desktop-left div.developing-stories > ul li article h2.title a { font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 19px; margin-bottom: 0; color: #000; float: left; clear: none; } #desktop-left div.developing-stories > ul li article h3.author { font-size: 14px; float: left; clear: left; } #desktop-left div.developing-stories > ul li article h3.author a { font-family: Solido, Tahoma, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 600; color: #000; line-height: 22px; } #desktop-left div.developing-stories > ul li article h3.author a span.description { display: none; } #desktop-left div.developing-stories > ul li article h3.shares { font-family: Solido, Tahoma, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 600; text-transform: uppercase; clear: none; float: left; padding: 1px 5px; height: 24px; } #desktop-left div.developing-stories > ul li article h3.shares span.black { color: #000; } #desktop-left div.developing-stories > ul li article h3.shares ul { padding: 0 6px; } #desktop-left div.developing-stories > ul li article h3.modified-time { clear: none; float: left; margin: 4px 0 0 3px; font-family: "Solido Medium Italic", Tahoma, sans-serif; font-size: 15px; font-style: italic; font-stretch: normal; font-variant: normal; font-weight: normal; } } @media screen and (min-width: 990px) { #desktop-left div.developing-stories > ul li { display: inline-block; } #desktop-left div.developing-stories > ul li article { height: auto; } #desktop-left div.developing-stories > ul li article img.developing-image { width: 33%; height: auto; float: left; margin: 0 10px 0 0; } #desktop-left div.developing-stories > ul li article .title-author { width: 50%; float: left; } #desktop-left div.developing-stories > ul li article .title-author .shares { line-height: inherit; } } @media screen and (min-width: 1080px) { #desktop-left div.developing-stories { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/grad_full_width.png) 50% 15px no-repeat; padding: 17px 0 0; background-size: 100%; } #desktop-left div.developing-stories > ul { width: 32%; border: none; } #desktop-left div.developing-stories > ul:nth-of-type(2) { border-left: 1px solid #96989b; border-right: 1px solid #96989b; } #desktop-left div.developing-stories > ul li article { height: 255px; line-height: 1; } #desktop-left div.developing-stories > ul li article img.developing-image { width: 100%; margin: 0 0 10px 0; min-height: inherit; } #desktop-left div.developing-stories > ul li article .title-author { width: 100%; clear: both; } #desktop-left div.developing-stories > ul li article .title-author h3.author { margin: 0 2px 0 0; } #desktop-left div.developing-stories > ul li article .title-author h3.author span.black { font-family: "Solido ExtraBold Regular", Tahoma, sans-serif; } #desktop-left div.developing-stories > ul li article .title-author .shares { margin: 0; line-height: 20px; padding: 1px 0; } } #channel-page-image-contain { width: 100%; padding: 4rem 1.025rem 0rem; } #channel-page-image-contain img { width: 100%; height: auto; } @media screen and (min-width: 500px) { #content-wrapper.channels section.home-section.section-1 article { width: 48.4%; float: left; clear: none; height: 375px; } #content-wrapper.channels section.home-section.section-1 article:nth-of-type(2), #content-wrapper.channels section.home-section.section-1 article:nth-of-type(4) { float: right; } #content-wrapper.channels section.home-section.section-1 article div.img-mask, #content-wrapper.channels section.home-section.section-1 article span.dynamic-image { overflow: hidden; } #content-wrapper.channels section.home-section.section-1 article div.img-mask img, #content-wrapper.channels section.home-section.section-1 article span.dynamic-image img { height: 100%; width: auto; max-width: inherit; } } @media screen and (min-width: 990px) { #content-wrapper.channels section.home-section.section-1 article { width: 22.7%; height: 375px; margin: 20px 3% 20px 0; float: left; } #content-wrapper.channels section.home-section.section-1 article:nth-of-type(2), #content-wrapper.channels section.home-section.section-1 article:nth-of-type(4) { float: left; } #content-wrapper.channels section.home-section.section-1 article:nth-of-type(4) { margin: 20px 0; } #content-wrapper.channels section.home-section.section-2 article:nth-of-type(6n + 10), #content-wrapper.channels section.home-section.section-2 article:nth-of-type(6n + 11) { width: 48.5%; } #content-wrapper.channels section.home-section.section-2 article:nth-of-type(6n + 10) { margin: 20px 2% 0 0; } #content-wrapper.channels section.home-section.section-2 article:nth-of-type(6n + 8) { margin: 1rem 2.5% 0; } } @media screen and (min-width: 769px) { #channel-page-image-contain { padding: 2rem 1.025rem 2rem; } #content-wrapper.channels #desktop-left img.full-width { max-width: 100%; width: 100%; height: auto; } } body.single-channel .channel-title { letter-spacing: 1px; text-transform: uppercase; color: #eb1414; font-size: 4.6875em; line-height: 1; font-family: "Solido", Tahoma, sans-serif; font-weight: 500; margin: 26px auto 20px; padding: 0; max-width: 1205px; } body.single-channel .channel-title span { width: 100%; height: auto; border-bottom: 1px solid #a7a9ab; padding: 0 0 8px; display: block; } body.single-channel #cat-image-contain { margin: 26px auto 20px; padding: 0; max-width: 1205px; border-bottom: 1px solid #a7a9ab; width: 94%; } body.single-channel #cat-image-contain img { max-width: 100%; height: auto; padding: 0 40px 22px 0px; } body.single-channel .channel-slide img { width: 100%; } body.single-channel .channel-slide .slide-info h2.title { margin-bottom: 10px; line-height: 56px !important; font-weight: 800; letter-spacing: 2px; padding-left: 10px; font-family: "Solido", "Tahoma", sans-serif; } body.single-channel .channel-slide .slide-info h2.title a { font-size: 43px; display: inline; line-height: 43px !important; background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } @media screen and (max-width: 769px) { body.single-channel #cat-image-contain { margin-top: 60px; } } @media screen and (max-width: 767px) { body.single-channel #site-wrapper .channel-title { font-size: 66px !important; padding: 35px 3% 0 !important; } body.single-channel #site-wrapper #channel-slide-contain { padding-top: 0px !important; } body.single-channel #site-wrapper #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info .title { padding-left: 0px !important; line-height: 30px !important; margin: 20px 0 16px -10px; } body.single-channel #site-wrapper #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info .title a { line-height: 30px !important; padding-top: 5px !important; box-shadow: none; font-size: 18px; } body.single-channel #site-wrapper #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info .by-line { margin: 0 0 0 -10px; } body.single-channel #site-wrapper #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info .by-line h3.author a { font-size: 13px; font-weight: 600; } } #channel-slide-contain { padding-top: 65px; margin: 0; } #channel-slide-contain #channel-prev, #channel-slide-contain #channel-next { display: none; } #channel-slide-contain .channel-slide { max-width: 95%; width: 95%; margin: 0 auto 20px; border: 1px solid #ccc; } #channel-slide-contain .channel-slide.hidden { display: block; } #channel-slide-contain .channel-slide img { width: 100%; height: auto; } #channel-slide-contain .channel-slide .slide-info { padding: 0 25px 25px; border-top: 4px solid #eb1414; margin-top: -3px; } #channel-slide-contain .channel-slide .slide-info h2.title { margin: 0 0 16px -10px; } #channel-slide-contain .channel-slide .slide-info h2.title a { color: #111; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 800; height: 56px; letter-spacing: 1px; } #channel-slide-contain .channel-slide .slide-info h4.dek { font-family: "Tiempos", Georgia, serif; font-size: 17px; font-style: normal; font-variant: normal; font-weight: normal; height: auto; line-height: 24px; } #channel-slide-contain .channel-slide .slide-info div.by-line h3.author { margin: 0 0; } #channel-slide-contain .channel-slide .slide-info div.by-line h3.author a { color: #000; font-family: "Solido", Tahoma, sans-serif; text-transform: uppercase; font-size: 19px; } #channel-slide-contain .channel-slide .slide-info div.by-line h3.author a span.description { display: none; } #channel-slide-contain .channel-slide .slide-info div.by-line h3.shares { font-size: 20px; border-left: 2px solid #000; margin: 5px 0 0 7px; line-height: 15px; padding: 2px 0 0 8px; } #channel-slide-contain .channel-slide .slide-info div.by-line h4.category { display: none; } /*indicators styling*/ #channel-indicators { max-width: 29.7rem; width: 36%; text-align: center; margin: 0 auto; position: absolute; top: 0; right: 0; z-index: 999; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #channel-indicators .channel-thumb { width: 100%; display: table; padding: 0; margin: 11px 0; border-left: 3px solid transparent; background-color: rgba(0, 0, 0, 0.8); text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #channel-indicators .channel-thumb > div { display: table-cell; vertical-align: middle; height: 95px; padding: 16px 0; } #channel-indicators .channel-thumb:first-of-type { margin: 0 0 4px; } #channel-indicators .channel-thumb.active-thumb { border-left: 3px solid #eb1414; background: rgba(26, 23, 24, 0.95); } #channel-indicators .channel-thumb a:hover { text-decoration: underline; } #channel-indicators .channel-thumb h2 { padding: 0 0 0 16px; } #channel-indicators .channel-thumb h3, #channel-indicators .channel-thumb h4 { padding: 1rem 0 0 1rem; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; } #channel-indicators .channel-thumb h4.excerpt { display: none; } #channel-indicators .channel-thumb h2.title a { color: #fff; font-size: 1.250rem; text-transform: capitalize; font-weight: 600; letter-spacing: 1px; } #channel-indicators .channel-thumb h4.category { float: left; clear: none; } #channel-indicators .channel-thumb h4.category, #channel-indicators .channel-thumb h4.category a { color: #eb1414; font-family: 'Solido Condensed', Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 1px; padding: 6px 0 0 8px; } #channel-indicators .channel-thumb h3.author { float: left; border-right: 1px solid #fff; padding: 0 15px 0 8px; margin: 5px 0 0 0; line-height: 15px; color: #fff; } #channel-indicators .channel-thumb h3.author a { color: #fff; text-transform: uppercase; font-size: 14px; padding: 5px 0 0 8px; } #channel-indicators .channel-thumb h3.author a span.description { display: none; } #channel-indicators .channel-thumb h3.shares { display: none; } #channel-indicators .channel-thumb ul { width: 100%; } #channel-indicators .channel-thumb ul li { float: left; padding: 0 .5rem 0 0; } #channel-indicators img { display: inline-block; width: 100%; height: auto; } /*prev and next styling*/ #channel-prev, #channel-next { position: absolute; top: 0; bottom: 0; padding: 0 10px; margin-top: 0; background: rgba(26, 23, 24, 0.35) url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/arrow-prev.png) 50% 50% no-repeat; z-index: 9999; } #channel-next { left: auto; right: 0; background: rgba(26, 23, 24, 0.35) url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/arrow-next.png) 50% 50% no-repeat; } @media screen and (min-width: 630px) { #channel-prev, #channel-next { display: none; } #channel-slide-wrapper { width: 100%; position: relative; } } @media screen and (min-width: 769px) and (max-width: 1080px) { #channel-slide-contain { padding: 0; } #channel-slide-contain #channel-slide-wrapper .channel-slide { display: none; } #channel-slide-contain #channel-slide-wrapper .channel-slide.channel-active { display: block; } #channel-slide-contain #channel-slide-wrapper .channel-slide.channel-active div.slide-info { position: absolute; top: 30px; width: 90%; border: none; } #channel-slide-contain #channel-slide-wrapper .channel-slide.channel-active div.slide-info h2.title a { color: #fff; font-size: 43px; background: rgba(26, 23, 24, 0.90196); padding: 0 5px; } #channel-slide-contain #channel-slide-wrapper .channel-slide.channel-active div.slide-info div.by-line h3.author span { background: rgba(255, 255, 255, 0.7); padding: 5px 10px 2px; height: 33px; line-height: 12px; } #channel-slide-contain #channel-slide-wrapper .channel-slide.channel-active div.slide-info div.by-line h3.author span a { font-weight: 600; } #channel-slide-contain #channel-slide-wrapper .channel-slide.channel-active div.slide-info div.by-line h3.shares { display: none; } } @media screen and (min-width: 1080px) { #channel-slide-contain { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; position: relative; width: 100%; max-width: 1205px; margin: 0 auto; } #channel-slide-contain #channel-slide-wrapper { width: 100%; padding: 0; height: 314px; position: relative; overflow: hidden; margin: 0 auto; } #channel-slide-contain #channel-slide-wrapper .channel-slide { position: absolute; width: 63%; z-index: 99; height: 332px; overflow: hidden; left: 0; } #channel-slide-contain #channel-slide-wrapper .channel-slide img { width: auto; height: auto; min-height: 100%; min-width: 100%; } #channel-slide-contain #channel-slide-wrapper .channel-slide.hidden { display: none; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info { border: none; position: absolute; width: 85%; bottom: 10%; left: 8%; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info a { color: #000; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info h2.title { line-height: 4.54rem; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info h2.title a { color: #fff; padding: 0; font-size: 2.688rem; line-height: 2.688rem; font-weight: 800; background: rgba(26, 23, 24, 0.9); -webkit-box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9), 10px 0 0 rgba(26, 23, 24, 0.9); -moz-box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9), 10px 0 0 rgba(26, 23, 24, 0.9); box-shadow: -10px 0 0 rgba(26, 23, 24, 0.9), 10px 0 0 rgba(26, 23, 24, 0.9); -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info h3.author { font-weight: 600; float: left; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info h4.category.department { display: inline-block; clear: none; margin: 0; float: right; margin: 0 0 0 .6rem; padding: 0 0 0 .6rem; border-left: 2px solid #191615; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info h4.category.department a:link, #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info h4.category.department a:hover, #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info h4.category.department a:visited { color: #eb1414; font-size: 1.188rem; font-family: "Solido", Tahoma, sans-serif; font-weight: bold; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info h4.dek { margin: 0 0 1rem; float: left; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info h4.dek > span { color: #000; font-size: 1.188rem; padding: 2px 0; font-family: Tiempos, Georgia, serif; background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; line-height: 1.7rem; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info .by-line { float: left; clear: left; color: #000; padding: 2px 0 0 0; font-size: 1.188rem; text-transform: uppercase; font-family: 'Solido', Tahoma, sans-serif; padding: 2px 0; font-family: Tiempos, Georgia, serif; background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); box-shadow: -10px 0 0 rgba(255, 255, 255, 0.7), 10px 0 0 rgba(255, 255, 255, 0.7); -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; line-height: 1.7rem; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info .by-line h3.author { clear: none; float: left; display: inline-block; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info .by-line div.author { float: left; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info .by-line div.author h3.shares { display: none; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info .by-line div.department { float: left; clear: none; margin: 0; } #channel-slide-contain #channel-slide-wrapper .channel-slide .slide-info .by-line ul li { float: left; margin: 0; padding: 0 10px; } #channel-indicators { display: block; } #channel-indicators .dek, #channel-indicators .category.mobile { display: none; } #channel-indicators .by-line .department { display: none; } } @media screen and (min-width: 1500px) { #channel-slide-wrapper .channel-slide img { width: auto; height: auto; min-width: 100%; } } body.archive.tax-slideshow_category #site-wrapper #content-wrapper { padding: 0 1.025rem; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper h1.archive-title.photos-title { display: block; margin-left: 95px; color: #262526; line-height: 66px; font-size: 2rem; padding: 0 0 15px 0; text-transform: uppercase; font-weight: 800; margin: 50px 0 1rem; border-bottom: 1px solid #a7a9ab; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper h1.archive-title.photos-title:before { content: ""; display: inline-block; float: left; height: 66px; width: 65px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/photos.png) 50% 50% no-repeat; border-right: 1px solid #a7a9ab; padding: 0 25px 0 0; margin: 0 25px 0 0; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article { width: 100%; border: none; box-shadow: none; height: inherit; margin: 0; position: relative; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article .click-to-view { display: none; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article a { width: 100%; height: auto; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article a img { width: 100%; height: auto; max-height: inherit; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article h2.post-title { text-align: center; width: 100%; padding: 0 0 .5rem; margin: 0; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article h2.post-title a { font-family: "Tiempos", Georgia, serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 800; text-align: center; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article p.excerpt { font-family: "Solido", Tahoma, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; height: auto; line-height: 23px; margin: 0; padding: 0 0 .5rem; border-bottom: 1px solid #232323; margin: 0 0 .75rem; width: 100%; padding: 0 0 .2rem; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article section.article-meta { display: block; font-family: "Solido", Tahoma, sans-serif; padding: 0 0 1rem; width: 100%; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article section.article-meta a { font-family: "Solido", Tahoma, sans-serif; color: #eb1414; font-size: 14px; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article section.article-meta ul { border: none; margin: 0; padding: 0; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article section.article-meta ul li { border: none; margin: 0; padding: 0 .5rem .1rem; float: left; font-size: 14px; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article section.article-meta ul li:first-of-type { padding: 0 .5rem .1rem 0; border-right: 1px solid #a7a9ab; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article section.article-meta ul li.sharing { display: none; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) { width: 100%; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) .click-to-view { display: block; position: absolute; z-index: 999; top: 25px; right: 25px; color: #fff; font-family: patua_oneregular, arial, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: bold; text-transform: uppercase; line-height: 24px; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) .click-to-view:before { content: ""; display: inline-block; width: 25px; height: 25px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/click-to-view.png) 50% 50% no-repeat; float: left; border-right: 1px solid #fff; margin: 0 10px 0 0; padding: 0 10px 0 0; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) div.inner { position: relative; background: #fff; display: inline-block; width: 90%; padding: 20px 35px; margin: -30px 4.5% 0; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) div.inner:before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 27px; border: 3px solid #EB1414; border-bottom: 0; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) div.inner h2.post-title a { color: #231f20; font-family: "Tiempos", Georgia, serif; font-weight: 800; font-size: 55px; line-height: 1; margin-bottom: 0px; width: 100%; box-sizing: border-box; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) p.excerpt { font-family: Tiempos, Georgia, serif; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 600; text-align: center; margin: 0 5%; width: 90%; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) section.article-meta { width: 90%; margin: 0 5%; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) section.article-meta ul li { text-align: left; float: left; display: block; padding: .75rem .75rem; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) section.article-meta ul li.sharing { display: inline-block; padding: .3rem .75rem; border-left: 1px solid #a7a9ab; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) section.article-meta ul li.sharing a { float: left; height: 28px; width: 28px; margin: 0 .2rem; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(4n + 4) section.article-meta ul li.sharing a img { height: 100%; width: 100%; } @media screen and (min-width: 900px) { body.archive.tax-slideshow_category #site-wrapper #content-wrapper { padding: 1.5rem 1.025rem 0; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper h1.archive-title.photos-title { margin: 0; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article { width: 48%; border: none; box-shadow: none; float: left; margin: 0 0 0 2%; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(2n+1) { margin: 0; } } @media screen and (min-width: 1180px) { body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article { width: 32%; border: none; box-shadow: none; float: left; margin: 0 0 0 2%; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(2n+1) { margin: 0 0 0 2%; } body.archive.tax-slideshow_category #site-wrapper #content-wrapper #desktop-left article:nth-of-type(3n+1) { margin: 0; } } #gallery-container { width: 100%; box-sizing: border-box; height: auto; background: #050505; margin: 20px 0 0; position: relative; color: #fff; -webkit-transition-duration: 500ms; transition-duration: 500ms; overflow: hidden; padding: 0 0 48px; } #gallery-container .gallery-flag { color: #fff; background: #000; text-transform: uppercase; font-weight: bold; margin-bottom: 25px; display: inline-block; line-height: 2em; letter-spacing: 2px; position: absolute; left: 0; top: 0; z-index: 100; font-size: 13px; padding: 13px; } #gallery-container img { width: 100%; } #gallery-container section.slide { position: relative; top: 0; left: 0; right: 0; } #gallery-container section.slide.hidden { display: none; } #gallery-container section.slide h3 { font-size: 26px; line-height: 31px; margin-bottom: 10px; text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; letter-spacing: 0.01em; padding: 2rem 2rem 0; } #gallery-container section.slide h3 a { color: #fff; padding: 0 0 0 0px; float: left; width: 100%; } #gallery-container section.slide h3 a:before { content: ""; height: 28px; display: block; width: 28px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/gallery-icon.png) top left no-repeat; float: left; margin: 0 10px 0 0; padding: 0 0 0 10px; border-right: 1px solid #fff; } #gallery-container section.slide .slide-meta p { padding: 0 2rem; font-size: 18px; letter-spacing: 1px; font-family: "Solido", Tahoma, sans-serif; margin: 0; } #gallery-container section.slide .slide-meta .gallery-author { padding: 0 2rem; } #gallery-container section.slide .slide-meta a { font-size: 14px; line-height: 24px; font-family: "Solido", Tahoma, sans-serif; color: #fff; text-transform: uppercase; } #indicators-container { width: 100%; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/black_diagonals.png) 0% 0% repeat; position: absolute; float: left; margin-left: -9999px; bottom: 0; } #indicators-container #gallery-indicators { float: none; color: #6d6f72; margin: 0 auto; font-size: 3rem; font-family: arial; position: relative; width: 100%; text-align: center; padding: 0 0 10px; } #indicators-container #gallery-indicators .gallery-thumb { cursor: pointer; display: inline-block; } #indicators-container #gallery-indicators .gallery-thumb.active-thumb { color: #fff; } @media screen and (min-width: 630px) { #gallery-container { margin: 20px 0 0; } #gallery-container .gallery-flag { font-size: 24px; padding: 0 16px; } #indicators-container { margin-left: 0px; } } @media screen and (min-width: 769px) { #gallery-container .gallery-flag { padding: 3px 8px 7px 0; line-height: 1.75rem; } #gallery-container .gallery-flag:before { content: ''; display: inline-block; height: 28px; width: 37px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/galleries-white.png) 50% 50% no-repeat; top: 5px; position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #fff; } #indicators-container { margin-left: 0px; } } #js-target { cursor: pointer; } ul.gallery-share-contain { position: absolute; left: -9999px; margin: 25px 0 0 20px; float: left; } ul.gallery-share-contain li.sharing img { height: 22px; width: auto; margin: 0 5px 0 0; } #desktop-left { padding-top: 0px; } #desktop-left h1.gallery-title { display: block; margin-left: 95px; color: #262526; line-height: 3.5rem; font-size: 2em; padding: 0 0 0 25px; margin: 39px 0 15px; font-family: "Solido", Tahoma, sans-serif; border-top: none; border-left: none; border-bottom: 1px solid #a7a9ab; text-align: left; float: left; width: 100%; font-size: 28px; text-transform: uppercase; } #desktop-left h1.gallery-title:before { content: ""; height: 60px; width: 48px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/single-slideshow-title-icon.png) 50% 50% no-repeat; float: left; margin: 0 22px 0 0; padding: 0 48px 0 0; border-right: 1px solid #a7a9ab; } #desktop-left #single-gallery-container { position: relative; display: inline-block; width: 100%; margin: 0 0 50px; -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); } #desktop-left #single-gallery-container h3.gallery-click-text { position: absolute; top: 15px; right: 15px; line-height: 26px; font-weight: 600; font-size: 17px; color: #fff; font-family: "Solido", Tahoma, sans-serif; text-transform: uppercase; } #desktop-left #single-gallery-container h3.gallery-click-text:before { content: ""; float: left; height: 25px; width: 25px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/gallery-small-icon.png) 50% 50% no-repeat; border-right: 1px solid #fff; padding: 0 10px 0 0; margin: 0 10px 0 0; } #desktop-left #single-gallery-container img { width: 100%; } #desktop-left #single-gallery-container .article-meta h2.single-gallery-title { text-align: center; font-size: 25px; text-transform: none; padding: 0; margin: -33px 0 0; } #desktop-left #single-gallery-container .article-meta h2.single-gallery-title:before { content: ""; display: inline-block; width: 100%; margin: 0 auto; border-top: 3px solid #eb1414; } #desktop-left #single-gallery-container .article-meta p.dek { font-size: 14px; margin: 0; padding: 0 5%; line-height: 27px; width: 100%; } #desktop-left #single-gallery-container .article-meta p.dek::first-letter { float: none; font-size: inherit; line-height: inherit; padding: 0; } #desktop-left #single-gallery-container .article-meta > ul { width: 90%; margin: 0 auto; } #desktop-left #single-gallery-container .article-meta > ul li.author a span.description { display: none; } #single-gallery-inner { display: none; width: 75%; max-width: 1200px; margin: 0 auto; padding: 1% 0 0; position: relative; } #single-gallery-inner .js-elem { border-bottom: 1px solid #fff; } #single-gallery-inner div.logo { width: 60px; height: 50px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/FPlogo_tab_RGB2.png) top left no-repeat; background-size: 100%; margin: 0 0 0 -25px; float: left; } #single-gallery-inner button.close { width: 51px; height: 51px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/gallery-modal-close.png) top left no-repeat; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 5-7 */ filter: alpha(opacity=75); /* Netscape */ -moz-opacity: 0.75; /* Safari 1.x */ -khtml-opacity: 0.75; /* Good browsers */ opacity: 0.75; border: none; float: right; margin: 0 -25px 2% 0; } #single-gallery-inner button.close:hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; cursor: pointer; } #single-gallery-inner button.next, #single-gallery-inner button.prev { width: 27px; height: 73px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/slideshow-right-arrow.png) top left no-repeat; background-size: 100%; border: none; position: absolute; top: 400px; right: -50px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); -moz-opacity: 0.15; -khtml-opacity: 0.15; opacity: 0.15; display: none; } #single-gallery-inner button.prev { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/slideshow-left-arrow.png) top left no-repeat; background-size: 100%; left: -50px; } #single-gallery-inner .single-slide { display: none; padding: 2% 0 0; } #single-gallery-inner .single-slide.show { display: block; width: 125%; margin: 0 0 0 -12%; } #single-gallery-inner .single-slide.show h4.mobile-read-more { font-family: "patua_oneregular", arial, sans-serif; font-size: 18px; text-transform: uppercase; margin: 20px 0 0; cursor: pointer; } #single-gallery-inner .single-slide.show h4.mobile-read-more span.plus-icon { margin: 0 7px 0 0; vertical-align: text-bottom; height: 20px; width: 20px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/plus-icon.png) 0% 0% no-repeat; display: inline-block; } #single-gallery-inner .single-slide.show p { display: none; } #single-gallery-inner .single-slide img { width: 100%; } #single-gallery-inner .single-slide p { color: #a7a9ab; font-size: 18px; line-height: 34px; font-family: "Tiempos", Georgia, serif; } #single-gallery-inner .single-slide p a { color: #eb1414; } #single-gallery-inner .single-slide p a:hover { text-decoration: underline; } #single-gallery-inner .single-slide ul.credit li { float: left; border-left: 1px solid #fff; line-height: 25px; color: #fff; font-size: 15px; text-transform: uppercase; padding: 0 0 0 10px; } #single-gallery-inner .single-slide ul.credit li:first-of-type { border-left: none; padding: 0 10px 0 0; } #single-gallery-inner .single-slide ul.credit li a { color: #eb1414; } #single-gallery-inner .single-slide ul.credit li a:hover { text-decoration: underline; } #single-gallery-inner ul.credit { margin: 0 0 -45px; display: inline-block; } #single-gallery-inner .thumbs-contain { position: relative; float: right; padding: 0 30px; max-width: 100%; display: none; } #single-gallery-inner .thumbs-contain button.thumb-prev, #single-gallery-inner .thumbs-contain button.thumb-next { position: absolute; top: 20px; left: 0; height: 40px; width: 15px; border: none; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/gallery-thumb-prev.png) 0 0 no-repeat; cursor: pointer; } #single-gallery-inner .thumbs-contain button.thumb-next { right: 0; left: auto; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/gallery-thumb-next.png) 0 0 no-repeat; } #single-gallery-inner .thumbs-contain .thumbs { width: 475px; margin: 0 auto 40px; display: block; text-align: right; padding: 20px 0 0; float: right; overflow: hidden; position: relative; } #single-gallery-inner .thumbs-contain .thumbs img { width: 70px; height: 40px; cursor: pointer; margin: 0 5px; } #single-gallery-inner .thumbs-contain .thumbs img.active { border: 3px solid #eb1414; } #single-gallery-inner .thumbs-contain .thumbs .thumbs-inner { width: auto; } @media screen and (min-width: 320px) { #desktop-left #single-gallery-container .article-meta { width: 80%; margin: -60px auto 0; } #desktop-left #single-gallery-container .article-meta h2.single-gallery-title:before { border-top: 3px solid #eb1414; border-right: 3px solid #eb1414; border-left: 3px solid #eb1414; background: #fff; height: 30px; margin: 0 auto -26px; } #single-gallery-inner .thumbs-contain { margin: 50px 0 0; max-width: 100%; } #single-gallery-inner .thumbs-contain .thumbs { max-width: 100%; } } @media screen and (min-width: 900px) { #desktop-left #single-gallery-container .article-meta h2.single-gallery-title { font-size: 48px; } #desktop-left #single-gallery-container .article-meta h2.single-gallery-title:before { margin: 0 auto -18px; padding: 0 0 10px; } #desktop-left #single-gallery-container .article-meta p.dek { margin: 20px 0 0; } #single-gallery-inner .single-slide.show { width: auto; margin: 0; } #single-gallery-inner .single-slide.show h4.mobile-read-more { display: none; } #single-gallery-inner .single-slide.show p { display: inline-block; } #single-gallery-inner .single-slide.show p.credit { display: block; margin: 0; } #single-gallery-inner button.next, #single-gallery-inner button.prev { display: inline-block; } #single-gallery-inner .thumbs-contain { margin: 0; display: inline-block; } } @media screen and (min-width: 1180px) { #desktop-left h1.gallery-title { margin: 0 0 15px; } } #mobile-menu { width: 250px; height: 100%; background: #d8d8d8; position: fixed; display: none; } #mobile-menu.mobile-open { display: block; } #mobile-menu .menu-popular-link-container > ul > li { font-size: 14px; font-weight: 800; } #mobile-menu .menu-popular-link-container .sub-nav li { margin: 8px 0; } #mobile-menu .menu-popular-link-container .sub-nav li.child { padding: 0 0 0 65px; } #mobile-menu #social-search { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/bg_header_light.png) 0% 0% repeat-x; float: left; width: 100%; height: 88px; } #mobile-menu #search-menu { width: 54px; height: 88px; margin: 0 2px; cursor: pointer; display: block; float: left; } #mobile-menu #search-menu #search-icon { height: 100%; width: 100%; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/search-icon.png) 50% 50% no-repeat; } #mobile-menu #social { height: 88px; width: 110px; float: left; } #mobile-menu #social a.facebook { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/facebook.png) 50% 50% no-repeat; height: 80px; width: 40px; float: right; } #mobile-menu #social a.twitter { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/twitter.png) 50% 50% no-repeat; height: 80px; width: 62px; float: right; } #site-wrapper { left: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; } #site-wrapper header { left: 0; } #site-wrapper header #logo { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/FPlogo_tab_RGB2.png) 0 -2px no-repeat; background-size: 100%; width: 56px; height: 46px; position: absolute; right: 5px; z-index: 999; } #site-wrapper header #magazine-menu, #site-wrapper header #mag-nav { display: none; } #site-wrapper.mobile-open { -webkit-transition-duration: 300ms; transition-duration: 300ms; -ms-transform: translateX(250px); -webkit-transform: translateX(250px); transform: translateX(250px); } footer div.menu { display: none; } @media screen and (max-width: 1080px) { #mobile-menu { width: 250px; height: 100%; background: #d8d8d8; position: fixed; overflow: scroll; -webkit-overflow-scrolling: touch; } #mobile-menu .menu-main-navigation-container { letter-spacing: 1px; font-size: .9rem; float: left; width: 100%; } #mobile-menu .menu-main-navigation-container div { padding: 10px 0; } #mobile-menu .menu-main-navigation-container > ul > li { width: auto; background: #000; padding: 13px 20px 13px 38px; color: #fff; } #mobile-menu .menu-main-navigation-container ul { background: #d8d8d8; text-transform: uppercase; } #mobile-menu .menu-main-navigation-container ul a { color: #6d6f72; font-size: 16px; font-family: 'Solido Condensed', Tahoma, sans-serif; } #mobile-menu .menu-main-navigation-container ul ul > li { padding: 0 0 0 38px; line-height: 2rem; } #mobile-menu .menu-main-navigation-container ul > li.popular-link { background-color: #eb1414; } #mobile-menu .menu-main-navigation-container div.menu-popular-link-container { background-color: #eb1414; } #mobile-menu .menu-main-navigation-container div.menu-popular-link-container > ul { background-color: #eb1414; } #mobile-menu .menu-main-navigation-container div.menu-popular-link-container > ul a { color: #fff; } #mobile-menu .menu-main-navigation-container div.menu-popular-link-container ul.menu-login-submenu { top: 100%; right: 0; width: 200px; display: inline-block !important; background: transparent; } #site-wrapper { width: 100%; height: 100%; } #site-wrapper > header { position: fixed; width: 100%; z-index: 9999999; top: 0; padding: 0 0 0 0; } #site-wrapper > header #menu { height: 50px; width: 100%; background: #191615; } #site-wrapper > header ul li ul { display: none; } #site-wrapper > header #menu #menu-topics li { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } #site-wrapper > header #logo { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/FPlogo_tab_RGB2.png); background-size: 100%; width: 56px; height: 46px; position: absolute; right: 5px; top: 1px; } #site-wrapper > header #mobile-nav-trigger { float: left; z-index: 999; position: relative; background: none; border-top: 3px solid #fff; border-bottom: 3px solid #fff; border-left: none; border-right: none; position: relative; width: 35px; height: 25px; padding: 0; margin: 10px 0 0 10px; } #site-wrapper > header #mobile-nav-trigger:before { content: " "; display: block; border-top: 3px solid #fff; top: 50%; width: 100%; } #site-wrapper > header #mobile-nav-trigger:hover { cursor: pointer; } #site-wrapper > header #main-nav-target, #site-wrapper > header #sub-nav-content { display: none; } } @media screen and (min-width: 769px) { #site-wrapper { padding: 35px 0 0; } } @media screen and (min-width: 1080px) { #site-wrapper header { position: relative; z-index: 99999; } #site-wrapper header #mobile-nav-trigger { display: none; } #site-wrapper header #menu { height: 38px; background-color: #232323; width: 100%; } #site-wrapper header #logo { float: left; width: 134px; height: 109px; margin: 0 5px 0 20px; position: relative; right: auto; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; } #site-wrapper header #logo.fixed-logo { position: fixed; z-index: 999; width: 56px; height: 50px; top: 1px; } #site-wrapper header #super-header { float: right; display: block; } #site-wrapper header .menu-topics-container { float: left; } #site-wrapper header .menu-topics-container ul#menu-topics { width: auto; } #site-wrapper header .menu-topics-container ul#menu-topics li { float: left; line-height: 38px; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #site-wrapper header .menu-topics-container ul#menu-topics li a { letter-spacing: 1px; font-size: 0.825rem; padding: 0 10px; border-left: 1px solid #fff; font-weight: 600; font-size: 14px; letter-spacing: 0px; } #site-wrapper header .menu-topics-container ul#menu-topics li:first-child a { border-left: none; } #site-wrapper header .menu-popular-link-container { float: right; } #site-wrapper header .menu-popular-link-container > ul.menu { width: auto; } #site-wrapper header .menu-popular-link-container > ul.menu li { float: left; font-size: 0.875rem; line-height: 38px; color: #fff; background: #eb1414; } #site-wrapper header .menu-popular-link-container > ul.menu li a { text-transform: uppercase; letter-spacing: 1px; font-size: 0.750rem; padding: 0 20px; border-left: 1px solid #fff; font-weight: 600; } #site-wrapper header .menu-popular-link-container > ul.menu li:first-child a { border-left: none; } #site-wrapper header .menu-popular-link-container ul.menu-login-submenu { position: absolute; top: 33px; right: 0; width: 200px; display: none; z-index: 2; } #site-wrapper header .menu-popular-link-container ul.menu-login-submenu li { float: none; } #site-wrapper header .menu-main-navigation-container { color: #fff; } #site-wrapper header .menu-main-navigation-container > ul { width: 100%; } #site-wrapper header .menu-main-navigation-container > ul > li { float: left; position: relative; z-index: 1001; display: block; font-size: 0.875rem; line-height: 5.5rem; padding: 0 10px; letter-spacing: 1.75px; text-transform: uppercase; font-weight: bold; } #site-wrapper header .menu-main-navigation-container > ul > li:first-of-type { padding: 0 10px 0 30px; } #site-wrapper header .menu-main-navigation-container > ul > li:hover { background: #fff; color: #000; cursor: pointer; } #site-wrapper header .menu-main-navigation-container > ul > li:after { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/menu-down-arrow.png) 0 1px no-repeat; display: inline-block; height: 9px; width: 15px; content: ""; margin: 0px 0px -1px 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #site-wrapper header #main-nav-target { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/bg_header.png) 0% 0% repeat-x; height: 89px; width: 100%; display: block; -webkit-transition: height 200ms; -moz-transition: height 200ms; -o-transition: height 200ms; transition: height 200ms; position: relative; } #site-wrapper header #main-nav-target.fixed-nav { height: 50px; padding: 0 0 0 100px; position: fixed; } #site-wrapper header #main-nav-target.fixed-nav li { line-height: 3.5rem; } #site-wrapper header #sub-nav-content { float: left; width: 100%; height: auto; position: absolute; z-index: 9999; overflow: visible; display: block; margin: -1px 0 0; } #site-wrapper header #sub-nav-content.scrolled { position: fixed; top: 50px; left: 0; right: 0; } #site-wrapper header #sub-nav-content > div { display: none; min-height: 302px; float: left; background-color: #d8d8d8; min-width: 100%; -webkit-box-shadow: 0 2px 5px rgba(5, 5, 5, 0.25); -moz-box-shadow: 0 2px 5px rgba(5, 5, 5, 0.25); box-shadow: 0 2px 5px rgba(5, 5, 5, 0.25); } #site-wrapper header #sub-nav-content > div a { display: block; color: #6d6f72; font-family: "Solido Condensed", Tahoma, sans-serif; letter-spacing: 1px; font-weight: 600; font-size: 16px; line-height: 14px; padding: 10px 15px 10px 10px; text-align: left; text-shadow: none; } #site-wrapper header #sub-nav-content > div > ul.sub-nav { float: left; min-height: 302px; width: 20%; background: #d8d8d8; padding: 19px 0 0; } #site-wrapper header #sub-nav-content > div > ul.sub-nav li { padding: 10px 10px 7px 32px; color: #6d6f72; text-transform: uppercase; letter-spacing: 1px; font-family: 'Solido Condensed', Tahoma, sans-serif; float: left; width: 100%; } #site-wrapper header #sub-nav-content > div > ul.sub-nav li.over, #site-wrapper header #sub-nav-content > div > ul.sub-nav li:hover { background: #fdfcfc; } #site-wrapper header #sub-nav-content > div > ul.sub-nav li.child { padding-left: 4rem; } #site-wrapper header #sub-nav-content > div > ul.sub-nav li a { float: left; } #site-wrapper header #sub-nav-content > div > ul.sub-nav li img { height: 28px; width: 28px; float: left; } #site-wrapper header #sub-nav-content .sub-content-contain { float: right; width: 80%; min-height: 100%; background: #fff; padding: .75rem 0 0; box-sizing: border-box; position: absolute; top: 0; right: 0; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content { float: left; display: none; width: 100%; height: 100%; position: relative; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content:first-child { display: block; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.thirds { width: 31%; height: 100%; float: left; margin: 0 5px 0 10px; padding: 0 5px; border-left: 1px solid #000; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.thirds:first-of-type { border-left: none; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.thirds > section { margin: 0 10px 10px 10px; border-top: 1px solid #333; width: 100%; float: left; position: relative; padding: 10px 0 0 5px; display: table; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.thirds > section div.text-wrap { display: table-cell; vertical-align: middle; height: 76px; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.thirds > section:nth-of-type(1) { border-top: none; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.thirds > section a { float: left; padding: 0; color: #1a1818; font-size: 18px; line-height: 18px; font-family: "Solido", Tahoma, sans-serif; font-weight: 800; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.thirds > section img.content-menu-image { width: 60px; height: 40px; float: left; margin: 20px 0 0; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.thirds > section h2 { font-weight: bold; width: 95%; clear: none; font-size: 10px; float: right; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.thirds > section section.author-meta { font-size: 10px; height: auto; text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; width: 95%; float: right; margin: 4px 0 0 0; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.thirds > section section.author-meta a { padding: 0 .25rem 0 0; font-size: 10px; font-weight: 500; text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; letter-spacing: 0px; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.thirds > section section.author-meta .time { font-size: 10px; font-weight: 500; color: #000; font-style: italic; line-height: 18px; padding: 0 0 0 3px; text-transform: none; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.full { width: 100%; height: auto; float: left; margin: 0 5px; padding: 0 5px; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.full section { float: left; width: 12%; margin: 0 0 .5rem; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.full a { padding: .2rem 0 .2rem 0; text-align: center; font-weight: 500; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.full a img { height: 50px; width: 50px; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.full h3 { font-family: Solido, Tahoma, sans-serif; font-size: 1rem; font-style: normal; text-align: left; margin: 0; padding: 0; font-weight: 500; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; line-height: 1rem; } #site-wrapper header #sub-nav-content .sub-content-contain .sub-content div.full h3 a { color: #000; font-family: Solido, Tahoma, sans-serif; letter-spacing: 0px; } #site-wrapper header #additional-links { position: absolute; right: 0; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/bg_header_light.png) 0% 0% repeat-x; transition-property: height; } #site-wrapper header #additional-links div { transition-property: height; } #site-wrapper header #additional-links div.sticky-nav { height: 50px; } #site-wrapper header #search-menu { width: 54px; height: 88px; margin: 0 2px; float: right; cursor: pointer; display: block; } #site-wrapper header #search-menu #search-icon { height: 100%; width: 100%; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/search-icon.png) 50% 50% no-repeat; border-right: 1px solid #000000; } #site-wrapper header #magazine-menu { display: block; position: relative; float: right; margin: 0 1rem 0 0; width: 190px; height: 88px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/bg_header_light.png) 0% 0% repeat-x; transition-property: height; } #site-wrapper header #magazine-menu.sticky-nav > a { padding: 0 28px 0 0; } #site-wrapper header #magazine-menu.sticky-nav > a div { margin-top: 3px; } #site-wrapper header #magazine-menu.sticky-nav > a img { height: 50px; margin-left: 5px; } #site-wrapper header #magazine-menu > a { float: right; padding: 15px 28px 0 0; } #site-wrapper header #magazine-menu > a div { font-size: 14px; font-weight: bold; line-height: 19px; text-align: right; padding-right: 0; margin: 16px 5px 0 0; letter-spacing: 2px; float: left; color: #fff; text-transform: uppercase; width: 78px; } #site-wrapper header #magazine-menu > a img { height: 67px; width: auto; } #site-wrapper header #magazine-menu:hover { background-image: none; background-color: #fff; } #site-wrapper header #magazine-menu:hover > a { color: #000; } #site-wrapper header #magazine-menu:hover > a div { color: #000; } #site-wrapper header #magazine-menu:hover nav#mag-nav { display: block; } #site-wrapper header #magazine-menu nav#mag-nav { background-color: #d8d8d8; margin-top: 3px; float: right; width: 127%; } #site-wrapper header #magazine-menu nav#mag-nav.sticky-fix { margin-top: -4px; } #site-wrapper header #magazine-menu nav#mag-nav a { padding: 0 10px; height: auto; width: 50%; position: relative; float: left; text-align: center; margin: 14px 0; } #site-wrapper header #magazine-menu nav#mag-nav a:hover { background-color: #fff; } #site-wrapper header #magazine-menu nav#mag-nav a:nth-of-type(2) { border-left: 1px solid #a7a9ab; } #site-wrapper header #magazine-menu nav#mag-nav a img { height: 120px; width: auto; } #site-wrapper header #magazine-menu nav#mag-nav a div.mag-title h4 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/ie-1a1718-90.png) 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: 0; left: 15px; width: 90px; } #site-wrapper header #magazine-menu nav#mag-nav a:first-of-type div.mag-title h4 { left: 15px; } #site-wrapper header #social { height: 88px; width: 110px; float: right; border-right: 1px solid #000; } #site-wrapper header #social a { margin: 2px 0 0; } #site-wrapper header #social a.facebook { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/facebook.png) 50% 52% no-repeat; background-size: auto 29px; height: 80px; width: 40px; float: right; } #site-wrapper header #social a.twitter { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/twitter.png) 50% 50% no-repeat; height: 80px; width: 62px; float: right; } #site-wrapper header #social.sticky-nav a.facebook, #site-wrapper header #social.sticky-nav a.twitter { height: 50px; } footer div.menu { display: inline-block; } } @media screen and (max-width: 1180px) { #site-wrapper { padding: 0; } #site-wrapper header .menu-main-navigation-container > ul > li:after { display: none; } } @media screen and (min-width: 769px) { .hide { display: none !important; } h1 { font-size: 3.875rem; font-family: "Tiempos", Georgia, serif; line-height: 3.875rem; color: #1a1718; margin: .938rem 0 0; padding: .938rem 0; font-weight: 800; } h1.post-title { border-top: 1px solid #1a1718; border-bottom: 1px solid #1a1718; } h1.post-title a { color: #1a1718; } #content-wrapper #divider { float: left; width: 100%; position: relative; box-sizing: border-box; padding: 0 .3rem; } #content-wrapper.home { padding: 0 1.025rem; } #content-wrapper.home #divider { margin: 0; } #content-wrapper.home #divider:before { content: " "; top: 0; left: 0; width: 100%; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/grad_full_width.png) 50% 0% no-repeat; background-size: 100%; height: 80px; position: absolute; } #content-wrapper #desktop-left { width: 65.5%; float: left; } #content-wrapper #desktop-right { width: 300px; } } @media screen and (max-width: 900px) { #content-wrapper #desktop-left { width: 57%; padding-right: 0; } } @media screen and (max-width: 769px) { #content-wrapper #desktop-left { width: 100%; } #content-wrapper.voices-author #desktop-left.featured-styles { width: 100%; } #content-wrapper .archive-header .archive-title { height: auto; margin-top: 20px; } body.single #site-wrapper #content-wrapper { padding: 10px; } body.single #desktop-left article p { color: #231f20; font-size: 15px; float: left; line-height: 28px; } } @media screen and (min-width: 1080px) { #site-wrapper #content-wrapper #home-topics { width: 75%; float: right; } #site-wrapper #content-wrapper #desktop-left { width: 64%; padding-right: 0; } #site-wrapper #content-wrapper #desktop-right { width: 300px; float: right; } } @media screen and (min-width: 1180px) { #site-wrapper { padding: 0; } #site-wrapper #content-wrapper #desktop-left { width: 73%; } } #tabs-content section #sailthru-scout li { list-style-type: none; margin-bottom: 15px; width: 100%; } #tabs-content section #sailthru-scout li:first-child { float: left; margin-top: 15px; } #tabs-content section #sailthru-scout li a img { width: 100%; } #tabs-content section #sailthru-scout li h3 a { color: #000; font-weight: 800; font-size: 19px; line-height: 1.375em; } #tabs-content section #sailthru-scout li .meta { position: relative; font-size: 14px; line-height: 1.2em; min-height: 22px; } #tabs-content section #sailthru-scout li .meta a { font-weight: 600; line-height: 18px; } #tabs-content section #sailthru-scout li .meta .shares_wrapper { display: inline-block; } #stories-contain { display: none; } @media screen and (min-width: 1180px) { #stories-contain { position: relative; display: block; } #stories-contain button.prev, #stories-contain button.next { position: absolute; top: 50%; left: 0; width: 19px; height: 30px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/prev-arrow.png) 0% 0% no-repeat; border: none; cursor: pointer; } #stories-contain h2 { font-size: 16px; clear: both; background: #000; color: #fff; line-height: 2rem; float: left; padding: 3px 30px 0 8px; margin: 0 0 .5rem; font-weight: 800; letter-spacing: 2px; } #stories-contain h2:before { content: " "; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/international-headlines-white.png) 30% 16% no-repeat; background-size: 60%; height: 20px; width: 28px; border-right: 1px solid #fff; padding: 0 6px 0 0; float: left; margin: 4px 7px 0 0; } #stories-contain button.next { left: auto; right: 0; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/next-arrow.png) 0% 0% no-repeat; } #stories-contain button.prev:disabled { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/prev-arrow-disabled.png) 0% 0% no-repeat; cursor: not-allowed; } #stories-contain button.next:disabled { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/next-arrow-disabled.png) 0% 0% no-repeat; cursor: not-allowed; } #stories-contain > ul#stories-were-watching { width: 80%; max-width: 700px; overflow: hidden; min-height: 130px; margin: 0 auto; position: relative; list-style-type: none; clear: left; } #stories-contain > ul#stories-were-watching > li { float: left; clear: both; width: 100%; } #stories-contain > ul#stories-were-watching > li ul { width: 300%; list-style-type: none; margin-left: -40px; } #stories-contain > ul#stories-were-watching > li ul li { float: left; border-left: 1px solid #96989b; width: 175px; box-sizing: border-box; height: auto; font-size: .938rem; line-height: 1.188rem; text-transform: capitalize; font-weight: 600; padding: 0 1rem; } #stories-contain > ul#stories-were-watching > li ul li:first-of-type { border-left: none; } #stories-contain > ul#stories-were-watching > li ul li a { color: #1a1718; font-family: "Solido", Tahoma, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 800; } #stories-contain > ul#stories-were-watching > li ul li .meta-info { width: 100%; clear: both; } #stories-contain > ul#stories-were-watching > li ul li .meta-info, #stories-contain > ul#stories-were-watching > li ul li .meta-info a { font-family: "Solido Medium Italic", Tahoma, sans-serif; font-size: 15px; font-style: italic; font-stretch: normal; font-variant: normal; font-weight: normal; text-transform: none; } #stories-contain > ul#stories-were-watching > li ul li .meta-info span { font-family: "Solido", Tahoma, sans-serif; font-style: normal; } } @media screen and (max-width: 768px) { #breaking-left #breaking-news-contain h2 { margin-left: -30px; } #content-wrapper { max-width: 100%; min-width: 100%; width: 100%; } #content-wrapper #tabs-content { padding: 0px !important; } #content-wrapper #latest { margin-bottom: 0px !important; } section.home-section article > div { margin: 0px; } section.home-section article > div .title-author .author { text-align: left; float: left; padding-top: 0px; } section.home-section article > div .title-author .author a { line-height: 15px; padding-right: 3px; } section.home-section article > div .title-author h2.white { padding-bottom: 5px; } } #breaking-left { margin: 0 0 55px; } #breaking-left #breaking-news-contain { height: 900px; overflow: hidden; width: auto; position: relative; border-bottom: 1px solid #acadb0; margin: 0 0 5px; } #breaking-left #breaking-news-contain h2 { color: #1a1718; line-height: 42px; font-weight: 800; letter-spacing: 1px; border-bottom: none; box-sizing: border-box; padding: 6px 0px 0px 72px; background: #fff; position: relative; } #breaking-left #breaking-news-contain h2:before { content: " "; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/breaking-news.png) 9% 40% no-repeat; float: left; height: 30px; width: 40px; position: absolute; left: 20px; top: 10px; border-right: 1px solid #acadb0; } #breaking-left #breaking-news-contain #breaking-news-inner { display: inline-block; width: 100%; } #breaking-left #breaking-news-contain #breaking-news-inner article { height: 100%; margin: 0 0 15px; padding: 20px 0px 0px 0px; border-top: 1px solid #acadb0; float: left; width: 100%; } #breaking-left #breaking-news-contain #breaking-news-inner article img.empty-image { height: 75px; width: 75px; float: left; } #breaking-left #breaking-news-contain #breaking-news-inner article > a { float: left; display: inline-block; min-width: 85px; min-height: 78px; } #breaking-left #breaking-news-contain #breaking-news-inner article .thumb img, #breaking-left #breaking-news-contain #breaking-news-inner article .small img { width: 75px; height: 75px; float: left; margin-right: 10px; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content { width: auto; max-width: 60%; float: left; margin: 0; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content h3 { width: 100%; float: left; font-weight: 800; font-size: .938rem; line-height: 1.1rem; margin: 0 0 4px; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content h3 a:link, #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content h3 a:hover, #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content h3 a:visited { color: #000; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content a:link, #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content a:hover, #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content a:visited { color: #eb1414; font-weight: 600; font-size: 15px; width: 100%; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content a:hover { text-decoration: underline; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content .modified, #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content .modified .time { color: #1a1718; margin: 7px 0 0; font-family: "Solido Medium Italic", Tahoma, sans-serif; font-size: 15px; font-style: italic; font-stretch: normal; font-variant: normal; font-weight: normal; } @media screen and (min-width: 320px) { #breaking-left #breaking-news-contain { height: 558px; } #breaking-left #breaking-news-contain h2 { margin: 0; } #breaking-left #breaking-news-contain #breaking-news-inner article { width: 100%; float: left; height: 115px; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content { max-width: 60%; } } @media screen and (min-width: 630px) { #breaking-left #breaking-news-contain { height: 268px; } #breaking-left #breaking-news-contain #breaking-news-inner { margin: 20px 0 0; } #breaking-left #breaking-news-contain #breaking-news-inner article { width: 49%; display: inline-block; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content { max-width: 50%; } } @media screen and (min-width: 769px) { #breaking-left #breaking-news-contain #breaking-news-inner { margin: 0; } #breaking-left #breaking-news-contain #breaking-news-inner article { height: 120px; width: 33%; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content { width: auto; float: left; clear: none; max-width: 60%; } } @media screen and (min-width: 1080px) { #breaking-left { width: 23%; float: left; } #breaking-left #breaking-news-contain { margin: -51px 0 0; height: 905px; } #breaking-left #breaking-news-contain h2 { font-size: 15px; border: 3px solid #eb1414; border-bottom: none; } #breaking-left #breaking-news-contain #breaking-news-inner { padding: 0 15px; } #breaking-left #breaking-news-contain #breaking-news-inner article { width: 100%; float: left; clear: both; height: 1%; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content { max-width: 50%; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content h3 a:link { font-size: 15px; } } @media screen and (min-width: 1180px) { #breaking-left #breaking-news-contain h2 { font-size: 23px; } #breaking-left #breaking-news-contain #breaking-news-inner article { width: 100%; } #breaking-left #breaking-news-contain #breaking-news-inner article .breaking-content { max-width: 64%; } } div.guest-authors-contain, div#voices-sidebar-nav { display: none; } @media screen and (min-width: 769px) { div#voices-sidebar-nav { display: block; margin: 0 0 15px; } div.guest-authors-contain { height: 670px; margin: 0 0 7px; overflow: hidden; clear: both; display: block; border-bottom: 1px solid #96989b; } div.guest-authors-contain h3.voices { color: #111; font-family: Solido, Tahoma, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 68px; border-top: 1px solid #96989b; border-bottom: 1px solid #96989b; padding: 0; margin: 0; background: #fff; position: relative; z-index: 999; } div.guest-authors-contain h3.voices:before { content: " "; display: block; float: left; border-right: 1px solid #96989b; height: 68px; padding: 0 2.5rem; margin: 0 1rem 0 0; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/voices.png) 50% 50% no-repeat; } div.guest-authors-contain aside#guest-authors { float: left; } div.guest-authors-contain aside#guest-authors article { width: 100%; float: left; clear: both; margin: .75rem 0 0; } div.guest-authors-contain aside#guest-authors article img { float: left; margin: 0 0.5rem 0 0; height: 124px; width: 124px; } div.guest-authors-contain aside#guest-authors article h4 { float: left; width: auto; max-width: 50%; clear: none; } div.guest-authors-contain aside#guest-authors article h4 a { color: #000; font-family: "Tiempos", Georgia, serif; font-size: 1.1875em; font-weight: 800; line-height: 1.375em; margin-bottom: 10px; } div.guest-authors-contain aside#guest-authors article h3 { float: right; width: auto; max-width: 50%; min-width: 56%; clear: none; margin: 10px 0 0; } div.guest-authors-contain aside#guest-authors article h3 a { color: #eb1414; font-size: .875rem; line-height: 1.125rem; font-weight: 500; font-family: "Solido", Tahoma, sans-serif; text-transform: uppercase; } } #content-wrapper #desktop-right #tabs-container { box-sizing: border-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: .5rem 0 1rem; padding: 0 0 1rem; float: left; width: 100%; background-color: #ffffff; } #content-wrapper #desktop-right #tabs-container #tabs { width: 100%; cursor: pointer; } #content-wrapper #desktop-right #tabs-container #tabs > div { 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; color: #000; } #content-wrapper #desktop-right #tabs-container #tabs > div.active { color: #000000; font-weight: bold; border-bottom: none; } #content-wrapper #desktop-right #tabs-container #tabs > div:hover { color: #000000; } #content-wrapper #desktop-right #tabs-container #tabs #trending:before, #content-wrapper #desktop-right #tabs-container #tabs #latest:before, #content-wrapper #desktop-right #tabs-container #tabs #my-fp:before { content: ""; display: inline-block; margin: 0 5px -5px 0px; } #content-wrapper #desktop-right #tabs-container #tabs #trending { display: none; } #content-wrapper #desktop-right #tabs-container #tabs #trending:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/icon-lightning.png); width: 12px; height: 17px; } #content-wrapper #desktop-right #tabs-container #tabs #my-fp { display: none; } #content-wrapper #desktop-right #tabs-container #tabs #my-fp:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/icon-fingerprint.png); width: 14px; height: 17px; } #content-wrapper #desktop-right #tabs-container #tabs-content { padding: 0 1rem; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp { display: none; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article { margin: 0 0 15px; float: left; clear: both; border-bottom: 1px solid #ccc; padding: 0 0 15px; width: 100%; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article:first-of-type, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article:first-of-type, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article:first-of-type { margin: 15px 0 15px; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article img, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article img, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article img { max-width: none; height: 100px; width: auto; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article div.authors, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article div.authors, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article div.authors { float: left; clear: none; margin: 0 .5rem 0 0; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares { display: none; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3 { clear: none; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.title, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.title, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.title { width: 100%; float: right; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3 a, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3 a, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3 a { font-family: "Solido", Tahoma, sans-serif; font-weight: 800; font-size: 19px; line-height: 1.375em; margin-bottom: 0; text-transform: none; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article div.sidebar-meta, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article div.sidebar-meta, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article div.sidebar-meta { width: 100%; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article a, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article a, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article a { font-family: "Solido", Tahoma, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 600; height: auto; line-height: 18px; color: #000; text-transform: uppercase; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article a.img-wrapper, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article a.img-wrapper, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article a.img-wrapper { display: none; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article .shares, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article .shares, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article .shares { text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 2px 0 0 8px; border-left: 1px solid #000; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest .meta.dark.small a, #content-wrapper #desktop-right #tabs-container #tabs-content #trending .meta.dark.small a, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp .meta.dark.small a { color: #000; text-transform: uppercase; } #content-wrapper #desktop-right #tabs-container > section article { width: 100%; margin: 0 0 0 0; } #content-wrapper #desktop-right #tabs-container > section > div { width: 100%; } @media screen and (min-width: 320px) { #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.title { width: 65%; float: right; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article div.sidebar-meta { width: 65%; float: right; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article a.img-wrapper { display: inline-block; height: auto; width: 30%; float: left; overflow: hidden; } } @media screen and (min-width: 769px) { #content-wrapper #desktop-right #tabs-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); } #content-wrapper #desktop-right #tabs-container #tabs > div { float: left; width: 33.3%; text-decoration: none; font-family: "Solido", Tahoma, sans-serif; text-transform: uppercase; font-size: .875rem; line-height: 2.5rem; color: #000; text-align: center; border-bottom: 1px solid #c8c9cb; border-left: 2px solid #c8c9cb; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #content-wrapper #desktop-right #tabs-container #tabs > div.active, #content-wrapper #desktop-right #tabs-container #tabs > div:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #content-wrapper #desktop-right #tabs-container #tabs #trending { border-left: none !important; } #content-wrapper #desktop-right #tabs-container #tabs #trending, #content-wrapper #desktop-right #tabs-container #tabs #my-fp { display: block; } #content-wrapper #desktop-right #tabs-container #tabs #latest:before { background-image: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/icon-clock.png); width: 17px; height: 17px; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article { border-bottom: none; padding: 0; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article a.img-wrapper, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article a.img-wrapper, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article a.img-wrapper { display: inline-block; height: auto; width: 100%; overflow: hidden; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article a.img-wrapper > img, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article a.img-wrapper > img, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article a.img-wrapper > img { height: auto; min-height: 125px; width: 100%; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.title, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.title, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.title { width: 100%; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares { font-family: "Solido", Tahoma, sans-serif; font-size: 12px; font-style: normal; text-transform: uppercase; font-variant: normal; font-weight: 600; padding: 3px 8px 0 3px; clear: none; float: left; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares:hover > ul, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares:hover > ul, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares:hover > ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 99; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares ul, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares ul, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares ul { height: inherit; position: absolute; bottom: 0; left: 0; min-width: 100%; padding: 7px 6px; opacity: 0; margin: 0; background-color: #fff; width: inherit; list-style-type: none; -moz-transition: 300ms; -o-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares ul li, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares ul li, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares ul li { height: 12px; width: 100%; margin: 0 0 1px; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares ul li.authors, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares ul li.date, #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares ul li.print, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares ul li.authors, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares ul li.date, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares ul li.print, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares ul li.authors, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares ul li.date, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares ul li.print { display: none; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares ul li.sharing img, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares ul li.sharing img, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares ul li.sharing img { height: 20px !important; width: 20px !important; display: inherit; margin-top: -4px; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares ul li a, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares ul li a, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares ul li a { float: left; margin: 0 14px 0 0; height: inherit; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares ul li a.email, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares ul li a.email, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares ul li a.email { display: none; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares { display: inline-block; padding: 3px 8px; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article h3.shares > ul, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article h3.shares > ul, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares > ul { top: 0; } #content-wrapper #desktop-right #tabs-container #tabs-content #trending article div.sidebar-meta, #content-wrapper #desktop-right #tabs-container #tabs-content #my-fp article div.sidebar-meta, #content-wrapper #desktop-right #tabs-container #tabs-content #latest article div.sidebar-meta { width: 100%; } } body.page-template-taxonomy-magazine-landing-php #content-wrapper { padding: 1rem 1.025rem 0; } body.page-template-taxonomy-magazine-landing-php #content-wrapper header.archive-header { border-bottom: 1px solid #a7a9ab; overflow: hidden; } body.page-template-taxonomy-magazine-landing-php #content-wrapper header.archive-header h1.archive-title { font-family: "Solido", Tahoma, sans-serif; font-size: 2rem; font-style: normal; font-variant: normal; font-weight: bold; height: 63px; line-height: 26px; border-right: 1px solid #a7a9ab; padding: 20px 15px 0 0; float: left; } body.page-template-taxonomy-magazine-landing-php #content-wrapper header.archive-header ul.year-nav { float: left; padding: 38px 0 0 15px; } body.page-template-taxonomy-magazine-landing-php #content-wrapper header.archive-header ul.year-nav li { float: left; font-size: 14px; padding: 0 5px; border-left: 1px solid #a7a9ab; color: #eb1414; font-weight: 600; } body.page-template-taxonomy-magazine-landing-php #content-wrapper header.archive-header ul.year-nav li:first-of-type { border-left: none; color: #000; } body.page-template-taxonomy-magazine-landing-php #content-wrapper header.archive-header ul.year-nav li:hover { cursor: pointer; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year { width: 100%; clear: both; position: relative; padding: 60px 0 55px 8px; margin: 0 0 55px; overflow: hidden; border-bottom: 1px solid #a7a9ab; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year:last-of-type { border-bottom: none; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year div.year-tab { color: #fff; background-color: #eb1414; font-family: "Solido Condensed", Tahoma, sans-serif; font-size: 17px; letter-spacing: 1px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 20px; position: absolute; padding: 6px 15px; margin: 0 0 0 -8px; top: 7px; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year div.year-tab:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; margin: 0 0 -8px 0; width: 0; height: 0; border: 4px solid transparent; border-right-color: #8d0c0c; border-top-color: #8d0c0c; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article { width: 30%; float: left; margin: 0 1.5% 0 0; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article h2 { font-size: 20px; font-style: normal; font-variant: normal; font-weight: 800; margin: 0 0 10px; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article img { -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); } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article:nth-of-type(3n + 1) { margin: 0 1.5% 0 0; clear: left; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:link, body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:hover, body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:visited { color: #eb1414; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:link:hover, body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:hover:hover, body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:visited:hover { text-decoration: underline; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:link.no-link, body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:hover.no-link, body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:visited.no-link { width: 100%; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:link.no-link img, body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:hover.no-link img, body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article a:visited.no-link img { width: 100%; height: auto; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article ul { border-left: 1px solid #a7a9ab; padding: 0 0 0 15px; margin: 20px 0 0; list-style-type: none; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article ul li { margin: 10px 0; line-height: 20px; } body.page-template-taxonomy-magazine-landing-php #content-wrapper #desktop-left section#magazine section.year article ul li:first-of-type { margin: 0 0 10px; } #desktop-right .the-mag-contain { text-align: center; } #desktop-right .the-mag-contain h2 { color: #111; font-family: Solido, Tahoma, sans-serif; font-size: 24px; font-style: normal; font-variant: normal; font-weight: bold; line-height: 68px; border-top: 1px solid #96989b; border-bottom: 1px solid #96989b; padding: 0; margin: 0; background: #fff; position: relative; z-index: 999; text-align: left; text-transform: uppercase; } #desktop-right .the-mag-contain h2:before { content: " "; display: block; float: left; border-right: 1px solid #96989b; height: 68px; padding: 0 2.5rem; margin: 0 1rem 0 0; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/the-mag.png) 50% 50% no-repeat; } #desktop-right .the-mag-contain > img { width: 100%; height: auto; margin: 10px 0; } #desktop-right .the-mag-contain article { margin: 15px 15px 0; padding: 15px; } #desktop-right .the-mag-contain article:nth-of-type(2) { background: #e0e1e3; } #desktop-right .the-mag-contain article a { font-family: "Solido", Tahoma, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 600; color: #000; text-transform: uppercase; margin: 5px 0; } #desktop-right .the-mag-contain article h3.title { margin: 0 0 5px; } #desktop-right .the-mag-contain article h3.title a { font-family: "Solido", Tahoma, sans-serif; font-size: 20px; font-style: normal; font-variant: normal; font-weight: 800; text-transform: none; } #desktop-right .the-mag-contain article div.share-contain { float: none; background: none; } #desktop-right .the-mag-contain article div.share-contain h3.shares { font-size: 14px; line-height: 15px; font-weight: 600; text-transform: uppercase; clear: none; display: none; } #desktop-right .the-mag-contain a.mag-read-more { display: inline-block; padding-top: 8px; font-size: 18px; line-height: 21px; text-transform: uppercase; float: right; width: 100%; font-weight: bold; padding-right: 10px; font-family: "Solido", Tahoma, sans-serif; color: #000; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/plus.png) 100% 75% no-repeat; padding: 13px 27px 0 0; border-top: 1px solid #000; margin: 0px 0px 10px 0px; text-align: right; } @media screen and (min-width: 769px) { #desktop-right .the-mag-contain { text-align: left; } #desktop-right .the-mag-contain article { text-align: left; } #desktop-right .the-mag-contain article h3.title a { font-size: 22px; line-height: 31px; } } @media screen and (min-width: 900px) { #desktop-right .the-mag-contain article div.share-contain > a { z-index: 98; position: relative; } #desktop-right .the-mag-contain article div.share-contain h3.shares { display: inline-block; margin: 0 5px 0; border-left: 1px solid #000; padding: 0 5px 0; float: none; } #desktop-right .the-mag-contain article div.share-contain h3.shares > ul { -moz-transition: 300ms; -o-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; bottom: 0; left: 0; width: inherit; padding: 5px; background: #fff; } #desktop-right .the-mag-contain article div.share-contain h3.shares > ul img { width: 20px; height: 20px; margin: 0 5px; } #desktop-right .the-mag-contain article div.share-contain h3.shares:hover > ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } } .mag-modal { height: 100%; width: 100%; position: fixed; overflow: scroll; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.9); z-index: 999999999999; display: none; color: #fff; } .mag-modal #close-contain { width: 100%; margin: 2% auto 100px; position: relative; display: inline-block; } .mag-modal #close-contain .logo { height: 110px; width: 133px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/FPlogo_tab_RGB2.png) no-repeat 0% 0%; float: left; } .mag-modal #close-contain h1 { text-align: left; color: #cb3323; font-family: "Solido", Tahoma, sans-serif; font-size: 19px; line-height: 68px; font-weight: 800; color: #fff; text-transform: uppercase; position: absolute; left: 0; top: 125px; width: 100%; padding: 0 10% 0 0; margin: 0 0 20px; border-bottom: 1px solid #fff; } .mag-modal #close-contain button.close { float: right; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/modal-close-img.png) no-repeat 0% 0%; width: 66px; height: 66px; border: none; cursor: pointer; position: relative; z-index: 99999; } .mag-modal .mag-modal-content { overflow: hidden; width: 90%; margin: 0 auto; position: relative; } .mag-modal .mag-modal-content #mag-terms { float: left; border-right: 1px solid #fff; width: 50%; padding: 0 0 0 22px; } .mag-modal .mag-modal-content #mag-terms li { color: #fff; font-size: 2em; text-transform: uppercase; margin: 0px; padding: 3rem 0 3rem; max-width: 100%; border-bottom: 1px solid #fff; } .mag-modal .mag-modal-content #mag-terms li:last-child { border-bottom: none; } .mag-modal .mag-modal-content #mag-terms li.active { border-right: 7px solid #eb1414; } .mag-modal .mag-modal-content #mag-terms li.item:hover { cursor: pointer; } .mag-modal .mag-modal-content .mag-cat-posts { display: none; float: right; padding: 0; width: 40%; margin: 40px 0 0; } .mag-modal .mag-modal-content .mag-cat-posts.first { display: inline-block; } .mag-modal .mag-modal-content .mag-cat-posts li { padding: 0 0 3rem; } .mag-modal .mag-modal-content .mag-cat-posts li > a { color: #fff; font-family: "Patua One"; font-size: 32px; line-height: 1.2; margin-bottom: 10px; } .mag-modal .mag-modal-content .mag-cat-posts li > a:hover { text-decoration: underline; } .mag-modal .mag-modal-content .mag-cat-posts li .dek, .mag-modal .mag-modal-content .mag-cat-posts li .dek p { font-family: "Solido", Tahoma, sans-serif; margin: 0; font-size: 20px; line-height: 28px; } .mag-modal .mag-modal-content .mag-cat-posts li .author { color: #cb3323; margin: 10px 0 0; } .mag-modal .mag-modal-content .mag-cat-posts li .author a { color: #cb3323; font-size: 14px; line-height: 1.2; text-transform: uppercase; } .mag-modal .mag-modal-content .mag-cat-posts li .author a:hover { text-decoration: underline; } .mag-modal div.search.js-elem { position: relative; height: 66px; } .mag-modal div.search.js-elem form#searchform { position: relative; margin: 20% 0 0 0; color: #fff; } .mag-modal div.search.js-elem form#searchform input#s { width: 100%; font-size: 4rem; background: transparent; border: none; border-bottom: 1px solid #fff; color: #fff; float: left; } .mag-modal div.search.js-elem form#searchform input#s:focus { outline: none; } .mag-modal div.search.js-elem form#searchform small { font-size: .8rem; float: left; clear: left; color: #6d6f72; } .mag-modal div.search.js-elem button.close { width: 51px; height: 51px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/gallery-modal-close.png) top left no-repeat; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; border: none; margin: 0; position: absolute; right: 0; bottom: 0; } .mag-modal div.search.js-elem button.close:hover { cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .mag-modal div.search.js-elem button.close:focus { border: none; outline: none; } @media screen and (min-width: 769px) { .mag-modal #close-contain { margin: 2% auto 55px; } .mag-modal #close-contain h1 { text-align: right; color: #cb3323; font-family: "Solido", Tahoma, sans-serif; font-size: 19px; line-height: 68px; font-weight: 800; color: #fff; text-transform: uppercase; position: absolute; left: auto; right: 0; top: 0; width: 75%; padding: 0 10% 0 0; border-bottom: 1px solid #fff; } .mag-modal .mag-modal-content { width: 70%; } .mag-modal .mag-modal-content #mag-terms { width: 27%; } .mag-modal .mag-modal-content .mag-cat-posts { width: 60%; } .mag-modal .mag-modal-content .mag-cat-posts li > a { font-size: 36px; } } .search-results #desktop-left article { height: auto; float: left; position: relative; font-family: Tiempos, Georgia, serif; width: auto; margin: 10px 0 7px; -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); } .search-results #desktop-left article img { height: auto; max-height: 270px; min-height: inherit; width: auto; float: left; margin: 0 1rem 0 0; } .search-results #desktop-left article h2.post-title { font-size: 2.625rem; float: left; clear: none; width: 60%; margin: 0 0 1rem; padding: 1.250rem 0 0; font-family: Tiempos, Georgia, serif; font-weight: 600; text-transform: capitalize; } .search-results #desktop-left article p.excerpt { font-weight: 600; float: left; width: 60%; line-height: 1.5rem; margin: 0 0 1.7rem; } .search-results #desktop-left article section.article-meta { width: 60%; float: left; } .search-results #desktop-left article { width: 100%; height: auto; margin: 10px 0 0; } .search-results #desktop-left article div.img-mask { overflow: hidden; float: left; height: 100%; width: 33%; margin: 0px 20px -10px 0px; } .search-results #desktop-left article div.img-mask img { max-height: inherit; } .search-results #desktop-left article p.excerpt { float: left; margin: 0 2% 0 0; width: 100%; } .search-results #desktop-left article h2.post-title { font-size: 2.65rem; line-height: 1; font-weight: 800; width: 100%; } .search-results #desktop-left article section.article-meta { padding-bottom: 0; float: left; margin: 0 2% 0 0; width: 100%; } .search-results #desktop-left article section.article-meta ul { margin-left: 0px; padding-left: 0px; } .search-results #desktop-left article section.article-meta ul li:first-of-type { padding: .5rem 2rem .5rem 0; } .search-results #desktop-left article section.article-meta ul .simple-author { padding-top: 0px !important; margin-top: 11px; padding-right: 10px !important; } .search-results #desktop-left a:link, .search-results #desktop-left a:hover, .search-results #desktop-left a:visited { color: #000; } @media screen and (max-width: 769px) { .search-results #desktop-left article { border: 1px solid #aaa; height: auto; width: 100%; } .search-results #desktop-left article div.img-mask { width: 100%; height: auto; } .search-results #desktop-left article div.img-mask img { width: 100%; height: auto; min-height: 0; } .search-results #desktop-left article h2.post-title { width: 100%; padding: 1.250rem 1rem; margin: 0 0 0; } .search-results #desktop-left article p.excerpt { display: none; } .search-results #desktop-left article section.article-meta { width: 100%; padding: 0 1rem 1rem; margin: 0; } .search-results #desktop-left article section.article-meta ul li { padding: 0; } .search-results #desktop-left article section.article-meta ul li.shares { display: none; } } .share-links { display: none; } .side-panel-wrapper { width: 90px; } .side-panel-fixed { position: fixed; top: 70px; } h3.shares { display: none; } #content-wrapper #desktop-right #tabs-container #tabs-content #latest article h3.shares > ul { width: 150px !important; } @media screen and (min-width: 1180px) { h3.shares { font-family: "Solido", Tahoma, sans-serif; font-size: 12px; font-style: normal; text-transform: uppercase; font-variant: normal; font-weight: 600; padding: 3px 8px 0 3px; clear: none; float: left; } h3.shares:hover > ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 99; } h3.shares ul { height: inherit; position: absolute; bottom: 0; left: 0; min-width: 100%; padding: 7px 6px; opacity: 0; margin: 0; background-color: #fff; width: inherit; list-style-type: none; -moz-transition: 300ms; -o-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; } h3.shares ul li { height: 12px; width: 100%; margin: 0 0 1px; } h3.shares ul li.authors, h3.shares ul li.date, h3.shares ul li.print { display: none; } h3.shares ul li.sharing img { height: 20px !important; width: 20px !important; display: inherit; margin-top: -4px; } h3.shares ul li a { float: left; margin: 0 14px 0 0; height: inherit; } h3.shares ul li a.email { display: none; } h3.shares { display: block; } #desktop-left article div.center { position: relative; } #desktop-left article > div h3.shares { font-family: "Solido", Tahoma, sans-serif; font-size: 12px; font-style: normal; text-transform: uppercase; font-variant: normal; font-weight: 600; padding: 3px 8px 0 3px; clear: none; float: left; } #desktop-left article > div h3.shares:hover > ul { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index: 99; } #desktop-left article > div h3.shares ul { height: inherit; position: absolute; bottom: 0; left: 0; min-width: 100%; padding: 7px 6px; opacity: 0; margin: 0; background-color: #fff; width: inherit; list-style-type: none; -moz-transition: 300ms; -o-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; } #desktop-left article > div h3.shares ul li { height: 12px; width: 100%; margin: 0 0 1px; } #desktop-left article > div h3.shares ul li.authors, #desktop-left article > div h3.shares ul li.date, #desktop-left article > div h3.shares ul li.print { display: none; } #desktop-left article > div h3.shares ul li.sharing img { height: 20px !important; width: 20px !important; display: inherit; margin-top: -4px; } #desktop-left article > div h3.shares ul li a { float: left; margin: 0 14px 0 0; height: inherit; } #desktop-left article > div h3.shares ul li a.email { display: none; } #desktop-left .share-links { -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); display: block; width: 90px; position: absolute; top: 0; right: 0; cursor: pointer; background: #fff; } #desktop-left .share-links .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; } #desktop-left .share-links .content-toggle { height: 0px; overflow: hidden; padding: 0 5px; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -o-transition-duration: 400ms; transition-duration: 400ms; -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); } #desktop-left .share-links .content-toggle.open { height: 143px; padding-top: 3px; margin-top: 0px; padding-bottom: 5px; margin-bottom: 0px; } #desktop-left .share-links section { color: #7c7c7c; line-height: 27px; border-top: 1px solid #a7a9ab; padding: 4px 0 2px 25px; text-transform: uppercase; font-size: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } #desktop-left .share-links section:first-of-type { border-top: none; } #desktop-left .share-links section:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; background: #bada55; } #desktop-left .share-links section span { margin-right: 3px; margin-top: -2px; } #desktop-left .share-links section.share-twitter-side { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/twitter-shares.png) 0% 50% no-repeat; background-size: 22px 22px; } #desktop-left .share-links section.share-facebook-side { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/facebook-shares.png) 0% 50% no-repeat; background-size: 22px 22px; } #desktop-left .share-links section.share-google-plus-side { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/google-plus-shares.png) 0% 50% no-repeat; background-size: 22px 22px; } #desktop-left .share-links section.share-reddit-side { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/images/reddit-shares.png) 0% 50% no-repeat; background-size: 22px 22px; } #desktop-left .share-links .aggregate-shares { text-transform: uppercase; font-family: "Solido", Tahoma, sans-serif; font-size: 12px; border-top: 1px solid #fff; line-height: 34px; text-align: center; background: #000; color: #eb1414; } #desktop-left .share-links .tags { background: #000; color: #fff; line-height: 35px; padding: 10px 0px; font-family: "Solido", Tahoma, sans-serif; text-transform: uppercase; font-weight: 800; text-decoration: none; font-size: 15px; display: block; text-align: center; border-top: 20px solid #fff; } #desktop-left .share-links .tags 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; padding: 5px 20px; } } body.overlay-no-scroll, html.fp-android-chrome.overlay-no-scroll { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #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; } .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; } #paywall_bg, .overlay-container-dark { position: fixed; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/vip/foreign-policy/static/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; } #paywallWrapper { margin: 5%; color: #fff; position: relative; } .mobile-regwall { padding-top: 20px !important; } .mobile-regwall h1 { padding-right: 20px; font-size: 1.6em; color: #fff; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid #a7a9ab; font-weight: bold; } .mobile-regwall h2 { font-size: 1.1em; margin-bottom: 5px; font-weight: bold; margin-top: 10px; } .mobile-regwall p { line-height: 1.4em; margin-top: 0px; } .mobile-regwall .FP-cite { color: #ea1419; font-weight: bold; font: "Solido", "Tahoma", sans-serif; } .mobile-regwall .FP-all-access { font-size: 0.6em; text-transform: uppercase; font-style: italic; font-weight: bold; font: "Solido", "Tahoma", sans-serif; } .mobile-regwall .overlay-button-large, .mobile-regwall .overlay-button-rounded { padding: 12px 30px; font-size: 1.3em; margin: 12px 0 20px; display: block; position: relative; width: 100%; margin-top: 0px; overflow: visible; background: #ea1414; text-align: center; font-weight: bold; cursor: pointer; color: #fff; text-transform: uppercase; text-decoration: none; border: 0; } .mobile-regwall .overlay-button-large:before, .mobile-regwall .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; } .mobile-regwall .paywall_close { top: -15px; right: -14px; position: absolute; cursor: pointer; } .paywall_counter { margin: 2em 0; border: 1px solid #eb1414; padding: 1em .7em; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); display: inline-block; } .paywall_counter p { font-family: Solido, Tahoma, sans-serif; width: 100% !important; margin: 0; } span.fp_red { color: #eb1414; } .inline-button-rounded, .inline-button-rounded-dark { display: inline-block; padding: 5px 6px; text-transform: uppercase; text-decoration: none; background: #ea1414; color: #fff !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .inline-cap-emph { text-transform: uppercase; color: #555; text-decoration: none; font-weight: bold; } .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; font-family: "Solido", Tahoma, sans-serif; } .special-offer-popup p { margin: 0; padding: 0; } .special-offer-popup header { position: relative; background: #EB1414; color: #fff; text-align: center; } .special-offer-popup header p { font-family: "Solido", Tahoma, sans-serif; } .special-offer-popup header span#paywall-counter { font-weight: 600; } .special-offer-popup header button { position: absolute; top: 4px; right: 5px; padding: 0px 3px; font-size: 13px; line-height: 17px; background: none; color: #fff; border: none; } .special-offer-popup div { padding: 13px 8px 14px 13px; background: #050706; color: #fff; display: inline-block; } .special-offer-popup div ul { float: left; width: 330px; margin: 0 0 0 -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; height: auto; } .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 div .subscribe, .special-offer-popup div a.subscribe { font-weight: 600; } .special-offer-popup div .subscribe cite, .special-offer-popup div a.subscribe cite { font-size: 22px; font-family: "Tiempos", Georgia, serif; } .special-offer-popup div .subscribe span, .special-offer-popup div 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); } .mobile-regwall .medium_header { padding-right: 20px; font-size: 2.1em; margin-bottom: .5em; } .mobile-regwall .overlay-button-large { padding: 12px 30px; font-size: 1.3em; margin: 12px 0 20px; } #paywall_bg #paywallWrapper { margin: 5% 20%; color: #fff; position: relative; font-family: "Solido", "Tahoma", sans-serif; } #paywall_bg .medium_header { font-size: 2.8125em; line-height: 1; padding-bottom: 20px; border-bottom: 1px solid #a7a9ab; margin-bottom: 40px; font-family: "Solido", "Tahoma", sans-serif; } #paywall_bg .paywall_text { margin: 0 0 2em; font-family: "Solido", "Tahoma", sans-serif; } #paywall_bg .table_row { border-bottom: 1px solid #555; zoom: 1; margin-top: 0px; font-family: "Solido", "Tahoma", sans-serif; } #paywall_bg .table_row:after { content: '.'; height: 0; display: block; clear: both; visibility: hidden; } #paywall_bg .table_left { width: 45%; } #paywall_bg .table_left, #paywall_bg .table_center { float: left; } #paywall_bg .table_center { width: 25%; padding-left: 2.5%; background: #000; position: relative; } #paywall_bg .table_right { float: right; width: 25%; text-align: left; } #paywall_bg strong { font-weight: bold; } #paywall_bg .overlay-nobrk { white-space: nowrap; } #paywall_bg .FP-cite { font-family: "Tiempos", Georgia, serif; color: #ea1419; font-weight: bold; } #paywall_bg .FP-all-access { font-size: 0.6em; text-transform: uppercase; font-style: italic; font-family: "Solido", Tahoma, sans-serif; font-weight: bold; } #paywall_bg .FP-all-access span { color: #ea1419; } #paywall_bg .pricing_stamp { -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px; -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); display: table; background: #c8252f; font-size: 15px; font-weight: bold; height: 110px; position: absolute; left: -105px; text-align: center; text-transform: uppercase; top: -55px; width: 110px; font-family: "Solido", "Tahoma", sans-serif; } #paywall_bg .pricing_stamp span { display: table-cell; vertical-align: middle; } #paywall_bg .sub_btn { display: block; clear: both; border-radius: 3px; background-color: #c8252f; width: 50%; color: #FFF; text-align: center; font-weight: bold; font-size: 1.5em; text-decoration: none; margin: 0 auto; position: relative; top: 1em; padding: 2%; font-family: "Solido", "Tahoma", sans-serif; } #paywall_bg .already_sub_link { color: white; display: block; clear: both; margin-top: 45px; text-align: center; font-family: "Solido", "Tahoma", sans-serif; } #paywall_bg .paywall_close { position: absolute; top: -20px; right: -25px; cursor: pointer; } #paywall_bg p { margin-top: 0px; } @media screen and (max-width: 500px) { #paywall_bg .medium_header { margin-bottom: .5em; } #paywall_bg .paywall_text { margin-bottom: 1em; } #paywall_bg .table_left, #paywall_bg .table_center, #paywall_bg .table_center { font-size: 13px; } #paywall_bg .table_left { width: 34%; margin-right: 2%; } #paywall_bg .table_center, #paywall_bg .table_right { width: 32%; background: none; } #paywall_bg .pricing_stamp { width: 70px; height: 70px; } } @media screen and (max-width: 700px) { #paywall_bg .table_left { width: 42%; margin-right: 2%; } #paywall_bg .table_center { width: 24%; padding-left: 2%; } #paywall_bg .table_right { width: 28%; } #paywall_bg #paywallWrapper { margin: 5%; } } body.single #desktop-left .fyre-widget { background: #fff; } body.single #desktop-left .fyre-widget .fyre-mention-menu.fyre-mention-connections { z-index: 999999; } body.single #desktop-left .fyre-widget article { width: 100%; } body.single #desktop-left .fyre-widget article footer { margin: 0px; padding: 0 10px; } body.single #desktop-left .fyre-widget article .fyre-comment-divider { float: left; clear: both; width: 100%; margin: 0 0 5px 0; } body.single #desktop-left .fyre-widget p { width: inherit; font-size: 13px; line-height: 18px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } body.single #desktop-left .fyre-widget ul.fyre, body.single #desktop-left .fyre-widget ul.fyre-box-list { display: none; } body.single #desktop-left .fyre-widget div.fyre-editor-editable p { width: inherit; font-size: 13px; } body.single #desktop-left .fyre-widget div.fyre-editor-editable p:first-of-type { margin: 0; } body.single #desktop-left .fyre-widget div.fyre-comment-actions { width: 50%; margin: 0; } @media print { header, img, .print, iframe, .sharedaddy, #related-posts, #desktop-right, footer { display: none !important; } span.pull-quote-left:before, span.pull-quote-right:before { display: none !important; } } img.emoji { border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .05em 0 .1em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; }.geolocation-chip .noticon { display: inline-block; vertical-align: middle; } .geolocation-chip { margin-bottom: 1em; }/** * Post Reblogging not in the Reader */ .reblogger-note img.avatar { float: left; padding: 0; border: 0; } .reblogger-note-content { margin: 0 0 20px; } .wpcom-reblog-snapshot .reblog-from img { margin: 0 .5em 0 0; padding: 0; border: 0; } .wpcom-reblog-snapshot .reblogger-note img.avatar { float: left; padding: 0; border: 0; margin: 0 .5em 0 0; } .wpcom-reblog-snapshot { margin-bottom: 1em; } .wpcom-reblog-snapshot p.reblog-from { margin: 0 0 1em 0; } .wpcom-reblog-snapshot p.reblogger-headline { line-height: 32px; margin: 0 0 1em 0; } .wpcom-reblog-snapshot .reblogged-content { margin: 0 0 1em 0; } /* Old reblog styles */ .reblog-post .wpcom-enhanced-excerpt-content {border-left: 3px solid #eee; padding-left: 15px; } .reblog-post ul.thumb-list { display: block; list-style: none; margin: 2px 0; padding: 0; clear: both; } .reblog-post ul.thumb-list li { display: inline; margin: 0; padding: 0 1px; border: 0; } .reblog-post ul.thumb-list li a { margin: 0; padding: 0; border: 0; } .reblog-post ul.thumb-list li img { margin: 0; padding: 0; border: 0; } .reblog-post .wpcom-enhanced-excerpt { clear: both; } .reblog-post .wpcom-enhanced-excerpt address, .reblog-post .wpcom-enhanced-excerpt li, .reblog-post .wpcom-enhanced-excerpt h1, .reblog-post .wpcom-enhanced-excerpt h2, .reblog-post .wpcom-enhanced-excerpt h3, .reblog-post .wpcom-enhanced-excerpt h4, .reblog-post .wpcom-enhanced-excerpt h5, .reblog-post .wpcom-enhanced-excerpt h6, .reblog-post .wpcom-enhanced-excerpt p { font-size: 100% !important; } .reblog-post .wpcom-enhanced-excerpt blockquote, .reblog-post .wpcom-enhanced-excerpt pre, .reblog-post .wpcom-enhanced-excerpt code, .reblog-post .wpcom-enhanced-excerpt q { font-size: 98% !important; } /* Reblogged post */ .reblog-from img { margin: 0 10px 0 0; vertical-align: middle; padding: 0; border: 0; } .reblog-source { font-weight: bold; } /* Optional notes */ .wpcom-reblog-snapshot .reblogger-note { border-bottom: 1px solid #ddd; border-bottom: 1px solid rgba(0,0,0,.1); margin: 0 0 1em 0; padding: 0 0 1em 0; overflow: hidden; } .wpcom-reblog-snapshot p.reblogger-headline { line-height: 32px; margin: 0 0 1em 0; } .wpcom-reblog-snapshot .reblogger-note-content { margin: 0; padding: 0; } body .wpcom-reblog-snapshot .reblogger-note-content blockquote { font-style: normal; font-weight: normal; font-size: 1em; margin: 0; padding: 0; position: relative; border: none; } .wpcom-reblog-snapshot .reblogger-note-content blockquote p:last-child { margin-bottom: 0; } /* Global styles for WordPress.com */ img.latex { border: none; vertical-align: middle; } .video-player { border: 0; margin: auto; padding: 5px; text-align: center; max-width: 100%; } .wpvidavee_title { font-family: Tahoma,Arial,sans-serif; font-size: 10px; font-weight: bold; line-height: 12px; padding: 2px 5px; text-align: left; } .wpvidavee_footer { font-family: Tahoma,Arial,sans-serif; font-size: 9px; line-height: 11px; padding: 2px 5px; text-align: right; } .wpvidavee_footer a { text-decoration: none; } .wpvidavee_p { color: red; } .hidden { display: none; } .possibly-related { clear: both; } .screen-reader-text { position: absolute; left: -1000em; } .comment object, .comment embed, .embed-vimeo iframe, .embed-youtube iframe { max-width: 100%; /* avoid videos being too wide */ } /** * Simple Homepage Experiment */ .simple-homepage-experiment #header, .simple-homepage-experiment #footer, .simple-homepage-experiment #landingpage { display: none !important; } .simple-homepage-experiment .simple-homepage { display: block !important; } .simple-homepage-experiment .simple-homepage { background: #f5f5f5; } /** * Typography */ .simple-homepage-experiment body, .simple-homepage-experiment td, .simple-homepage-experiment p, .simple-homepage-experiment div, .simple-homepage-experiment input, .simple-homepage-experiment label { font-family: "Open Sans", "Helvetica", sans-serif !important; font-size: 14px; line-height: 1.5; outline: none; } .simple-homepage-experiment input[type=checkbox] { margin: 0; } .simple-homepage-experiment h2, .simple-homepage-experiment h3 { text-align: center; } .simple-homepage-experiment h2 { font-family: "Open Sans", "Helvetica", sans-serif !important; font-size: 18px !important; color: #464646; margin-bottom: 16px; } .simple-homepage-experiment h3 { color: #898989; font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; } .simple-homepage-experiment a { color: #1e8cbe; text-decoration: none; } .simple-homepage-experiment a:hover { color: #005684; } /** * Layout */ body.simple-homepage-experiment { background: #f1f1f1; } body.simple-homepage-experiment#h4home #lang-guess { margin-top: 85px; padding: 15px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); } .simple-homepage { display: none; } body.simple-homepage-experiment .simple-homepage { display: block; } .simple-homepage-experiment h1 { margin: 50px auto 50px auto; padding-left: 85px; height: 75px; width: 305px; color: #737373; font-size: 43px !important; font-weight: 100; line-height: 75px; text-shadow: 0 1px 0 #fff; background: transparent url(/web/20141205050323/http://s1.wp.com/wp-content/themes/h4/i/simple-homepage/wp-logo-1x.png) no-repeat !important; } .simple-homepage-experiment .content { max-width: 910px; margin: auto; } .simple-homepage-experiment .box { background: #fff; width: 43.4065934%; height: 280px; padding: 35px; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px rgba(0,0,0,0.2); } .simple-homepage-experiment .box:hover { -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3); box-shadow: 0px 2px 5px rgba(0,0,0,0.3); } .simple-homepage-experiment .or { width: 45px; height: 45px; margin: 100px 20px; float: left; color: rgba( 0, 0, 0, 0.2); text-shadow: 0 1px 1px #f1f1f1, 0 0 0 #aaa, 0 4px 1px #f1f1f1; font-size: 14px; font-weight: bold; letter-spacing: 2px; line-height: 45px; text-align: center; text-transform: uppercase; border-radius: 50%; border: 8px rgba( 0, 0, 0, 0.1 ) solid; } .simple-homepage-experiment .sign-up { text-align: center; } .simple-homepage-experiment .big-ass-blue-button { margin: 20px auto; padding: 12px 40px; display: inline-block; color: #fff !important; font-size: 24px; text-decoration: none; text-shadow: 0px -1px 1px rgba(0,0,0,0.32); border-radius: 4px; background-color: #0aa1ce; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(10, 161, 206)), to(rgb(0, 136, 181))); background-image: -webkit-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: -moz-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: -o-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: -ms-linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); background-image: linear-gradient(top, rgb(10, 161, 206), rgb(0, 136, 181)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#0aa1ce', EndColorStr='#0088b5'); border: 1px solid #0088b5; box-shadow: inset 0px 1px 1px rgba(255,254,254,0.5), 0 1px 1px rgba(0,0,0,0.3); } .simple-homepage-experiment .big-ass-blue-button:hover { color: #fff; background-color: #4eb5d5; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(78, 181, 213)), to(rgb(0, 136, 181))); background-image: -webkit-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: -moz-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: -o-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: -ms-linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); background-image: linear-gradient(top, rgb(78, 181, 213), rgb(0, 136, 181)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4eb5d5', EndColorStr='#0088b5'); } .simple-homepage-experiment .big-ass-blue-button:active { background: #0aa1ce; box-shadow: inset 0px -1px 1px rgba(255,254,254,0.2); } .simple-homepage-experiment .login input[type=text], .simple-homepage-experiment .login input[type=password] { display: block; width: 90%; margin: 0 0 10px 0; padding: 10px 15px 10px 35px; color: #898989; font-size: 14px; font-weight: 200; border-radius: 3px; background: #FCFCFC url(/web/20141205050323/http://s1.wp.com/wp-content/themes/h4/i/simple-homepage/login-sprite-1x.png) no-repeat; border: 1px solid #BFBFBF; -moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); -webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); box-shadow: inset 0px 1px 3px rgba(0,0,0,0.15); } .simple-homepage-experiment .login input:focus { background: #fff url(/web/20141205050323/http://s1.wp.com/wp-content/themes/h4/i/simple-homepage/login-sprite-1x.png) no-repeat; color: #444; border: 1px #aaa solid; } .simple-homepage-experiment .login input[type=text] { background-position: -3px -3px; } .simple-homepage-experiment .login input[type=password] { background-position: -3px -57px; } .simple-homepage-experiment#h4home #wrapper button.login-button { float: right !important; padding: 5px 20px !important; margin: 20px 0 !important; border-radius: 3px !important; border: 1px #bbb solid !important; color: #464646 !important; font-size: 15px !important; line-height: 1.6 !important; text-transform: none !important; letter-spacing: 0 !important; text-shadow: 0px 1px 1px #fff !important; box-shadow: inset 0px 1px 1px rgba(255,254,254,0.8), 0 1px 2px rgba(0,0,0,0.1) !important; background-color: #eaeaea !important; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(234, 234, 234)), to(rgb(201, 201, 201))) !important; background-image: -webkit-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: -moz-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: -o-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: -ms-linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; background-image: linear-gradient(top, rgb(234, 234, 234), rgb(201, 201, 201)) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#c9c9c9') !important; } .simple-homepage-experiment#h4home #wrapper .login-button:hover { background-color: #fcfcfc !important; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(202, 202, 202))) !important; background-image: -webkit-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: -moz-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: -o-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: -ms-linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; background-image: linear-gradient(top, rgb(252, 252, 252), rgb(202, 202, 202)) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fcfcfc', EndColorStr='#cacaca') !important; } .simple-homepage-experiment#h4home #wrapper .login-button:active { background: #eaeaea !important; box-shadow: 0 -1px 1px rgba(255,255,255,0.8) !important; } .simple-homepage-experiment .forgot-password { display: block; margin: 17px 0 4px 0; float: left; clear: left; font-size: 12px; } .simple-homepage-experiment .remember-me { float: left; clear: left; margin: 0; } .simple-homepage-experiment .remember-me label { font-size: 12px; color: #1e8cbe; } .simple-homepage-experiment .remember-me label:hover { color: #005684; } .simple-homepage-experiment .footer { position: fixed; bottom: 20px; right: 0; left: 0; color: #898989; font-size: 11px; clear: both; text-align: center; } .simple-homepage-experiment .footer .automattic { margin: 0 3px; width: 127px; height: 13px; background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/h4/i/simple-homepage/automattic-1x.png) no-repeat; text-indent: -999999px; display: inline-block; vertical-align: text-bottom; } .simple-homepage-experiment .clear { clear: both; } /** * Retina CSS */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .simple-homepage-experiment h1 { background: transparent url(/web/20141205050323/http://s1.wp.com/wp-content/themes/h4/i/simple-homepage/wp-logo-2x.png) no-repeat !important; background-size: 74px 74px; } .simple-homepage-experiment .footer .automattic { background: url(/web/20141205050323/http://s1.wp.com/wp-content/themes/h4/i/simple-homepage/automattic-2x.png) no-repeat; background-size: 127px 11px; } .simple-homepage-experiment .login input[type=text], .simple-homepage-experiment .login input[type=password] { background: #FCFCFC url(/web/20141205050323/http://s1.wp.com/wp-content/themes/h4/i/simple-homepage/login-sprite-2x.png) no-repeat; background-size: 40px 96px; } .simple-homepage-experiment .login input:focus { background: #fff url(/web/20141205050323/http://s1.wp.com/wp-content/themes/h4/i/simple-homepage/login-sprite-2x.png) no-repeat; background-size: 40px 96px; } } /** * Responsive CSS */ @media screen and (max-width: 800px) { .simple-homepage-experiment .or { clear: both; float: none; margin: 20px auto; } .simple-homepage-experiment .box { clear: both; margin: auto 20px; float: none; width: auto; } .simple-homepage-experiment .login { margin-bottom: 30px; } .simple-homepage-experiment .footer { position: relative; padding-top: 30px; } } @media screen and (max-height: 580px) { .simple-homepage-experiment .footer { position: relative; padding-top: 30px; margin-top: 50px; } }