/***** accordions  for new design ****/

.google_login{
    display: none !important;
}
.fb_login{
    display: none !important;
}


body.new-design #maincontent .ui-accordion-header {
    background: var(--light-gray);
    border: 0;
    border-radius: 0;
    font-family: var(--font-family);
    color: var(--blue);
    outline: none;
    padding: 20px 38px;
}

body.new-design #maincontent .ui-accordion-header.ui-state-active {
    background: var(--medium-gray);
}
body.new-design #maincontent .ui-accordion-header > span {
    top: 45%;
    right: 1em;
    left: unset;
    background-image: url(https://images.shulcloud.com/19180/uploads/logos-icons/caret-blue.png);
    transform: rotate(180deg);
    height: 25px;
    width: 28px;
    background-size: contain;
    background-position: center;

}

body.new-design #maincontent .ui-accordion-header.ui-state-active > span {
    transform: none;
}

body.new-design #maincontent .ui-accordion .ui-accordion-header:not(:first-child) {
    margin-top: 25px;
}

body.new-design #maincontent .ui-accordion .ui-accordion-content {
    background: var(--medium-gray);
    border: 0;
    border-radius: 0;
    color: var(--blue);
    padding: 20px 38px;
    padding-top: 0;
}

body.new-design #maincontent .ui-accordion .ui-accordion-content p,
body.new-design #maincontent .ui-accordion .ui-accordion-content a {
    color: var(--blue);
}

input#save_and_stay[value="Save CSS"] {
    position: fixed;
    top: 40px;
    left: 20px;
    z-index: 2;
}
input#preview-css[value="Preview Changes"] {
    display: none;
}

:root {
    --font-family: 'Source Sans', sans-serif;
    --heading-font-family: 'Source Sans', sans-serif;
    
    --blue: #1d2b76;
    /*--rust: #c1552f;*/
    --orange: #DD5428;
    --light-orange: #E38018;
    --yellow: #EAB120;
    --green: #A8C628;
    --light-green: #a8c629;
    --teal: #119EA1;
    --purple: #543186;
    --gray: #818181;
    --medium-gray: #d4d9f4;
    --light-gray: #f2f4ff; /* sidebar */
    --red: #E71D07;
    
    /*
    --form-background: ?
    --form-control-color: ?
    --form-control-disabled: ?
     */

    /*--light-blue: #9EC5D3;*/
    /*--lightest-blue: #e2edf1;*/
    --calendar-hover: #d4d2d2;
    --calendar-light-gray: #f2f2f2; /* current month days background */
    --calendar-unmonth: var(--calendar-light-gray);
    
    --colorblock-border: linear-gradient(to right, 
        var(--orange) 14.28%, 
        var(--light-orange) 14.28% 28.56%, 
        var(--yellow) 28.56% 42.84%, 
        var(--light-green) 42.84% 57.12%, 
        var(--green) 57.12% 71.4%, 
        var(--teal) 71.4% 85.68%, 
        var(--purple) 85.68%);
    --colorblock-border-medium: linear-gradient(to right,   
        var(--orange) 20%, 
        var(--light-orange) 20% 40%, 
        var(--yellow) 40% 60%, 
        var(--green) 60%  80%, 
        var(--teal) 80%);
    --colorblock-border-small: linear-gradient(to right,
        var(--light-orange) 25%,  
        var(--yellow) 25% 50%, 
        var(--green) 50% 75%, 
        var(--teal) 75%);

    --normal-width: 1250px;
    --narrow-width: 92%;

    --padding: 30px;
    --calc-padding: calc((100% - var(--normal-width)) / 2);
    --calc-narrow-padding: calc((100% - var(--narrow-width)) / 2);
    --calc-narrow-padding-footer: 5%;
    
    --event-widget-gap: 40px;
    --p-margin-bottom: 18px;
    --sidebar-p-margin-bottom: 14px; /* sidebar font is smaller so shrink the spacing too */
    --maincontent-margin-top: 30px;
    --maincontent-width-sidebar-page: calc((100% - 30px) * 2 / 3);
    --sidebar-width: calc((100% - 30px) * 1 / 3);
    --sidebar-padding: 25px;
    
    --fw-popout-margin-top: 90px;
    
}


/***************** old css ***/



#div_order .content_body ul li {padding-top:4px}


@-moz-document url-prefix() { 
 table.calendar td.today div.daywrap {

border: 5px solid

#d7d4d4;

height: 121%;

}
}

div#sidebar_right div#date_box>p>span.english_date { font-size:20px; padding-top:5px;}