@charset "UTF-8";
/* CSS Styles for Standard Plus Pages */

/* Subpage padding and margin reset */
#SpContent_Container { padding: 0; }
#CustomPageBody { padding: 35px 15px 15px; }
#sp-main {box-shadow: none;}
#sp-content { margin-top: 15px; }


/* Standard Plus Subpage Title Bar */
#SpTitleBar { background:linear-gradient(to bottom, #36416d87, #36416d9c);
    color: #fff; padding: 50px 15px; font-weight: 400; font-size: 33px;}


/* Specific Custom Page Styles */
/* SP Template 1 */
.event-info { list-style: none; padding-left: 0; margin-bottom: 10px; }
.event-info li { color: #999; font-size: 13px; font-weight: 400; font-style: italic; line-height: 12px; display: inline-block; padding-right: 8px; margin-right: 5px; border-right: 2px solid #ddd; }
.event-info li:last-child { border-right: none; padding-right: 0; margin-right: 0; }
.event-info i { margin-right: 2px; }
    
/* Featured Event */
.featured-event { border-bottom: 2px solid #eee; padding-bottom: 40px; margin-bottom: 30px; }
.featured-event h2 { margin-bottom: 10px; }
.featured-event .event-info { margin-bottom: 15px; }
.featured-event .formbutton { margin-top: 15px; }
    
/* Bottom Event Rows */
.event-list h2 {  margin-bottom: 25px; }
.event-item { background-color: #f3f3f3; padding: 15px; margin-bottom: 15px; }
.event-item h4 { margin: 0 0 7px; color: #36416d; font-size: 22px;}




/* SP Template 2 */
.whoWeAre { padding-bottom: 34px;}
.wwa-img img { border-radius: 50%; padding: 0 13px 0 0;}
#twoColumnsOut { margin-bottom: 5%; border-top: solid #efefef 1px;}
.twoCol-leftColumn { text-align: left;}
.twoCol-rightColumn { text-align: left;}
.twoCol-leftColumn h5{ margin-top: 30px; color: #36416d;}
.twoCol-rightColumn h5{ margin-top: 30px;color:#36416d} 
.ocImg img { border-radius: 50%; padding: 0 0 0 13px;}
.ocText .formbutton {display: inline-block; width: 100%;}    

/* Resources Section */    
#resourcesOut { min-height: 200px; margin-top: 38px; background-color: #f3f3f3; border-radius: 0px; padding-top: 28px; padding-bottom: 28px;}
#resourcesOut h5 { font-size: 26px; margin: 3px 0 26px; font-weight: 400;}
.resourceTitle { color:#424242; border-bottom: 0px solid #f3f3f3; font-weight: 500; margin-top: 3px; font-size: 20px;}
.resourceTitle i { display: block; margin-bottom: 20px; font-size: 25px; color: #71bfe6;}
.resourceInfo { margin-top: 20px; margin-bottom: 10px; line-height: 24px;}
.resourceInfo p { font-size: 13px; line-height: normal;}
.resourceBtn .formbutton { padding: 7px 12px; display: inline-block;}



/* SP Template 3 */
.journal-info { padding: 0px 0 50px; }
.journal-info .authorName strong { color: #36416d; font-size: 16px;}
.journal-header { text-align: center;}
.journal-info>.row:first-child { margin-bottom: 20px;}
.journal-col { margin-top: 20px; text-align: center; }
.journal-col h4 { font-size: 16px; margin-bottom: 15px; }
.side-box {background: #f3f3f3; padding: 14px; }   





/* Media Queries */
@media (min-width: 768px){.myContainer{width: 750px}}
@media (min-width: 960px){.myContainer{width: 900px}}
@media (min-width: 1200px){.myContainer{width: 1016px}}


@media (max-width: 1199px) {
/* SP Template 2 */    
.resourceItem { width: 50%; margin-bottom: 40px;} 
}

@media (max-width: 991px) {

}


@media (max-width: 959px) {

}

@media (max-width: 767px) {
#SpTitleBar {text-align: center;}    
    
/* SP Template 1 */
.featured-event { text-align: center; }
.featured-event img { max-width: 300px; margin: 0 auto 15px; }
.event-list { text-align: center; }
.event-item img { margin: 0 auto 15px; }
    

    
    
/* SP Template 2 */    
.whoWeAre, #twoColumnsOut, .ocContent { padding-left: 0; padding-right: 0; text-align: center;}
.wwa-img { margin-bottom: 20px;}
.wwa-img img {margin: auto; padding: 20px;}    
.twoCol-leftColumn { text-align: center;}
.twoCol-rightColumn { text-align: center;}
.ocImg {margin-bottom: 20px; margin-top: 20px;}
.ocImg img {margin: auto; padding: 20px;}    
.resourceItem {width:100%;}   
    
    
    
 /* SP Template 3 */
.journal-info>.row:first-child {margin-bottom: 0;}
.journal-info h2 {text-align: center;}
.journal-info img {margin: auto;}    
.journal-info .authorName {text-align: center;}    
.journal-info p {text-align: center;}    
.side-box {  margin: 15px 0;  text-align: center; }
.journal-col { max-width: 300px;  margin: 40px auto 0; }       
    
}

@media (max-width: 480px) {
    .featured-event img {  width:100%;  }
}