@charset "utf-8";
/* Page Styling */
#sp-main #left { margin-top: 20px; }
#SpContent_Container { padding: 0; }
#CustomPageBody { padding: 35px 15px 15px; overflow-x: hidden; }

/* Background Image */
#SpTitleBar {
    background-image: linear-gradient(90deg, rgba(0,0,0,0.5), rgba(0,0,0,0.2)), url(//cdn.ymaws.com/wsparx.site-ym.com/resource/resmgr/standardpages/banner.png);
    background-size: cover;
    background-position: center;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    text-shadow: 0 3px 4px rgba(0,0,0,0.35);
    line-height: normal;
    height: 180px;
    padding: 15px;
}

/* General Styles */
.col-5 {
    float: left;
    width: 20%;
    padding-left: 8px;
    padding-right: 8px;
}
.sm-text {
    color: #999;
    font-size: 13px;
}
.no-margins {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.formbutton {
    display: inline-block;
}
.formbutton.border-btn { 
    color: #7ab800 !important; 
    background: transparent; 
    border: 2px solid #7ab800; 
}
.formbutton.border-btn:hover { 
    color: #fff !important; 
    background: #7ab800; 
    border-color: #7ab800; 
}
.padding-top-0 {
    padding-top: 0 !important;
}
.padding-bottom-10 {
    padding-bottom: 10px !important;
}
/* Section Styles */
.sp-content-out {
    padding: 50px 0;
}
.section-header {
    margin-bottom: 20px;
}
.border-top .section-header { 
    border-top: 1px solid #ddd; 
    padding-top: 40px; 
}
.section-link {
    text-align: center;
}
/* Background Colors */
.bg-grey {
    background-color: #f7f7f7;
}
.bg-accent {
    background-color: #7ab800;
}
.bg-gradient {
    background: linear-gradient(to right,#7ab800 0%,#002a42 100%);
}



/*********** Standard Page 1 *************/
/* Overall Members Styling */
.members-section h2 { margin-bottom: 25px; }
.sm-text { color: #999; font-size: 13px; font-style: italic; font-weight: bold; }
    
/* Featured Members */
#executive-members { margin-bottom: 45px; }
.featured-member { border-bottom: 2px solid #eee; padding-bottom: 25px; margin-bottom: 25px; }
.featured-member:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.fm-img img { width: 100%; max-width: 200px; border-radius: 100%; }
.fm-text h4 { margin-bottom: 5px; }
.fm-text .formbutton { padding: 10px 25px; margin-top: 5px; }

/* Bottom Members Columns */
.member-item { text-align: center; margin-bottom: 40px; }
.member-item img { width: 100%; max-width: 140px; border-radius: 100%; margin-bottom: 10px; }
.member-item h6 { font-size: 16px; margin-bottom: 5px; }



/*********** Standard Page 2 *************/
.benefits-info { padding: 40px 0; } 
.fe-img, .fe-text { margin-bottom: 30px; }
.text-box { background-color: #002a42; color: #fff; padding: 20px; margin-bottom: 30px; box-shadow: 6px 7px 4px rgb(0 0 0 / 10%); }
.text-box ul { margin: 0; }
.text-box li:last-child { margin-bottom: 0; padding-bottom: 0; }
.benefits-ctas { text-align: center; border-top: 2px solid #eee; padding: 40px 0 50px; }
.benefits-ctas h2 { margin-bottom: 20px; }
.benefits-info .center-text { text-align: center; }
.benefits-info .fe-text .formbutton.one { margin-right: 15px; }
.sp-cta-col .formbutton { width: 100%; }



/*********** Standard Page 3 *************/
/* Overall Events Styling */
.event-info { list-style: none; padding-left: 0; margin-bottom: 10px; }
.event-info li { color: #999; font-size: 13px; font-weight: bold; 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: #f7f7f7; padding: 15px; margin-bottom: 15px; }
.event-item h4 { margin: 0 0 7px; }



/*********** Standard Page 4 *************/
.color-box { background-color: #002a42; padding: 20px; color: #fff; }
.color-box h4 { color: #fff !important; margin: 15px 0 5px; }
.color-box a { color: #fff; }
.articles-ctas { margin-top: 40px; text-align: center; }
.articles-ctas h2 { margin-bottom: 25px; }



/*********** Standard Page 5 *************/
/* Contact Top */
.contact-top {
    border-bottom: 2px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.contact-top h2 {
    margin-bottom: 10px;
}
.info-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 10px;
}
.info-list li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 25px;
    line-height: normal;
}
.info-list i {
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #abb3be;
    line-height: 35px;
    width: 35px;
    border-radius: 100%;
}
.info-list h6 {
    font-size: 16px;
    margin: 0 0 5px;
}
/* Social Media Bar */
.contact-bar {
    color: #fff;
    background-color: #7ab800;
    padding: 8px 10px;
}
.contact-bar h2 {
    color: #fff;
    margin: 3px 0 0;
}
.bar-right {
    float: right;
    text-align: center;
}
.bar-right i {
    color: #fff;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
    width: 30px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100%;
    margin: 4px 3px;
}
.bar-right i:hover {
    background-color: rgba(255, 255, 255, 0.4);
}
/* Google Maps */
.contact-bottom {
    border-top: 2px solid #eee;
    padding-top: 30px;
    margin-top: 25px;
}
.contact-bottom h2 {
    margin-bottom: 10px;
}
.contact-bottom iframe {
    width: 100% !important;
    max-width: 100%;
}





/*********** Media Queries *************/
@media (max-width: 1199px) {
    
}
		
@media (max-width: 991px) {
    
}

@media (max-width: 959px) {
    
}

@media (max-width: 767px) {
    /* Background Image */
    #SpTitleBar {
        font-size: 28px;
        text-align: center;
        height: 120px;
    }
    /* General */
    .col-5 {
        float: none;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .no-margins {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Section Styles */
    .sp-content-out {
        padding: 40px 0;
    }
    
    /* Standard Page 1 */
    #executive-members { padding-bottom: 40px; margin-bottom: 30px; }
    .members-section { border-bottom: 2px solid #eee; margin-bottom: 30px; }
    .members-section:last-child { border-bottom: none; margin-bottom: 0; }
    .members-section h2 { text-align: center; }
    .featured-member { text-align: center; border-bottom: 0; padding-bottom: 0; margin-bottom: 45px; }
    .fm-img img { max-width: 180px; margin: 0 auto 10px; }
    
    /* Standard Page 2 */
    .sp-cta-col { max-width: 300px; margin: 0 auto 45px; }
    .sp-cta-col:last-child { margin-bottom: 0; }
    .benefits-info .fe-text { text-align: center; }
    .text-box ul { display: inline-block; }
    
    /* Standard Page 3 */
    .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; }
    
    /* Standard Page 4 */
    .art-cta { margin-bottom: 30px; }
    .art-cta:last-child { margin-bottom: 0; }
    
    /* Standard Page 5 */
    .contact-top { text-align: center; }
    .contact-top img { margin: 0 auto 15px; }
    .info-list li { padding-left: 0; margin-bottom: 20px; }
    .info-list i { position: initial; margin-bottom: 10px; }
    .contact-bar { text-align: center; padding: 10px 15px; }
    .bar-right { float: none; margin-top: 10px; }
    .contact-bottom { text-align: center; }
}

@media (max-width: 600px) {
    
}

@media (max-width: 480px) {
    
}