/*
Theme Name: SimpleMag
Theme URI: http://themesindep.com/
Author: ThemesIndep
Author URI: http://themesindep.com/
Description: Magazine theme for creative things
Template: simplemag
*/


@import url("../simplemag/style.css");

/* Your CSS code goes here
-------------------------------------- */

.nav-outer { background:url(https://www.myjli.com/sites/global-menu/images/nav_background.png) no-repeat top; height:60px; width:100%;}	
	
#universalbar { width:881px; margin:0 auto; list-style:none; padding:0; overflow:hidden;}
#universalbar li { float:left; padding:0; margin:0;}
#universalbar li a { display:block; float:left; width:80px; height:60px; overflow:hidden; text-indent:-9999px;}

#universalbar li a.jli   { background:url(https://www.myjli.com/sites/global-menu/images/jli-3-state.png) no-repeat 0 0;}
#universalbar li a.tc    { background:url(https://www.myjli.com/sites/global-menu/images/torah-cafe-3-state.png) no-repeat 0 0;}
#universalbar li a.ts    { background:url(https://www.myjli.com/sites/global-menu/images/torah-studies-3-state.png) no-repeat 0 0;}
#universalbar li a.rosh  { background:url(https://www.myjli.com/sites/global-menu/images/rosh-3-sate.png) no-repeat 0 0;}
#universalbar li a.sinai { background:url(https://www.myjli.com/sites/global-menu/images/sinai-3-sate.png) no-repeat 0 0;}
#universalbar li a.jt    { background:url(https://www.myjli.com/sites/global-menu/images/jli-teens-3-state.png) no-repeat 0 0;}
#universalbar li a.shiur { background:url(https://www.myjli.com/sites/global-menu/images/shiur-3-state.png) no-repeat 0 0;}
#universalbar li a.njr   { background:url(https://www.myjli.com/sites/global-menu/images/njr-3-state.png) no-repeat 0 0;}
#universalbar li a.ls    { background:url(https://www.myjli.com/sites/global-menu/images/ls-3-state.png) no-repeat 0 0;}
#universalbar li a.shmuel    { background:url(https://www.myjli.com/sites/global-menu/images/shmuel-3-state.png) no-repeat 0 0;}

#universalbar li a:hover  { background-position:0 -60px;}
#universalbar li.active a { background-position:0 -120px;}

#masthead #searchform input[type="text"] {
	border: 1px;
}
.header-banner .logo {
	position: absolute;
}
.header-banner .logo img {
	float: left;
}
.header-banner .logo span {
	float: left;
	padding-left: 10px;
	font-size: 12px;
	color: #3e3e3e;
    line-height: 14px;
    font-weight: 500;
	padding-top: 7%;
}
.header-banner .tagline {
	text-align: center;
}
.header-banner .inner-cell {
	position: relative;
}
.header-banner .tagline img {
	max-width: 40%;
}
#masthead {
	margin-top: 0 !important;
}
.inactiveMenu a{
	color:#ccc!important;
}
#branding {
    margin-bottom: 5px;
    min-height: 60px;
}
.nav-outer, 
.header-banner .tagline, 
.header-banner .logo {
	display: block;
}
.header-banner .tagline.mobile, 
.top-strip.mobile {
	display: none;
}
h3.sub-category-title {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: 100;
    font-family: inherit;
}
@media only screen and (max-width: 959px) {
	.nav-outer, 
	.header-banner .tagline, 
	.header-banner .logo {
		display: none;
	}
	.header-banner .tagline.mobile {
		display: block;
	    text-align: left;
	}
	.top-strip.mobile {
		display: block;
	}
	.header-banner .tagline.mobile img {
		max-width: 100%;
	}
}
@media only screen and (max-width: 479px) {
	#branding .wrapper {
	    width: 273px;
	}
}