/***********************************
TABLE OF CONTENTS 
%11 NAV MENU
%22 LAYOUT AND SIDEBAR
%33 GENERAL STYLES
%AA ADMIN
%44 HOME PAGE
%55 INNER PAGES
%66 CALENDAR
%88 FORMS
%99 FOOTER
*********************************/


/***********************************
%01 NAVIGATION MENU
********************************/
#header {
    background: var(--orange);
}
#header #header_inner .hosted_by_text {
    opacity: .5;
    font-size: 12px;
}
.header_button,
.header_button:hover {
    background: var(--custard);
    border: 0;
    color: black;
}
#sidebar_left {
    background: var(--custard);
    max-width: 100%;
    padding: 0 calc((100% - var(--maincontent-width)) / 2);
    text-align: right;
    padding-top: 30px;
    margin-bottom: 0;
}
#img_div, #mainnav {
    width: calc(100% - 130px);
    float: none;
    height: unset;
    margin-left: auto;
    margin-right: 0;
}
#img_div {
    text-align: left;
    z-index: 1;
    position: relative;
}
#img_div a {
    text-decoration: none;
    position: relative;
    display: inline-block;
}
#img_div a:before {
    display: block;
    content: "";
    background: url(https://images.shulcloud.com/14480/uploads/Logos/Logo_Final_no_BS_no_transparency_SC.png);
    width: 120px;
    position: absolute;
    right: calc(100% + 10px);
    top: -50px;
    bottom: -53px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
}
#img_div a:after {
    content: "";
    background: url(https://images.shulcloud.com/14480/uploads/Logos/hebrew_bs_logo-black-cropped.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 30px;
    display: inline-block;
    position: absolute;
    bottom: -4px;
    left: calc(100% + 30px);
    max-width: 100%;
}
#img_div img {
    width: 400px;
    max-width: 100%;
}
#mainnav {
    border: 0;
    padding: 0;
    position: relative;
}

#nav_section {
    display: flex;
    margin: 0;
}
#nav_section ul {
    margin: 0;
}
#nav_section > li {
    flex: 1 1 auto;
}
#nav_section > li > a {
    background: var(--orange);
    color: #000;
    border-radius: 20px 20px 0 0;
    text-align: left;
    font-size: 20px;
    text-transform: none;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease-out;
}
#nav_section > li > a:hover,
#nav_section > li:hover > a {
    background: var(--dark-orange);
}
#nav_section li ul {
    background: none;
}
#nav_section li ul li {
    background: var(--green);
    padding-left: 18px;
    padding-right: 18px;
}
#nav_section li ul li a {
    text-transform: none;
    color: #000;
}
#nav_section li ul li:hover {
    background: var(--dark-green);
}

#nav_section li ul li:hover > a {
    color: #fff;
}
#nav_section ul li:last-child {
    border-radius: 0 0 20px 20px;
}
li.subnav_has_children > a:after {
    font-size: 30px;
    line-height: .5;
    background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Icons/black-caret.svg);
    right: 8px;
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

li.subnav_has_children:hover > a:after {
    background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Icons/white-caret1.svg);
}
#nav_section li ul li ul {
    left: 100%;
}
#nav_section li ul li ul li {
    background: var(--dark-green);
}
#nav_section li ul li ul li:hover {
    background: var(--darkest-green);
}
#nav_section li ul li ul li a {
    color: #fff;
}
#nav_section li ul li ul li:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 20px;
}
#nav_section li ul li ul li:first-child {
    border-top-right-radius: 20px;
}

/*********************************************************
%22 LAYOUT AND SIDEBAR
*****************************************************/

#content {
    width: 100%;
}
#header #header_inner, #maincontent_sidebar_wrapper, #maincontent.full_width, #maincontent.admin {
    width: var(--maincontent-width);
    margin: 0px auto;
    float: none;
}
.account_member_menu {
    width: var(--maincontent-width);
    max-width: 100%;
    float: none;
}
#header #header_inner {
    max-width: 100%;
}
#header {
    position: sticky;
    top: 0;
    z-index: 11;
}
#sidebar_left {
    /*todo - make sticky again */
    /*position: sticky;*/
    /*top: 33px;*/
    z-index: 10;
    box-shadow: 2px -1px 20px 0px;
    position: relative;
}
body.home #content .top_links {
    display: none;
}
#content .top_links {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 0 calc((100% - var(--maincontent-width)) / 2);
}
body:not(.home) .top_links {
    display: block;
}
body.admin #sidebar_left {
    position: relative;
    top: unset;
}
.header_slider_wrapper {
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
    background-color: #f3eede;
    /* todo - add back */
    /*top: 178px;*/
    top: 33px;
    margin-bottom: 0;
}
.featured_article {
    width: 100%;
    margin-bottom: 0;
}
.content_body {
    float: none;
}
#maincontent .content_body p:last-child {
    margin-bottom: 0;
}
body:not(.home) #sidebar_right .right_bm:not(:first-child) .right_content {
    padding-top: 25px;
}
#sidebar_right {
    border: 0;
    padding: 0;
    float: left;
    width: 22%;
}

body.h1_has_text #sidebar_right {
    margin-top: 30px;
}
body.h1_has_text.has_inner_pages_in_sidebar #sidebar_right {
    margin-top: -80px;
}
#sidebar_right .right_box1 {
    display: none;
}

#sidebar_right .right_bm .right_content {
    overflow: visible;
}

.right_content:after {
    clear: both;
    content: "";
    display: block;
}

body #sidebar_right .right_bm {
    padding: 0;
    background: none;
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
}
body #sidebar_right .fck_widget_inner_pages {
    background: var(--custard);
    box-shadow: 4px 12px 14px rgba(0,0,0,0.3);
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    overflow: hidden;
}
body:not(.home) #sidebar_right > div[style="float:right"] {
    float: left !important;
}
#sidebar_right .right_bm.right_bm:last-child .right_content {
    padding-bottom: 0;
}
#sidebar_right .right_bm.right_bm:last-child .right_content p:last-child{
    margin-bottom: 0;
}
#content #sidebar_right blockquote,
#content #maincontent blockquote {
    margin: 0;
    margin-bottom: 20px;
    font-size: inherit;
    padding: 20px;
}
#sidebar_right blockquote h3,
#maincontent blockquote h3 {
    color: var(--maroon);
    margin-bottom: 5px;
}
#sidebar_right blockquote p,
#sidebar_right blockquote p {
    font-size: var(--font-size);
}

body:not(.home) #content #sidebar_right .content_body img {
    border-radius: 25px;
}
#maincontent.full_width .featured_article:first-child {
    padding-top: 0;
}

body, #maincontent_sidebar_wrapper, #maincontent.full_width {
    background-image: url(https://images.shulcloud.com/14480/uploads/Assets/ricepaper.jpg);
    background-color: #f3eede;
}

#maincontent_sidebar_wrapper {
    position: relative;
    overflow-y: hidden;
    z-index: 5;
}
body.h1_has_text #maincontent_sidebar_wrapper {
    padding-top: 0;
}
#maincontent_sidebar_wrapper, #maincontent:not(.admin).full_width {
    position: relative;
    overflow-x: hidden;
    width: 100%;
    padding: 30px calc((100% - var(--maincontent-width)) / 2);
    z-index: 9;
}
#maincontent.full_width.member_sections {
    padding-left: 0;
    padding-right: 0;
}
#maincontent {
    float: right;
}
body.home #maincontent_sidebar_wrapper #maincontent,
body.absolute_position_sidebar #maincontent {
    width: 100%;
    padding-top: 0;
}
 #maincontent:not(.full_width) {
    width: calc(78% - var(--maincontent-sidebar-padding));
}
body.h1_has_text #maincontent:not(.full_width) {
    padding-top: 30px;
}

body.absolute_position_sidebar #content #maincontent_sidebar_wrapper .featured_article > div {
    width: var(--maincontent-width);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding-right: 0;
    padding-left: calc((var(--maincontent-width) * .22) + var(--maincontent-sidebar-padding));
}
body.absolute_position_sidebar .featured_article:first-child {
    padding-top: 30px;
}

body:not(.home) #maincontent_sidebar_wrapper #sidebar_right {
    top: 0;
}
body.absolute_position_sidebar #sidebar_right .right_box1, body.absolute_position_sidebar #sidebar_right .content_container {
    margin-left: 0;
    margin-right: auto;
    width: 22%;
}

#maincontent_sidebar_wrapper .featured_article .content_button,
#maincontent_sidebar_wrapper .featured_article .content_title,
#maincontent_sidebar_wrapper .featured_article .content_body {
    z-index: 1;
    position: relative;
}
body.absolute_position_sidebar #maincontent_sidebar_wrapper #sidebar_right,
body.home #maincontent_sidebar_wrapper #sidebar_right {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: var(--maincontent-width);
}

/*****************************************************
%33 GENERAL STYLES
************************************************************/
html {
    /* todo add 178px to this when make logo sticky again*/
  scroll-padding-top: 100px; /* height of sticky header */
}
body {
    color: #000;
}
body, h1, h2, h3, h4, h5, h6,
#content, #maincontent, #maincontent p, #maincontent li, #maincontent a,
#nav_section, #nav_section p, #nav_section li, #nav_section a, #nav_section li a,
#maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6
#sidebar_right, #sidebar_right p, #sidebar_right li, #sidebar_right a,
#sidebar_right h2, #sidebar_right h3, #sidebar_right h4, #sidebar_right h5, #sidebar_right h6,
#footer, #footer p, #footer li, #footer a,
#footer h2, #footer h3, #footer h4, #footer h5, #footer h6,
.sy-caption-wrap .sy-caption a .slider_title, .sy-caption-wrap .sy-caption .slider_title,
#maincontent .event_calendar_tags_tabs li label, #sidebar_right .event_calendar_tags_tabs li label,
input[type="button"], input[type="submit"], input.action-button, #maincontent.admin a.action-button, #maincontent.admin p a.action-button,
#maincontent .event_calendar_tags_tabs h3 a, table.calendar.calendar_main th, table.calendar,
#sidebar_right .readmore a, body #content .breadcrumbpaginationh1section, body #content .breadcrumbpaginationh1section a,
.table-responsive > table > tbody > tr > td:last-child, .fck_widget_calendar .table-responsive td,
#header #header_inner #header_buttons #header_login_button, #header #header_inner #header_buttons div, #loginFrm input[type="submit"],
#header, .inner_ms_header, body .header_menu, .header_button, .admin_tabs > li.header_button,
#content .header_slider .slipprySlider .slider_title, .sy-slides-wrap .sy-caption-wrap .sy-caption,
.home_subscribe_calendar .fck_widget_subscribe td > a, #content .header_slider .slider_link, blockquote, blockquote cite,
.calendar_table input[type="submit"], table.calendar_header_date th.month_header, 
body:not(.has_header_slider) #sidebar_left h1, #sidebar_left h2, table.calendar td span.day, .contact_form .submit, .contact_form label,
table.calendar td span.jewishDay {
    font-family: var(--body-font);
    font-size: var(--font-size);
}
p, #maincontent p, #maincontent blockquote p, #sidebar_right blockquote p, #footer p, #footer blockquote,
li, #maincontent li, #footer li, #sidebar_right li, #footer li,
a, #maincontent a, #sidebar_right a, #footer a, .contact_form label {
    color: #000;
    line-height: 1.6;
    font-weight: normal;
}

p, #maincontent p, #maincontent blockquote p, #sidebar_right blockquote p, #footer p {
    margin-bottom: 8px;
}
#maincontent a, #sidebar_right a, #maincontent p a, #sidebar_right p a, #maincontent li a, #sidebar_right li a {
    color: var(--maroon);
    text-decoration: none;
}
#maincontent a:hover, #sidebar_right a:hover, #maincontent p a:hover, #sidebar_right p a:hover, #maincontent li a:hover, #sidebar_right li a:hover {
    text-decoration: underline;
}
#maincontent h2, #maincontent h2.content_title {
    font-size: 30px;
    margin-bottom: 7px;
}
#maincontent h2.content_title {
    text-align: left;
}
h3, #maincontent h3, #sidebar_right h3 {
    color: var(--maroon);
    margin-bottom: 5px;
}
#maincontent ul ul {
    padding-bottom: 0;
}
#maincontent.default UL LI {
    list-style-type: disc;
}
#maincontent ul li, #maincontent ol li {
    padding-top: 8px;
}
/* numbered list */
#maincontent ol, #sidebar_right ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  padding-left: 30px;
}
#maincontent ol > li, #sidebar_right ol > li {
  counter-increment: my-awesome-counter;
  margin: 0.25rem;
  list-style: none;
  padding: 8px 0px 0px 22px;
  margin: 0px;
  line-height: 1.5;
  position: relative;
}
#maincontent ol > li:before, #sidebar_right ol > li:before {
  content: counter(my-awesome-counter) ".";
  display: inline-block;
  text-align: center;
  margin-right: 0.5rem;
  position: absolute;
  left: 0;
}
#maincontent li ol, #sidebar_right  li ol, #maincontent li ul, #sidebar_right  li ul {
    margin-bottom: 0;
}

h1, #maincontent h1, h1 a, #maincontent h1 a, #sidebar_right h1, #sidebar_right h1 a {
    font-size: 36px;
    font-weight: 800;
    text-transform: none;
    text-align: left;
    line-height: 1.3;
}
#maincontent h1, #maincontent h2.content_title, h1 a, #maincontent h1 a, #sidebar_right h1, #sidebar_right h1 a {
    color: var(--maroon);
}
h2, #maincontent h2, #sidebar_right h2, h2 a, #maincontent h2 a, #sidebar_right h2 a {
    font-size: 30px;
    text-transform: none;
    font-weight: 700;
    color: var(--maroon);
    line-height: 1.3;
}
h3, #maincontent h3, #sidebar_right h3, h3 a, #maincontent h3 a, #sidebar_right h3 a, .popevent h3 {
    font-size: 24px;
    text-transform: none;
    font-weight: 700;
    color: var(--maroon);
    line-height: 1.3;
}
h4, #maincontent h4, #sidebar_right h4, h4 a, #maincontent h4 a, #sidebar_right h4 a {
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
    color: var(--maroon);
    line-height: 1.3;
    margin-bottom: 0;
}
h5, #maincontent h5, #sidebar_right h5, h5 a, #maincontent h5 a, #sidebar_right h5 a {
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
    color: var(--maroon);
    line-height: 1.3;
    margin-bottom: 0;
}
h6, #maincontent h6, #sidebar_right h6, h6 a, #maincontent h6 a, #sidebar_right h6 a{
    font-size: 12px;
    text-transform: none;
    font-weight: 700;
    color: var(--maroon);
    line-height: 1.3;
    margin-bottom: 0;
}
.content_body img {
    box-shadow: none;
    border-radius: unset;
}
#sidebar_right blockquote, 
#maincontent blockquote {
    background: var(--orange);
    border-radius: 15px;
    border: 2px solid var(--maroon);
    text-align: center;
    padding: 15px;
    border-radius: 15px;
    color: #000;
    -webkit-transition: background-color .6s ease;
    -moz-transition: background-color .6s ease;
    -ms-transition: background-color .6s ease;
    -o-transition: background-color .6s ease;
    transition: background-color .6s ease-out;
}
p a.button, #maincontent p a.button, #maincontent a.button,
#sidebar_right p a.button, #sidebar_right a.button,
#maincontent .marker, #sidebar_right .marker,
input[type="button"], input[type="submit"], #sidebar_right .readmore a,
#loginFrm input[type="submit"], .home_subscribe_calendar .fck_widget_subscribe td > a, #content .header_slider .slider_link,
#sidebar_right .fck_widget_subscribe td > a,
#maincontent .ev_save_cal, #maincontent .ev_print.print-button, #maincontent .ev_share.addthis_button,
.calendar_table input[type="submit"], #maincontent .fck_widget_calendar .readmore a,
#maincontent .fck_widget_events .event_widget_moreinfo a, #sidebar_right .fck_widget_zmanim tr:last-child a,
.contact_form .submit 
/* possibly add back admin */
/*input.action-button, #maincontent a.action-button, #maincontent p a.action-button, */
 {
    background: var(--orange);
    border-radius: 15px;
    border: 2px solid var(--maroon);
    text-align: center;
    padding: 10px 15px;
    cursor: pointer;
    color: #000;
    width: auto;
    height: auto;
    z-index: 9;
    -webkit-transition: background-color .6s ease;
    -moz-transition: background-color .6s ease;
    -ms-transition: background-color .6s ease;
    -o-transition: background-color .6s ease;
    transition: background-color .6s ease-out;
}

/**********************************
%AA ADMIN
**************************************/
input.action-button, #maincontent a.action-button, #maincontent p a.action-button,
#maincontent.admin a, #maincontent.admin p a {
    color: var(--maroon);
}
#content #maincontent.admin {
    padding-top: 35px;
}
#content #maincontent.admin h2 {
    background: none;
}
#content #tab_iframe_container h2#tab_header, #body_subtab {
    background: #fff;
}

#body_subtab #maincontent {
    max-width: 100%;
}
#maincontent.admin #directoryModal + script + table,
#maincontent.admin #directoryModal + script + table p a,
#maincontent.admin #directoryModal + script + table li a,
#maincontent.admin #directoryModal + script + table div > a {
    font-size: 18px;
}

/******************* END ADMIN ************/
.contact_form .submit {
    color: #000 !important;
}
.contact_form .submit:hover {
    color: #fff !important;
}

p a.button:hover, #maincontent p a.button:hover, #maincontent a.button:hover,
#sidebar_right p a.button:hover, #sidebar_right a.button:hover,
#maincontent .marker:hover, #sidebar_right .marker:hover,
input[type="button"]:hover, input[type="submit"]:hover, 
/* input.action-button:hover, 
#maincontent a.action-button:hover, #maincontent p a.action-button:hover, */
#sidebar_right .readmore a:hover,
#loginFrm input[type="submit"]:hover, .home_subscribe_calendar .fck_widget_subscribe td > a:hover, #content .header_slider .slider_link:hover,
.home_subscribe_calendar .fck_widget_subscribe td > a:hover, #sidebar_right .fck_widget_subscribe td > a:hover,
#maincontent .ev_save_cal:hover, #maincontent .ev_print.print-button:hover, #maincontent .ev_share.addthis_button:hover, 
.calendar_table input[type="submit"]:hover, #maincontent .fck_widget_calendar .readmore a:hover,
#maincontent .fck_widget_events .event_widget_moreinfo a:hover, #sidebar_right .fck_widget_zmanim tr:last-child a:hover,
#header_login_menu .header_button:hover {
    text-decoration: none;
    background-color: var(--maroon);
    color: #fff;
}
#maincontent blockquote {
    background: var(--light-custard);
}
#maincontent blockquote.orange {
    background: var(--custard);
    border: 2px solid var(--maroon);
}
#content a.button {
    font-weight: bold;
    text-decoration: none;
}
#content #sidebar_right a.button.white-button {
    background: #fff;
    color: var(--maroon);
    padding: 15px;
    border-radius: 15px;
    font-size: 20px;
    margin-top: 15px;
    display: block;
}
#content #sidebar_right a.button.green-button {
    background: var(--green);
    color: #fff;
    border-color: #fff;
    font-size: 20px;
    margin-top: 15px;
    margin-top: 15px;
    display: block;
}
#maincontent a.email, #sidebar_right a.email {
    padding: 7px 15px;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 20px;
    text-decoration: none;
    line-height: 1;
    color: var(--maroon);
    margin-top: 10px;
    outline: 1px solid var(--maroon);
}
#maincontent a.email:hover, #sidebar_right a.email:hover {
    font-weight: bold;
    border-width: 2px;
    border: 1px solid var(--maroon);
    text-decoration: none;
}
/*************************************************
%44 HOME PAGE
*****************************************************/
#content .sy-slides-crop {
    box-shadow: 0;
    border-radius: 0;
}
#content .sy-slides-crop {
    box-shadow: none;
}
.fck_widget_slider .rsDefault.rsHor .rsArrowRight, .header_slider_wrapper .rsDefault.rsHor .rsArrowRight, #content .header_slider_wrapper .sy-next, 
#maincontent .slipprySlider .sy-next {
    z-index: 13;
    width: 10%;
    height: 100%;
    background:  none;
    top: 0;
    right: 0;
    bottom: unset;
    border-radius: unset;
}

.header_slider_wrapper, .header_slider .sy-controls {
    max-height: 45vh;
    overflow: hidden;
}
.header_slider .sy-slides-crop .sy-slide {
    position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
#content .sy-slide > img {
    border-radius: 0;
}
.featured_article.green_bg {
    background: var(--green);
}
.featured_article.green_bg .content_body {
    border: 0;
}
#content .featured_article.green_bg h2 {
    color: #fff;
}

#content .sy-controls li:hover a:after {
	display: block;
}

/**** special styling for home sidebar ********/
body.home #maincontent_sidebar_wrapper {
    padding: 0;
}
body.home .featured_article:first-child {
    padding-top: 30px;
}
body.home #content #maincontent_sidebar_wrapper .featured_article > div {
    padding-right: calc((var(--maincontent-width) * .33) + var(--maincontent-sidebar-padding));
    padding-left: 0;
    width: var(--maincontent-width);
    margin-left: auto;
    margin-right: auto;
}

body.home #sidebar_right {
    margin-top: 0;
}
body.home #sidebar_right .right_box1, body.home #sidebar_right .content_container {
    width: 33%;
    margin-left: auto;
    margin-right: 0;
}

body.home #sidebar_right .right_bm {
    padding: 30px;
    background: var(--custard);
    box-shadow: 4px 12px 14px rgba(0,0,0,0.3);
    border-radius: 25px;
    margin-top: 30px;
}

body.home #sidebar_right .right_bm:first-child {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
body.home #sidebar_right h2 {
    text-align: center;
}
body.home #sidebar_right blockquote {
    background: var(--light-custard);
}
/********  four green quick links in home sidebar */
#sidebar_right .right_bm:first-child .flex_row,
#content .top_links {
    display: flex;
    justify-content: space-around;
    gap: 2%;
}
#sidebar_right .right_bm:first-child .flex_row > div,
.top_links li {
    text-align: center;
    flex: 1;
}
#sidebar_right .right_bm:first-child .flex_row > div > a,
.top_links li a {
    line-height: 1;
    text-decoration: none;
}
#sidebar_right .right_bm:first-child .flex_row > div > a:first-child,
.top_links li a:before {
    border-radius: 50%;
    background-color: var(--green);
    margin: 0px auto;
    margin-bottom: 5px;
    padding: 15px;
    max-width: 70px;
    display: block;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease-out;
}
 #sidebar_right .right_bm:first-child .flex_row > div > a:first-child:hover,
 .top_links li a:before:hover {
    background-color: var(--orange);
}
 #sidebar_right .right_bm:first-child .flex_row img {
    width: 40px;
}
 #sidebar_right .right_bm:first-child .flex_row h5 a,
 #sidebar_right .right_bm:first-child .flex_row h5 a:hover,
 .top_links li a:hover {
     color: #000;
     text-decoration: none;
 }
 .top_links li a:before {
     background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Sidebar/envelope-regular-white.svg);
 }
 .top_links li:nth-child(2) a:before {
     background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Sidebar/star-of-david-solid-white-transparent.svg);
 }
 .top_links li:nth-child(3) a:before {
     background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Sidebar/chai-white.svg);
 }
 .top_links li:nth-child(4) a:before {
     background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Sidebar/calendar-days-solid-white.svg);
 }
 
 #content .top_links {
     top: 15px;
     justify-content: flex-end;
     gap: 7px;
 }
 .top_links li {
     flex-grow: 0;
     z-index: 1;
 }
 .top_links li a:before {
     width: 40px;
     height: 40px;
     content: "";
     background-position: center center;
    background-size: 65%;
    background-repeat: no-repeat;
 }
 .top_links li a:hover:before {
     background-color: var(--orange);
 }
/****************************************
%55 INNER PAGES
******************************************/

/* BRING THEM HOME NOW */
#bthn#bthn  {
    position: relative;
    left: unset;
    width: 400px;
    margin: 30px 0;
    bottom: unset;
}
#bthn#bthn #bthnSubtitle {
    font-size: 20px;
    width: 80%;
}
#bthn#bthn .bthn-bthn-time-block .bthn-time {
    font-size: 50px;
}

body.home.home .breadcrumbpaginationh1section {
    display: none !important;
}
body.h1_has_text .breadcrumbpaginationh1section {
    min-height: 80px;
    margin: 0px auto;
    width: var(--maincontent-width);
}
body.h1_has_text .header_slider_wrapper + .breadcrumbpaginationh1section {
    width: 100%;
    padding-left: var(--calc-padding);
    padding-right: var(--calc-padding);
    position: relative;
    z-index: 2;
}
body.h1_has_text .breadcrumbpaginationh1section:before {
    background: var(--green);
    content: "";
    left: 0;
    right: 0;
    position: absolute;
    height: 80px;
}
    
body.h1_has_text .breadcrumbpaginationh1section.sidebar_page {
    /* was adding padding to right when not needed */
    padding-left: calc((var(--maincontent-width) * .22) + var(--maincontent-sidebar-padding));
}
body.h1_has_text .breadcrumbpaginationh1section h1 {
    display: block !important;
    text-transform: none;
    color: #fff;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    padding: 15px 0;
    margin-bottom: 0;
    overflow: hidden;
}

/*******  inner pages widget ****/
#sidebar_right li.subnav_has_children > a:after {
    display: none;
}
#sidebar_right .fck_widget_inner_pages ul {
    padding-top: 0;
    margin: 0;
    
}
#sidebar_right .fck_widget_inner_pages li a {
    padding: 7px 30px;
    text-decoration: none;
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #000;
}
#sidebar_right .fck_widget_inner_pages li.selected_nav > a,
#sidebar_right .fck_widget_inner_pages li a:hover {
    background: var(--orange);
    text-decoration: none;
}

#content #sidebar_right .fck_widget_inner_pages .main_nav_item  a {
    background: var(--dark-green);
    padding: 10px 30px;
    color: #fff;
}

.featured_article {
    border-bottom: none;
    padding-bottom: 0;
}
.featured_article:first-child {
    padding-top: 0;
}
.featured_article .content_body {
    padding-bottom: 20px;
    border-bottom: 1px solid #dad9d9;
}
.featured_article:nth-last-child(2) .content_body {
    border-bottom: 0;
    padding-bottom: 0;
}
/************ contact ****************/
.fck_widget_contact fieldset div:last-child label {
    display: none;
}
.fck_widget_contact form.contact_form > fieldset > div:nth-last-child(2) {
    margin-bottom: 5px;
}
/**************   membership page ***/
#content a.button.membership,
#content a.button.star,
#content a.button.goblet {
    display: block;
    background: none;
    border-radius: 50px;
    text-align: left;
    color: var(--maroon);
    display: flex;
    justify-content: center;
    align-items: center;
}
#content a.button.membership:hover,
#content a.button.star:hover,
#content a.button.goblet:hover {
    background-color: rgba(247,204,116,0.3);
    color: var(--maroon);
}

#content a.membership:hover:before,
#content a.star:hover:before {
    background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Sidebar/star-orange.png);
}
a.button.membership:before,
a.button.star:before,
a.button.goblet:before {
    content: "";
    background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Sidebar/star-green.png);
    height: 60px;
    width: 60px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    background-position: center;
}

a.button.goblet:before {
    background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Icons/goblet-green.png);
}
a.button.goblet:hover:before {
    background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Icons/goblet-orange.png);
}

/**************** visit us page ****/
#content .button.subway {
    border-radius: 50%;
    background: var(--subway-green);
    border: 0;
    color: #fff;
    display: inline-block;
    height: 50px;
    width: 50px;
    padding: 0;
    line-height: 50px;
}
#content .button.subway:hover {
    background: var(--subway-dark-green);
}
#content .button.subway.gray {
    border-radius: 50%;
    background: var(--subway-gray);
}
#content .button.subway.gray:hover {
    border-radius: 50%;
    background: var(--subway-dark-gray);
}
#content .button.subway.orange {
    border-radius: 50%;
    background: var(--subway-orange);
}
#content .button.subway.orange:hover {
    border-radius: 50%;
    background: var(--subway-dark-orange);
}

/***** adult education events register button */
#content .button.register,
#content .button.red {
    background: var(--maroon);
    color: #fff;
    border-radius: 25px;
    padding: 5px 10px;
    font-weight: normal;
    border: 0;
}

#content .button.register:hover,
#content .button.red:hover {
    background: var(--dark-maroon);
}
#content a.pdf {
    font-weight: bold;
    padding-left: 35px;
    position: relative;
}
a.pdf:before {
    content: "";
    background: url(https://images.shulcloud.com/14480/uploads/Assets/Icons/file-pdf-maroon.svg);
    width: 30px;
    display: block;
    height: 100%;
    height: 100%;
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
    bottom: 0;
    background-position: center;
}
/***************
grid boxes 
********************/
#maincontent .featured_article.grid_block .content_body {
    border-bottom: 0;
    justify-content: center;
    padding-bottom: 0;
}
#maincontent .featured_article.grid_block .content_body p {
    margin-bottom: 0;
}
#maincontent .featured_article.grid_block .content_body h3 {
    background-color: rgba(177,17,22,0.66);
    position: relative;
    margin-bottom: 0;
    text-decoration: none;
    color: #fff;
    font-size: 30px;
    font-weight: normal;
    display: block;
    padding: 15px 20px;
    -webkit-transition: background-color .8s ease;
    -moz-transition: background-color .8s ease;
    -ms-transition: background-color .8s ease;
    -o-transition: background-color .8s ease;
    transition: background-color .8s ease-out;
}

#maincontent .featured_article.grid_block .section_subcontent:hover h3,
#maincontent .featured_article.grid_block .content_body h3:hover {
    background-color: rgba(0,0,0,0.51);
}
#maincontent .featured_article.grid_block .content_body {
    display: flex;
    gap: 30px;
}
#maincontent .featured_article.grid_block .content_body:after {
    display: none;
}
#maincontent .featured_article.grid_block .section_subcontent {
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
    /* todo check high holiday and staff pages */
    /*width: auto;*/
}

#content .grid_block .section_subcontent:not(.cke_editable) *:first-child > a:before {
    content: "";
    opacity: 0;
    border: 7px solid rgba(0,0,0,0.51);  /* var(--maroon); */
    box-sizing: border-box;
    border-radius: 15px;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    -webkit-transition: opacity .8s ease;
    -moz-transition: opacity .8s ease;
    -ms-transition: opacity .8s ease;
    -o-transition: opacity .8s ease;
    transition: opacity .8s ease-out;
}
#content .grid_block .section_subcontent:not(.cke_editable)  *:first-child > a:hover:before  {
    /*opacity: 1;*/
}
#maincontent .featured_article.grid_block.has_description .section_subcontent {
    align-self: flex-start;
}
#maincontent .featured_article.grid_block.has_description .section_subcontent:last-child {
    /*border-radius: 0;*/
    background: var(--custard);
    padding: 25px 30px;
}
#maincontent .featured_article.grid_block .content_body h3 cite, 
#maincontent .featured_article.grid_block .content_body h3 span {
    font-size: 16px;
    font-style: normal;
}
#maincontent .featured_article.grid_block.has_image .content_body h3 {
    position: absolute;
    bottom: 0;
    line-height: 1;
    left: 0;
    right: 0;
    font-size: 22px;
}
#maincontent .featured_article.grid_block.has_image.reduced_size .content_body {
    justify-content: center;
}
#maincontent .featured_article.grid_block.has_image.reduced_size .content_body .section_subcontent {
    flex-basis: 23%;
}
#maincontent .featured_article.grid_block:not(has_image) .section_subcontent {
    height: fit-content;
}

#maincontent .featured_article.grid_block .content_body h3 > a {
    color: #fff;
    line-height: 1;
    text-decoration: none;
    font-size: 22px;
    font-weight: normal;
    display: block;
    margin: -15px -20px;
    padding: 15px 20px;
}

#maincontent .featured_article.grid_block .section_subcontent:not(.cke_editable):empty {
    display: none;
}
/***** contact us map iframe */
.featured_article.contact_map iframe, .featured_article.contact_map .cog-cognito.cog-form  {
    border-radius: 15px !important;
    border: 1px solid var(--maroon) !important;
    padding: 20px !important;
}
 
 /*************** wider sidebar pages ***/
 
 body.wider_sidebar #sidebar_right {
     width: 27%;
 }
 body.wider_sidebar #maincontent:not(.full_width) {
    width: calc(73% - var(--maincontent-sidebar-padding));
 }
 
 body.wider_sidebar.h1_has_text .breadcrumbpaginationh1section.sidebar_page {
    padding-top: 0;
    padding-left: calc((var(--maincontent-width) * .27) + var(--maincontent-sidebar-padding));
}
 
 /*************** chesed ***************/
 body.chesed #sidebar_right .content_button {
     position: relative;
 }
 body.chesed #sidebar_right .right_bm .right_content {
     padding-bottom: 0;
 }
 body.chesed #sidebar_right .right_content {
     margin-bottom: 30px;
 }
body.chesed #sidebar_right .right_bm:nth-child(3) .content_body {
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    background: var(--custard);
    padding: 30px;
    padding-bottom: 10px;
    max-height: 350px;
    overflow: auto;
    position: relative;
 }
 body.chesed #sidebar_right .right_bm:nth-child(3) .right_content {
     position: relative;
     height: 398px;
 }
 body.chesed #sidebar_right .right_bm:nth-child(3) .right_content:after {
     content: "scroll to see more";
     border-top: 10px solid var(--custard);
     position: absolute;
    background-color: #de8852;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    bottom: 0;
    width: 100%;
    display: block;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

 body.chesed #sidebar_right .right_bm:nth-child(4) .right_content {
     background-color: var(--medium-custard);
     border-radius: 16px;
     padding: 30px;
     text-align: center;
 }

 body.chesed #sidebar_right .right_bm:nth-child(4) h3 {
     color: #000;
     font-size: 16px;
     background: var(--custard);
     
 }
 
 body.chesed #sidebar_right .right_bm:nth-child(4) h3 a {
     color: var(--maroon);
     font-size: 16px;
 }
 
 body.chesed #sidebar_right .right_bm:nth-child(4) .content_body:not(.cke_editable)  h3:first-child {
    margin: -30px -30px 15px;
    padding: 15px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
 }

 body.chesed #sidebar_right .right_bm:nth-child(4) iframe {
     margin-top: 15px;
 }
 
 /************************ services ********************/
 body.services #sidebar_right .right_bm:nth-child(2) .content_body {
     border-radius: 16px;
     border: 1px solid var(--maroon);
     padding: 30px;
 }
 

 #maincontent .services_red {
     background: var(--maroon);
     border-top-right-radius: 16px;
     border-top-left-radius: 16px;
     width: 90%;
     padding-bottom: 10px;
    margin: 0px auto;
    float: none;
 }
 #maincontent .services_red .content_body {
     padding-bottom: 0;
     border-bottom: 0;
 }
 #maincontent .services_red .section_subcontent {
     padding: 20px;
 }
 @media (min-width: 768px) {
     #maincontent .services_red .section_subcontent:first-child {
         border-right: 5px solid #00000047;
     }
 }
 #maincontent .services_red h1, 
 #maincontent .services_red h2, 
 #maincontent .services_red h3, 
 #maincontent .services_red h4,
 #maincontent .services_red p,
 #maincontent .services_red li {
    color: #fff;
 }
 #maincontent .services_red a,
 #maincontent .services_red p a {
     color: var(--custard);
     font-weight: bold;
 }
 #maincontent .services_shabbat {
     padding-top: 0;
     margin-top: -10px;
 }
 #maincontent .services_shabbat .content_body {
     background: var(--custard);
    border-radius: 15px;
    border: 2px solid var(--maroon);
    padding: 15px;
    border-radius: 15px;
    color: #000;
    box-shadow: 0px -7px 7px rgba(0,0,0,0.31);
 }
 
 #maincontent .services_shabbat td {
     vertical-align: top;
 }
 .featured_article.directed_giving table tr {
     position: relative;
 }
 .featured_article.directed_giving table tr:before {
    content: '';
    position: absolute;
    bottom: 4px;
    width: 100%;
    height: 0;
    line-height: 0;
    border-bottom: 2px dotted #000;
 }
 .featured_article.directed_giving table td {
     position: relative;
    background-image: url(https://images.shulcloud.com/14480/uploads/Assets/ricepaper.jpg);
    background-color: #f3eede;
    display: inline-block;
 }
 .featured_article.directed_giving table td:first-child {
    padding-right: 4px;
 }
 .featured_article.directed_giving table td:last-child {
     float: right;
     padding-left: 4px;
 }
 
 .featured_article.directed_giving.directed_giving table tr.header:before {
     display: none;
 }
 .featured_article.directed_giving.directed_giving table tr.header td {
     float: none;
 }
 .featured_article.preschool img {
     margin-right: 0;
     margin-left: auto;
     display: block;
 }
 /*********************** section with an hr after the first sub-section on mobile */
 .featured_article.hr_mobile .section_subcontent:not(:last-child) {
    margin-bottom: 30px;
    border-bottom: 1px solid #484644;
 }
/**********************************************
%66 CALENDAR
*************************************************/

body.event #maincontent h2.individual_event_page_header {
    font-size: 26px;
}
body.event #maincontent_sidebar_wrapper {
    position: relative;
}
body.event .pad-helper > div:first-child[style="text-align:right"] {
    position: absolute;
    right: 0;
}

body.event #maincontent h3 {
    margin-bottom: 3px;
}
body.event #maincontent .event_time + h3, body.event #maincontent .event_location + h3 {
    margin-top: 15px;
}
body.event span.event_passed { 
    color: var(--maroon);
}
#maincontent .fck_widget_calendar h2 {
    text-transform: uppercase;
}
#maincontent .fck_widget_calendar h2, #maincontent .fck_widget_calendar h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    
}
.calendar_table {
    border: 1px solid #b4b0b0;
}
#maincontent.cal.full_width {
    width: var(--main-content-width);
    max-width: 100%;
    margin: 0px auto;
}
table.calendar.calendar_header_date {
    min-height: 53px;
}
table.calendar_header_date th.month_header {
    color: #fff;
    background: var(--maroon) !important;
    font-size: 35px;
    text-align: center;
}
table.calendar.calendar_main th {
    background: var(--pale-maroon);
    color: #000;
}
table.calendar.calendar_main th:first-child,
table.calendar.calendar_main th:last-child{
    background: var(--maroon);
    color: #fff;
}
#maincontent.cal table.calendar_main a {
    color: #000;
}
#sidebar_left #calendar_page_header {
    display: none !important;
}
table.calendar_header_date th {
    border-collapse: collapse;
    border: 0;
}
table.calendar_header_date tr:hover {
    background: none;
}
#maincontent.cal a.prev_link, 
#maincontent.cal a.next_link {
    background: none;
    border: 0;
    width: 100%;
    height: 100%;
}
#maincontent.cal a.prev_link {
}
#maincontent.cal a.next_link {
}
#maincontent.cal a.prev_link:before, 
#maincontent.cal a.next_link:before {
    background: none;
    border-radius: 15px;
    padding: 0 5px;
    font-size: 50px;
    color: #999;
    color: var(--maroon);
    background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Icons/caret-white2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 50px;
    display: block;
    height: 100%;
    background-position: center;
    margin: 0 0 0 auto;
}
#maincontent.cal a.prev_link:before {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    margin-left: 0;
}
/**********  week view */

#maincontent.cal table.ce_view_week,
#maincontent.cal table.ce_view_day {
    position: relative;
    height: 35px;
}
#maincontent.cal table.ce_view_week a.prev_link, 
#maincontent.cal table.ce_view_week a.next_link,
#maincontent.cal table.ce_view_day a.prev_link, 
#maincontent.cal table.ce_view_day a.next_link {
    display: inline-block;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 0;
}
#maincontent.cal table.ce_view_week a.next_link,
#maincontent.cal table.ce_view_day a.next_link {
    left: 110px;
}
#maincontent.cal table.ce_view_week a.prev_link:before, 
#maincontent.cal table.ce_view_week a.next_link:before,
#maincontent.cal table.ce_view_day a.prev_link:before, 
#maincontent.cal table.ce_view_day a.next_link:before {
    content:attr(title);
    font-size: 17px;
    display:block;
    color: var(--maroon);
    border-radius: 0;
    padding: 8px;
    transform: none;
    width: auto;
    background: var(--pale-maroon);
}

#maincontent.cal .calendar_header_date .ui-button-text,
#maincontent.cal .calendar_header_date .ui-icon,
#maincontent.cal  table.ce_view_week .ui-button-text,
#maincontent.cal  table.ce_view_week .ui-icon,
#maincontent.cal  table.ce_view_day .ui-button-text,
#maincontent.cal  table.ce_view_day .ui-icon {
    display: none;
}
 #maincontent.cal .dayhead {
     line-height: 1;
 }
 
#maincontent.cal table.calendar td span.jewishDay {
    font-weight: bold;
    padding-left: 0;
}
 #maincontent.cal .dayhead a,
#maincontent.cal table.calendar td span.jewishDay,
table.calendar td div.sedra {
     text-decoration: none;
     color: #000;
     margin: 0;
 }
 table.calendar td.unmonth {
     background: var(--pale-maroon);
 }
 
li.calendar_popover_trigger.calendar_event:hover {
    text-decoration: underline;
}
#maincontent.cal a.add_item {
    text-decoration: none;
}
#maincontent.cal .calendar_day_view h2 {
    font-size: 22px;
    text-align: left;
    margin-bottom: 0;
    margin-top: 20px;
}
#maincontent.cal table.calendar  .calendar_day_view  td div.sedra, .calendar_day_view , 
#maincontent.cal  .calendar_day_view a, #maincontent.cal  .calendar_day_view p a,  .calendar_day_view .ce_table .ce_desc .ce_holiday, 
 .calendar_day_view .ce_time, .calendar_day_view .ce_table .ce_desc .ce_sedra,  .calendar_day_view .ce_table .ce_desc .ce_lifecycle_type,  
 .calendar_day_view .ce_table .ce_desc .ce_event_name,  .calendar_day_view ce_annnouncement, .calendar_day_view  .ce_annnouncement {
     font-size: 18px;
     margin: 0;
 }
 table.ce_view_week > tbody > tr > td,
 table.ce_view_day > tbody > tr > td {
     padding: 2.5px;
 }
 table.ce_view_week > tbody > tr:first-child > td,
 table.ce_view_day > tbody > tr:first-child > td {
     padding-top: 0;
 }
 table.ce_view_week .ce_desc .ce_event_location,
 table.ce_view_day .ce_desc .ce_event_location {
     font-size: 18px;
     font-style: italic;
 }
 #maincontent.cal table.ce_view_week a, #maincontent.cal table.ce_view_week p a,
 #maincontent.cal table.ce_view_day a, #maincontent.cal table.ce_view_day p a {
     color: var(--maroon);
     font-weight: normal;
 }
 #maincontent.cal .ce_view_week .ce_time_start.time_start_empty,
 #maincontent.cal .ce_view_day .ce_time_start.time_start_empty {
     display: none;
 }
 .ce_view_week  td.ce_time_start,
 .ce_view_day  td.ce_time_start {
     text-align: left;
    width: 1%; /* shrink width to fit content */
    white-space: nowrap;
 }
 #maincontent#maincontent a.ce_admin_action {
     font-size: 14px;
 }
 table.calendar th {
     height: 20px;
     background: var(--maroon);
 }
table.calendar th a {color:#000;}
.table-responsive table.calendar th:first-child{ background:var(--maroon); color:#fff;}
.table-responsive table.calendar th:last-child{ background:var(--maroon); color:#fff;}
table.calendar td{
    background: var(--pale-maroon);
    width:14.28%; border-color:#fff; border-width:4px; border-style:solid; padding:5px;
}
#maincontent.cal table.calendar td div.daywrap{
    width:100%;
    padding-left: 3px;
    padding-right: 3px;
}
#maincontent.cal table.calendar td div.daywrap span,
#maincontent.cal table.calendar td div.daywrap li,
#maincontent.cal table.calendar td div.sedra,
#maincontent.cal a, #maincontent.cal p a,
.ce_table .ce_desc .ce_holiday, .ce_table .ce_desc .ce_sedra, .ce_table .ce_desc .ce_lifecycle_type, .ce_table 
.ce_desc .ce_event_name, ce_annnouncement, .ce_annnouncement {
    font-size:14px;
    line-height:1.2;
    margin:5px 0px;
    height: auto;
}
table.calendar td.today,
#maincontent.cal table.calendar td div.daywrap span.day {
    font-size:16px;
    font-weight:bold;
    color: #000;
    margin-bottom: 0px;
    float: none;
    padding-top: 0;
}
#maincontent.cal a, #maincontent.cal p a {
    color: var(--maroon);
}
#maincontent.cal a:hover, #maincontent.cal p a:hover {
    text-decoration: none;
}
#maincontent.cal table.calendar td:hover {
    background: var(--maroon);
}
#maincontent table.calendar td.today, #maincontent table.calendar td.today:hover {
    background:var(--maroon);
    color:#fff;
}
#maincontent.cal table.calendar td:hover li,
#maincontent.cal table.calendar td:hover a,
table.calendar td:hover span.day, #maincontent table.calendar td:hover div.sedra,
#maincontent.cal table.calendar td li.calendar_popover_trigger {
    color: #000;
}
#maincontent.cal table.calendar td li.add_item a {
    text-decoration: none;
}
#maincontent table.calendar td.today li,
#maincontent table.calendar td.today a,
table.calendar td.today span.day, #maincontent.cal table.calendar td.today div.daywrap span.day,
#maincontent table.calendar td.today div.sedra,
#maincontent table.calendar td.today:hover li,
#maincontent table.calendar td.today:hover a,
table.calendar td.today:hover span.day, #maincontent.cal table.calendar td.today:hover div.daywrap span.day,
#maincontent table.calendar td.today:hover div.sedra,
#maincontent.cal table.calendar td.today li.calendar_popover_trigger, 
#maincontent.cal table.calendar td.today span.jewishDay {
    color: #fff;
}


/* Style calendar popups */
.popevent {position:fixed;left: 0!important;top: 0!important;width: 100%;height: 100%!important;background: rgba(92, 92, 92, 0.5);text-align: left;}
.popevent .eventbody {margin: 10px;background: white;position: absolute;top: 27%;left: 28%;width: 40%;padding: 24px;text-align: left;border-radius: 7px;}
.popevent .eventheader {position: relative;top: 29%;right: 29%;z-index: inherit;}
.popevent a h3 {
    text-decoration: underline;
}
.popevent a h3:hover {
    text-decoration: none;
}
.popevent h3 {text-align:center;margin-bottom: 10px;}
.popevent .datetime {text-align: center;margin-bottom: 10px;}
.popevent .description {font-size: 1em;line-height:1.4em;}
.popevent .description a {line-height:32px;
    float:right; color: var(--maroon);
    margin-top: 18px;
}
.popevent .eventheader .headerclose {
    border: 3px solid var(--maroon);
    border-radius: 15px;
    padding: 7px;
    color: #fff;
    background: var(--maroon);
}
.popevent a {
    text-decoration: none;
}
.popevent .eventheader .headerclose:hover {
    background: var(--maroon);
}

/*******************************
%88 - FORMS AND EVENTS PAGES FIXES
*********************************/

body.form .featured_article, body.form #maincontent_sidebar_wrapper {
    padding-top: 0;
}
body.form #sidebar_right {
    margin-top: 40px;
}

body.form #maincontent:not(.full_width) {
    margin-top: 30px;
}
.cal_buttons .content_body {
    display: flex;
    justify-content: flex-start;
}
.cal_buttons .section_subcontent {
    width: auto;
}

#maincontent .pfbc-form, #maincontent .pfbc-form option,
#sidebar_right .pfbc-form, #sidebar_right .pfbc-form option,
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message *, body.event form {
    color: #000;
}
#maincontent .pfbc-form textarea, #maincontent .pfbc-form input[type="text"], #maincontent .pfbc-form input[type="password"],
#maincontent .pfbc-form input[type="datetime"], #maincontent .pfbc-form input[type="datetime-local"], #maincontent .pfbc-form input[type="date"],
#maincontent .pfbc-form input[type="month"], #maincontent .pfbc-form input[type="time"], #maincontent .pfbc-form input[type="week"],
#maincontent .pfbc-form input[type="number"], #maincontent .pfbc-form input[type="email"], #maincontent .pfbc-form input[type="url"], #maincontent .pfbc-form input[type="search"],
#maincontent .pfbc-form input[type="tel"], #maincontent .pfbc-form input[type="color"], #maincontent .pfbc-form .uneditable-input,
#maincontent  div .pfbc-form select, body.event select, body.event input[type="text"],body.event input[type="date"], body.event textarea,
#sidebar_right .pfbc-form textarea, #sidebar_right .pfbc-form input[type="text"], #sidebar_right .pfbc-form input[type="password"],
#sidebar_right .pfbc-form input[type="datetime"], #sidebar_right .pfbc-form input[type="datetime-local"], #sidebar_right .pfbc-form input[type="date"],
#sidebar_right .pfbc-form input[type="month"], #sidebar_right .pfbc-form input[type="time"], #sidebar_right .pfbc-form input[type="week"],
#sidebar_right .pfbc-form input[type="number"], #sidebar_right .pfbc-form input[type="email"], #sidebar_right .pfbc-form input[type="url"],
#sidebar_right .pfbc-form input[type="search"], #sidebar_right .pfbc-form input[type="tel"], #sidebar_right .pfbc-form input[type="color"], 
#sidebar_right .pfbc-form .uneditable-input, #sidebar_right  div .pfbc-form select, #payments_form select, #payments_form input, #payments_form textarea
{
    color: #333;
    height: 35px;
    border: 1px solid #666666;
    border-radius: 0px;
    padding: 6px;
    height: auto;
    font-size: var(--font-size);
    font-family: var(--body-font);
    max-width: 100%;
} 
.pfbc-form .radio, .pfbc-form .checkbox {
    padding-left: 0;
}

#maincontent .pfbc-form label {
    font-weight: 600;
}
/*unsure if this is wanted on all selects*/
/*#maincontent  div .pfbc-form select, #sidebar_right  div .pfbc-form select ,*/
body.event .event_table select{
    width: auto !important;
}
#maincontent .pfbc-form .form-actions, #sidebar_right .pfbc-form .form-actions {
    border: 0;
    background: none;
    padding: 0;
}
#content .pfbc-form .help-block p {
    font-size: var(--font-size);
}
#maincontent .pfbc-form .help-block, #maincontent .pfbc-form .help-inline,
#maincontent .pfbc-form label {
    font-family: var(--body-font);
    font-size: var(--font-size);
    color: #333;
    padding: 0;
    line-height: 1.5;
    font-weight: 300;
    font-style: normal;
}

#maincontent .pfbc-form label {
    padding-bottom: 7px;
    font-weight: 600;
}
#maincontent .pfbc-form label.checkbox,
#maincontent .pfbc-form label.radio {
    cursor: pointer;
    display: flex;
    align-items: center;
}

#maincontent div.control-group.field_width_800 {
    width: 100% !important;
    max-width: 100% !important;
}
@media (min-width: 900px) {
    #maincontent div.control-group[style="float: left; margin-right: 5px; width: 220px;"],
    #maincontent div.control-group.field_width_200 {
        width: calc(25% - 5px) !important;
        padding-right: 10px;
    }
    #maincontent div.control-group[style="float: left; margin-right: 5px; width: 170px;"],
    #maincontent div.control-group.field_width_150 {
        width: calc(20% - 5px) !important;
        padding-right: 5px;
    }
    #maincontent div.control-group[style="float: left; margin-right: 5px; width: 320px;"],
    #maincontent div.control-group.field_width_300 {
        width: calc(37.5% - 5px) !important;
        padding-right: 5px;
    }
    #maincontent div.control-group[style="float: left; margin-right: 5px; width: 170px;"] input[style="width: 150px;"],
    #maincontent div.control-group[style="float: left; margin-right: 5px; width: 220px;"] input[style="width: 200px;"],
    #maincontent div.control-group[style="float: left; margin-right: 5px; width: 170px;"] select[style="width: 150px;"],
    #maincontent div.control-group[style="float: left; margin-right: 5px; width: 220px;"] select[style="width: 200px;"] {
        width: 90% !important;
    }
}
@media (max-width: 580px) {
    #maincontent div.control-group[style="float: left; margin-right: 5px; width: 220px;"],
    #maincontent div.control-group.field_width_200,
    #maincontent div.control-group[style="float: left; margin-right: 5px; width: 170px;"],
    #maincontent div.control-group.field_width_150,
    #maincontent div.control-group[style="float: left; margin-right: 5px; width: 320px;"],
    #maincontent div.control-group.field_width_300 {
        width: calc(50% - 5px) !important;
    }
}
#maincontent .pfbc-form input, #maincontent .pfbc-form button, #maincontent .pfbc-form select, #maincontent .pfbc-form textarea {
    font-family: var(--body-font);
    line-height: 1.5;
    font-size: 20px;
    
}

/*** start checkbox */
#maincontent .pfbc-form input[type=checkbox],
#sidebar_right .pfbc-form input[type=checkbox],
body.event input[type=checkbox] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    -moz-appearance: none;
    appearance: none;
    /* For iOS < 15 */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;
    margin-top: 4px !important;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 1px solid #666;
    border-radius: 0px;
    transform: translateY(-0.075em);
    display: inline-grid;
    place-content: center;
    outline: 0px !important;
    margin-right: 7px;
}

#maincontent .pfbc-form input[type=checkbox]::before,
#sidebar_right .pfbc-form input[type=checkbox]::before,
body.event input[type=checkbox]:before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
}

#maincontent .pfbc-form input[type=checkbox]:checked::before, 
#sidebar_right .pfbc-form input[type=checkbox]:checked::before,
body.event input[type=checkbox]:checked:before {
    transform: scale(1);
}

#maincontent .pfbc-form input[type=checkbox]:focus,
#sidebar_right .pfbc-form input[type=checkbox]:focus,
body.event input[type=checkbox]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}

#maincontent .pfbc-form input[type=checkbox]:disabled,
#sidebar_right .pfbc-form input[type=checkbox]:disabled,
body.event input[type=checkbox]:disabled {
    color: #dedede;
    cursor: not-allowed;
}
body.event #maincontent {
    margin-bottom: 40px;
}

/***********  start radio buttons ****/

#maincontent .pfbc-form .form-control:focus-within {
  color: var(--form-control-color);
}

#maincontent .pfbc-form input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
  margin-right: 7px;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

#maincontent .pfbc-form input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--purple);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

#maincontent .pfbc-form input[type="radio"]:checked::before {
  transform: scale(1);
}
#maincontent .pfbc-form input[type="radio"]:focus {
  outline: none;
}



/** *********************
individual event page 
*******************************/

body.event div[style="clear:both;height:11px"] {
    display: none;
}
body.event #maincontent h3,
body.event #maincontent .event_time,
body.event #maincontent .event_location {
    display: block;
    font-size: 22px;
    font-style: normal;
    color: #000;
    line-height: 1.3;
}

body.event #maincontent h3,
body.event #maincontent .event_time {
    font-weight: bold;
}
body.event #maincontent h3 .event_bullet,
body.event #maincontent h3 .event_hebrew_date {
    display: none;
}

body.event #maincontent .event_location {
    font-style: italic;
    font-weight: normal;
}
body.event #maincontent .event_location + h3,
body.event #maincontent .event_time + h3{
    margin-top: 18px;
}
body.event #maincontent .event_location + div[style="clear:both;height:11px"] + strong,
body.event #maincontent .event_time + div[style="clear:both;height:11px"] + strong {
    display: block;
    margin-top: 15px;
    margin-bottom: 8px;
}
body.event #maincontent .event_location + div[style="clear:both;height:11px"] + strong + br,
body.event #maincontent .event_time + div[style="clear:both;height:11px"] + strong + br {
    display: none;
}
body.event #maincontent .event_passed {
    display: block;
    margin-bottom: 4px;
}
body.event #maincontent .event_passed  + br {
    display: none;
}

/****************************************
%99 FOOTER
******************************************/
#footer {
    border-color: #a3a3a3;
    width: var(--maincontent-width);
    text-transform: none;
    color: #000;
}
#footer .flex_row {
    display: flex;
    justify-content: space-between;
}
#footer .flex_row > div {
    text-align: center;
}

#footer .global_terms_links, #footer .global_terms_links a,
#footer p.copyright, #footer .copyright a {
    position: relative;
    z-index: 1;
    text-transform: none;
    font-size: 12px;
    font-weight: normal;
}
#footer .global_terms_links {
    float: right;
    margin-bottom: 0;
}

#footer .copyright {
    float: left;
}
/*************************************
%00 ADMIN
*****************************************/

input#save_and_stay[value="Save CSS"] {
    position: fixed;
    top: 40px;
    left: 20px;
}
input#preview-css[value="Preview Changes"] {
    display: none;
}
@media (max-width: 1220px) { 
    .inner, #header #header_inner, #maincontent.full_width .featured_article,
    #maincontent.user_dashboard.full_width,
    #content.registerContent, #maincontent.cal, body:not(.has_header_slider) #img_mainnav_wrapper,
    body.event #maincontent, body.login #maincontent, body.admin #maincontent,
    body.login #maincontent .pad-helper, body.school_enrollment #maincontent .pad-helper, body.event #maincontent.full_width .pad-helper, 
    body.form #maincontent .pad-helper, body._404 #maincontent .pad-helper, body.set_password #maincontent .pad-helper, #footer,
    #sidebar_left + .breadcrumbpaginationh1section,
    body.home #maincontent .featured_article > div{
        max-width: var(--narrow-content-width);
        margin: 0px auto;
        float: none;
    }
    #maincontent.admin {
        max-width: 100%;
    }
    #sidebar_right {
        width: 25%;
    }
    
    #maincontent:not(.full_width) {
        width: calc(75% - var(--maincontent-sidebar-padding));
    }
    #maincontent_sidebar_wrapper, #maincontent.full_width {
        padding: 30px var(--calc-narrow-padding);
    }
    #sidebar_left, #content .top_links {
        padding-left: var(--calc-narrow-padding);
        padding-right: var(--calc-narrow-padding);
    }
    body.h1_has_text .breadcrumbpaginationh1section.sidebar_page,
     body.wider_sidebar.h1_has_text .breadcrumbpaginationh1section.sidebar_page {
        padding-top: 0;
        padding-left: calc((var(--narrow-content-width) * .27) + var(--maincontent-sidebar-padding));
        padding-right: 0;
        width: 100%;
    }
    body.home #content #maincontent_sidebar_wrapper .featured_article > div {
        padding-right: calc(33% + var(--maincontent-sidebar-padding));
         padding-left: var(--calc-narrow-padding);
    }
    body.home #content #maincontent_sidebar_wrapper .featured_article > div {
        padding-right: calc((var(--narrow-content-width) * .33) + var(--maincontent-sidebar-padding));
        padding-left: 0;
    }
    body.home #maincontent_sidebar_wrapper #sidebar_right {
        width: var(--narrow-content-width);
    }

    .home #maincontent.full_width .featured_article.block_teaser,
     .home #maincontent.full_width .featured_article.block_teaser_2 {
        max-width: var(--narrow-content-width);
    }
    body.event #maincontent.full_width .featured_article,
    body.event #maincontent.full_width .content_body {
        max-width: 100%;
    }
    .sidebar_left_top {
        padding: 0;
    }
}
@media (max-width: 1024px) {
    #maincontent .featured_article.grid_block .content_body {
        flex-wrap: wrap;
    }
    #maincontent .featured_article.grid_block .section_subcontent {
        flex-basis: 45%;
    }
}
@media (max-width: 970px) and (min-width: 768px), (max-width: 400px) {
    body.home #sidebar_right .right_bm:first-child .flex_row {
        flex-wrap: wrap;
        row-gap: 20px;
        width: 70%;
        margin: 0px auto;
    }
    body.home #sidebar_right .right_bm:first-child .flex_row > div{
        flex-basis: 48%;
    }
}

@media (max-width: 1090px) {
    body:not(.home) #sidebar_left {
        padding-top: 65px;
    }
    #content .top_links {
        
    }
}
@media (max-width: 800px) {
    #maincontent .two-col .content_body {
        display: flex;
       flex-direction: column;
    }
    #maincontent .two-col .img_parent img {
        padding-bottom: 20px;
    }
    #maincontent .two-col .img_parent:nth-child(2):last-child {
        order: -1;
    }
    #img_div a:before {
        bottom: -57px;
    }
    #img_div a:after {
        left: 0;
        bottom: 0;
    }
    #img_div img {
        display: block;
        padding-bottom: 35px;
    }
}
@media (max-width: 768px) {
    #topnav {
        background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Icons/navmenu.svg);
        background-position: left;
    }
    #header #header_inner #header_buttons div#header_login_button {
        background-image: url(https://images.shulcloud.com/14480/uploads/Assets/Icons/login.svg);
        background-position: right;
    }
    
    #header #header_inner #header_buttons div#header_login_button , #topnav {
        background-size: contain;
        height: 40px !important;
        margin-top: 5px;
    }
    #container #header {
        background: var(--orange);
    }
    #img_div a:before {
        bottom: -22px;
    }
    .top_links li a {
        font-size: 11px;
    }
    .top_links li a:before {
        width: 30px;
        height: 30px;
    }
    #mainnav { 
        width: 100%;
        position: fixed;
        left: 0;
    }
    #nav_section {
        display: block;
    }
    #nav_section#nav_section a,
    #nav_section#nav_section li {
        border-radius: 0;
    }
    #nav_section li a span:before {
        color: #000;
    }
    li.subnav_has_children > a:after {
        display: none;
    }
    #nav_section li ul li {
        padding: 0;
    }
    #mainnav #nav_section li ul li:hover,
    #mainnav #nav_section li ul li:hover li {
        background: var(--dark-green);
    }
    #mainnav #nav_section li ul li:hover a,
    #mainnav #nav_section li ul li:hover li a {
        color: #fff;
    }
    #nav_section li a,
    #mainnav #nav_section > li > a,
    #nav_section li ul li a {
        padding-left: var(--calc-narrow-padding);
        padding-right: var(--calc-narrow-padding);
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.2;
    }
    #nav_section li a span.active:before {
        line-height: .8;
    }
    .fck_widget_slider .rsDefault.rsHor .rsArrowLeft, #content .header_slider_wrapper .sy-prev, #maincontent .slipprySlider .sy-prev {
        background: none;
    }
    #content #maincontent {
        padding-right: 0;
        padding-left: 0;
        float: none;
        width: 100%;
    }
    body.h1_has_text .breadcrumbpaginationh1section {
        min-height: 13vw;
    }
    body.h1_has_text .breadcrumbpaginationh1section:before {
        height: 60px;
        height: 13vw;
    }
    body.h1_has_text .breadcrumbpaginationh1section h1 {
        font-size: 20px;
        font-size: 5vw;
        padding-top: 0;
        padding-bottom: 0;
        line-height: 13vw;
    }
    body.h1_has_text #content .breadcrumbpaginationh1section.sidebar_page {
        padding: 0;
    }
    #sidebar_right, #sidebar_right .right_bm.inner_pages_sidebar_section {
        display: none;
        margin-left: auto;
        margin-right: auto;
    }
    
    body.home #sidebar_right, body.mobile_show_sidebar #sidebar_right {
        display: block;
    }
    #content #maincontent_sidebar_wrapper .featured_article > div {
        padding: 0 var(--calc-narrow-padding);
    }
    #content #maincontent_sidebar_wrapper #sidebar_right {
        position: static;
        left: unset;
        transform: unset;
        float: none;
        width: 100% ;
    }
    #sidebar_right .right_box1, #sidebar_right .content_container {
        width: 100%;
        padding: 0;
    }
    #content #sidebar_right .right_bm {
        /*margin: 10px var(--calc-narrow-padding);*/
        border-radius: 25px;
    }
    body.home #content #sidebar_right .right_bm {
        padding: 35px;
        padding: 4.3vw;
        margin-bottom: 30px;
    }
    
    #content #sidebar_right .right_bm:first-child {
        padding-top: 25px;
    }
    
    #content #maincontent_sidebar_wrapper .featured_article > div {
        padding-right: 0;
    }
    body:not(.home) #content #maincontent_sidebar_wrapper .featured_article > div {
        padding-left: 0;
    }
    body:not(.home) #sidebar_right .right_box1, body:not(.home) #sidebar_right .content_container {
        width: 100%;
    }
    body.home .featured_article.green_bg {
        padding-left: var(--calc-narrow-padding);
        padding-right: var(--calc-narrow-padding);
    }
    body.home #content #maincontent_sidebar_wrapper .featured_article > div {
        padding-right: 0;
    }
    body.home #sidebar_right .right_box1, body.home #sidebar_right .content_container {
        width: 100%;
    }
    body #sidebar_right .fck_widget_inner_pages {
        border-radius: 16px;
    }
    #maincontent .featured_article.grid_block .content_body {
        gap: 10px
    }
    #maincontent .featured_article.grid_block .section_subcontent,
    #maincontent .featured_article.grid_block.has_image.reduced_size .content_body .section_subcontent {
        flex-basis: 31%;
    }
    #maincontent .featured_article.grid_block .content_body p,
    #maincontent .featured_article.grid_block .content_body p a,
    #maincontent .featured_article.grid_block .content_body h3 > a,
    #maincontent .featured_article.grid_block.has_image .content_body h3 {
        font-size: 16px;
    }
    #maincontent .featured_article.grid_block.has_image .content_body h3 {
        font-size: 16px;
        padding: 10px;
    }
    #maincontent .featured_article.grid_block .content_body h3 > a {
        margin: -10px;
    }
    #maincontent .featured_article.grid_block .content_body h3 cite, #maincontent .featured_article.grid_block .content_body h3 span {
        font-size: 13px;
        margin-top: 5px;
        display: block;
    }
    #maincontent .featured_article.grid_block + .clear + .featured_article.grid_block {
        padding: 0;
    }
    #maincontent .content_body p:last-child {
        margin-bottom: 8px;
    }
    
    .featured_article.preschool img {
     margin: 0px auto;
    }
    
    body.home #maincontent_sidebar_wrapper {
        
        display: flex;
        flex-direction: column-reverse;
    }
    body.home #content #sidebar_right .right_bm {
        margin-top: 30px;
    }
    #maincontent .section_subcontent {
        padding-right: 0;
    }
    .featured_article.center_mobile .content_body,
    .featured_article.center_mobile .section_subcontent {
        text-align: center;
    }
}
@media (max-width: 610px) {
    #footer { 
        padding-bottom: 0;
    }
    #footer .global_terms_links,  #footer p.copyright {
        float: none;
    }
    body.services #maincontent table td {
        display: block;
    }
}
@media screen and (max-width: 570px) {
    #content #maincontent.cal .calendar_day_view h2 {
        background: var(--maroon) !important;
    }
    #footer .flex_row {
        flex-direction: column;
    }
    #footer .flex_row > div {
        flex-basis: 50%;
    }
    form[name="calFilter"] table.calendar_table tr:first-child {
        position: relative;
    }
    form[name="calFilter"] table.calendar_table tr:first-child td {
        vertical-align: top;
    }
    form[name="calFilter"] table.calendar_table tr:first-child td:first-child {
        padding-bottom: 45px;
    }
    form[name="calFilter"] table.calendar_table tr:first-child td:last-child {
        position: absolute;
        left: 10px;
        top: 30px;
    }
}
@media (max-width: 400px) {
    #maincontent .featured_article.grid_block .content_body {
        justify-content: center;
    }
    #maincontent .featured_article.grid_block .section_subcontent {
        flex-basis: 45%;
    }
    #maincontent .featured_article.grid_block .section_subcontent, #maincontent .featured_article.grid_block.has_image.reduced_size .content_body .section_subcontent {
        flex-basis: 47%;
    }
}
@media (max-width: 340px) {
    body.home #sidebar_right .right_bm:first-child .flex_row {
         width: 100%; 
    }
}

:root {
    --narrow-content-width: 90%;
    --maincontent-width: 1200px;
    --maincontent-sidebar-padding: 35px;
    --body-font: 'Lato', sans-serif;
    --custard: #FFD87D;
    --medium-custard: #f4dfb1;
    --light-custard: #FDFFE6;
    --maroon: #C1272D;
    --dark-maroon: #7C181F;
    --orange: #fbb03b;
    --dark-orange: #C6872F;
    --green: #83B119;
    --dark-green: #5C7A0F;
    --darkest-green: #495e0a;
    --font-size: 16px;
    --subway-green: #22B573;
    --subway-dark-green: #177A4D;
    --subway-gray: #BEBDBD;
    --subway-dark-gray: #918F8F;
    --subway-orange: #FBB03B;
    --subway-dark-orange: #C6872F;
    --pale-maroon: #fff6f7;
    --calc-padding: calc((100% - var(--maincontent-width)) / 2);
    --calc-narrow-padding: calc((100% - var(--narrow-content-width)) / 2);
}