/********** Marissa Updates */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;1,300;1,500&display=swap');

h1{
    font-size: 36px;
}
h1:first-child{
    font-size: 50px;
}

#maincontent h2, #maincontent h2.content_title{
    font-size: 50px;
}

h3{
    font-size: 30px;
    margin-bottom: 15px;
}

h4{
    font-size: 20px;
    margin-bottom: 5px;
}

#nav_section li:last-child ul{
    transform: translateX(-50%);
}

#nav_section li:last-child ul:before{
    left: auto;
    right: 20%;
}


@media (max-width: 1400px){
    h1, body:not(.has_header_slider) #sidebar_left h1, #sidebar_left h2, #maincontent h2, #maincontent h2.content_title {
        font-size: 36px;
    }
}

body:not(.admin) , body:not(.admin) span, body:not(.admin) p, #maincontent em{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
}

#maincontent strong{
    font-family: 'Open Sans', sans-serif;
}

#img_div img{
    visibility: hidden;
}

#img_div a{
    background: url(https://seaside-jcs.s3.amazonaws.com/sjc_primary.svg) no-repeat;
    background-size: cover;
}

body #sidebar_left_wrapper {
    position: relative;
    padding: 15px 0px;
}

body:not(.has_header_slider) #sidebar_left_wrapper,  #sidebar_left_wrapper, body.has_header_slider #sidebar_left_wrapper {
    background: transparent url(https://seaside-jcs.s3.amazonaws.com/wave_transparent.svg);
    background-size: 100% 100%;
}

@media all and (max-width: 990px){
   body:not(.has_header_slider) #sidebar_left_wrapper,  #sidebar_left_wrapper, body.has_header_slider #sidebar_left_wrapper {
    background: transparent url(https://seaside-jcs.s3.amazonaws.com/wave_mobile.svg);
    background-size: 100% 100%;
    margin-top: -10px;
} 

.topBar{
    display:none;
}

#sidebar_left{padding: 0;}
}

/*@media all and (min-width:1024px){*/
/*    body:not(.has_header_slider) #sidebar_left_wrapper,  #sidebar_left_wrapper, body.has_header_slider #sidebar_left_wrapper {*/
/*        background-size: 100% 100%;*/
/*    }*/
/*}*/

/*@media all and (min-width:768px){*/
/*    body:not(.has_header_slider) #sidebar_left_wrapper,  #sidebar_left_wrapper, body.has_header_slider #sidebar_left_wrapper {*/
/*        background-size: 200% 200%;*/
/*    }*/
/*}*/

 body.has_header_slider #sidebar_left_wrapper {
     margin-bottom: -60px;
 }

body:not(.has_header_slider) #nav_section > li > a, body.has_header_slider #nav_section > li > a {
    color: #333f54; /* navy */
}


body:not(.admin) #nav_section > li > a {
    transition: all .15s ease-out;
}

#sidebar_right h2{
    font-size: 24px;
}

.fck_widget_calendar h2, #sidebar_right .fck_widget_calendar > h4{
    margin-bottom: 5px;
}

.table-responsive{
   font-size: 16px; 
}

.breadcrumbsection a, .breadcrumb_inner_wrapper > a:first-child {
    background:none;
}

.breadcrumb_inner_wrapper a{
    padding: 10px 0px;
}

.breadcrumbdiv{
    content: ">";
    color: #333;
    font-size: 10px;
}

.breadcrumb_inner_wrapper > a:first-child, .breadcrumb_inner_wrapper > a{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 16px;
}

.breadcrumb_inner_wrapper > a:last-child{
    font-weight: bold;
}

.breadcrumb_inner_wrapper > a:hover{
    text-decoration:underline;
}

.breadcrumb_inner_wrapper{
    display:inline-block;
    background: #efefef;
    padding: 0px 20px;
    border-radius: 50px;
    margin-bottom: 20px;
}

#nav_section li a{
    font-weight:100;
    font-size: 20px;
}

#nav_section li a:empty{
    display:none;
}

#nav_section > li > a{
    text-transform:uppercase;
    font-weight:normal;
}

.right_box2{
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    font-size: 14px;
}

.topBar{
    height: auto;
    padding: 10px 0;
    background: #72ACCA;
}

#header{
    background: #72ACCA;
}

body:not(.admin) .top_links{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.top_links a{
    transition: all .25s ease-out;
}

.top_links a:hover{
    text-decoration: underline;
}

.top_links li:first-child a:before{
    background-size: contain;
    background-position: 50% 50%;
    width: 18px;
    height: 18px;
    margin-top: -6px;
    margin-right: 5px;
}

body:not(.admin) .hosted_by_text{
    display:none;
}

#header #header_inner #header_buttons #header_login_button{
    background: white;
    color: #72ACCA;
    font-family: 'Open Sans', sans-serif;
}

/*#header{*/
/*    background: #6d6d6d;*/
/*}*/
/*@media all and (min-width: 768px){*/
/*    #header{*/
/*        height: 0;*/
/*        overflow: hidden;*/
/*        padding: 0;*/
/*    }*/
/*}*/

body:not(.admin) .header_button, body:not(.admin) .admin_tabs > li.header_button{
    font-family: 'Open Sans', sans-serif;
}

body:not(.admin) #header_login_menu form.head_signin input{
    border-radius: 0;
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
}

/*body:not(.admin) #header_login_button{*/
/*    position: fixed;*/
/*    z-index: 100000000;*/
/*    font-weight: normal;*/
/*    text-transform: uppercase;*/
/*    font-family: 'Oswald', sans-serif;*/
/*    padding: 20px 30px;*/
/*    border-radius: 0;*/
/*    font-size: 20px;*/
/*    display: flex;*/
/*}*/

/*body:not(.admin) #header #header_inner #header_buttons #header_login_button.open{*/
/*    background: white;*/
/*     color: #333f54; */
    
/*}*/

/*body:not(.admin) #header_login_menu{*/
/*    transform: translateX(-100%);*/
/*    border-radius: 0;*/
    /*overflow: visible;*/
    /*box-shadow: none;*/
    /*-webkit-box-shadow: none;*/
    /*-moz-box-shadow: none;*/
/*}*/


@media (min-width: 991px){
#mainnav {
    width: 65%;
}}

#nav_section{
        display: flex;
    justify-content: space-between;
    width: 100%;
}

#nav_section > li > a{
    padding: 5px 10px;
}

#nav_section > li > a:hover, #nav_section > li:hover > a{
    color: white;
}

#maincontent.default ul{
    margin-left: 0;
}

#maincontent ul li, #sidebar_right ul li, #maincontent .featured_article ul li{
    padding-left: 16px;
    margin-bottom: 10px;
}

#maincontent:not(.admin) .featured_article ul li:before{
    height: 9px;
    width: 9px;
    top: 9px;
    
}

#mailingListForm input[type="text"]{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    padding:8px;
    margin-bottom: 10px;
}

.fck_widget_subscribe .table-responsive{
    margin-bottom: 0;
}

.fck_widget_subscribe{
    margin-top: -5px;
}

.right_bm h2{
    margin-bottom: 5px;
}

#maincontent ol li{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding-bottom: 5px;
}

.featured_article{
    padding: 20px 0;
}

/********* End Marissa Updates */

body:not(.has_header_slider) #sidebar_left h1, #sidebar_left h2{
    display:none !important;
}

.header_slider .sy-slides-wrap .sy-caption-wrap{
    background: none !important;
}
.content_body .section_subcontent:last-child {
    padding-right:10px;
}
body.has_header_slider #sidebar_left_wrapper{
    position:relative;
    padding: 15px 0px;
}
/*body.has_header_slider #nav_section > li > a {*/
   /* color: #637594; /* periwinkle */
/*}*/

body.has_header_slider #nav_section > li:hover > a {
    color: white; /*  */
}

#img_div {
    padding-top:5px;
}
body:not(.has_header_slider) #img_mainnav_wrapper {
    max-width: 100%;
}
.upcomingEvents li .event_widget_time{
    color: black;
}

#sidebar_left {
    padding-top:0px;
}

.fck_widget_events a.event_widget_title{
    color: black;
}
#maincontent.member_sections a {
    color: #3888a5;
}

#img_mainnav_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media all and (max-width: 990px){
    #img_mainnav_wrapper {
    justify-content: center;
}
}
#mainnav {
    margin-bottom: 0px;
}
/* fix for modern star nav bar overlapping the crm popup */
.ui-front { 
    z-index:201; 
}
@media (min-width:991px) {
    #mainnav {
        max-width: 85%;
    }
}
@media (max-width: 1400px) {
    body.has_header_slider #sidebar_left {
        max-width: 100%;
    }
    #sidebar_left .inner {
        max-width:100%;
    }
    #content .header_slider .sy-slide img {
         margin-left: 0px; 
         width: 100%; 
         max-width: 100%; 
    }
}
@media (max-width:1350px) {
    #nav_section > li > a {
        padding-left:20px;
        padding-right:20px;
    }
}
@media (max-width: 1230px) {
    #nav_section > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 1040px) {
    #sidebar_left .inner {
        padding-right:0px;
        padding-left:0px;
    }
}
@media (max-width: 990px) {
    #sidebar_left {
     height: auto; 
     /*padding-top:20px;*/
     /*padding-bottom:20px;*/
    }
    body :not(.home) .header_slider_wrapper {
        margin-bottom: 20px;
    }
    .breadcrumb_inner_wrapper {
        
        display: flex;
        align-items: stretch;
    }
    .breadcrumb_inner_wrapper > a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}
@media (max-width: 480px) {
.sy-slide>img {
     height: auto !important;
     margin-left: 0px !important; 
     max-width: 100% !important;
}
:root {
    --primary-border: hsl(var(--primary-hue), var(--saturation), var(--light));
}