/* was breaking form submissions page*/
/*html { overflow-x: hidden; }*/

#sidebar_left a img { opacity: 0; width: 0; }

html, body { height: 100%; }
p { word-break: normal; }
body { position: relative; font-family: 'Overpass', sans-serif; font-size: 12pt; color: #03012b; background: #ffffff; }
h1 { font-family: "bebas-neue", sans-serif !important; font-size: 37px !important; color: #012169 !important; text-transform: uppercase; }
h2 { font-family: 'Open Sans', sans-serif !important; font-size: 22px !important; color: #40464a !important; }
h3 { font-family: 'Open Sans', sans-serif !important; font-size: 16px !important; color: #40464a !important; }
h5 { font-family: "bebas-neue", sans-serif !important; font-weight: normal; }
h6 { font-family: 'Open Sans', sans-serif !important; font-weight: normal; }
h6 a { /*color: #012169 !important;*/ }
a { outline: none; }
a, a:link, a:visited { font-family: 'Open Sans', serif; font-weight: 700; color: #3016e6; outline: none; }
a:hover { color: #012169; }
img { max-width: 100%; }
hr { border: none; border-bottom: 1px solid #bfc5c8; }
#container { position: relative; /*below breaks site unless the footer is absolutely positioned*/ /*padding-bottom: 200px; */ min-height: 100%; display: table; width: 100%; }

/* Admin Editor */
.edit-buttons-overlay { z-index: 100; }
.content_button { z-index: 1; position: relative; }

/* Header */
.hosted_by_text { display: none; }
#header { height: 40px; border: none; background: #979da4; color: #ffffff; }
#header #header_inner { width: 1020px; }
#header a { color: #ffffff; }
.hSocial-wrap { position: relative; height: 0; width: 100%; max-width: 1020px; margin: 0 auto; }
.hSocial { position: absolute; top: 43px; right: 125px; display: table; z-index: 10; }
.hSocial p { color: #03012b; font-family: freight-big-pro !important; display: table-cell; vertical-align: top; padding-left: 10px; line-height: 11pt; font-size: 16pt; font-weight: 600; }
.hSocial p span { font-style: italic; }
.hSocial a { display: inline-block; vertical-align: top; height: 17px; width: 17px; }
.hSocial a.fb { background: url(https://images.shulcloud.com/727/uploads/Homepage/Facebook-lg.jpg) no-repeat center; background-size: 17px; }
.hSocial a.twit { background: url(https://images.shulcloud.com/727/uploads/Homepage/Twitter-lg.jpg) no-repeat center; background-size: 17px; }
.hSocial a.insta { background: url(https://images.shulcloud.com/727/uploads/Logos/Instagram.jpg) no-repeat center; background-size: 13px; }
.search_area { position: absolute; top: 0; right: 0; display: block; margin: 39px 0; z-index: 10; }
.search_area form { position: relative; }
.search_area form input[type="text"] { outline: none; border: 1px solid #818093; padding: 1px 17px 0 10px; border-radius: 0; font-size: 9pt; line-height: 18px; color: #818093; width: 71px; font-family: 'Overpass', sans-serif; font-style: normal; }
.search_area form input[type="submit"] { position: absolute; top: 1px; right: 2px; cursor: pointer; z-index: 100; font-size: 0; border: none; background: url(https://images.shulcloud.com/727/uploads_test/SearchIcon.png) no-repeat center; background-size: 12px; height: 21px; width: 18px; }
#topnav { display: none; }
#img_div { padding: 15px 0; }
#img_div a:after { content: 'Congregation Kehilath Jeshurun'; display: inline-block; vertical-align: top; line-height: 66px; padding-left: 25px; color: #03012b; font-size: 33px; font-weight: 400; font-family: "bebas-neue", sans-serif !important; }
#img_div a img { height: 66px; }
#sidebar_left .bt { display: block; height: 38px; width: 100%; margin-left: -99%; margin-bottom: -38px; background: #03012b; z-index: 0; }
#sidebar_left .bb { position: relative; display: block; height: 38px; width: 100%; margin-left: 99%; margin-bottom: -38px; top: -38px; background: #03012b; z-index: 0; }

/* Menu */
#mainnav { background: #03012b; height: 38px; width: 100%; position: relative; z-index: 1; }
#nav_section { border: none; height: 38px; background: none; width: 100%; display: table; }
#nav_section li { padding: 0; display: table-cell; float: none; padding-top: 9px; }
#nav_section li:hover a, #nav_section li.subchild_selected a, #nav_section li.selected_nav a { border-color: #a1bce2; }
#nav_section li a { font-family: 'Overpass', sans-serif; font-size: 10pt; letter-spacing: 1px; line-height: 20px; font-weight: 700; color: #ffffff; padding: 0; text-align: center; border-bottom: 9px solid transparent; display: table; margin: 0 auto; }
#nav_section li a:hover, #nav_section li:hover a, #nav_section li.selected_nav a { color: #ffffff; border-bottom: 9px solid #a1bce2; }
#nav_section li ul { display: none !important; top: 70px; border: none; box-shadow: none; background: #ffffff; background: rgba(255,255,255,0.9); }
#nav_section ul li { padding: 0; display: block; }
#nav_section ul li:hover { background: none; }
#nav_section ul a { font-size: 14px; line-height: 14px; font-weight: 700; color: #40464a; background: none; padding: 5px 15px; width: auto; text-transform: none; text-align: left; }
#nav_section ul a:hover { color: #30a6e6; }
#nav_section li:hover ul li a:hover { background: none; }

/* Side Nav */
#side-menu { position: absolute; top: 30px; left: 0; width: 225px; display: table; }
#side-menu a { display: none; font-family: "bebas-neue", sans-serif !important; font-style: normal; font-size: 22px; color: #446078; padding-bottom: 10px; font-weight: normal; line-height: 26px; }
#side-menu ul { padding: 0 !important; }
#side-menu ul li { list-style: none !important; padding: 0 !important; }
#side-menu ul li a { background: #ffffff; border: 1px solid #c7d7ee; color: #03012b; font-size: 14px; line-height: 16px; font-weight: 800; text-transform: uppercase; font-family: 'Overpass', sans-serif !important; text-align: center; cursor: pointer; font-style: normal; padding: 15px 7px; display: block; margin-bottom: 11px; }
#side-menu ul li.selected_subnav a, #side-menu ul li a:hover { background: #a1bce2; color: #ffffff; }

/* Content */
#maincontent h1 { font-family: freight-big-pro !important; font-size: 24pt !important; line-height: 24pt; font-weight: 900 !important; color: #03012b !important; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 8pt; padding-bottom: 0; }
#maincontent h2 { font-family: freight-big-pro !important; font-size: 21pt !important; line-height: 20pt; font-weight: 600 !important; color: #03012b !important; margin: 0 0 5pt; padding-bottom: 0; }
#maincontent h3 { font-family: 'Overpass', sans-serif !important; font-size: 14pt !important; line-height: 18pt; font-weight: 600 !important; color: #03012b !important; text-transform: uppercase; letter-spacing: 1px; margin: 6pt 0 8pt; display: table; border-bottom: 1px solid #c7d7ee; }
#maincontent.staff h3 { width: 100%; }
#maincontent h4 { font-family: "bebas-neue", sans-serif !important; font-size: 19pt !important; line-height: 20pt; font-weight: 700 !important; color: #03012b; text-transform: uppercase; margin: 4pt 0 7pt; }
#maincontent h5 { font-family: "bebas-neue", sans-serif !important; font-size: 16pt !important; line-height: 18pt; font-weight: 400 !important; color: #03012b; text-transform: uppercase; margin: 4pt 0 7pt; }
#maincontent h6 { font-family: 'Overpass', sans-serif !important; font-size: 12pt !important; line-height: 14pt; font-weight: 600 !important; color: #232931; margin: 7pt 0 4pt; }
#maincontent p { font-size: 12pt; color: #232931; font-size: 11pt; margin: 0 0 10pt; }
#maincontent p a, #maincontent a { font-family: inherit; color: #6e7fb8; text-decoration: none; font-weight: inherit; font-size: inherit; }
#maincontent p a:hover, #maincontent a:hover { color: #6e7fb8; }
#maincontent blockquote { padding: 20px; background: #f1f6fd; /*border: 1px solid #5d78a3;*/ font-weight: 600; margin-bottom: 10pt; }
#maincontent blockquote p:last-child { margin-bottom: 0; }
#maincontent .addthis_toolbox { display: none; }

.section_subcontent:last-child { padding-right: 0; }
#content { width: 1020px; position: relative; }
#content .content_title { }
#content .content_body.diagonal_lines_pattern { background: #F7F5F5; }
/*below was breaking form submissions view*/
/*#content #maincontent.admin { overflow: auto; }*/
#template_slider { display: none; }
#sidebar_left { width: 1020px; }
#sidebar_right { width: 225px; margin: 0; border-left: 1px solid #c7d7ee; margin-top: 30px; margin-bottom: 30px; }
#maincontent { width: 750px; background: none; padding-top: 30px; }
#maincontent .pad-helper { width: 750px; background: none; }
#maincontent .pad-helper-hh { width: 1000px !important; background: none; }
#maincontent.w-side-menu .pad-helper { width: 485px; margin: 0 0 0 auto; }
#maincontent.w-side-menu.full_width .pad-helper { width: 690px; }
#maincontent .content_container { width: 100%; background: none; padding: 0; }
.featured_article.firstblock { width: 1020px; }
.featured_article { margin-left: 0; margin-bottom: 16px; }
.imageSlider { width: 100% !important; height: auto !important; overflow: hidden; margin-right: 20px; }
.imageSlider a { display: inline-block; }

/* Newsletter */
.hMailingAnnouncements { display: table; width: 100%; background: #a8daf5; height: 70px; }
.hMailingList, .hAnnouncements, .hMailingList, .hAnnouncements2 { display: table-cell; vertical-align: middle; width: 33%; text-align: center; }
#maincontent .hMailingList .hMailingListTitle { background: url(https://images.shulcloud.com/727/uploads_test/EmailIcon.png) no-repeat center left 20px !important; padding: 0 15px 0 55px !important; color: #012169 !important; font-size: 28px !important; font-weight: 400 !important; font-family: "bebas-neue", sans-serif !important; white-space: nowrap; }
#maincontent .hMailingList .hMailingListText { font-size: 11px; font-weight: 700; color: #012169; line-height: 15px; }
#maincontent .hAnnouncements { width: 33%; text-align: center; }
#maincontent .hAnnouncements a { color: #012169; font-size: 28px; font-weight: 400; font-family: "bebas-neue", sans-serif !important; text-align: center; cursor: pointer; }
#maincontent .hAnnouncements2 { background: #012169; width: 33%; text-align: center; }
#maincontent .hAnnouncements2 a { color: #53b7eb; font-size: 28px; font-weight: 400; font-family: "bebas-neue", sans-serif !important; text-align: center; cursor: pointer; }

/* Social Feeds */
.twitter-timeline { max-height: 400px; width: 360px !important; }
#fb-root { display: none; }
.fb_iframe_widget { margin: 0 0 0 auto; width: 360px; display: table !important; }
.fb_iframe_widget span, .fb_iframe_widget iframe { width: 100% !important; }

/* Sidebar Items */
#date_box { padding-bottom: 0; border-bottom: none; padding-top: 0; }
#date_box p { font-family: freight-big-pro !important; font-size: 18pt; font-weight: 600; color: #03012b; margin: 0 0 0 20px; }
#sidebar_right .content_container { margin: 0; padding: 0 0 0 20px; }
#sidebar_right .right_bm { border-bottom: none; }
.home #sidebar_right .right_bm:first-child, .home #sidebar_right .right_bm:last-child { }
#sidebar_right .right_bm:first-child, #sidebar_right .right_bm:last-child { border: none; margin: 0; padding: 0; }
a.btn-blue { /*display: none;*/ display: block; background: #012169; width: 100%; max-width: 225px; color: #53b7eb; font-size: 33px; line-height: 70px; font-weight: 400; font-family: "bebas-neue", sans-serif !important; text-align: center; cursor: pointer; }
.home a.btn-blue { display: block; }
#sidebar_right hr { display: none; }
#sidebar_right .right_calendar_widget_calendar_swatch { font-size: 0; left: -11px; top: 0; position: relative; }
#sidebar_right .right_calendar_widget_calendar_swatch div { font-size: 15px; display: inline-block; vertical-align: top; width: 3px; height: 1em; margin-right: 8px; }
#sidebar_right bdi, #sidebar_right .right_calendar_widget_time, #sidebar_right .right_bm .right_content h4 { display: inline; vertical-align: top; font-size: 11pt; line-height: 13pt; font-family: 'Overpass', sans-serif; }
#sidebar_right .right_bm .right_content h4 { margin: 10px 0 10px 13px; display: block; }
#sidebar_right bdi { margin-left: -11px; }
#sidebar_right .fck_widget_calendar .widget_date_block_after { margin-left: -11px; }
#sidebar_right .fck_widget_calendar .widget_date_block_after .right_calendar_widget_calendar_swatch { left: 0; }
#sidebar_right .fck_widget_calendar .right_calendar_event_time { font-style: normal; }

/* Sidebar Calendar */
.fck_widget_calendar { }
.fck_widget_calendar h2 { font-family: "bebas-neue", sans-serif !important; font-size: 17pt !important; letter-spacing: 1px; color: #03012b !important; padding: 15px 0 !important; border-top: 1px solid #c7d7ee; margin-top: 15px; }
.fck_widget_calendar h3 { font-size: 19px; font-weight: 700; color: #012169; }
.fck_widget_calendar h4 { font-size: 19px; font-weight: 700; color: #012169; }
#sidebar_right .fck_widget_calendar .readmore { display: none; }
#sidebar_right .readmore { height: auto !important; padding-bottom: 10px; margin-right: 2px; margin-bottom: 0; }
#sidebar_right .readmore a { padding: 0; background: none; float: none; font-size: 15px; line-height: 17px; text-align: left; font-style: italic; color: #30a6e6; }
#sidebar_right .readmore a { background: #ffffff; width: 100%; max-width: 225px; color: #03012b; font-size: 14pt; letter-spacing: 1px; line-height: 16pt; font-weight: 800; font-family: 'Overpass', sans-serif; text-align: center; cursor: pointer; font-style: normal; text-transform: uppercase; text-decoration: none !important; border: 1px solid #c7d7ee !important; padding: 15px 0 12px; }
#sidebar_right .readmore a:hover { background: #a1bce2; color: #ffffff; text-decoration: underline; }
#sidebar_right .right_bm table td, #sidebar_right .right_bm table a { font-size: 11pt; color: #40464a; font-family: 'Overpass', sans-serif; }
#sidebar_right .right_bm table td { padding-left: 11px; }

/* Calendar Page */
table.calendar th.month_header { background: slategray; }
table.calendar th { background: slategray; }

/* Homepage */
#maincontent a.text-blue { display: block; width: 100%; color: #012169; font-size: 33px; line-height: 23px; font-weight: 400; font-family: "bebas-neue", sans-serif !important; text-align: center; cursor: pointer; font-style: normal; }
.home-img-links { border-top: 4px solid #BFC5C8; border-bottom: 4px solid #BFC5C8; }
.home-img-links tr:nth-child(2) { background: #DDDFE0; }
.home-img-links td { border-top: 1px solid #BFC5C8; padding: 10px 0; }
.home-img-links tr:first-child td { border-top: none; }
.home-img-links td:first-child { width: 40%; vertical-align: middle; }
.home-img-links td img { width: 100%; height: auto; }
.home-img-links td p { margin: 0 !important; }
.home-img-links td a.text-blue { text-align: left !important; padding: 0 15px; line-height: 33px !important; }

.home-download-app { background: #DDDFE0; }
.home-download-app table { margin: 0 auto; }
.home-download-app table td { padding: 10px; vertical-align: middle; }
.home-download-app td p { margin: 0 !important; }
.home-download-app td a.text-blue { text-align: left !important; padding: 15px 0; }

.home #maincontent h2 { font-family: freight-big-pro !important; font-weight: 600; font-size: 24pt !important; letter-spacing: 1px; color: #03012b !important; line-height: 26pt; padding: 10px 0; border-top: 1px solid #c7d7ee; border-bottom: 1px solid #c7d7ee; text-align: center; text-transform: uppercase; }
.home #maincontent h2.mobile-only { display: none !important; }
.home #maincontent a.program-link, .home #maincontent .social-title { padding-top: 12px; display: block; font-family: 'Overpass', sans-serif; font-size: 16px; font-weight: 800; color: #03012b; text-decoration: none; text-transform: uppercase; }
.home #maincontent .connect-blocks { margin-bottom: 14px; display: inline-block; width: 100%; }
.home #maincontent .connect-link { text-align: center; }
.home #maincontent .connect-link a { padding-top: 5px; display: block; font-family: "bebas-neue", sans-serif !important; font-weight: normal; font-size: 14pt; letter-spacing: 1px; color: #03012b; text-decoration: none; text-transform: uppercase; }
.home #maincontent .connect-link a img { display: table; margin: 0 auto 10px; }
.home #maincontent .connect-border-right { position: absolute; top: 0; right: 0; bottom: 0; border-right: 1px solid #c7d7ee; }
.home #maincontent .connect-border-bottom { display: none; }
.home #maincontent .social-title { text-align: center; font-weight: 800; padding-top: 0; }
.home #maincontent .btn-blue { background: #a1bce2; width: 100%; max-width: none; color: #ffffff; font-size: 16pt; letter-spacing: 1px; line-height: 28pt; font-weight: 800; font-family: 'Overpass', sans-serif !important; text-align: center; cursor: pointer; font-style: normal; text-transform: uppercase; text-decoration: none !important; padding: 14px 0 11px; margin-bottom: 14px; }
.home #maincontent .btn-blue:hover { background: #5d78a3; }
.home #maincontent .btn-white { background: #ffffff; border: 1px solid #a1bce2; width: 100%; max-width: none; color: #03012b; font-size: 16pt; letter-spacing: 1px; line-height: 28pt; font-weight: 800; font-family: 'Overpass', sans-serif !important; text-align: center; cursor: pointer; font-style: normal; text-transform: uppercase; text-decoration: none !important; padding: 12px 0 11px; }
.home #maincontent .popular-links { padding-left: 15px; }

#home-social-links { display: none; }
#content #home-social-links { display: block; padding: 30px 0; border-top: 1px solid #c7d7ee; border-bottom: 1px solid #c7d7ee; text-align: center; }
#content #home-social-links p { font-family: freight-big-pro !important; font-weight: 600; font-size: 24pt; color: #03012b; line-height: 26pt; }
#content #home-social-links p span { font-style: italic; }
#content #home-social-links a { display: inline-block; vertical-align: top; height: 17px; width: 17px; margin-top: 10px; }
#content #home-social-links a.fb { background: url(https://images.shulcloud.com/727/uploads/Homepage/Facebook-lg.jpg) no-repeat center; background-size: 17px; text-decoration: none !important; }
#content #home-social-links a.twit { background: url(https://images.shulcloud.com/727/uploads/Homepage/Twitter-lg.jpg) no-repeat center; background-size: 17px; text-decoration: none !important; }
#content #home-social-links a.insta { background: url(https://images.shulcloud.com/727/uploads/Logos/Instagram.jpg) no-repeat center; background-size: 13px; text-decoration: none !important; }

/* Forms */
form input { font-family: 'Overpass', sans-serif !important; }

/* Footer */
#footer { /*cannot position this absolutely. It breaks the payment page*/ /*position: absolute; */ bottom: 0; left: 0; background: #03012b; width: 100%; height: 135px; margin: 0; padding: 0; margin-top: 50px; border: none; }
.footer_inner { position: relative; width: 860px; height: 135px; margin: 0 auto; }
.footer_inner .content_button { position: relative; z-index: 1; }
.global_terms_links, .copyright { display: none; }
.fLogo { position: absolute; left: 0; top: 0; height: 100%; width: 75px; /*background: url(https://images.shulcloud.com/727/uploads/Logos/KJDesktopLogoWhite.png) no-repeat center;*/ }
#footer p, #footer p a { font-size: 11pt; color: #ffffff; font-weight: 400; line-height: 16px; font-family: 'Overpass', sans-serif; }
#footer p a { font-weight: 600; }
#footer p span { font-size: 8pt !important; padding: 0 5px; }
.fAddress { position: absolute; left: 90px; top: 30px; text-align: left; font-size: 12pt !important; font-weight: 700 !important; }
.fAddress a { display: block; margin-bottom: 5px; font-size: 12pt !important; font-weight: 700 !important; }
#footer .fAddress a.fEmail { font-weight: 700 !important; color: #53b7eb; font-style: italic; }
.fText { position: absolute; right: 0; top: 25px; height: 24px; width: 415px; background: url(https://images.shulcloud.com/727/uploads/Logos/FooterHebrewText_White.png) no-repeat center top; background-size: 415px; font-size: 15pt !important; color: #ffffff !important; line-height: 15pt !important; font-weight: 600 !important; padding-top: 45px; font-style: italic; font-family: "freight-big-pro", sans-serif !important; }
.fCopy { position: absolute; left: 90px; bottom: 40px; text-align: left; width: 100%; }
.fCopy2 { position: absolute; left: 90px; bottom: 20px; text-align: left; width: 100%; }
#fToTop { position: absolute; right: -15px; bottom: 0; z-index: 100; padding: 15px; font-size: 11pt; color: #ffffff; font-weight: 700; line-height: 16px; cursor: pointer; text-transform: uppercase; }
#fToTop span { display: inline-block; vertical-align: middle; font-size: 15px; font-weight: bold; line-height: 0; padding: 0 5px 0 0; background: url(https://images.shulcloud.com/727/uploads/Logos/ToTop.png) no-repeat center; height: 10px; width: 17px; }


/* Large Displays: 1050px - */
@media (max-width: 1050px) {

    #container { overflow: hidden; }
    #content { width: 100%; min-height: 500px; }

    /* Header */
    #header #header_inner { width: auto; margin: 4px 15px; }
    #sidebar_left { width: 100%; border-top: 1px solid #818093; }
    #img_div { padding: 15px 0 0; }
    .search_area { right: 15px; }

    /* Menu */
    #nav_section li a { font-size: 9pt; letter-spacing: 0px; }
    #nav_section li:last-child ul { right: 0; left: initial; }

    /* Side Nav */
    #side-menu { left: 15px; width: 200px; }

    /* Main */
    #maincontent { width: 100%; }
    #maincontent .pad-helper { margin: 0 auto; padding-bottom: 0; }
    #maincontent.w-side-menu .pad-helper { width: auto; margin: 0 15px 0 235px; }
    #maincontent.w-side-menu.full_width .pad-helper { width: auto; margin: 0 15px 0 235px; }

    /* Home */
    .home #sidebar_right { margin-top: 0; }
    .home #maincontent h2.mobile-only { display: inline-block !important; width: 100%; margin-top: 20px; margin-bottom: 16px; }
    .home #maincontent .btn-white { padding: 12px 0 10px; }

    /* Right Col */
    #sidebar_right { width: 100%; padding-top: 0; }
    #sidebar_right.hidden-mobile { display: none; }
    #sidebar_right .content_container { padding: 0 15px; }
    #sidebar_right .readmore a { max-width: 100%; }
    #sidebar_right hr { margin: 0 auto 0 0; }
    a.btn-blue { max-width: 100%; margin: 0 auto; }
    #date_box { text-align: center; padding-top: 0; }

    /* Footer */
    .footer_inner { width: 750px; }
    #footer .fText { width: 330px; background-size: 330px; font-size: 12pt !important; }
}

/* Large Displays: px - */
@media (max-width: 992px) {
    .home #maincontent .connect-block { height: 80px; }
    .home #maincontent .connect-block:nth-child(3) .connect-link, .home #maincontent .connect-block:nth-child(4) .connect-link { padding-top: 12px; }
    .home #maincontent .connect-border-right-md-none { display: none; }
    .home #maincontent .connect-border-bottom { display: block; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #c7d7ee; }
}


/* Medium Displays: 768px - */
@media (max-width: 767px) {
    html, body { height: auto; }
    #container { padding-bottom: 0; }

    /* Header */
    #img_div a { margin: 45px 0 0 0; display: block; width: 100%; padding: 16px 0; border-top: 1px solid #818093; }
    #img_div a img { padding-left: 35px; }
    .search_area { margin: 16px 35px 16px 0; }
    .hSocial { top: 19px; left: 25px; }
    .hSocial span span { display: none; }

    /* Menu */
    #sidebar_left .bt, #sidebar_left .bb { display: none; }
    #mainnav { height: auto; width: 100%; display: none; background: #ffffff; }
    #mainnav.active { display: block; }
    #nav_section { border: none; height: auto; background: none; width: 100%; display: table; }
    #nav_section:before { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; position: absolute; top: 0; margin-left: 50%; left: -5px; z-index: 1; }
    #nav_section li { padding: 0; display: block; float: none; margin: 0 35px; background: #e8eff9; }
    #nav_section li:first-child { padding-top: 16px; }
    #nav_section li:last-child { padding-bottom: 16px; }
    #nav_section li:hover:last-child { padding-bottom: 0; }
    #nav_section li.active { background: #53b7eb; }
    #nav_section li a { font-size: 11pt; line-height: 37px; color: #03012b; border: none !important; }
    #nav_section li.active a { color: #ffffff; }
    #nav_section li ul { top: auto; display: none; width: 100%; position: relative; }
    #nav_section li.active ul { display: block; }
    #nav_section ul a { text-align: center; line-height: 14px; }
    #nav_section li:hover ul { display: block !important; padding: 8px 0; background: #a6bbde; }
    #nav_section li a:hover, #nav_section li:hover a, #nav_section li.selected_nav a { color: #03012b; }
    #nav_section li ul li { background: #a6bbde; }
    #nav_section li ul li:first-child { padding-top: 0; }
    #nav_section li ul li:last-child { padding-bottom: 0; }
    #nav_section li ul li a { color: #ffffff !important; line-height: 7pt; font-size: 10pt; display: block; height: auto; padding: 8px 0; font-weight: 600; }
    #nav_section ul ul { border: none !important; background: none; left: auto !important; padding: 0; position: relative; top: auto !important; }
    #mobile_nav_dropdown { height: 50px; width: 50px; background: url(https://images.shulcloud.com/727/uploads/Logos/Menu1.png) no-repeat center; position: absolute; top: 124px; right: 35px; cursor: pointer; z-index: 1; }
    #mobile_nav_dropdown.active { background: url(https://images.shulcloud.com/727/uploads/Logos/MenuOn_2.png) no-repeat center; }

    /* Side Nav */
    #side-menu { display: none; }

    /* Main */
    .section_subcontent { padding-right: 0; }
    #maincontent { padding-top: 0; }
    #maincontent.user_dashboard { max-width: 100%; width: 100%; }
    #maincontent.full_width .pad-helper { width: 100%; max-width: 100%; }
    #maincontent.full_width .content_container { width: 100%; max-width: 100%; }
    #maincontent .pad-helper { width: auto; }
    #maincontent.w-side-menu .pad-helper { width: auto; margin: 0 auto; }
    #maincontent.w-side-menu.full_width .pad-helper { width: auto; margin: 0 auto; }
    #maincontent .content_container { width: 100%; }
    #maincontent .section_subcontent.col-xs-12 img { width: 100% !important; height: auto !important; }
    .fb_iframe_widget { width: 100%; }

    /* Home */
    .home #maincontent { padding-top: 0; }
    .home #maincontent .connect-link a img { }
    .home #maincontent .popular-links { padding-left: 0; }

    /* Newsletter */
    .hMailingAnnouncements { display: table; width: 100%; background: #a8daf5; height: auto; }
    .hMailingList, .hAnnouncements, .hMailingList, .hAnnouncements2 { display: block; vertical-align: middle; width: 100% !important; height: 40px; line-height: 40px; }
    .hMailingAnnouncements a { font-size: 22px !important; }
    #maincontent .hMailingList .hMailingListTitle { display: table; margin: 0 auto; font-size: 22px !important; }

    /* Footer */
    #footer { height: auto; position: relative; padding: 20px 0; }
    #footer .footer_inner { width: auto; height: auto; padding: 0 10px; }
    #footer .fLogo { position: relative; display: block; height: 75px; margin: 0 auto; }
    #footer .fAddress { position: relative; text-align: center; left: initial; top: initial; }
    #footer .fText { position: relative; left: initial; top: initial; padding-top: 35px; width: 315px; background-size: 315px; height: auto; margin: 30px auto; font-size: 11pt !important; }
    #footer .fCopy { position: relative; text-align: center; left: initial; bottom: initial; }
    #footer .fCopy2 { margin-top: 7px; position: relative; text-align: center; left: initial; bottom: initial; }
    #footer p { margin-top: 10px; }
    #fToTop { top: 0; bottom: auto; right: 0; }
}

/* Small Displays Horiz: 568px - */
@media (max-width: 568px) {

    #img_div a:after { padding-left: 15px; font-size: 23px; }

    #header #header_inner .hosted_by_text, #header #header_inner .hosted_by_text a { font-size: 8px; }
}

/* Small Displays: 460px - */
@media (max-width: 460px) {

    #img_div a:after { width: 165px; line-height: 22px; padding-top: 12px; }
    .content_button { display: none !important; }
}

/* Small Displays: 400px - */
@media (max-width: 400px) {

    .search_area form input[type="text"] { }
}


/* Youth Page Style 
.ckj-youth #maincontent { width: 100%; }
.ckj-youth #maincontent.full_width .pad-helper { width: 100%; }
.ckj-youth #maincontent.full_width .content_container { width: 100%; }*/
.ckj-youth .youth-imgs { display: table; width: 100%; }
.ckj-youth .youth-imgs p, .ckj-youth .youth-imgs img { display: inline-block; width: 49%; float: left; height: auto !important; }
.youth-blocks { display: flex; width: 100%; align-items: center; }
.youth-blocks .youth-block-wrap { display: block; background: #dde7f5; margin-right: 10px; padding: 15px; width: 33%; }
.youth-blocks .youth-block { display: table; width: 100%; text-align: center; height: 110px; }
.youth-blocks .youth-block-wrap:last-child { margin-right: 0; }
.youth-blocks .youth-block a { display: table-cell; vertical-align: middle; padding: 15px; font-family: "bebas-neue", sans-serif !important; font-size: 17pt !important; letter-spacing: 1px; color: #03012b !important; text-transform: uppercase; }
.youth-btn { display: block; background: #ffffff; border: 1px solid #a1bce2; width: 100%; max-width: none; color: #03012b !important; font-size: 16px !important; letter-spacing: 1px; line-height: 16pt; font-weight: 800 !important; font-family: 'Overpass', sans-serif !important; text-align: center; cursor: pointer; font-style: normal; text-transform: uppercase; text-decoration: none !important; padding: 17px 0 15px; }
.youth-btn:hover { background: #a1bce2; color: #ffffff !important; }

@media (max-width: 568px) {
    .youth-blocks .youth-block-wrap { padding: 0; }
    .youth-blocks .youth-block a { font-size: 15pt !important; }
}

.vds-banner { display: table; cursor: pointer; background: #ffffff; height: 70px; width: 100%; border: 1px solid #c7d7ee !important; }
.vds-banner a { display: table-cell; vertical-align: middle; color: #03012b; font-size: 14pt; font-weight: 800; font-family: 'Overpass', sans-serif; text-align: center; text-transform: uppercase; }

#virtualPopup { position: fixed; z-index: 10000; top: 0; left: 0; right: 0; bottom: 0; display: none; }
#virtualPopup.active { display: block !important; }
#virtualPopup .pop-up-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; opacity: .9; }
#virtualPopup .pop-up { position: relative; display: table; margin: 0 auto; height: 100%; width: 100%; max-width: 360px; }
#virtualPopup .pop-up-center { display: table-cell; vertical-align: middle }
#virtualPopup .pop-up-wrap { position: relative; background: #ffffff; padding: 15px; border: 1px solid #c7d7ee; }
#virtualPopup .pop-up-content { background: #ffffff; padding: 55px 20px; position: relative; text-align: center; border: 1px solid #c7d7ee; }
#virtualPopup .pop-up h2 { font-size: 35px !important; line-height: 35px; letter-spacing: 3px; color: #03012b !important; font-family: "freight-big-pro", sans-serif !important; font-weight: 600; text-transform: uppercase; }
#virtualPopup .pop-up h2 span { display: block; text-transform: none; font-style: italic; }
#virtualPopup .pop-up h3 { font-size: 18px !important; color: #03012b !important; font-weight: 400; max-width: 425px; margin: 10px 25px 30px }
#virtualPopup .pop-up a { font-family: 'Overpass', sans-serif; display: table; margin: 0 auto; padding: 21px 13px 18px; background: #a1bce2; font-size: 16px; line-height: 16px; color: #ffffff; text-transform: uppercase; font-weight: 800; letter-spacing: 2px; text-decoration: none !important; }
#virtualPopupClose { position: absolute; top: 0; right: 0; z-index: 10; color: #c7d7ee; font-size: 25px; padding: 30px; line-height: 17px; cursor: pointer; }

/* High Holiday */
.hh-page { }
.hh-page #content { width: 100%; max-width: 1500px; margin: 0 auto; }
.hh-page #maincontent { padding-top: 0; width: 100% !important; }
.hh-page #maincontent .pad-helper, .hh-page #maincontent.full_width .content_container { width: 100% !important; }
.hh-page #sidebar_left { margin: 0 auto; }
.hh-page .hh-banner { position: relative; width: 100%; max-width: 1000px; margin: 0 auto; }
.hh-page .hh-content { max-width: 1000px; margin: 0 auto; }
.hh-page #video-container { overflow: hidden; }
.hh-page #video-container .header-img { width: 175% !important; max-width: none !important; margin-left: -40%; }
.hh-page #header-video { width: 100% !important; max-width: 1024px !important; object-fit: initial; left: -15%; }
.hh-page #fys-play-button { width: 16px; height: 17px; z-index: 1; border-style: solid; border-width: 8px 0px 8px 16px; border-color: #dbdbe2; box-sizing: border-box; border-color: transparent transparent transparent #dbdbe2; background-color: transparent; position: absolute; bottom: 15%; left: 15%; visibility: visible; }
.hh-page #fys-play-button:hover { cursor: pointer; }
.hh-page #fys-pause-button { width: 16px; height: 15px; z-index: 1; border-style: double; border-width: 0px 0px 0px 8px; border-color: transparent transparent transparent #dbdbe2; background-color: transparent; position: absolute; bottom: 15%; left: 15%; visibility: visible; }
.hh-page #fys-pause-button:hover { cursor: pointer; }
.hh-page #skip-intro { position: absolute; bottom: 15%; right: 10%; z-index: 1; border: 1px solid #ffffff; color: #ffffff; background-color: transparent; padding: 10px; width: 120px; font-weight: 700; font-size: 14px; visibility: visible; }
.hh-page #skip-intro:hover { cursor: pointer; }
.hh-page #progress { color: #ffffff; position: absolute; top: 86%; left: 18%; height: 6px; visibility: visible; }
.hh-page #video-container #header-video,
.hh-page #video-container #fys-pause-button,
.hh-page #video-container #progress,
.hh-page #video-container.playing #fys-play-button,
.hh-page #video-container.playing.paused #fys-pause-button,
.hh-page #video-container.playing #play-button,
.hh-page #video-container.playing .header-img,
.hh-page #video-container.playing .page-title-wrap { display: none; }

.hh-page #video-container.playing #header-video,
.hh-page #video-container.playing #fys-pause-button,
.hh-page #video-container.playing #progress,
.hh-page #video-container #fys-play-button,
.hh-page #video-container.playing.paused #fys-play-button,
.hh-page #video-container.playing.paused #play-button,
.hh-page #video-container .header-img,
.hh-page #video-container .page-title-wrap { display: block; }

.hh-page .graphic-container .section_subcontent:last-child { padding-right: 10px; }
.hh-page .graphic-container img { width: 100%; max-width: 240px; }


.hh-page .page-title-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.hh-page .page-title-center { display: table; width: 100%; height: 100%; }
.hh-page .page-title-align { display: table-cell; vertical-align: middle; }
.hh-page .page-title { display: table; margin: 0 auto; background-color: #ffffff; padding: 50px 80px 50px 80px; text-align: center; }
.hh-page .page-title-youth { padding: 50px; }
.hh-page .page-title-video { background: none; }
.hh-page #maincontent h2.page-title-text { font-family: freight-big-pro !important; font-size: 80px !important; font-weight: 600 !important; color: #02002b !important; }
.hh-page .sub-heading, .hh-page h2.sub-heading { font-family: Overpass, sans-serif !important; font-size: 21px !important; font-weight: 600 !important; color: #02002b !important; letter-spacing: 3px; margin-bottom: 20px !important; }
.hh-page .virtual-text { font-family: freight-big-pro; font-size: 24px !important; font-style: italic; font-weight: 600; color: #02002b !important; line-height: 1.2 !important; text-align: center; padding-bottom: 50px !important; }
.hh-page .find-service { font-family: freight-big-pro !important; font-size: 40px !important; font-style: italic !important; font-weight: 700 !important; color: #02002b !important; text-align: center; border: 1px solid #a1bce2 !important; padding: 30px !important; }
.hh-page .live-stream p, .hh-page .live-stream a { font-family: freight-big-pro !important; font-size: 30px !important; font-weight: 700 !important; color: #02002b !important; text-align: center; margin: 0 !important; line-height: 30px !important; }
.hh-page .live-stream-container { border: 1px solid #a1bce2 !important; padding: 30px !important; text-align: center; }
.hh-page .hh-text { font-family: freight-big-pro !important; font-size: 40px !important; font-weight: 700 !important; color: #02002b !important; }
.hh-page .hh-text-container { margin-bottom: 25px; text-align: center; }
.hh-page #maincontent .page-title-video h2.page-title-text { font-family: freight-big-pro !important; font-weight: 400 !important; font-size: 80px !important; color: #ffffff !important; letter-spacing: 2px; text-align: center; line-height: 80px; visibility: visible; }
.hh-page #are-open { font-family: freight-big-pro !important; font-weight: 700 !important; font-size: 80px !important; color: #ffffff !important; letter-spacing: 3px; text-align: center; font-style: italic !important; line-height: 80px; visibility: visible; }
.hh-page #play-button { width: 74px; height: 74px; border-style: solid; border-width: 37px 0px 37px 74px; border-color: #dbdbe2; box-sizing: border-box; border-color: transparent transparent transparent #dbdbe2; background-color: transparent; position: absolute; left: 45%; top: 50%; margin-top: -37px; visibility: visible; z-index: 1000; }
.hh-page #play-button:hover { cursor: pointer; }
.hh-page .service-heading { font-family: Overpass, sans-serif !important; font-size: 21px !important; font-weight: 700 !important; color: #02002b !important; text-align: center; border: 1px solid #a1bce2 !important; padding: 15px !important; letter-spacing: 3px; margin-bottom: 15px; }
.hh-page .service-heading a { font-family: Overpass, sans-serif !important; font-size: 21px !important; font-weight: 700 !important; color: #02002b !important; text-align: center; letter-spacing: 3px; text-transform: uppercase; }
.hh-page .service-title { font-family: Overpass, sans-serif !important; font-size: 21px !important; font-weight: 700 !important; color: #02002b !important; text-align: center !important; text-transform: uppercase; }
.hh-page .title-text { border: 1px solid #a1bce2; padding: 10px !important; box-sizing: border-box; text-align: center !important; }
.hh-page .video-hr { border-color: #a1bce2; width: 100% !important; display: none; margin: 30px 0 !important; }

.hh-inner-video { padding-right: 25px !important; }
.hh-inner-video p { position: relative; overflow: hidden; width: 100%; padding-top: 56.25% !important; }
.hh-inner-video p iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

@media (max-width: 991px) {
    .hh-page .service-title { width: 233px !important; margin: 0 auto !important; }
    .hh-page .virtual-text { margin-left: 9%; margin-right: 10%; }
    .hh-page .find-service { margin-left: 9%; margin-right: 10%; }
    .hh-page .live-stream-container { }
    .hh-page .page-title-youth { padding: 50px 10px 30px; }
    .hh-page .live-stream { color: #ffffff !important; }
    .hh-page .video-hr { display: block; margin-top: 50px; margin-bottom: 50px; }
    .hh-page #are-open { font-size: 30px !important; line-height: 30px !important; }
    .hh-page #maincontent .page-title-video h2.page-title-text { font-size: 30px !important; line-height: 30px !important; letter-spacing: normal; }
    .hh-page .virtual-text { }
    .hh-page .find-service { position: relative; }
    .hh-page .graphic-container { position: relative; }
    .hh-page #fys-play-button2 { left: 7%; }
    .hh-page #skip-intro2 { left: 82%; }
    .hh-page .service-heading-container { margin-top: 0 !important; }
    .hh-page #service-video { height: auto !important; width: auto !important; }
    .hh-inner-video { padding-right: 0 !important; }
}

@media (max-width: 770px) {
    .hh-page .video-container { width: 318px; }
    .hh-page #video-container .header-img { width: 200% !important; max-width: none !important; margin-left: -50%; }
    .hh-page .video-hr { }
    .hh-page .sub-heading { line-height: 32px !important; }
    .hh-page .live-stream { font-size: 52px !important; }
    .hh-page .hh-graphic { max-width: 100% !important; max-height: none !important; }
    .hh-page .page-title { padding: 25px 40px; }
    .hh-page .page-title-youth { padding: 10px; }
    .hh-page #maincontent h2.page-title-text { font-size: 30px !important; }
    .hh-page .service-heading-container { }
    .hh-page .live-stream-container { position: relative; line-height: 72px; background-color: #02002b; }
    .hh-page .live-stream p, .hh-page .live-stream a { color: #ffffff !important; }

    .hh-page .graphic-container .section_subcontent:nth-child(1),
    .hh-page .graphic-container .section_subcontent:nth-child(3) { padding-right: 10px; }
    .hh-page .graphic-container .section_subcontent:nth-child(2),
    .hh-page .graphic-container .section_subcontent:nth-child(4) { padding-right: 0; padding-left: 10px; }
}

@media (max-width: 400px) {
    .hh-page #video-container .header-img { width: 300% !important; margin-left: -100%; }
    .hh-page .service-title { font-size: 15px !important; }
}

.hh-page .social-media { text-align: center; font-family: freight-big-pro; font-size: 24px !important; font-weight: 600 !important; color: #02002b !important; display: inline; }
.hh-page .social-container { text-align: center; margin-bottom: 15px; }
.hh-page .service-row { padding-top: 20px; }
.hh-page .footer-social { padding: 5px; position: relative; left: 47%; }
.hh-page #footer { display: none; }

/* 2022 Theme */

/* Fonts */
@font-face { font-family: 'Nord'; src: url(https://images.shulcloud.com/727/uploads/Fonts/Nord-Regular.woff2), url('https://images.shulcloud.com/727/uploads/Fonts/Nord-Regular.woff') format('woff'), url('https://images.shulcloud.com/727/uploads/Fonts/Nord-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Nord'; src: url(https://images.shulcloud.com/727/uploads/Fonts/Nord-Medium.woff2), url('https://images.shulcloud.com/727/uploads/Fonts/Nord-Medium.woff') format('woff'), url('https://images.shulcloud.com/727/uploads/Fonts/Nord-Medium.ttf') format('truetype'); font-weight: bold; font-style: normal; }

@font-face { font-family: 'gallery'; src: url('https://images.shulcloud.com/727/uploads/Fonts/gallerymodern-webfont.woff2') format('woff2'), url('https://images.shulcloud.com/727/uploads/Fonts/gallerymodern-webfont.woff') format('woff'), url('https://images.shulcloud.com/727/uploads/Fonts/gallerymodern-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }

/* Containers */
#content { width: 100%; }
#maincontent { display: block; float: none; width: 1024px; margin: 0 auto; }
#sidebar_right { display: none; float: none; width: 768px; margin: 0 auto; }
#maincontent .pad-helper { width: 100%; padding: 0; }
#maincontent .content_container { width: 768px; margin: 0 auto; }

/* Header */
#sidebar_left #img_div { padding: 35px 25px 34px; }
#sidebar_left #img_div a { display: table; text-align: center; text-decoration: none; border: none; width: auto; margin: 0 auto; }
#sidebar_left #img_div a img { height: auto; opacity: 1; width: 65px; }
#sidebar_left #img_div a:after { display: none; }
#sidebar_left #img_div a .h-title { display: block; line-height: 1; color: #222930; font-size: 50px; font-weight: 400; font-family: "gallery", sans-serif !important; }
.search_area { display: none !important; position: absolute; top: 0; left: 0; right: auto; display: block; margin: 0 auto; z-index: 10; width: 100%; height: 0; }
.search_area form { width: 813px; margin: 30px auto 0; height: 0; }
.search_area form input[type="text"] { outline: none; border: none; border-bottom: 1px solid #c7b299; background: none; padding: 0 5px; border-radius: 0; font-size: 13px; line-height: 18px; color: #4f4f51; width: 125px; margin-left: 20px; font-family: 'degular' !important; }
.search_area form input[type="submit"] { position: absolute; top: 1px; left: 0; cursor: pointer; z-index: 100; font-size: 0; border: none; background: url(https://images.shulcloud.com/727/uploads/2022-Design/KJWebsite2022_HeaderSearchIcon.png) no-repeat center; background-size: 20px; height: 20px; width: 20px; }
.hSocial-wrap { display: none; }
.h-links { display: block !important; position: relative; height: 0; width: 100%; max-width: 1020px; margin: 0 auto; }
.h-links a { display: inline-block; vertical-align: top; font-family: degular-text, sans-serif; font-weight: 400; font-size: 27px; line-height: 27px; padding: 5px 0; text-decoration: none; color: #4f4f51; border-bottom: 1px solid #c7b299; margin-left: 15px; letter-spacing: 0.13px; }
.h-links .h-links-left { position: absolute; top: 30px; left: 45px; display: table; z-index: 10; border-bottom: 1px solid #c7b299; }
.h-links .h-links-left a { display: inline-block; vertical-align: top; height: 20px; width: 20px; margin: 0; border: none; padding: 8px 2px; }
.h-links .h-links-left a.fb { background: url(https://images.shulcloud.com/727/uploads/2022-Design/KJWebsite2022_HeaderFB.png) no-repeat center; background-size: 24px; }
.h-links .h-links-left a.insta { background: url(https://images.shulcloud.com/727/uploads/2022-Design/KJWebsite2022_HeaderInstagram.png) no-repeat center; background-size: 24px; }
.h-links .h-links-left a.h-link-about { width: auto; padding: 3px 0 5px 8px; }
.h-links .h-links-right { position: absolute; top: 30px; right: 45px; display: table; z-index: 10; }
.h-links .h-links-right .h-link-about { display: none; }

/* Menu */
#sidebar_left { width: 100%; height: 260px; background: url(https://images.shulcloud.com/727/uploads/2022-Design/KJWebsite2022BackgroundImage.jpg) no-repeat center; background-size: cover; }
#sidebar_left .bt { display: none; height: 60px; width: 100%; margin-left: -99%; margin-bottom: -60px; background: #ffffff; background: rgba(255,255,255, 0.6); z-index: 0; }
#sidebar_left .bb { position: relative; display: none; height: 60px; width: 100%; margin-left: 100%; margin-bottom: -60px; top: -60px; background: #ffffff; background: rgba(255,255,255, 0.6); z-index: 0; }
#sidebar_left #mainnav { background: #ffffff; background: rgba(255,255,255, 0.6); height: 50px; width: 100%; position: relative; z-index: 1; }
#sidebar_left #nav_section { border: none; height: 50px; background: none; width: 100%; display: table; max-width: 768px; }
#sidebar_left #nav_section li { padding: 0; display: table-cell; float: none; }
#sidebar_left #nav_section li a { font-family: degular-text, sans-serif; font-weight: 400; font-size: 17px; line-height: 17px; padding: 15px; margin: 0; text-decoration: none; text-transform: none; color: #4f4f51; border: none; letter-spacing: 0.34px; margin: 0 auto; }
#sidebar_left #nav_section li a:after { content: ''; border-right: 1px solid #c7b299; height: 17px; position: absolute; right: 0; top: 17px; }
#sidebar_left #nav_section li:last-child a:after { display: none; }

/* Footer */
#footer { background: #08121c; height: 155px; bottom: 0; left: 0; width: 100%; margin: 0; padding: 0; margin-top: 20px; border: none; }
#footer .footer_inner { width: 1024px; }
#footer .f-old { display: none; }
#footer .f-wrap { display: block !important; position: relative; }
#footer .f-logo { background: url(https://images.shulcloud.com/727/uploads/2022-Design/KJWebsite2022_LogoAndHebrewFooter.png) no-repeat center; background-size: 100%; height: 50px; width: 350px; position: absolute; top: 53px; left: 128px; }
#footer .f-right { margin: 0 128px 0 50%; position: relative; text-align: left; padding: 58px 0 0 35px; }
#footer p, #footer p a { font-size: 13px; color: #abadb3; font-weight: 400; line-height: 13px; font-family: degular-text, sans-serif; margin-bottom: 15px; letter-spacing: 0.13px; }
#footer .f-social { position: absolute; left: -10px; top: 55px; }
#footer .f-social a.fb { background: url(https://images.shulcloud.com/727/uploads/2022-Design/KJWebsite2022_FacebookFooter.png) no-repeat center; background-size: 20px; display: block; width: 20px; height: 20px; margin-bottom: 8px; }
#footer .f-social a.insta { background: url(https://images.shulcloud.com/727/uploads/2022-Design/KJWebsite2022_InstagramFooter.png) no-repeat center; background-size: 20px; display: block; width: 20px; height: 20px; }
#footer .f-totop { background: url(https://images.shulcloud.com/727/uploads/2022-Design/KJWebsite2022_ReturntoTopFooter.png) no-repeat center; background-size: 135px; width: 135px; height: 25px; position: absolute; right: 0; top: 52px; z-index: 100; padding: 0; font-size: 0; cursor: pointer; }
#footer .f-credit { position: absolute; top: 125px; text-align: center; width: 100%; } 

/* Banners */
.sy-slides-wrap { /*height: 235px;*/ overflow: hidden; }
.sy-caption-wrap { bottom: 0 !important; height: 100%; left: 0 !important; width: 100%; }
.sy-caption-wrap .sy-caption { display: table; width: 100%; height: 100%; background: none !important; padding: 0 !important; left: 0 !important; text-align: center; }
.sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited { display: table-cell; vertical-align: middle; background: none; font-family: 'Nord'; font-weight: normal !important; color: #ffffff !important; text-decoration: none !important; font-size: 40px; text-transform: uppercase; letter-spacing: 2.8px; }

/* Homepage */
.home #maincontent h2 { text-aling: left; }

/* Content */
body{ position: relative; font-family: degular-text, sans-serif; font-size: 18px; color: #232931; background: #ffffff; }
#maincontent p { margin: 0; font-size: 18px; line-height: 1.25; font-family: degular-text, sans-serif; color: #232931; }
#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h5 { font-family: degular-display, sans-serif !important; color: #232931 !important; font-weight: 500 !important; text-transform: none; margin: 0 0 10px; border: none; display: block; line-height: 1; }
#maincontent h1 { font-size: 39px !important; letter-spacing: 1.56px; }
#maincontent h2 { font-size: 30px !important; letter-spacing: 1.2px; }
#maincontent h3 { font-size: 24px !important; letter-spacing: 0.68px; }
#maincontent h5 { font-size: 20px !important; letter-spacing: 1.6px; line-height: 27px; text-transform: uppercase; }
#maincontent h4, #maincontent h6 { font-family: degular-text, sans-serif !important; color: #232931 !important; font-weight: 400 !important; text-transform: none; margin: 0; border: none; display: block; line-height: 1; }
#maincontent h4 { font-size: 28px !important; letter-spacing: -0.36px; }
#maincontent h6 { font-size: 23px !important; letter-spacing: -0.26px; line-height: 27px; color: #4f4f51 !important; }

#maincontent h2.content_title { font-family: Nord, sans-serif !important; text-tranform: uppercase; text-align: center; color: #232931 !important; padding: 0 !important; margin: 20px 0 50px; font-size: 55px !important; letter-spacing: 2.2px; }
#maincontent h1 sup, #maincontent h2 sup, #maincontent h3 sup, #maincontent h4 sup, #maincontent h5 sup, #maincontent h6 sup { vertical-align: unset; font-family: Nord, sans-serif !important; text-transform: uppercase; text-align: center; color: #232931 !important; padding: 0 !important; margin: 20px 0 50px; }
#maincontent h1 sup { font-size: 55px !important; letter-spacing: 2.2px; }
#maincontent h2 sup { font-size: 40px !important; letter-spacing: 1.6px; }
#maincontent h3 sup { font-size: 30px !important; }
#maincontent h4 sup { font-size: 23px !important; letter-spacing: 0.69px; }
#maincontent h5 sup { font-size: 20px !important; letter-spacing: 0.6px; }
#maincontent h6 sup { font-size: 14px !important; letter-spacing: 0.6px; }

#maincontent p a, #maincontent a { /*opacity: .7;*/ color: inherit; }
#maincontent p a.link2, #maincontent u a.link2 { opacity: 1; border-bottom: 1px solid; }

#maincontent hr { border-bottom: 1px solid #c6c9d6; margin: 15px 0; }
#maincontent ul { font-size: 20px; padding: 0 !important; }
#maincontent ul li { list-style: none; position: relative; padding: 0 0 7px 20px !important; line-height: 24px; list-style-type: none !important; }
#maincontent ul li:before { content: ''; display: block; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #3a3e47; position: absolute; left: 0; top: 6px; }
#maincontent em, #maincontent i { font-style: normal; }
#maincontent strong, #maincontent b { font-weight: 500; }
#maincontent blockquote { padding: 0; background: none; border: none; font-weight: normal; margin: 0; }
#maincontent pre { font-family: Nord, sans-serif !important; font-size: 11px; letter-spacing: 1.1px; white-space: pre-wrap; }
#maincontent .btn { font-family: Nord, sans-serif !important; color: #ffffff !important; background: #1d2849 !important; border: none !important; font-weight: normal !important; text-transform: uppercase; margin: 0; font-size: 20px !important; line-height: 20px; display: block; width: auto; text-align: center; letter-spacing: 1.4px; padding: 20px 35px; cursor: pointer; max-width: 100%; white-space: break-spaces; }

#date_box { margin-bottom: 30px; }
#maincontent .fck_widget_calendar h2 { font-family: Nord, sans-serif !important; color: #232931 !important; font-size: 18px !important; letter-spacing: 0.54px; padding: 0 !important; text-align: left; }
#maincontent .fck_widget_calendar table td { display: inline-flex; flex-direction: row-reverse; position: relative; width: auto; padding: 0 0 5px 20px; font-size: 15px; line-height: 17px; font-family: degular, sans-serif !important; color: #4f4f51; }
#maincontent .fck_widget_calendar .right_calendar_widget_calendar_swatch { position: absolute; left: 0; top: 0; }
#maincontent .fck_widget_calendar .right_calendar_widget_time { padding-right: 5px; white-space: nowrap; }
#maincontent .fck_widget_calendar .right_calendar_widget_time:after { content: ':'; }
#maincontent .fck_widget_calendar hr { border: none; padding: 7px 0; }
#maincontent .fck_widget_calendar .shabbos_times h2:first-child { display: none; }
#maincontent .fck_widget_calendar .shabbos_times h2:first-child + div { display: none; }
#maincontent .featured_article { margin: 0 0 45px !important; }
#maincontent div.featured_article:last-child { margin: 0 !important; }
#maincontent img.banner { display: block; padding-bottom: 30px; }
table.columns { width: 100% !important; border: none; padding-bottom: 0; }
table.columns > tbody > tr { display: flex; }
table.columns > tbody > tr > td { width: 100%; border: none; padding: 0 10px; }
table.columns.pad14 > tbody > tr > td { width: 100%; border: none; padding: 0 7px; }
table.columns.pad30 > tbody > tr > td { width: 100%; border: none; padding: 0 15px; }
table.columns.pad32 > tbody > tr > td { width: 100%; border: none; padding: 0 16px; }
table.columns.pad36 > tbody > tr > td { width: 100%; border: none; padding: 0 18px; }
table.columns.pad42 > tbody > tr > td { width: 100%; border: none; padding: 0 21px; }
table.columns.flex > tbody > tr > td { width: auto; }
table.columns > tbody > tr > td:first-child { padding-left: 0 !important; }
table.columns > tbody > tr > td:last-child { padding-right: 0 !important; }
table.columns > tbody > tr > td img { display: block; }
table.pad { padding-bottom: 20px; }
table.wide { width: 1024px !important; margin-left: -128px; }
table.columns.lines > tbody > tr > td { border-right: 3px solid #f2f1ee; }
table.columns.lines.lines-small > tbody > tr > td { border-width: 1px; }
table.columns.lines > tbody > tr > td:last-child { border: none; margin: 0; }
table.columns.text-center > tbody > tr > td { text-align: center; }
table.columns.home-calendar > tbody > tr > td:first-child { width: 430px; padding-right: 50px; }
table.columns.home-calendar > tbody > tr > td:last-child { width: auto; }
table.columns.columns-1-2 > tbody > tr > td:first-child, table.columns.columns-2-1 > tbody > tr > td:last-child { width: 33.333%; }
table.columns.columns-1-2 > tbody > tr > td:last-child, table.columns.columns-2-1 > tbody > tr > td:first-child { width: 66.666%; }
table.columns.columns-2-3 > tbody > tr > td:first-child, table.columns.columns-3-2 > tbody > tr > td:last-child { width: 40%; }
table.columns.columns-2-3 > tbody > tr > td:last-child, table.columns.columns-3-2 > tbody > tr > td:first-child { width: 60%; }
table.columns.columns-1-3 > tbody > tr > td:first-child, table.columns.columns-3-1 > tbody > tr > td:last-child { width: 25%; }
table.columns.columns-1-3 > tbody > tr > td:last-child, table.columns.columns-3-1 > tbody > tr > td:first-child { width: 75%; }
table.columns.columns-1-4 > tbody > tr > td:first-child, table.columns.columns-4-1 > tbody > tr > td:last-child { width: 20%; }
table.columns.columns-1-4 > tbody > tr > td:last-child, table.columns.columns-4-1 > tbody > tr > td:first-child { width: 80%; }
table.columns.columns-5-4 > tbody > tr > td:first-child, table.columns.columns-4-5 > tbody > tr > td:last-child { width: 55%; }
table.columns.columns-5-4 > tbody > tr > td:last-child, table.columns.columns-4-5 > tbody > tr > td:first-child { width: 45%; }

table.box { width: 100%; border: none; }
table.box > tbody > tr > td { padding: 35px; border: 1px solid #5f6881; }
table.box > tbody > tr > td table.columns > tbody > tr > td { padding: 0 30px; }

#maincontent a.button-border-1 { font-family: Nord, sans-serif !important; color: #3b3b3d !important; font-weight: normal !important; text-transform: uppercase; margin: 0; font-size: 21px !important; line-height: 21px; display: block; width: 100%; text-align: center; letter-spacing: 0.63px; padding: 20px 0; border-bottom: 3px solid #f7da8e; }
#maincontent a.button-border-2 { font-family: Nord, sans-serif !important; color: #3b3b3d !important; font-weight: normal !important; text-transform: uppercase; margin: 0; font-size: 21px !important; line-height: 21px; display: block; width: 100%; text-align: center; letter-spacing: 0.63px; padding: 20px 0; border-bottom: 3px solid #e4c8ad; }
#maincontent a.button-border-3,
#maincontent a.button-border-4,
#maincontent a.button-border-5,
#maincontent a.button-border-6 { font-family: Nord, sans-serif !important; color: #3b3b3d !important; font-weight: normal !important; text-transform: uppercase; margin: 0; font-size: 21px !important; line-height: 21px; display: block; width: 100%; text-align: center; letter-spacing: 0.63px; padding: 20px 0; border-bottom: 3px solid #041335; }
#maincontent a.button { font-family: Nord, sans-serif !important; color: #ffffff !important; background: #d0a867 !important; font-weight: normal !important; text-transform: uppercase; margin: 0; font-size: 20px !important; line-height: 20px; display: block; width: 100%; text-align: center; letter-spacing: 1.4px; padding: 18px 0; opacity: 1; }
#maincontent a.button-big { text-transform: uppercase; margin: 0 0 15px; font-size: 24px !important; line-height: 24px; letter-spacing: 1.68px; }
#maincontent a.button1 { background: #becede !important; }
#maincontent a.button2 { background: #9cb2c7 !important; }
#maincontent a.button3 { background: #54687a !important; }
#maincontent a.button4 { background: #3f4e5c !important; }
table.columns.buttons > tbody > tr > td a { display: flex !important; align-items: center; justify-content: center; height: 100%; padding: 9px 0 !important; }
#maincontent a.link { color: inherit; border-bottom: 1px solid #5779ae; padding: 0; opacity: 1; }
table.columns.links > tbody > tr { display: block; }
table.columns.links > tbody > tr > td { width: auto; display: inline-flex; }

.at-custom-side-wrapper { display: none !important; }

/* Page Color Schemes */
.down-arrow { display: none; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #d0a867; position: absolute; left: 50%; bottom: -25px; margin-left: -25px; z-index: 99; }
.banner-bar { display: none; height: 5px; width: 110px; position: absolute; left: 50%; bottom: -5px; margin-left: -55px; z-index: 99; }
.banner-icon { position: absolute; top: -92px; left: 50%; margin-left: -60px; width: 100px; height: 100px; z-index: 99; background: white; padding: 10px; border-radius: 100px; }
.content-banner { margin: -30px 0 -50px; }

.home .down-arrow { display: block; }

.blue #maincontent a.button1 { background: #354560 !important; }
.blue #maincontent a.button2 { background: #1a294c !important; }
.blue #maincontent a.button3 { background: #041335 !important; }
.blue #maincontent a.button-border-1 { background: none !important; border-bottom: 3px solid #939bae; }
.blue #maincontent a.button-border-2 { background: none !important; border-bottom: 3px solid #4d6184; }
.blue #maincontent a.button-border-3 { background: none !important; border-bottom: 3px solid #38435a; }
.blue #maincontent table.columns.lines > tbody > tr > td { border-color: #dbe7f1; }
.blue #maincontent table.box { max-width: 600px; margin: 0 auto; }
.blue #maincontent table.box > tbody > tr > td { border-color: #dbe7f1; }
.blue #maincontent table.box > tbody > tr > td > table.columns > tbody > tr > td { border-color: #dbe7f1; }
.blue #maincontent p a, .blue #maincontent a { color: #1a294c; }
.blue #maincontent hr { border-bottom: 1px solid #dbe7f1; }
.blue #maincontent ul li:before { border-left: 8px solid #1a294c; }
.blue #maincontent a.link { color: inherit; border-bottom: 1px solid #1a294c; }
.blue .down-arrow { display: block; border-top: 25px solid #1a294c; }

.green #maincontent a.button1 { background: #5d734d !important; }
.green #maincontent a.button2 { background: #384730 !important; }
.green #maincontent a.button3 { background: #2a3126 !important; }
.green #maincontent a.button-border-1 { background: none !important; border-bottom: 3px solid #5d734d; }
.green #maincontent a.button-border-2 { background: none !important; border-bottom: 3px solid #384730; }
.green #maincontent a.button-border-3 { background: none !important; border-bottom: 3px solid #2a3126; }
.green #maincontent table.columns.lines > tbody > tr > td { border-color: #5b734d; }
.green #maincontent table.box { max-width: 600px; margin: 0 auto; }
.green #maincontent table.box > tbody > tr > td { border-color: #5b734d;}
.green #maincontent table.box > tbody > tr > td > table.columns > tbody > tr > td { border-color: #5b734d; }
.green #maincontent p a, .green #maincontent a { color: #5b734d; }
.green #maincontent hr { border-bottom: 1px solid #5b734d; }
.green #maincontent ul li:before { border-left: 8px solid #5b734d; }
.green #maincontent a.link { color: inherit; border-bottom: 1px solid #5b734d; }
.green .down-arrow { display: block; border-top: 25px solid #5b734d; }

.red #maincontent a.button1 { background: #63082c !important; }
.red #maincontent a.button2 { background: #510d27 !important; }
.red #maincontent a.button3 { background: #300516 !important; }
.red #maincontent a.button-border-1 { background: none !important; border-bottom: 3px solid #63082c; }
.red #maincontent a.button-border-2 { background: none !important; border-bottom: 3px solid #510d27; }
.red #maincontent a.button-border-3 { background: none !important; border-bottom: 3px solid #300516; }
.red #maincontent table.columns.lines > tbody > tr > td { border-color: #e5ccd4; }
.red #maincontent table.box { max-width: 600px; margin: 0 auto; }
.red #maincontent table.box > tbody > tr > td { border-color: #e5ccd4; }
.red #maincontent table.box > tbody > tr > td > table.columns > tbody > tr > td { border-color: #e5ccd4; }
.red #maincontent p a, .red #maincontent a { color: #63082c; }
.red #maincontent hr { border-bottom: 1px solid #e5ccd4; }
.red #maincontent ul li:before { border-left: 8px solid #63082c; }
.red #maincontent a.link { color: inherit; border-bottom: 1px solid #63082c; }
.red .down-arrow { display: block; border-top: 25px solid #63082c; }

.orange #maincontent a.button1 { background: #d0a867 !important; }
.orange #maincontent a.button2 { background: #c49241 !important; }
.orange #maincontent a.button3 { background: #a26b32 !important; }
.orange #maincontent a.button-border-1 { background: none !important; border-bottom: 3px solid #d0a867; }
.orange #maincontent a.button-border-2 { background: none !important; border-bottom: 3px solid #c49241; }
.orange #maincontent a.button-border-3 { background: none !important; border-bottom: 3px solid #a26b32; }
.orange #maincontent table.columns.lines > tbody > tr > td { border-color: #c49241; }
.orange #maincontent table.box { max-width: 600px; margin: 0 auto; }
.orange #maincontent table.box > tbody > tr > td { border-color: #c49241; }
.orange #maincontent table.box > tbody > tr > td > table.columns > tbody > tr > td { border-color: #c49241; }
.orange #maincontent p a, .orange #maincontent a { color: #c49241; }
.orange #maincontent hr { border-bottom: 1px solid #c49241; }
.orange #maincontent ul li:before { border-left: 8px solid #c49241; }
.orange #maincontent a.link { color: inherit; border-bottom: 1px solid #c49241; }
.orange .down-arrow { display: block; border-top: 25px solid #c49241; }

.gold #maincontent a.button1 { background: #c3861b !important; }
.gold #maincontent a.button2 { background: #9d6d00 !important; }
.gold #maincontent a.button3 { background: #765500 !important; }
.gold #maincontent a.button-border-1 { background: none !important; border-bottom: 3px solid #c3861b; }
.gold #maincontent a.button-border-2 { background: none !important; border-bottom: 3px solid #9d6d00; }
.gold #maincontent a.button-border-3 { background: none !important; border-bottom: 3px solid #765500; }
.gold #maincontent table.columns.lines > tbody > tr > td { border-color: #e6debd; }
.gold #maincontent table.box { max-width: 600px; margin: 0 auto; }
.gold #maincontent table.box > tbody > tr > td { border-color: #907928; }
.gold #maincontent table.box > tbody > tr > td > table.columns > tbody > tr > td { border-color: #907928; }
.gold #maincontent p a, .gold #maincontent a { color: #907928; }
.gold #maincontent hr { border-bottom: 1px solid #907928; }
.gold #maincontent ul li:before { border-left: 8px solid #907928; }
.gold #maincontent a.link { color: inherit; border-bottom: 1px solid #907928; }
.gold .down-arrow { display: block; border-top: 25px solid #9d6d00; }

.light-blue #maincontent a.button1 { background: #7a97bd !important; }
.light-blue #maincontent a.button2 { background: #5779ae !important; }
.light-blue #maincontent a.button3 { background: #3f649d !important; }
.light-blue #maincontent a.button-border-1 { background: none !important; border-bottom: 3px solid #939bae; }
.light-blue #maincontent a.button-border-2 { background: none !important; border-bottom: 3px solid #4d6184; }
.light-blue #maincontent a.button-border-3 { background: none !important; border-bottom: 3px solid #38435a; }
.light-blue #maincontent table.columns.lines > tbody > tr > td { border-color: #5779ae; }
.light-blue #maincontent table.box { max-width: 600px; margin: 0 auto; }
.light-blue #maincontent table.box > tbody > tr > td { border-color: #5779ae;}
.light-blue #maincontent table.box > tbody > tr > td > table.columns > tbody > tr > td { border-color: #5779ae; }
.light-blue #maincontent p a, .light-blue #maincontent a { color: #5779ae; }
.light-blue #maincontent hr { border-bottom: 1px solid #5779ae; }
.light-blue #maincontent ul li:before { border-left: 8px solid #5779ae; }
.light-blue #maincontent a.link { color: inherit; border-bottom: 1px solid #5779ae; }
.light-blue .down-arrow { display: block; border-top: 25px solid #5779ae; }

.dark-purple #maincontent a.button1 { background: #510054 !important; }
.dark-purple #maincontent a.button2 { background: #3e043e !important; }
.dark-purple #maincontent a.button3 { background: #2e002e !important; }
.dark-purple #maincontent a.button-border-1 { background: none !important; border-bottom: 3px solid #510054; }
.dark-purple #maincontent a.button-border-2 { background: none !important; border-bottom: 3px solid #3e043e; }
.dark-purple #maincontent a.button-border-3 { background: none !important; border-bottom: 3px solid #2e002e; }
.dark-purple #maincontent table.columns.lines > tbody > tr > td { border-color: #e3dae1; }
.dark-purple #maincontent table.box { max-width: 600px; margin: 0 auto; }
.dark-purple #maincontent table.box > tbody > tr > td { border-color: #510054; }
.dark-purple #maincontent table.box > tbody > tr > td > table.columns > tbody > tr > td { border-color: #510054; }
.dark-purple #maincontent p a, .dark-purple #maincontent a { color: #510054; }
.dark-purple #maincontent hr { border-bottom: 1px solid #510054; }
.dark-purple #maincontent ul li:before { border-left: 8px solid #510054; }
.dark-purple #maincontent a.link { color: inherit; border-bottom: 1px solid #510054; }
.dark-purple .down-arrow { display: block; border-top: 25px solid #510054; }

.yellow #maincontent a.button1 { background: #fcca6d !important; }
.yellow #maincontent a.button2 { background: #fabe41 !important; }
.yellow #maincontent a.button3 { background: #fcb000 !important; }
.yellow #maincontent a.button-border-1 { background: none !important; border-bottom: 3px solid #fcca6d; }
.yellow #maincontent a.button-border-2 { background: none !important; border-bottom: 3px solid #fabe41; }
.yellow #maincontent a.button-border-3 { background: none !important; border-bottom: 3px solid #fcb000; }
.yellow #maincontent table.columns.lines > tbody > tr > td { border-color: #fdecc6; }
.yellow #maincontent table.box { max-width: 600px; margin: 0 auto; }
.yellow #maincontent table.box > tbody > tr > td { border-color: #fdecc6; }
.yellow #maincontent table.box > tbody > tr > td > table.columns > tbody > tr > td { border-color: #fdecc6; }
.yellow #maincontent p a, .yellow #maincontent a { color: #fabe41; }
.yellow #maincontent hr { border-bottom: 1px solid #fdecc6; }
.yellow #maincontent ul li:before { border-left: 8px solid #fabe41; }
.yellow #maincontent a.link { color: inherit; border-bottom: 1px solid #fabe41; }
.yellow .down-arrow { display: block; border-top: 25px solid #fabe41; }

.pink #maincontent a.button1 { background: #db9e9e !important; }
.pink #maincontent a.button2 { background: #c68b8b !important; }
.pink #maincontent a.button3 { background: #ad6f6f !important; }
.pink #maincontent a.button-border-1 { background: none !important; border-bottom: 3px solid #db9e9e; }
.pink #maincontent a.button-border-2 { background: none !important; border-bottom: 3px solid #c68b8b; }
.pink #maincontent a.button-border-3 { background: none !important; border-bottom: 3px solid #ad6f6f; }
.pink #maincontent table.columns.lines > tbody > tr > td { border-color: #f2dbdd; }
.pink #maincontent table.box { max-width: 600px; margin: 0 auto; }
.pink #maincontent table.box > tbody > tr > td { border-color: #f2dbdd; }
.pink #maincontent table.box > tbody > tr > td > table.columns > tbody > tr > td { border-color: #f2dbdd; }
.pink #maincontent p a, .pink #maincontent a { color: #c68b8b; }
.pink #maincontent hr { border-bottom: 1px solid #f2dbdd; }
.pink #maincontent ul li:before { border-left: 8px solid #c68b8b; }
.pink #maincontent a.link { color: inherit; border-bottom: 1px solid #c68b8b; }
.pink .down-arrow { display: block; border-top: 25px solid #c68b8b; }

.purple #maincontent a.button1 { background: #af6796 !important; }
.purple #maincontent a.button2 { background: #993c7b !important; }
.purple #maincontent a.button3 { background: #7a2165 !important; }
.purple #maincontent a.button-border-1 { background: none !important; border-bottom: 3px solid #af6796; }
.purple #maincontent a.button-border-2 { background: none !important; border-bottom: 3px solid #993c7b; }
.purple #maincontent a.button-border-3 { background: none !important; border-bottom: 3px solid #7a2165; }
.purple #maincontent table.columns.lines > tbody > tr > td { border-color: #e1bbd3; }
.purple #maincontent table.box { max-width: 600px; margin: 0 auto; }
.purple #maincontent table.box > tbody > tr > td { border-color: #e1bbd3; }
.purple #maincontent table.box > tbody > tr > td > table.columns > tbody > tr > td { border-color: #e1bbd3; }
.purple #maincontent p a, .purple #maincontent a { color: #993c7b; }
.purple #maincontent hr { border-bottom: 1px solid #e1bbd3; }
.purple #maincontent ul li:before { border-left: 8px solid #993c7b; }
.purple #maincontent a.link { color: inherit; border-bottom: 1px solid #993c7b; }
.purple .down-arrow { display: block; border-top: 25px solid #993c7b; }

/* Editor */
div[contenteditable=true] table.columns { padding: 10px; }
div[contenteditable=true] table.columns > tbody > tr > td { border: 2px dashed blue !important; }
.content_button, .edit-buttons-overlay { font-size: 16px; font-family: sans-serif; }

/* Forms */
#membership-form .form_replacement { margin: 0; }
#membership-form .control-group { width: 50% !important; margin: 0 0 15px !important; }
#membership-form .control-group.next_row { width: 100% !important; }
#membership-form .control-group.next_row p strong span { font-family: degular-display, sans-serif !important; color: #4f4f51 !important; font-weight: 400 !important; text-transform: none; margin: 0; border: none; display: block; font-size: 26px !important; letter-spacing: 1.56px; line-height: 26px; }
#membership-form label.control-label { margin-bottom: 5px !important; }
#membership-form input { border-radius: 0; width: 94% !important; padding: 0 3%; height: 33px; line-height: 33px; border-color: #c3c3c3; }

#membership-form .control-group label[for=form_14878-element-4],
#membership-form .control-group label[for=form_14878-element-6],
#membership-form .control-group label[for=form_14878-element-8],
#membership-form .control-group label[for=form_14878-element-4] + div.controls,
#membership-form .control-group label[for=form_14878-element-6] + div.controls,
#membership-form .control-group label[for=form_14878-element-8] + div.controls { margin-right: 15px; }

#membership-form .control-group label[for=form_14878-element-5],
#membership-form .control-group label[for=form_14878-element-7],
#membership-form .control-group label[for=form_14878-element-9],
#membership-form .control-group label[for=form_14878-element-5] + div.controls,
#membership-form .control-group label[for=form_14878-element-7] + div.controls,
#membership-form .control-group label[for=form_14878-element-9] + div.controls { margin-left: 15px; }

#membership-form .form-actions { background: none; border: none; padding: 0; }
#membership-form .form-actions input.btn { margin: 0 auto !important; width: auto !important; height: auto !important; }

/* Read More Popup */
.read-more-section { position: relative; font-size: 14px !important; }
.read-more-section .read-more-popup { display: none; position: absolute; z-index: 1000; top: 100%; background: #1c2b2f; color: #ffffff !important; padding: 30px 15px 15px; font-size: 14px; margin-top: 7px; }
.read-more-section .read-more-popup a { color: #ffffff !important; }
.read-more-section.active .read-more-popup { display: block; }
.read-more-section.active .read-more-popup .down-arrow { display: block; position: absolute; top: 0; border-width: 10px; margin-left: -10px; height: 0; }

/* Calendar */
.classes .down-arrow { display: block; border-top: 25px solid #D6A17E; }
table.classes { width: 100% !important; border: none; padding-bottom: 0; border-spacing: 0; }
table.classes.mobile { display: none; }
table.classes > tbody { border-spacing: 0; }
table.classes > tbody > tr > td { width: 20%; border: none; vertical-align: top; }
table.classes > tbody > tr > td > h3,
table.classes > tbody > tr > td > h5 { padding: 15px; margin: 0 !important; border-bottom: 1px solid #cacedc !important; }
table.classes > tbody > tr > td > h5 .mobile { display: none; }
table.classes td { border: none; border-bottom: 1px solid #cacedc; padding: 0; }
table.classes td.classes-night { background: #f5f6fa; }
table.classes .mobile { display: none !important; }
table.classes td p { line-height: 1 !important; }
table.classes td p a { color: #232931 !important; }
table.classes td p sub { vertical-align: unset; font-size: 15px !important; color: #71819e !important; }
table.classes td table td h5 { margin: 0 !important; }
table.classes td table, table.classes td table tbody, table.classes td table tbody tr { border: none; display: block; }
table.classes td table td { min-height: 132px; padding: 15px; display: block; border-bottom: 1px solid #cacedc; }
table.classes .classes-icon { display: block; font-size: 15px; color: #4f4f51; letter-spacing: -0.45px; white-space: nowrap; }
table.classes .classes-box i, table.classes .classes-inperson i { display: inline-block; width: 9.5px; height: 9.5px; top: 6px; position: relative; margin-right: 5px; background: #ecd6c7; }
table.classes .classes-morning i { border: 2px solid #f5f6fa; background: none; width: 6.5px; height: 6.5px; }
table.classes .classes-evening i { background: #f5f6fa; }
table.classes .classes-inperson i { border-radius: 9.5px; }
table.classes .classes-zoom i { display: inline-block; margin: -9.5px 0; top: 14px; position: relative; margin-right: 5px; width: 0; height: 0; border-style: solid; border-width: 9.5px 0 0 9.5px; border-color: transparent transparent transparent #d6a17e; background: transparent !important; }
table.classes table.classes-fridayshabbat tr { display: table; width: 100%; border-bottom: 1px solid #cacedc; }
table.classes table.classes-fridayshabbat tr:last-child { border-bottom: none; }
table.classes table.classes-fridayshabbat tr td { display: table-cell; width: 40%; vertical-align: top; height: auto; border: none; }
table.classes table.classes-fridayshabbat tr td:first-child { width: 20%; }

/* Payment Page */
.payment #maincontent h1 { text-align: center; margin: 10px 0 20px; }
.payment #maincontent h2 { text-align: center; }
.payment #maincontent .section { background: none !important; padding: 0 !important; }
.payment #maincontent form .right_align_label { line-height: 33px; font-weight: 500; }
.payment #maincontent form .row > .right_align_label:first-child { text-align: left; }
.payment #maincontent form .row { padding-top: 30px; min-height: 0; display: table; width: 100%; }
.payment #maincontent form .row.payment_type_option { padding-top: 0; }
.payment #maincontent form .row .payment_type_option { margin-top: -20px; }
.payment #maincontent form input[type=text],
.payment #maincontent form textarea,
.payment #maincontent form select { font-family: degular-text, sans-serif !important; font-size: 18px; border-radius: 0; max-width: 94% !important; padding: 0 3%; height: 33px; line-height: 33px; border: 1px solid #c3c3c3; }
.payment #maincontent form select { max-width: 100% !important; }
.payment #maincontent form .input-group > div { border: 1px solid #c3c3c3; }
.payment #maincontent form .input-group > div input { border: none; }
.payment #maincontent form .input-group > div input[name=pay_amount] { border: none; width: 75px !important; display: inline; }
.payment #maincontent form .has_recurring .has_frequency { font-weight: bold; margin-bottom: 5px; display: block; }
.payment #maincontent form .has_recurring select.has_frequency { font-weight: normal; margin-bottom: 0; }
.payment #maincontent form #dedication_row h3 { margin-bottom: -15px; text-align: center; }
.payment #maincontent form .btn { margin: 0 auto !important; }
form .form-actions { background: none !important; border: none !important; padding: 0 !important; }

/* Inner Holy Day Pages */
.hh-days .banner-bar { display: block; background: #c48a35; }
.hh-days #maincontent .button-border-1 { border-bottom: 3px solid #d0a867 !important; }
.hh-days #maincontent .button-border-2 { border-bottom: 3px solid #c49241 !important; }
.hh-days #maincontent .button-border-3 { border-bottom: 3px solid #a26b32 !important; }
.hh-days #maincontent p a, .orange #maincontent a { color: #c49241; }
.hh-days #maincontent hr { border-bottom: 1px solid #c49241; }

.chanukah .banner-bar { display: block; background: #9e789e; }
.chanukah #maincontent p a, .chanukah #maincontent a { color: #9e789e; }
.chanukah #maincontent ul li:before { border-left: 8px solid #9e789e; }

.shavuot .banner-bar { display: block; background: #cb9694; }
.shavuot #maincontent p a, .shavuot #maincontent a { color: #cb9694; }
.shavuot #maincontent ul li:before { border-left: 8px solid #cb9694; }

.kjsukkot .banner-bar { display: block; background: #a6a84e; }
.kjsukkot #maincontent p a, .kjsukkot #maincontent a { color: #a6a84e; }
.kjsukkot #maincontent ul li:before { border-left: 8px solid #a6a84e; }

.celebratesisrael .banner-bar { display: block; background: #a9c0ea; }
.celebratesisrael #maincontent p a, .celebratesisrael #maincontent a { color: #a9c0ea; }
.celebratesisrael #maincontent ul li:before { border-left: 8px solid #a9c0ea; }

.purim .banner-bar { display: block; background: #9d005d; }
.purim #maincontent p a, .purim #maincontent a { color: #9d005d; }
.purim #maincontent ul li:before { border-left: 8px solid #9d005d; }

.passover .banner-bar { display: block; background: #7f9da0; }
.passover #maincontent p a, .passover #maincontent a { color: #7f9da0; }
.passover #maincontent ul li:before { border-left: 8px solid #7f9da0; }

.tishabav .banner-bar { display: block; background: #e1b682; }
.tishabav #maincontent p a, .tishabav #maincontent a { color: #e1b682; }
.tishabav #maincontent ul li:before { border-left: 8px solid #e1b682; }

/* Kosher */
.kosher .down-arrow { display: block; border-top: 25px solid #c0998b; }
.kosher #maincontent h4 sup { margin: 0 0 10px; display: block; }
.kosher #maincontent p a, .kosher #maincontent a { color: #c0998b; }
.kosher #maincontent hr { border-bottom: 1px solid #c0998b; }
.kosher #maincontent table.button > tbody > tr > td { width: auto; padding: 0 7px; }
.kosher #maincontent table.button a { font-size: 12px !important; line-height: 15px; padding: 10px 0; display: inline-block; font-family: Nord, sans-serif !important; color: #3b3b3d !important; font-weight: bold !important; text-transform: uppercase; }
.kosher #maincontent .button-border-1 { border-bottom: 2px solid #ceb3b1 !important }
.kosher #maincontent .button-border-2 { border-bottom: 2px solid #c08184 !important }
.kosher #maincontent .button-border-3 { border-bottom: 2px solid #983d31 !important }
.kosher #maincontent .button-border-4 { border-bottom: 2px solid #6d4d51 !important }
.kosher #maincontent .button-border-5 { border-bottom: 2px solid #3b2629 !important }
.kosher #maincontent .button-border-6 { border-bottom: 2px solid #1d1314 !important }
.kosher #maincontent table.box > tbody > tr > td { padding: 10px 15px; border: 1px solid #c0998b; }
.kosher #maincontent .sq { border-left: 14px solid; padding-left: 7px; line-height: 14px; margin-left: 7px; display: inline-block; }
.kosher #maincontent .sq.sq-parve { border-left: 14px solid #fecc6e; }
.kosher #maincontent .sq.sq-dairy { border-left: 14px solid #7797be; }
.kosher #maincontent .sq.sq-meat { border-left: 14px solid #72002d; }
.kosher #maincontent table.columns h6 { line-height: 14px; margin-bottom: 10px; }
.kosher #maincontent table.columns h4 { margin-bottom: 10px; }
.kosher #maincontent table.columns h4 a { color: #232931 !important; }
.kosher #maincontent table.columns h3 { font-family: degular-text, sans-serif !important; font-size: 16px !important; line-height: 18px; margin-bottom: 10px; }
.kosher #maincontent table.columns h4 + h3 { margin-bottom: 0; }
.kosher #maincontent table.columns p { font-size: 14px !important; margin-bottom: 10px; }
.kosher #maincontent table.columns h3 + p { font-size: 18px !important; }
.kosher #maincontent table.columns p.border { padding: 2px 5px; border: 1px solid #c0998b; display: inline-block; }
.kosher #maincontent table.columns p.box { padding: 2px 5px; background: #c0998b; color: #ffffff !important; display: inline-block; }

/* X-Large Displays: 1200px - */
@media (max-width: 1200px) {

    /* Banners */
    .sy-slides-wrap { height: 100%; overflow: auto; }
}

/* Large Displays: 1024px - */
@media (max-width: 1024px) {

    /* Containers */
    #maincontent { width: 100%; padding-top: 30px; }
    #sidebar_right { width: 100%; }
    #maincontent .content_container { width: 720px; }

    /* Header */
    .search_area { height: auto; left: 105px; top: 30px; width: auto; }
    .search_area form { width: auto; margin: 0; height: auto; }

    /* Menu */
    #sidebar_left #nav_section li a { padding: 15px 5px; }

    /* Footer */
    #footer .footer_inner { width: 750px; }
    #footer .f-totop { right: 15px; }
    #footer .f-logo { left: 15px; width: 330px; top: 55px; }
    #footer .f-right { margin: 0 0 0 50%; }
    #footer p span { padding: 0 6px; }

    /* Content */
    table.wide { width: 100% !important; margin-left: 0; }
    table.columns.home-calendar > tbody > tr > td:first-child { width: 400px; padding-right: 25px; }
}

/* Medium Displays: 768px - */
@media (max-width: 767px) {

    /* Containers */
    #maincontent { padding: 30px 15px; }
    #maincontent .pad-helper, #maincontent .content_container { width: 100%; }

    /* Header */
    #sidebar_left { height: auto; background: url(https://images.shulcloud.com/727/uploads/2022-Design/KJWebsite2022BackgroundImageMobile.jpg) no-repeat center; background-size: cover; }
    #sidebar_left #img_div { padding: 0; position: relative; }
    #sidebar_left #img_div a { padding: 35px 0 10px; width: 100%; }
    #sidebar_left #img_div a img { display: none; }
    #sidebar_left #img_div a .h-title { font-size: 60px; padding: 0; line-height: 70px; }
    #sidebar_left #img_div a:before { content: ''; display: block; background: url(https://images.shulcloud.com/727/logo/1665071804.img) no-repeat top center; background-size: 60px; width: 100%; height: 70px; }
    #sidebar_left #img_div a .h-title:before { content: ''; display: block; background: url(https://images.shulcloud.com/727/uploads/2022-Design/KJWebsite2022_MobileMenuLine.png) no-repeat center; background-size: 768px; height: 13px; margin: 0 20px; }
    .search_area { top: 0; left: 80px; margin: 18px 0 0; }
    .h-links .h-links-left { left: 15px; border: none; }
    .search_area form input[type="text"] { width: 75px; }
    .h-links .h-links-right { top: 73px; right: 0; width: 100%; height: 0; display: block; }
    .h-links .h-links-right a { border-bottom: none; text-transform: uppercase; margin-left: 20px; letter-spacing: 1.43px; font-size: 16px; }
    .h-links .h-links-right a:last-child { position: absolute; right: 20px; }
    .h-links .h-links-right a span { display: none; }
    .h-links .h-links-left .h-link-about { display: none; }
    .h-links .h-links-right .h-link-about { display: inline-block; }
    
    /* Menu */
    #mobile_nav_dropdown { height: 50px; width: 50px; background: url(https://images.shulcloud.com/727/uploads/2022-Design/MenuIconOn.png) no-repeat center; position: absolute; top: 60px; right: 8px; cursor: pointer; z-index: 1; color: transparent; }
    #mobile_nav_dropdown.active { background: url(https://images.shulcloud.com/727/uploads/2022-Design/MenuIcon.png) no-repeat center; }
    #sidebar_left #mainnav { height: auto; }
    #sidebar_left #nav_section { height: auto; }
    #nav_section:before { display: none; }
    #sidebar_left #nav_section li { display: block; width: 100%; margin: 0; background: #ffffff; }
    #sidebar_left #nav_section li:last-child { padding-bottom: 10px; }
    #sidebar_left #nav_section li a { padding: 5px; }
    #sidebar_left #nav_section li a:after { display: none; }

    /* Footer */
    #footer { height: auto; }
    #footer .footer_inner { width: 350px; padding: 25px 0; }
    #footer .f-logo { display: block; position: relative; left: auto; width: 350px; margin: 0 auto; top: 15px; }
    #footer .f-right { margin: 0; padding: 30px 0 0 25px; }
    #footer .f-social { top: 28px; left: -5px; }
    #footer .f-totop { top: 34px; right: 0; }
    #footer .f-credit { position: relative; top: 0; } 
    #footer .f-credit span { display: block; font-size: 0 !important; } 

    /* Banners */
    .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited { font-size: 30px; }
    .home .sy-slides-wrap { margin-bottom: 20px; }

    /* Content */
    #maincontent h1 { font-size: 38px !important; }
    #maincontent h2 { font-size: 34px !important; }
    #maincontent .featured_article { margin: 0 0 25px !important; }
    table.columns.home-calendar { text-align: center; }
    table.columns.home-calendar > tbody > tr { display: block; }
    table.columns.home-calendar > tbody > tr > td { width: 100%; max-width: 500px; margin: 0 auto; display: block; padding: 0 0 20px; }
    table.columns.home-calendar > tbody > tr > td:first-child { width: 100%; }
    table.columns.home-calendar > tbody > tr > td:last-child { width: 250px; text-align: left !important; }
    #date_box { text-align: left; }
    #maincontent a.button1, #maincontent a.button2 { font-size: 20px !important; }

    .banner-icon { position: absolute; top: -65px; left: 50%; margin-left: -30px; width: 50px; height: 50px; }
    .content-banner { margin: -30px -15px -10px; max-width: none; }

    /* Calendar */
    table.classes.mobile { display: table; }
    table.classes > tbody > tr > td { width: 100%; display: block; padding-bottom: 15px; }
    table.classes > tbody > tr > td > h3,
    table.classes > tbody > tr > td > h5 { text-align: center; }
    table.classes > tbody > tr > td > h5 .mobile { display: inline; }
    table.classes tr.empty, table.classes td.empty { display: none; }
    table.classes td table tbody tr { display: table; width: 100%; border-spacing: 0; }
    table.classes td table tbody tr.border { border-bottom: 1px solid #cacedc; }
    table.classes td table tbody tr td { width: 50%; display: table-cell; vertical-align: top; border: none; }
    table.classes td table tbody tr td.border { border-right: 1px solid #cacedc; }
    table.classes .mobile { display: initial !important; }
    table.classes table.classes-fridayshabbat tr { border: none; }
    table.classes table.classes-fridayshabbat tr td { width: 100% !important; display: block; min-height: 0; padding: 15px 0; }
    table.classes table.classes-fridayshabbat tr td:first-child { border-bottom: 1px solid #cacedc; }
    table.classes table.classes-fridayshabbat tr td h5 { text-align: center; }

    /* Kosher */
    .kosher #maincontent table.button > tbody > tr { display: block; }
    .kosher #maincontent table.button > tbody > tr > td { display: block; width: 100%; padding: 0; }
    .kosher #maincontent table.columns { text-align: center; }
    .kosher #maincontent table.columns > tbody > tr { display: block; }
    .kosher #maincontent table.columns > tbody > tr > td { width: 49%; display: inline-block; vertical-align: top; padding: 0 0 20px; }
    .kosher #maincontent table.columns > tbody > tr > td > p > img { margin: 0 auto; }
    .kosher #maincontent table.columns + hr { display: none; }
}

/* Small Displays Horiz: 568px - */
@media (max-width: 568px) {

    /* Containers */
    #maincontent { padding: 20px 15px; }

    /* Header */
    .search_area { top: 35px; margin: 0; }
    .search_area form input[type="text"] { opacity: 0; width: 0; }

    /* Banners */
    .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited { font-size: 22px; }
    .home .sy-slides-wrap { height: 180px !important; overflow: hidden; }
    .home .sy-slides-wrap img { width: 300%; max-width: none; margin-left: -100%; }

    /* Content */
    table.columns:not(.columns-mobile) > tbody > tr { display: block; }
    table.columns:not(.columns-mobile) > tbody > tr > td { display: block; padding: 0 0 20px !important; width: 100% !important; }
    table.columns:not(.columns-mobile) > tbody > tr > td:last-child { padding-bottom: 0 !important; }
    table.columns.lines > tbody > tr > td { border: none; border-bottom: 3px solid #f2f1ee; margin-bottom: 25px; }
    table.columns.buttons > tbody > tr > td a { padding: 18px 0 !important; }

    .content-banner { margin: -20px -15px -10px; max-width: none; }
    .banner-icon { position: absolute; top: -45px; left: 50%; margin-left: -25px; width: 40px; height: 40px; padding: 5px; }
    .down-arrow { border-width: 15px !important; bottom: -15px; margin-left: -15px; }
    img.dept-logo { max-height: 50px !important; width: auto !important; }
    img.sephardic { max-width: 350px; width: 80% !important; height: auto !important; }

    table.box > tbody > tr > td { padding: 30px !important; }
    table.box > tbody > tr > td > table.columns > tbody > tr > td { border: none !important; padding: 0 !important; }
}

/* Small Displays: 460px - */
@media (max-width: 460px) {

    /* Header */
    #sidebar_left #img_div a .h-title { font-size: 40px; width: auto; padding: 0; line-height: 60px; }

    /* Content */
    #maincontent h2.content_title { font-size: 40px !important; }

    /* Footer */
    #footer .footer_inner { width: 320px; }
    #footer p, #footer p a { font-size: 12px; }
    #footer p span { padding: 0 3px; }
}

.toggle-page-color { cursor: pointer; }

.toggle-table-columns { cursor: pointer; border: 1px solid !important; padding: 1px 5px !important; margin: 0 10px 10px; }


.israel #maincontent h1 sup, .israel #maincontent h2.content_title { color: #232931 !important; font-style: normal; }
.israel #maincontent h2 sup { font-size: 55px !important; font-weight: normal; font-style: normal; }
.israel #maincontent h3 sup { font-size: 76px !important; letter-spacing: 2.352px; font-weight: normal !important; }
.israel #maincontent h4 sup { font-size: 23px !important; letter-spacing: 0.304px; font-weight: normal !important; }

.israel #maincontent h2 { font-family: 'Nord' !important; font-size: 48px !important; text-transform: uppercase; color: #004d80 !important; font-weight: bold !important; }
.israel #maincontent h3 { font-size: 26px !important; color: #9ea5d3 !important; font-weight: 600 !important; }
.israel #maincontent h4 { font-size: 28px !important; color: #004d80 !important; font-weight: bold !important; }

.israel #maincontent p { font-size: 26px !important;}
.israel #maincontent p a, .israel #maincontent a { font-size: 26px !important; color: #156d9d !important; font-style: italic; font-weight: 500; border: none !important; }
.israel #maincontent p a.link2, .israel #maincontent a.link2 { color: #231f20 !important; font-style: italic; font-weight: 400; }
.israel #maincontent em, .israel #maincontent i { font-style: italic; }

.israel #maincontent a.button1 { background: #354560 !important; }
.israel #maincontent a.button2 { background: #1a294c !important; }
.israel #maincontent a.button3 { background: #041335 !important; }
.israel #maincontent a.button-border-1 { background: none !important; border-bottom: 3px solid #939bae; }
.israel #maincontent a.button-border-2 { background: none !important; border-bottom: 3px solid #4d6184; }
.israel #maincontent a.button-border-3 { background: none !important; border-bottom: 3px solid #38435a; }
.israel #maincontent table.columns.lines > tbody > tr > td { border-color: #dbe7f1; }
.israel #maincontent table.box { max-width: 600px; margin: 0 auto; }
.israel #maincontent table.box > tbody > tr > td { border-color: #dbe7f1; }
.israel #maincontent table.box > tbody > tr > td > table.columns > tbody > tr > td { border-color: #dbe7f1; }
.israel #maincontent hr { border-bottom: 2px solid #ffd89d; }
.israel #maincontent ul li:before { border-left: 8px solid #1a294c; }
.israel #maincontent a.link { color: inherit; border-bottom: 1px solid #1a294c; }
.israel .down-arrow { display: none; border-top: 25px solid #1a294c; }
.israel #footer { margin: 0; }
.israel-footer-wrap { margin: 0; }
.israel-footer { display: block; width: 100%; }