/*
Theme Name: RGB ToI
Theme URI: http://rgbmedia.org
Author: RGB Media Inc.
Author URI: http://rgbmedia.org/
Description: Bespoke design for the Times of Israel website
Version: 1.0
License: All Rights Reserved
*/
/* Reset default browser CSS. Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */


@font-face {
    font-family: 'ProximaNovaECSB';
    src: url('../fonts/ProximaNovaExCn-Sbold-webfont.eot');
    src: url('../fonts/ProximaNovaExCn-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNovaExCn-Sbold-webfont.woff') format('woff'),
         url('../fonts/ProximaNovaExCn-Sbold-webfont.ttf') format('truetype'),
         url('../fonts/ProximaNovaExCn-Sbold-webfont.svg#ProximaNovaExtraCondensedSBd') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'rgb';
    src:url('../fonts/rgb.eot?bloiz6');
    src:url('../fonts/rgb.eot?#iefixbloiz6') format('embedded-opentype'),
        url('../fonts/rgb.woff?bloiz6') format('woff'),
        url('../fonts/rgb.ttf?bloiz6') format('truetype'),
        url('../fonts/rgb.svg?bloiz6#rgb') format('svg');
    font-weight: normal;
    font-style: normal;

}

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;outline:none;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
html, body {height:100%;margin-bottom:1px;}
body {line-height:1;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;clear:both;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
del {text-decoration:line-through;}
ins {text-decoration:none;}
table {border-collapse:collapse;border-spacing:0;}
input:focus {outline:none;}
/* basic & global stuff */
body {color:#333;background-color:#fff;font-size:62.5%;font-family:Georgia,"Times New Roman",Times,serif;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
body.single {margin:0 !important;}
#primary {clear:both;float:left;width:100%;}
.two-columns {background:#fff url("http://cdn.timesofisrael.com/images/647_1_317.png") repeat-y scroll 0 0;}
p {font-size:1.5em;line-height:140%;margin-bottom:1.4em;font-weight:300;}
strong {font-weight:700;}
em {font-style:italic;}
h5 {clear:both;float:left;width:100%;margin-bottom:15px;padding:9px 0;border-top:4px solid #333;border-bottom:4px double #c9c9c9;font-size:1.9em;line-height:0.7em;font-family:ProximaNovaECSB,"Arial Narrow",sans-serif;text-transform:uppercase;}
h5 a {color:#333;}
h5 a:hover {color:#bd0d1d;}
a {color:#346f99;text-decoration:none;}
a img {border:none;}
.cols6 {clear:both;float:left;width:100%;background-image:none;background-color:#fff;}
.cols6-content {clear:both;float:left;width:100%;}

.geo {height: 177px;background: #254e6d;position: relative;overflow:hidden; margin-bottom:25px;}
.geo.rtl {direction:rtl; text-align:right;}
.geo-title {height: 50px;background: #346f9a;}
.horizontal-bar-items.geo-items {background: #254e6d;margin-top: 24px;margin-left: 35px;margin-right: 35px; width:calc(100% - 60px);}
.geo .container {position:relative; background: #254e6d;height: 103px;white-space: nowrap;}
.geo-item {width: 295px;height: 76px;display: inline-block;margin-right: 20px;}
.geo.rtl .geo-item:first-child {margin-right:0px;}
.geo .media {margin-top: 0px;width: 134px;height: 76px;float: left; overflow:hidden;}
.geo.rtl .media {float:right;}
.geo-logo {float:left; padding: 16px;padding-left: 23px;padding-bottom: 10px;}
.geo.rtl .geo-logo {float:right; padding-left:16px; padding-right:23px;}
.geo-logo.fr {padding: 10px;padding-left: 23px;}
.geo-title div {float:left; color: #bd0d1d;background: #fff;padding: 2px 7px 2px 7px;font-family: 'ProximaNovaECSB', 'Arial Narrow', 'sans-serif';font-size: 18px;position: relative;display: inline-block;margin-top:16px;}
.geo.rtl .geo-title div {float:right;}
.geo-title div a {color:inherit;}
.geo-title div a:hover {text-decoration: none}
.geo-title.fr div {margin-top:15px;}
.geo-title.cn div {font-family: 'Arial';font-size: 14px; height: 17px;padding-top: 4px;margin-top: 16px;}
.geo-title.ar div {font-family: 'Droid Arabic Kufi';font-size: 14px; height: 17px;padding-top: 4px;margin-top: 16px;}
.geo .item-title {font-family: Georgia, 'Times New Roman', Times, serif;color: #fff;font-size: 15px;white-space: normal;line-height: 20px;}
.geo .content {float: left;width: 152px;margin-top: -3px;margin-left: 9px;}
.geo.rtl .content {margin-right:9px; float:right; width:133px;}
.geo.ar .item-title {font-family:'Droid Arabic Naskh'; font-size:13px;}
.geo .content a {color:inherit;}
.geo .horizontal-arrow.arrow {cursor:pointer; z-index:3;width: 50px;height: 50px;position: absolute;background: #6b889c;border-radius: 50%;top: 49%;}
.geo .horizontal-arrow.arrow.right {right:-25px;}
.geo .horizontal-arrow.arrow.left {left:-25px;}
.geo .horizontal-arrow.arrow.disabled {opacity:0.2; cursor:default;}
.geo .arrow:after {position:absolute; top:14px; font-size:26px;font-weight:normal; font-family:rgb;color:#fff;}
.geo .arrow.left {left:-25px;}
.geo .arrow.left:after {content:"\e617"; right:2px;top:14px;}
.geo .arrow.right {right:-8px;}
.geo .arrow.right:after {content:"\e61a"; left:3px;}
img.geo-logo {width: 195px;}
a.js_title {color: #fff;font-family: ProximaNovaECSB, 'Arial Narrow', sans-serif;font-size: 16px;padding-top: 22px;display: block;text-transform: uppercase;}
.jn img.geo-logo.jewishnews {margin-top:-7px;width:auto;}
.jewishweek img.geo-logo {width: 400px;margin-top: 2px;}
.ajt img.geo-logo {width:auto;margin-top:-11px;}
/* MOBILE */
.geo-mobile .cols6 {width: 100%;height: 100%;overflow-y: hidden;}
.geo-mobile .geo-item {vertical-align:top;}
.geo-mobile .geo {height:auto;}
.geo-mobile .geo .container {height:auto;}
.geo-mobile .geo .geo-item {height:auto;width:70%;max-width:300px;}
.geo-mobile .geo .horizontal-arrow.arrow {display:none;}
.geo-mobile .horizontal-bar-items.geo-items {background:transparent;width:97vw; overflow:scroll;margin-left:0;}
.geo-mobile .geo .content {float: none;width: 100%;text-align: left;clear: both;margin-top: -3px;padding: 10px 0% 15px;margin-left: 0;}
.geo-mobile .geo .media {margin-top: 0px;width: 100%;height: 188px;float: left;overflow: hidden;}
.geo-mobile .geo-item:first-child {margin-left: 25px;}
.geo-mobile .media.cube {display:none;}
.geo-mobile .geo-items {overflow-y: scroll; /* has to be scroll, not auto */-webkit-overflow-scrolling: touch;}


/* ARTICLE */
.geo-mobile.geo-article .media {width: 50%;float: left;height:auto;}
.geo-mobile.geo-article .geo .content {width: 45%;float: left;clear: none;padding-top: 5px;padding-left: 10px;}
.geo-mobile.geo-article .horizontal-bar-items.geo-items {margin-top: 12px;padding-bottom: 12px;}
.geo-mobile.geo-article .geo .item-title {line-height:117%;}
.geo-mobile.geo-article .geo .item-title {font-size:16px;}


@media only screen and (max-width: 454px) {
    .geo-mobile .img.geo-logo {width:50%;}
    .geo-mobile .js_title span {display:none;}
    .geo-mobile:not(.geo-article) .media {display:none;}
    .geo-mobile .media.cube {display:block;}
}