/* 
%1 Logo/Top Links 
%2 Navigation
%3 Global Styles 
%4 Home Page
%5 Maincontent
%6 Sidebar Right
%7 Footer

/* %1 Logo/Top Links -------------------------------------*/
#header #header_inner {
    width:1200px;
    max-width:100%;
}
#content .sidebar_left_top {
    width:1200px;
    max-width:100%;
    padding:0px;
}
#img_div {
    text-align:left;
    
}
.hebrew_date {
    position: absolute;
    top: 0px;
    margin-top: 10px;
    right: 280px;
    color: #999;
    font-size: 14px;
}
.top_links {
    top:0px;
    margin-top:10px;
}
.top_links li {
    margin-right:15px;
}
.top_links li:last-child {
    margin-right:0px;
}
.top_links li a {
    color:#006fba;
    text-transform:uppercase;
    text-decoration:underline;
    font-weight:normal;
    font-size:14px;
}
.top_links li:first-child a:before, .top_links li:nth-child(2) a:before,
.top_links li:nth-child(3) a:before,.top_links li:nth-child(4) a:before,
.top_links li:nth-child(5) a:before {
    display:none;
}
.top_links li a {
    text-indent:0px;
}
/* ------- Search Area */
.search_area {
    display:block;
    top:75px;
    right:20px;
}
.search_area input[type="text"] {
    height:30px;
    margin-right:10px;
}
.search_area .submit_button {
    height: 30px;
    display: inline-block;
    float: right;
    background:url(https://web-archive.nli.org.il/National_Library/oe_/https://images.shulcloud.com/1283/uploads/Images/CMS-Pages/Icons/searchtopbutton.png) no-repeat center center;
    background-size:contain;
}
#content .sidebar_left_top .search_area input[type="submit"] {
    text-indent:-99em;
    background:none !important;
    padding:0px;
    height:30px;
    width:30px!important;
}
/* %2 Navigation ---------------------------------------------- */
#sidebar_left {
    background:#006fba;
    border-bottom:6px solid #88bee7;
    border-top:none;
}

#nav_section > li {
    border-right:1px solid #88bee7;
    margin-right:-4px;
    box-sizing:border-box;
}
#nav_section > li:hover{
    background:#368fcc;
}
#nav_section > li:first-child {
    border-left:1px solid #88bee7;
}
#nav_section li a {
    font-size: 16px;
   font-family: "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 16px 26px 12px 26px;
    color: #FFF;
    text-transform:uppercase;
}
#nav_section li a:hover {
    color:#fff;
}
#nav_section li ul li {
    background:#368fcc;
    border-bottom:1px solid #88bee7;
}
#nav_section li ul li:last-child {
    border-bottom:none;
}
#nav_section li ul li:hover {
    background:#88bee7;
}
#nav_section li ul li a {
    text-transform:uppercase;
}
/* %3 Global Styles -------------------------------------- */
body, #maincontent, #maincontent h2, #maincontent p, #maincontent li, #maincontent a{
   font-family: "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body, #maincontent, #maincontent p, #maincontent a, #maincontent li {
    font-size:16px;
}
h1, #maincontent h1 {
    color: #333333;
    font-size: 38px;
    text-transform: uppercase;
    font-weight:bold;
} 
#maincontent h4 {
    color: #88bee7;
    font-size: 18px;
    margin: 0;
    font-weight: bold;
    margin-bottom:5px;
}
#maincontent h5 {
    color: #006fba;
    font-size: 16px;
    margin: 0;
    font-weight: bold;
}
/* %4 Maincontent ----------------------------------------------- */

#maincontent {
    width:1200px;
    max-width:100%;
    padding:0px;
}
#maincontent .breadcrumbpaginationh1section .breadcrumbsection {
    background: #9CF;
    display:block;
    width:100%;
    padding:10px 0px 10px 0px;
    color:#006fba;
}
.breadcrumb_inner_wrapper {
    max-width:100%;
    width: 1200px;
    margin: 0px auto;
}
#maincontent .breadcrumbpaginationh1section h1{
    display:block !important;
    width:1200px;
    max-width:100%;
    margin:0px auto;
    float:none;
    padding: 30px 30px 0px 30px;
}
#maincontent .breadcrumbpaginationh1section a {
    text-decoration:none;
}
.featured_article {
    padding:20px 0px;
}
.content_body, .content_title {
    max-width:1200px;
    padding:0px 30px;
}
a, #maincontent .featured_article a, #maincontent a {
    color:#006fba;
    text-decoration:underline;
}
#maincontent h3 {
    color:#006fba;
    font-size:22px;
}

/* %5 Home Page ----------------------------------------------- */
.home #maincontent {
    padding-top:0px;
}
#maincontent .sy-box, #content .sy-box {
    background:#f5f5f5;
}
#maincontent .sy-slides-wrap, #content .sy-slides-wrap {
    max-width:1200px;
    margin:0px auto;
}
.home #maincontent .breadcrumbpaginationh1section .breadcrumbsection,
.home #maincontent .breadcrumbpaginationh1section h1{
    display:none !important;
    
}
/* Upcoming Events Widget---------------------------------------- */

#maincontent .featured_article.events .content_body{
    padding:0px;
}
#maincontent .fck_widget_events{ overflow:hidden; padding-left:0px;}
.home #maincontent.default ul.upcomingEvents, 
.home #maincontent ul.upcomingEvents{ 
    overflow:hidden;
    padding-left:0px;
    padding-bottom:0px;
    margin-left:0px;
}

.home #maincontent.default ul.upcomingEvents LI, 
.home #maincontent ul.upcomingEvents li{ 
    text-align:center; background:#fff; 
    /*float:left; */
    display:inline-block;
    clear:none; 
    width:40%; 
    padding:0px; margin:0px 1.3%;
}
#maincontent .event_widget_picture{ 
    float:none; max-width:none; width:100%; 
    /*shul started using square pictures */
    /*height:186px; */
    overflow:hidden; border-bottom:6px solid #b0bc25; margin-bottom:0px;
}
#maincontent .event_widget_picture img{ 
    max-width:none; width:100%;
}
#maincontent ul.upcomingEvents .event_widget_title, 
#maincontent ul.upcomingEvents .event_widget_time{ 
    background:#333;
    color:#fff;
    padding:16px;
    text-align:center;
    text-decoration:none; padding-left:10px; line-height:1.2; font-size:16px;
    font-family: 'Montserrat', sans-serif; font-weight:500;
}
#maincontent ul.upcomingEvents .event_widget_title {
    float:left;
}
#maincontent ul.upcomingEvents .event_widget_time {
   text-align:left;
   text-transform:none;
}
ul.upcomingEvents .event_widget_title:hover{ 
    text-decoration:underline;
}
ul.upcomingEvents .event_widget_time{ 
    display:block; padding-top:10px; padding-bottom:5px; padding-left:10px; padding-right:10px; 
    font-weight:700; font-style:normal;font-family: 'Montserrat', sans-serif; font-size:14px; color:#666666;
}

#maincontent ul.upcomingEvents .event_widget_moreinfo,
#maincontent ul.upcomingEvents .event_end_time,
#maincontent ul.upcomingEvents .between_times{display:none;}

#maincontent .readmore {padding:0px;}
/* Images with Captions ---------------------------------------------*/
#maincontent .featured_article.captions p {
    margin:0px;
}
#maincontent .featured_article.captions p:nth-child(2) {
    background: #333;
    padding: 16px;
    text-align: left;
}
#content #maincontent .featured_article.captions p:nth-child(2) a {
    text-decoration: none;
    color: #fff;
    font-size:16px;
}
/* --------------- Landing Page */
body.landing_page #maincontent {
    padding:0px;
}

body.landing_page #maincontent .breadcrumbpaginationh1section h1{
    display:none !important
}
body.landing_page #maincontent .content_title {
    color: #333333;
    font-size: 38px;
    text-transform: uppercase;
    font-weight:bold;
    text-align:left;
}
body.landing_page #maincontent .featured_article:first-child h2.content_title {
    margin-bottom:35px;
}
body.landing_page #maincontent .content_body {
    padding-left:0px;
}
body.landing_page .maincontent .content_body img:first-child {
    float:left;
    margin-right:10px;
}
#maincontent .featured_article.inner_pages {
    padding-bottom:0px;
}
.fck_widget_inner_pages {
    display:inline-block;
    margin-bottom:15px;
}
.fck_widget_inner_pages:after {
    content:'';
    clear:both;
}
#maincontent .fck_widget_inner_pages ul, #maincontent.default .fck_widget_inner_pages ul li:first-child {
    margin-left:0px;
    padding-left:0px;
}
#maincontent.default .fck_widget_inner_pages ul li {
    list-style-type:none;
    float:left;
    padding:3px 10px;
    border-right:1px solid #ddd;
}
#maincontent.default .fck_widget_inner_pages ul li:last-child {
    border-right:0px;
}
#maincontent .fck_widget_inner_pages .subnav_has_children > ul {
    display:none;
}
#maincontent .fck_widget_inner_pages .selected_nav {display:none;}
body.clergy #maincontent img {
    float:left;
    margin-right:10px;
}
.header_slider .sy-caption-wrap, .fck_widget_slider .sy-caption-wrap {
    border:0px;
}
.sy-caption-wrap .sy-caption .slider_description {
    width:100%;
}
/* Blog   ------------------------------------------------*/ 
body.blog #maincontent h2, body.blog #maincontent h2.content_title, body.blog #maincontent h2.content_title a {
  color: #006fba;
    font-size: 28px;
    text-transform: uppercase;
    text-align:left;
    text-decoration:none;
}
body.blog #sidebar_right h2, body.blog #sidebar_right h2.content_title {
    color:#fff;
}
body.blog #sidebar_right .fck_widget_blog a {
    text-transform:uppercase;
}
/* %6 Sidebar Right  ------------------------------------------------ */

.content_with_sidebar {
    max-width:1200px;
    margin:0px auto;
}
#maincontent_sidebar_wrapper #maincontent {
    width:100%;
}
.content_with_sidebar .maincontent {
    width:69%;
    float:left;
}
#sidebar_right {
    display:block;
    width:30%;
    margin-bottom:50px;
}
#date_box {
    display:none;
}
#sidebar_right .right_bm {
   font-family: "Hind", "Helvetica Neue", Helvetica, Arial, sans-serif;
   text-align:left;
    padding-top:0px;
    background: #88bee7;
}
#sidebar_right .right_bm .right_content {
    padding-bottom:0px;
}
#sidebar_right .right_bm h2.content_title {
   text-transform:uppercase;
    background:#006fba;
    color:#fff;
    padding: 10px 30px;
    text-align:left;
    font-size:30px;
}
#content #sidebar_right .right_bm .content_body {
    text-align:left;
    padding:20px 30px;
    border: 1px solid #006fba;
}
#sidebar_right .right_bm:first-child {
    padding-top:0px;
}
.home #sidebar_right .right_bm {
    background:none;
}
#content #sidebar_right .right_bm .content_body {
    background:#88bee7;
}
.home #sidebar_right .right_bm:first-child h2.content_title,
.home #sidebar_right .right_bm:first-child .content_body > h2:first-child {
    color:#ea5f13;
    background:#fbb53d;
    padding: 10px 30px;
    font-size: 20px;
    /*padding-top:16px;*/
    /*padding-bottom: 16px;*/
}
.home #sidebar_right .right_bm:first-child .content_body h2 a {
    font-size: 20px;
}
body.home #content #maincontent #sidebar_right .right_bm:first-child h2 > a:hover {
    color:#fff475 !important;
}
.home #content #sidebar_right .right_bm:first-child .content_body {
    background:#fff475;
    border: 1px solid #fbb53d;
    padding:0px;
}
.home #content #sidebar_right .right_bm:first-child .fck_widget_calendar{
    padding: 20px 30px;
}
#sidebar_right .fck_widget_calendar {
    margin-left:0px;
}
#sidebar_right .fck_widget_calendar h2 {
    font-size:20px;
    margin-bottom:0px;
    text-transform:uppercase;
}
#sidebar_right .fck_widget_calendar .table-responsive tr td {
    padding:0px;
    color:#000;
    font-size:16px;
}
body.home #content #maincontent #sidebar_right .right_bm:first-child a,
body.home #content #maincontent #sidebar_right .right_bm:first-child h4{
    color:#ea5f13;
    text-decoration:none;
}
body.home #content #maincontent #sidebar_right .right_bm:first-child a:hover {
    color:#fbb53d;
}
body.home #content #maincontent #sidebar_right .right_bm:first-child .readmore a{
    background: #fbb53d;
    text-decoration: none;
}
#content #sidebar_right ul li {
    padding-top:0px;
    list-style-type:disc;
}
/* %7 Footer ------------------------------------------------ */
#footer {
    background:#006fba;
    color:#fff;
}
#footer .footer_inner {
    max-width:1200px;
}
#footer h4 {
    font-weight:bold;
}
#footer a {
    text-decoration:underline;
}
#footer a:hover {color:#fff;}
.footer_inner .row:after {
    clear: both;
    display: table;
    content: '';
}
#footer .button {
    background:#fff;
    color:#006fba;
    padding:5px;
    text-decoration:none;
    text-transform:uppercase;
}
#footer .button:hover {
    color:#fff;
    background:#88bee7;
}
.footer_newsletter {
    text-align:center;
}
.footer_inner .footer_social li:not(:last-child) {
    margin-right:10px;
}
.footer_nav {
    display:block;
    position:relative;
    text-align:center;
    margin-bottom:20px;
}
.footer_nav li:not(:last-child) {
    margin-right:15px;
}
.footer_nav li a {
    color:#fff;
}
#maincontent.admin {
    padding-top:30px;
    padding-bottom:30px;
}
@media (max-width:1450px) {
    #nav_section li:last-child > ul {
        right:0px;
        left:auto;
    }
    #nav_section li:last-child > ul ul{
        right:100%;
        left:auto;
    }
}
@media (max-width:767px) {
    #header #header_inner {
        margin-left:0px;
    }
    #header #header_inner #header_buttons > div#header_login_button {
        background:url(https://web-archive.nli.org.il/National_Library/oe_/https://images.shulcloud.com/1283/uploads/Images/CMS-Pages/Icons/bgmobileheadertoprightlink.png) center center no-repeat;
    }
    #topnav {
        background: url(https://web-archive.nli.org.il/National_Library/oe_/https://images.shulcloud.com/1283/uploads/Images/CMS-Pages/Icons/bgmobilenavlink.png) center center no-repeat;
    }
    #maincontent .featured_article.captions .section_subcontent {
    margin-bottom:15px;
}
    #maincontent  .featured_article.captions .section_subcontent p img {
        margin-bottom:0px !important;
    }
    .search_area {
        display:none;
    }
    #sidebar_right {
        float:none;
        width:100%;
    }
    .content_with_sidebar .maincontent {
        width:100%;
        float:none;
    }
    .content_body {
        padding:0px;
    }
    .home .featured_article {
        padding-top: 15px;
        padding-bottom: 15px; 
    }
    .home #maincontent.default ul.upcomingEvents LI, .home #maincontent ul.upcomingEvents li {
        width:100%;
    }
    #sidebar_right .right_bm {
        background:transparent;
    }
    #content .breadcrumb_inner_wrapper {
        padding:0px 10px;
    }
}