/* MAKING CHILDREN OF "useful" NAV TAB OPEN TO THE LEFT  */

/*
#maincontent li {
    line-height: 0.75 !important;
}
*/


.e-dialog .e-footer-content {
    padding: 0px 133px !important;
    /* margin-top: -17px; */
}



#nav_section li ul li a {
    z-index: 1000;
}

#nav_section > li:nth-child(7) ul {
    right: 0px;
    left: inherit;
}

#nav_section > li:nth-child(7) li ul li {
    background: #cccccc;
    top: 40px;
    left: inherit;
}




/* Default PADDING Throughout    */
.pad-helper {
    padding-left: 25px;
    padding-right: 25px;
}




/* PADDING FOR CBS HOME PAGE   */
.home .pad-helper 
    {
    padding-left: 0px;
    padding-right: 0px;
}






/* Start Scroll Animcation **********************************************************

- HTML Example : 

<div class="container">
<div class="scroll"><input class="scroll-toggle" id="toggleScroll" type="checkbox" /> 
<label class="scroll-header" for="toggleScroll"> 
<span class="scroll-text">Click for CBS Purim Happenings!</span></label>
<div class="scroll-content">
<p>Insert content here </p> */

.container2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.scroll-header {
  padding: 20px; /* Increase padding for more space around the text */
  background-color: #DF29AC;
  cursor: pointer;
  text-align: center; /* Center align the text */
}

.scroll-text {
  font-size: 23px; /* Increase font size */
  font-weight: bold; /* Make the text bold */
  text-decoration: underline; /* Add underline decoration */
  color: #28298D; /* Change text color if needed */
  transition: color 0.7s ease; /* Add transition effect for color change */
}

.scroll-header:hover .scroll-text {
  color: #F183D2; /* Change text color on hover */
}

.scroll {
  width: 98%;
  background-color: #FFCDF1;
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.scroll-toggle {
  display: none;
}

.scroll-header {
  padding: 10px;
  background-color: #FFCDF1;
  cursor: pointer;
}

.scroll-content {
  padding: 10px;
  overflow: hidden;
  height: 0;
  transition: height 0.5s ease-in-out; /* Added transition for smooth animation */
}

.scroll-header::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.scroll-toggle:checked + .scroll-header + .scroll-content {
  height: 800px /* Adjust the height to fit content */
}

.scroll-toggle:not(:checked) + .scroll-header + .scroll-content {
  height: 0;
}

/******************************************************** end of scroll animation ************/




/* background image fixed at scrolling*/
.pfbc-form fieldset {
    padding: 5% !important;
    margin: 0;
    border: 0;
}


/* adjusting padding for elements **********************************************

#maincontent h1,
#maincontent h2,
#maincontent h3,
#maincontent h4,
#maincontent p,
#maincontent .event_time,
#maincontent .event_location,
#maincontent .event_passed {
    padding-left: 5px;
    padding-right: 5px;
}

*/ 

@media (min-width: 1025px){
#maincontent.full_width .content_body {
    width: 100%;
    max-width: 100%;
}
}

.home .featured_article {
    padding: 0px 0px 0px !IMPORTANT;
}

.featured_article {
    padding-left: 0px !important;
    padding-right: 0px !IMPORTANT;
}

@media (min-width: 1025px){
    .featured_article {
    padding-left: 0%;
    padding-right: 0%;
}
}

@media (min-width: 1300px){
    .featured_article {
    padding-left: 0% !important;
    padding-right: 0% !IMPORTANT;
}
}

#maincontent {
    max-width: 2000px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* end of padding adjustment ************************************************/





/* Start underline button animation ***********************************************
<a class="underline-btn" href="#">underline this</a>
*/


#maincontent.admin {
    margin-top: 110px !important;
}


.underline-btn {
  display: inline-block;
  padding: 1em 0;
  border-radius: 0;
  text-decoration: none !important;
  position: relative;
}
.underline-btn:before, .underline-btn:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 0;
}
.underline-btn:before {
  transition: width 0s ease, background 0.4s ease;
  left: 0;
  right: 0;
  bottom: 6px;
}
.underline-btn:after {
  right: 2.2%;
  bottom: 6px;
  background: black;
  transition: width 0.4s ease;
}
.underline-btn:hover:before {
  width: 97.8%;
  background: black;
  transition: width 0.4s ease;
}
.underline-btn:hover:after {
  width: 97.8%;
  background: 0 0;
  transition: all 0s ease;
}

/* END underline button animation ************************************************/









/* Start service times (homepage) fixed background on scrolling effect ***********************************************/
.fixed-bg {
  background-image: url('https://images.shulcloud.com/14498/uploads/images/events/Servicetimes-5.png');
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
/* END fixed background on scrolling effect ***********************************************/



  
.parallax-teaser {
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 420px;
}

#maincontent .parallax-teaser > div {
    padding-top: 100px;
    padding-bottom: 70px;
}

#maincontent.full_width .content_body {
    width: 100%;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

#maincontent .parallax-teaser .content_body {
    text-align: center;
}

#maincontent .parallax-teaser p {
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
    line-height: 128%;
    margin-top: 0px;
    margin-bottom: 40px;
    color: white;
}

#maincontent .parallax-teaser.parallax-two > div p a {
    background: aliceblue;
    background-color: #e43d2f;
    padding: 10px 80px;
}

#maincontent .parallax-teaser p a {
    display: inline-block;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 0;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    position: relative;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    border: none;
    border-radius: 0px;
    margin-top: 0px;
    text-decoration: none !important;
}



/*slider*/
.header_slider {
    max-width: 100%;
}

/* Login Button */
#header { 
   background-color: #2F307B;
   height: 42px;
   font-size: 16px;
   
}

#header_login_button {
    background: #378F3D !important;
    color: white;
}


#header #header_inner #header_buttons .header_button#header_help_button span {
    background-color: white;
    
}


/*
.header_button, .admin_tabs > li.header_button {
        background: linear-gradient(to bottom, #B7CFFF 5%, #93ADDF 100%);
        color: #3D3E99;
        border: none;
        padding: 12px 30px !important;
        font-size: 15px;
}
*/


.header_button:hover{
      background: linear-gradient(to bottom, #5C5DBD 5%, #7B89D2 100%);
        color: white;
}

body{text-align:left!important;}
.newsbar{background:#330066;padding:5px 0;color:#fff;font-weight:bold;text-align:center;}


#footer {
    text-align: center;
    padding-top: 30px;
    padding-left: 5%;
    padding-right: 5%;
    background: #3D3E99;
}

#footer .copyright {
    margin-bottom: 20px;
}

/* Control width of footer text on all sizes. On mobile, make sure there is a LR margin of 20px */
#footer p {max-width:1200px;margin-left:15px;margin-right:15px;}


/* Hide the top nav
.topBar .inner .right_box2, .top_links li:first-child a:before {display:none;}
*/

/* Adjust hero banner to fill and show controls
.slipprySlider .sy-controls {display: block;}
.slipprySlider .sy-pager, .slipprySlider .sy-caption-wrap {display: none!important;}
.slipprySlider .sy-slides-crop {width: 100%!important;}
.header_slider_wrapper {padding:0;background:#fff!important;}
*/

/* Responsive YouTube video container */
.video-container-responsive { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; }
.video-container-responsive iframe, .video-container-responsive object, .video-container-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Upcoming Events */
.upcomingEvents li{text-align:center!important;}
.event_widget_moreinfo {max-width:200px;}

/* Upcoming Events (calendar tag widget) tiled */
.tiled h2 {background: #0c4b80;padding: 15px 0!important;color:#fff!important;}
.tiled .content_body {padding:0!important;}
.tiled .event_calendar_tags_tabs section {display:flex;}
.tiled .event_calendar_tag_event_wrapper {text-align:center;float:none;width:100%;padding:5px;}
.tiled .event_calendar_tag_event_wrapper img {margin:auto;}
.tiled .event_calendar_tag_event_wrapper h3 {font-size:15px!important;line-height:1.4;}
.tiled .event_calendar_tag_event_wrapper p {display:none;}
/*.tiled .content_body section div {border:none!important;}*/
.tiled .event_calendar_tags_tabs .event_calendar_tag_widget_picture {max-width:none!important;}

/* Manual Tiles */
.tiled-manual h2 {background: #0c4b80;padding: 15px 0!important;color:#fff!important;text-align:center;margin-bottom:10px;}
.tiled-manual .section_subcontent img {width:100%!important;}
/*
.tiled-manual .section_subcontent:first-of-type {padding-left:15px;}
.tiled-manual .section_subcontent:last-of-type {padding-right:15px;}
*/
.tiled-manual .section_subcontent p {padding: 3% 0!important;text-align:center;font-size:18px!important;}

/* Sidebar calendar (e.g., home page) */
.sidebar-calendar h2 {
	background:#0c4b80;
	padding:10px!important;
	color:#fff!important;
	margin-top:10px;
	font-size:22px!important;
	font-family: "Poppins, san serif";
}

.sidebar-calendar h4 {
	color:#0c4b80;
	margin-top:10px;
	font-size:18px!important;
}

.sidebar-calendar .fck_widget_calendar {
	margin:0;
}

.sidebar-calendar .table-responsive {
	margin-top:10px;
}

.sidebar-calendar .table-responsive tr td {
    font-size:16px!important;
}

.sidebar-calendar .readmore {
	padding:0;
	/* margin:0; */
	width:100%;
}
.sidebar-calendar .readmore a, .fck_widget_subscribe a {
    display: block;
    float: none;
    padding: 10px;
    text-decoration: none;
    font-style:normal;
    font-family:'Poppins', sans-serif;
    font-size: 22px;
    background:#fff;
    border:1px solid #0c4b80;
    color:#0c4b80;
    font-weight:bold;
    text-align:center;
}

.sidebar-calendar {border:1px solid #0c4b80;}
.sidebar-calendar {font-family:'Poppins', sans-serif;}
.sidebar-calendar hr {border-color:#0c4b80;}
.sidebar-calendar div.table-responsive, .sidebar-calendar h4 {padding:0 5px;}
.sidebar-calendar h2 {margin-top:0;}
.sidebar-calendar .readmore {display:flex!important;}
.sidebar-calendar .readmore a::after {content:" >>";}

.fck_widget_calendar h2 {font-size:22px!important;line-height:120%!important;margin-bottom:5px;}
.fck_widget_calendar h2, .fck_widget_calendar h3, .fck_widget_calendar h4 {padding-left:20px!important;}
.fck_widget_calendar hr {margin:20px 0;}
.fck_widget_calendar .table-responsive tr td {color:#330066!important;font-size: 15px!important;font-weight:normal;line-height: normal!important;padding:5px 0 0 20px!important;}
.fck_widget_calendar .table-responsive {margin-bottom:0;}

.fck_widget_calendar .readmore a {background:#330066!important;}
.fck_widget_calendar .readmore a {font-size: 24px!important;}/* Change teal button to purple */

/*******************/
/* TEMPLATE MOSAIC */
/*******************/
#maincontent {max-width: 1263px; padding-top: 0px;}
.breadcrumbsection {margin-left: 0;margin-bottom: 20px;position:relative;margin-top: 20px;}
body:not(.has_header_slider) {margin-top: 0;}
.breadcrumbpaginationh1section {display: block!important;}
body .breadcrumbpaginationh1section {display: block!important;}
body #content .breadcrumbpaginationh1section a {font-size:16px;padding:5px 10px;}
body #content .breadcrumbpaginationh1section a:nth-of-type(3):before, body #content .breadcrumbpaginationh1section a:nth-of-type(4):before {border-width: 14px 0px 14px 10px;}
h1,h2,h3,h4,h5,h6,input.action-button,#nav_section li a,#maincontent h2,#footer .footer_two .slider_title,body #content .breadcrumbpaginationh1section a,body .featured_article.inner_pages_teaser .fck_widget_slider .sy-caption-wrap .sy-caption .slider_title,.top_links,.sy-caption-wrap .sy-caption a .slider_title, .sy-caption-wrap .sy-caption .slider_title,.slipprySlider.blog_slider .slider_title,#maincontent .slipprySlider.blog_slider .slider_description p,#maincontent .event_calendar_tags_tabs li label,#sidebar_right .event_calendar_tags_tabs li label

{font-family: 'Poppins', sans-serif !important;}
/*
h1, h2, h3, h4, h5, h6 {font-weight:500!important;}
*/

/*
#mainnav {border:1px solid #999;border-width:1px 0;margin-bottom: 0px;}
*/

#nav_section li {background:#fff!important;}
#nav_section li ul selected_nav {color:blue;}
/* #nav_section alice's code  */
#nav_section > li {border-top:none!important;width:auto;}
#nav_section > li > ul {border: 1px solid #999;border-top: none;}
#nav_section li ul li a {text-align:left;}
.sy-pager {display:none;height:40px!important;padding-top:10px!important;}
.sy-pager {display:none!important;}
.tiled h2 {background: #0c4b80;padding: 15px !important;color:#fff!important;text-align:center;}
.sidebar-calendar .readmore a {background:#e97236!important;border:none;}
#maincontent p,#maincontent li {font-size:16px;color:#333;}
.header_slider .sy-caption-wrap .sy-caption, .fck_widget_slider .sy-caption-wrap .sy-caption {width:100%;}
.sy-caption-wrap {bottom:0!important;}

/* Alice change */

.content_body, .content_title {
    max-width: 100% !important;
}

/* Reduce padding throughout site */
.featured_article {padding: 20px 0 0;}
#maincontent ul li:first-child {padding-top:0;}
#maincontent ul li {padding-top:0px; padding-bottom:0px;}

/* Left-align logo at all sizes */
.sidebar_left_top #img_div {text-align:left!important;} /* Left justify logo */


@media (min-width:1025px) {
    #maincontent {padding-left:0;padding-right:0;} /* No padding Left-Right for desktop display */
}

/* Colors */
/* Light blue */
#maincontent .slipprySlider .sy-pager, #content .header_slider .slipprySlider .sy-pager, 
.header_slider .sy-caption-wrap .sy-caption, .fck_widget_slider .sy-caption-wrap .sy-caption
{background:#000066;}


.sidebar-calendar h2,
.tiled h2, .tiled-manual h2
{background:#000066;}

div.section {
    margin-bottom: 24px;
    overflow: auto !important;
}

/* Calendar */
table.calendar td.today {
    background:#330066;
}
#maincontent.cal table.calendar td:hover, table.calendar.calendar_main th:first-child, table.calendar.calendar_main th:last-child {
    background:#663399;
}

/* End Template Mosaic */

/* Responsive Styling */

/* Phone (< 768)*/
@media (max-width:924px) {
    .top_links {margin-bottom:10px;} /* Add some space before main nav bar */
    .top_links li a{font-size:10px!important;}
    .sidebar_left_top #img_div {padding-top:0;} /* Vertically center logo with top links */
    .fck_widget_calendar h2, .fck_widget_calendar h3, .fck_widget_calendar h4,.fck_widget_calendar .table-responsive tr td {padding:5px 0 0 0!important;}
}

@media (min-width:924px) {
    #footer p {margin-left:auto;margin-right:auto;}
}

@media (min-width:1230px) {
/* Fix body gutter issue  NOT IMPLEMENTED */
/*.content_body .section_subcontent:first-of-type {padding-left:0;}
.content_body .section_subcontent:last-of-type {padding-right:0;}*/

/* Put gutter back for gallery rows (so all subsections are the same height) */
/*.gallery-row .section_subcontent:first-of-type {padding-left:15px;}
.gallery-row .section_subcontent:last-of-type {padding-right:15px;}*/
    /* Center footer text */
}


/* Tablet (768 to 1024)*/
@media (min-width:925px) and (max-width:1024px) {
    .sidebar_left_top #img_div {margin-bottom:10px;} /* Reduce space to top nav */
    .tiled .event_calendar_tag_event_wrapper {float:left;width:50%;} /* Display tiles four per row */ 
}

/* Desktop Styles (> 1024) */
@media (min-width:1025px) {
    .sidebar_left_top {text-align:left!important;} /* Left justify logo */
    .top_links {bottom:30%;} /* Vertically align top nav  to middle (approx) */
    .tiled .event_calendar_tag_event_wrapper {float:left;width:25%;} /* Display tiles four per row */ 
}

/* hide Powered by ShulCloud */
.hosted_by_text {
    visibility: hidden;
}

/*Email Obfuscator 
.xmial:before {
 content: attr(data-website) "\0040" attr(data-user);
 unicode-bidi: bidi-override;
 direction: rtl;
}
*/
/*Brass Plaques */
/*.brassplq {
  background-color: #b5a462;
  border-radius: 15px;
  background: url(https://images.shulcloud.com/14498/uploads/images/backgrounds/brasssheet.jpg);
  border: none;
  color: black;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: arial,helvetica;
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px;
  cursor: pointer;
  width: 110px;
}

table.brass{
  width: 100%;
  padding: 0px;
}
*/
/*override firstreading css */
h1.firstHeading {
	font-size:18px!important;
}

/* Modifier for Menu Options */
#nav_section a[title="Login"] {
    color: #fff !important;
}

#nav_section a[title="Centennial"] {
    color: #fff !important;
}



/* ZOOM HOVER ANIMATION - USE <div class = "zoomy"> INSERT CONTENT HERE </div>*/

.zoomy {
    box-shadow: 2px 3px 10px #44444;
    transition: transform .75s;
    
}
  
.zoomy:hover {
    cursor:pointer;
    box-shadow:  0 -10px -10px 0 rgba(0, 0, 0, 0.2);
    transform: scale(1.04); 
    opacity: .95;
}





/* ACCORDIONS*/

*, *::after, *::before{
  margin: 0;
  padding: 0;
  box-sizing:border-box;
}

div.c{
  position: relative;
  margin:2em;
}



montemeow{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity:0;
  visibility: 0;
}
input.montemeow[type="checkbox"] {
   visibility: 0;
  
   opacity:0;
   
}

label accordion::before{
  content:"";
  display: inline-block;
  border: 15px solid transparent;
  border-left:20px solid white;
}
label accordion{
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}
div.p{
  max-height:0px;
  overflow: hidden;
  transition:max-height 0.5s;
  background-color: white;
  box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);
}
div.p p {
    padding: 2em;
}
input.montemeow:checked ~ h2 label accordion::before{
  border-left:15px solid transparent;
  border-top:20px solid white;
  margin-top:12px;
  margin-right:10px;
}
input.montemeow:checked ~ h2 ~ div.p{
  max-height:100000px;
}

label accordion:hover, label accordion:active {
}









/* 

copy HTML code below to divide into however many columns. In this example, 2:

<div class="alicerow">
  <div class="alicecolumn"> INSERT YOUR MEDIA/CONTENT HERE!</div>
  <div class="alicecolumn">INSERT YOUR MEDIA/CONTENT HERE!</div>
</div> 

*/

/* Create two equal columns that float next to each other */
.alicescolumn {
  float: left;
  width: 50%;
  padding: 10px;
}

/* Clear floats after the columns */
.alicesrow:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .alicescolumn {
    width: 100%;
  }
}

.alice5row {
  display: flex;
  flex-wrap: wrap;
}

.alice5col {
  flex: 1 0 18%; /* percentage decides your columns. */
  margin: 5px;
  height: 100%;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alice5column {
  float: left;
  width: 20%;
}

.alice3column {
  float: left;
  width: 33.33%;
}

/* Clear floats after the columns */
.alice3row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .alice3column {
    width: 100%;
  }
}

.alice4column {
  float: left;
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}

/* Clear floats after the columns */
.alice4row:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 800px) {
  .alice4column {
    width: 50%;
  }
}

.home.featured_article{
    padding: 0px;
}










/* buttonfilly - a button animation design - HTML Usage: 
<p><a class="buttonfilly" href="https://www.cbswilmde.org" style="background-color:#42cc8c;">CBS Home</a></p>*/

a.buttonfilly {
 text-decoration: none!important;
 display: inline-block;
 padding: 12px 24px;
 border: 1px solid #4f4f4f;
 border-radius: 4px;
 transition: all 0.2s ease-in;
 position: relative;
 overflow: hidden;
 font-size: 19px;
 background-color: white !important;
 color: black;
 z-index: 1;
}


a.buttonfilly:before {
 text-decoration: none!important;
 content: "";
 position: absolute;
 left: 50%;
 transform: translateX(-50%) scaleY(1) scaleX(1.25);
 top: 100%;
 width: 140%;
 height: 180%;
 background-color: rgb (0, 0, 0, 0,5);
 border-radius: 50%;
 display: block;
 transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
 z-index: -1;
}

a.buttonfilly:after {
 text-decoration: none!important;
 content: "";
 position: absolute;
 left: 55%;
 transform: translateX(-50%) scaleY(1) scaleX(1.45);
 top: 180%;
 width: 160%;
 height: 190%;
 background-color: #3d3e99;
 border-radius: 50%;
 display: block;
 transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
 z-index: -1;
}

a.buttonfilly:hover {
 text-decoration: none!important;
 color: white;
 border: 1px solid #3d3e99;
}

a.buttonfilly:hover:before {
text-decoration: none!important;
 top: -35%;
 background-color: white;
 transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

a.buttonfilly:hover:after {
 text-decoration: none!important;
 top: -45%;
 background-color: #3d3e99;
 transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}








/* GETTING CONTENT in container FISH to TO OVERLAP CONTENT in FISHES   */

.button-overlay-services {
    position: relative;
    display: inline-block;
}
.button-overlay-services button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fishes{
    
      top: 10px;
      left: 10px;
      z-index: 1;
    }
    .fish
    {
      position:absolute;
      top: 25px;
      left: 25px;
      z-index: 2;
    }
    
.containerforbutton {
  position: relative;
  text-align: center;
  color: white;
  padding: 0PX 30PX 0PX 30PX;
}

.bottom-center-overlap {
  display: grid;
  position: relative;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -95%);
}









/* Shadow animation on hover. See example html:
<div class="boxshadow"><a href="link" target="_blank"><img alt="MorningMinyan" 
src="link" style="height: 160px; width: 99%;" /></a></div>*/

.boxshadow {
  transition: box-shadow .6s;

  
}
.boxshadow:hover {
  box-shadow: 0 0 15px rgba(6, 14, 46,.8); 
}








/* Begin wrapper */
.header_slider_wrapper {
    background: white;
    position: relative;
}




/* ***************************
   Logo
   ***************************/
/*
@media (max-width: 929px){
#img_div {
    position: absolute !important;
    top: -40px !important;
    left: 30% !important;
    width: 125px !important;
}
*/
/*
#img_div img{
       width: 125px !important;

}
}
*/
/*
@media (max-width: 910px){
.sidebar_left_top #img_div {
    margin-top: -40px;
}}
@media (max-width: 910px){
#img_div {
    margin-bottom: 45px;
    padding-top: 19px;
    width: 20%;
}}
*/
/*
@media (max-width: 767px){
#img_div {
    margin-bottom: 5px;
    padding-top: 19px;
    width: 25%;
}}
*/
@media (max-width: 924px){
.sidebar_left_top #img_div {
    padding-top: 10PX;
}}
@media (min-width: 930px){
#img_div {
    left: 0px;
}}
#img_div {
    margin-bottom: 0px;
    padding-top: 14px;
    width: 130px
}
#img_div img{
    width: 85%;
}
#img_div {
    height: auto;
    float: left;
    top: 43px;
    padding-top: 10px;
    position: relative;

}

@media (max-width: 1120px){
#img_div {
    left: 0px;
}}

@media (max-width: 1200px){
#img_div {
    left: 20px;
}}
#img_div {
    position: absolute;
    left: 20px;
    top: 40px;
    z-index: 2 !important;
    
}

#img_div > a {
    display: block;
    width: 235px;
    height: 56px;
}

#sidebar_left {
    overflow: inherit;
    height: auto;
    float: none;
    position: relative;
}
@media (max-width: 1024px){
#sidebar_left {
    height: auto;
}}
/*
@media (max-width: 1200px){
#sidebar_left {
    width: 100%;
    padding-left: 10px;
    padding-right: 20px;
}}
*/

/* ***************************
   Main Nav
   ***************************/

#mainnav {
    width: 75%;
    max-width: 100%;
}
/*
@media (min-width: 768px){
#nav_section {
    PADDING-LEFT: 5%;
}}
*/
/*
@media (min-width: 924px){
#mainnav {
    display: block;
}
}
*/
@media (max-width: 1024px){
#mainnav {
    text-align: center;
    float: none;
    padding-top: 78px;
    padding-bottom: 20px;
}}
#mainnav {
    background: none;
    padding: 0;
    overflow: visible !important;
    float: right;
}

.home #nav_section li a, #nav_section > li > a {
    padding: 30px 0;
    font-size: 19px;
    color: #596371;
    line-height: 32px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif!important;
    font-weight: 500;
}

/*
@media (min-width: 924px){
#nav_section li {
display: inline-block !important;
}
}
*/
.home #nav_section li a:hover,
#nav_section > li > a:hover {
    color: #009CDE;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
/**/

#nav_section li.selected_nav > a {
    color: #00adef;
}

@media (max-width: 1024px){
#mainnav {
    float: right;
    padding-top: 0px;
}
}
#nav_section {
    margin-top: -50px;
}
#nav_section {
    text-align: right;
}


.home #nav_section li a, #nav_section > li > a:hover {
}

/* children */

#nav_section li ul li:hover {
    background:#eee !important;
}
.home #nav_section li ul li a {
    padding: 9px 13px;
    color: black;
    font-size: 14px!important;
}
#nav_section li ul li a {
    padding: 9px 13px;
    color: black;
    font-size: 14px;
}
#nav_section li ul li a:hover {
    color: #009CDE!important;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
.home #nav_section li ul li a,
#nav_section li ul li a {
    padding: 9px 13px;
    color: black;
    font: 14px!important;
}

#sidebar_left {
    overflow: inherit;
    height: auto;
}

@media (max-width: 768px){
#sidebar_left {
    padding-top: 0px;
}}
@media (max-width: 767px){
#nav_section {
    padding-bottom: 120px;
}
}
.sidebar_left_top {
    min-height: 50px !important;
    BACKGROUND: #5C5DBD;
}
.sidebar_left_top_wrapper {
    background: #5C5DBD!important;
}

@media (max-width: 1200px){
#sidebar_left {
    width: 100%;
}
}

/* ***************************
   Toplinks for small screen
   ***************************/
@media (max-width: 570px){
.top_links {
    display: inline-block;
    position: static;
    margin: 0px auto 0px; 
}}

@media (max-width: 924px){
.top_links {
    text-align: center;
}
}
#sidebar_left .bt {
    display: block;
}
#sidebar_left .bt {
    height: 50px;
    overflow: hidden;
    width: 246px;
}
    /*display: none;*/
@media (max-width: 924px){
#topnav {
    /*display: none;*/
        background: url(https://images.shulcloud.com/13587/uploads/images/buttons/navmenu.svg) no-repeat center center;
        background-size: contain;
        background-position: center;
        top: 3px;
}}
/*
@media (max-width: 924px){
#topnav {
    display: flex !important;
}}
*/
@media (max-width: 924px){ 
    #header {
    height: 40px;
    background: #3D3E99; 
}}

@media (max-width: 924px){
#header #header_inner {
    height: 100% !important;
    background: #3D3E99; 
}}


@media (max-width: 924px){
.top_links {
    margin-bottom: 10px;
    right: 30px !important;
    position: float !Important;
}}

/*
/* ***************************
   Top Links 
   ***************************/


.top_links {
    position: absolute;
    right: 270px;
    font-size: 15px;
    font-family: 'Gotham';

}

.top_links li a {
    font-size: 18px !important;
    font-weight: 500;
    color: white;
    font-family:  'Poppins', sans-serif;
}

.top_links li a:hover {
    color: #009CDE;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
#top_links li.selected_nav > a {
    color: #00adef;
}

/* ***************************
   Search Bar Below
   ***************************/
   
.search_area {
    position: absolute !Important;
    display: none;
    bottom:5px!important;
}

@media (max-width: 1024px){
#content .search_area {
    Margin-bottom: 90px !Important;
}}


#content .search_area input[type="submit"] {
    font-size: 0px;
    /* margin-left: 10px; */
    float: left;
    BORDER-RADIUS: 20PX;
    translate: -40PX;
    -webkit-transform:scale(0.8);
}

#content .search_area input[type="text"] {
    outline: 0px;
    border-radius: 20px;
    box-sizing: border-box;
    background-color: #3D3E99;
    border: 2px solid;
    border-color: #c7c3c3;
    color: white;
    padding: 3px 7px;
    height: 40px;
    font-size: 15px;
    float: left;
}
#content .search_area {
    display: block;
    bottom: 5px;
    right: 0px;
}
/*
@media (min-width: 924px){
#nav_section {
    display: flex !Important;
    PADDING-right: 15px;
}
}
*/

/*
@media (max-width: 750px){
#nav_section {
    display: inline-block !important;
}}
*/

/*
  .fized-bg, .content_body, .content_title {
    max-width: 100% !important;
  }

*/