a {
    color: #56A1D5;
    text-decoration: none;
    font-weight: bold;
}
#footer{
    background-color: #F6A539;
}
.pagetest .nav_section li a {
    color: #66000;
    font-size: 4vw !important;
 }
 
 .search_area{
     top: 66px;
 }
 
 .list ul {
     margin-top: -1em;
 }
 .list li {
     margin-top: -1em;
 }
.gridlist ul {
    text-align: center;
}
.gridlist li {
    margin: .5em;
    width: 320px;
    height: 400px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: solid thin black;
    padding: 1em;
    color: #ff000;
}
.team ul {
    text-align: center;
}
.team li {
    margin: .5em 1em;
    width: 45%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    border: solid thin black;
    padding: 1em;
    color: #ff000;
}

.saved_cards INPUT[name='saved_credit_card_id']{
    margin-top: 0 !important;
}

.horizontal ul {
    text-align: center;
}
#maincontent.default .featured_article.horizontal ul li {
    margin: .25em 1em;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background-color: #56A1D5;
    height: 60px;
    padding:1em;
}
.horizontal a {
    text-decoration: none;
    padding: 0 .5em;
    color: white;
}
.listspacing h3 {
    text-decoration: underline;
    color: #F9BF72;
    font-family: 'Playlist-Script';
}
#nav_section li a {
    color: #56A1D5;
}
#nav_section li ul li {
    background-color: #F6A539;
}
#nav_section li ul a {
    color: #fff;
}
#nav_section li ul a:hover {
    color: #000;
} 
.rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
    background:transparent !important;
}
.home .sy-box {
    margin: 0 5%;
}
.fandc h2, h3, h6 {
    clear:both;
}
.centerbox ul {
    margin: auto;
    width: 500px;
    border: solid thin black;
    text-align: center;
}
.centerbox li {
    margin: auto;
    width: 500px;
    height: auto;
    display: inline-block;
    vertical-align: top;
 /*   text-align: center; */
    padding: 1em;
}
.barnert h2 {
    font-family: 'Marcellus', serif !important;
    font-size: 24px;
    color: #56A1D5 !important;
}
.barnert h2.content_title {
    font-family: 'Marcellus', serif !important;
    font-size: 24px;
    color: #000 !important;
    margin-top: .5em;
}
.barnert h3 {
    font-family: 'Marcellus', serif !important;
    font-size: 20px;
    line-height: 30px;
    margin: 1em 0 .5em 0 !important;
    color: #F4920F !important;
}

.barnert h4 {
    font-family: 'Marcellus', serif !important;
    font-size: 18px;
    line-height: 28px;
    margin: 1em 0 .5em 0 !important;
}
.barnert p, li {
    font-size: 16px !important
}
.barnert p {
    text-align: justify;
}
.barnert form {
    margin: 1em auto;
    width: auto;
}
.home h2 {
    font-family: 'Marcellus', serif !important;
    font-size: 24px;
    color: #56A1D5 !important;
}
.home h2.content_title {
    font-family: 'Marcellus', serif !important;
    font-size: 24px;
    color: #000 !important;
    margin-top: .5em;
}
.home h3 {
    font-family: 'Marcellus', serif !important;
    font-size: 20px;
    line-height: 30px;
    margin: 1em 0 .5em 0 !important;
    color: #F4920F !important;
}
.home p, li {
    font-size: 16px !important;
}
.home p {
    text-align: justify;
}
.pagetest p {
    max-width: 1000px !important;
    margin: auto;
}

 .barnert .top_links a {
    font-size: 16px;
 }
table.mensclub {
		margin: auto;
  		border-collapse: collapse;
}
table.mensclub td {
		border: thin solid #000;
		padding: .25em .5em;
		vertical-align: top;
}
.hh {
	border-collapse: collapse;
	width: 820px;
	margin: 0 auto;
}
.hh h3 {
    text-align: center;
}
.hh td {
    padding-right: 1em;
    vertical-align: top;
}
.hh .left {
	width: 210px;
}
.hh .center {
	width: 510px;
}
.hh .right {
	width: 100px
}
.content-text {
    max-width: 1200px;
    margin: auto;
}
.eblast ul {
    text-align: center;
    list-style: none;
}
.center {
    margin:auto;
}
.sedra li {
    font-size: 10px;
    padding-bottom: 10px;
}
/* ------------------------------- Calendar */
#maincontent.cal table.calendar td div.sedra,
#maincontent.cal table.calendar td div.sedra a{
    color:#000;
    font-size:16px;
    font-weight:normal;
}
    .popevent {
        margin-top: 75px;
}

.ace_search_field {
    color: black !important;
}

form#registration_form[name="registration_form"] td.details_area > h3:first-child {
    text-transform:capitalize;
}
/* ----------------------------- Slider */
#content #maincontent .slider_with_captions .slipprySlider {
    padding-bottom:120px;
}
#content #maincontent .fck_widget_slider .sy-caption-wrap {
    display: flex;
    align-items: center;
}
#content #maincontent .fck_widget_slider .sy-caption-wrap .sy-caption {
    padding:5px;
}
#maincontent .slipprySlider .sy-pager, #content .slipprySlider .sy-pager {
    margin:0px;
}
/* distinguish more clearly between visitors and members sections on payments page*/
body.payment #payments_form h3 {
    color:#F4920F;
    font-family: 'Marcellus', serif;
}
@media (min-width:768px) {
    /* testing this out to see if it reduced gap between nav menu and slider */
    .logo_nav {
        padding-top:30px;
        width:1200px;
    }
    #img_div, #sidebar_left {   margin-top:0px; padding-top:0px;}
    #img_div { float: left; margin-right:20px;}
    #shul_name h1 { padding-top:0px; }
    body.payment #payments_form .col-md-6:first-child {
        padding-right:30px;
    }
    body.payment #payments_form .col-md-6:last-child {
        padding-left:30px;   
    }
    body.payment #payments_form .col-md-6 .right_align_label {
        text-align:left;
    }
    
   
}
/* scaling the h1 differently according to screen size */
@media (max-width: 1600px) {
    #shul_name h1 {
        font-size: 90px;
    } 
}
@media (max-width: 1200px) {
    #shul_name h1 {
        font-size: 70px;
    } 
}
@media only screen and (max-width: 768px) {
    #sidebar_left {
        width:100%;
    }
    #shul_name h1 {
        font-size: 50px;
    }
    #content .sy-caption-wrap {
        height:90px;
        display:flex;
        align-items:center
    }
    .fck_widget_slider .sy-caption-wrap .sy-caption, #content .sy-caption-wrap .sy-caption {
        padding:5px;
    }
    .sy-caption-wrap .sy-caption a .slider_title, .sy-caption-wrap .sy-caption .slider_title, 
    .sy-caption-wrap .sy-caption .slider_description {
        font-size:18px;
        padding-bottom:0;
    }
    #content .sy-pager li {
        width:.8em;
        height:.8em;
    }
    #maincontent .slipprySlider .sy-pager, #content .slipprySlider .sy-pager {
        bottom:0;
    }
    .barnert p, td, li {
        text-align: left;
    }
    .hh {
        width: 700px;
    }  	
    .hh .left {
	    width: 100px;
    }
    .hh .center {
	    width: 500px;
    }
    .hh .right {
	    width: 100px
    }
    .ce_table td.ce_time_start {
        padding-right:0px;
    }
     .search_area{
        top: 114px !important;
    }
    #maincontent h1 {
        font-size:24px;
    }
}
@media (max-width:860px) {
    .content_body .section_subcontent:last-child {
        padding-right:15px;
    }
}
@media (max-width:570px) {
    .sy-caption-wrap .sy-caption a .slider_title, .sy-caption-wrap .sy-caption .slider_title, 
    .sy-caption-wrap .sy-caption .slider_description {
        font-size:13px;
    }
    #mainnav {
        position: absolute;
        top: 0px;
        background: #fff;
    }
    .email_phone {font-size:12px;}
    #maincontent {
        max-width:100%;
    }
    .content_body, .content_title {
        margin-right:0px;
        margin-left:0px;
        max-width:100%;
    }
    .home .content_body, .home .content_title {
        margin:0 auto;
    }
    .hh {
        width: 560px;
    }  	
    .hh .left {
	    width: 80px;
    }
    .hh .center {
	    width: 420px;
    }
    .hh .right {
	    width: 50px
    }
}

.campaign_details {
    text-align: center;
}
/* photo gallery page */
.pg_img_div {
    height:auto;
}
.mosaicflow__item img {
    border-right: 10px solid #fff;
    border-bottom: 10px solid #fff;
}
.pg_img_div img, .grid_album_img img {
    padding:2px;
}
/****************************
photo galleries 
*****************************/
.pg_img_div {
    height:auto !important;
}
li.pg_img_div:nth-child(4n + 1) {
    clear:left;
}
.pg_caption {
    color:#3a3a3a;
}
#maincontent .pg_caption p:first-child {
    margin-top:25px;
}
#maincontent .pg_caption p {
    margin-bottom:0px;
}
.pg_caption span:last-child {
    display:none;
}

@media (max-width:500px) {
    #maincontent.cal form[name="calFilter"] select[name="date_start"],
    #maincontent.cal form[name="calFilter"] button {
        width:150px !important;
    }
    #shul_name h1 {
        font-size: 30px;
    }
}
@media (max-width:400px) {
    #content #maincontent.cal {
        max-width:100%;
        padding:15px;
    }
    #maincontent.cal form[name="calFilter"] table {
        border-collapse:inherit;
    }
    #maincontent form[name="calFilter"]  td:first-child, #maincontent form[name="calFilter"]  td:nth-child(2){
        padding-left:0px;
    }
    #maincontent form[name="calFilter"]  td:nth-child(3) {
        padding-left:0px;
    }
    #maincontent.cal form[name="calFilter"] select[name="date_start"],
    #maincontent.cal form[name="calFilter"] button {
        width:100px !important;
    }
    #maincontent.cal table.calendar_table tr.advanced_option:nth-child(3) td:nth-child(2) {
        padding:0px;
    }
    #maincontent.cal .ce_table .ce_desc .ce_holiday, #maincontent.cal .ce_table .ce_desc .ce_sedra, 
    #maincontent.cal .ce_table .ce_desc .ce_lifecycle_type, 
    #maincontent.cal .ce_table .ce_desc .ce_event_name, #maincontent.cal .ce_annnouncement {
        font-size:inherit;
    }
    #maincontent.cal .ce_table td.ce_time_start {
        padding-left:0px;
        padding-right:7px;
    }
    #maincontent.cal .ce_table td.ce_time_end {
        padding-right:0px;
        padding-left:0px;
    }
    #maincontent.cal .ce_table td.ce_time_end .ce_time:before {
        margin-left:-3px;
    }
}
  .video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 35px;
 height: 0;
 overflow: hidden;
 }
 /* 16x9 Aspect Ratio */
 .video-container-16x9 {
 padding-bottom: 56.25%;
 }
 /* 4x3 Aspect Ratio */
 .video-container-4x3 {
 padding-bottom: 75%;
 } .video-container iframe {
 position: absolute; top:0; left: 0; width: 100%; height: 100%;
 }