@charset "utf-8";
/* Page Styling */

/*
:root {
  --primary-background-color: #f4f4f4;
  --secondary-background-color: #f2fcff;
  --tertiary-background-color: #c5050c;
  --light-gray-background-color: #a2aaad;
  --gradient1-background-color:  linear-gradient(to bottom, #c5050c 0%, #c72e35 100%);
  --gradient2-background-color:  linear-gradient(to right, #c5050c 0%, #c72e35 100%);
  
  --sponsor-gradient-platinum: linear-gradient(to right, rgba(182, 182, 180, 0.9) 0%, rgba(190, 189, 184, 0.8) 37%, rgba(219, 219, 219, 0.8) 100%);
  --sponsor-gradient-gold: linear-gradient(to right, rgba(255, 215, 0, 0.5) 0%, rgba(227, 196, 49, 0.8) 31%, rgba(224, 228, 28, 0.4) 100%);
  --sponsor-gradient-bronze: linear-gradient(to right, rgba(173, 116, 93, 1) 0%, rgba(247, 194, 163, 0.9) 53%, rgba(160, 104, 79, 1) 100%);

  --secondary-button-color: #5b6770;
  --tertiary-button-color: #c5050c;

  --primary-border-color: #f1f1f1;
  --secondary-border-color: #c5050c;
  --tertiary-border-color: #333f48;
}
*/


/* Solid Background Colors */
.primary-bg {background-color: #f4f4f4;}
.secondary-bg {background-color: #f2fcff;}
.tertiary-bg {background-color: #c5050c;}
.light-gray-bg {background-color: #a2aaad;}

/* Gradient Background Colors */
.gradient1-bg {background: linear-gradient(to bottom, #c5050c 0%, #c72e35 100%);}
.gradient2-bg {background: linear-gradient(to right, #c5050c 0%, #c72e35 100%);}

/* Sponsor Page Gradients */
.sponsor-platinum-bg {background: linear-gradient(to right, rgba(182, 182, 180, 0.9) 0%, rgba(190, 189, 184, 0.8) 37%, rgba(219, 219, 219, 0.8) 100%);}
.sponsor-gold-bg {background: linear-gradient(to right, rgba(227, 196, 49, 0.8) 0%, rgba(227, 196, 49, 0.8) 31%, rgba(224, 228, 28, 0.4) 100%);}
.sponsor-bronze-bg {background: linear-gradient(to right, rgba(173, 116, 93, 1) 0%, rgba(247, 194, 163, 0.9) 53%, rgba(160, 104, 79, 1) 100%);}

/* Alt Button Background Colors */
.secondary-button {background-color: #5b6770;}
.tertiary-button {background-color: #c5050c;}

/* Border Colors */
.primary-border {border-color: #f1f1f1;}
.secondary-border {border-color: #c5050c;}
.tertiary-border {border-color: #333f48;}


/* Subpage Title Break */
#SpTitleBar {
  display: none;
}
#SpContent_Container {
  padding: 0 15px 15px;
}
#SpSubHead {
  display: none;
}
#sp-main {
  width: 100%;
  margin-top: 135px;
  max-width: 100%;
  padding-top: 0px;
}
#sp-main::before {
  display: none;
}
#SpContent_Container {
  padding: 0;
}
#sp-main #left {
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
#sp-main #right {
  display: none;
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
#SpContent_Container .calloutbox {
  display: none;
}
.addthis_toolbox {
  display: none;
}
/* End Subpage Title Break */



#bottomcontentarea {
  padding: 0;
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.col-5 {
  float: left;
  width: 20%;
  padding-left: 8px;
  padding-right: 8px;
}


/* Text Classes */
.textUppercase {text-transform: uppercase;}
.textUnderline {text-decoration: underline;}
.textStrike {text-decoration: line-through;}
.textItalic {font-style: italic;}
.textThin {font-weight: 100;}
.textExtraLight {font-weight: 200;}
.textLight {font-weight: 300;}
.textRegular {font-weight: 400;}
.textMedium {font-weight: 500;}
.textSemiBold {font-weight: 600;}
.textBold {font-weight: 700;}
.textExtraBold {font-weight: 800;}
.textBlack {font-weight: 900;}
.important {display: inline-block; vertical-align: top; color: #ca2828; font-size: 8px; padding-left: 5px;}



/* Custom List */
.cpList {
  list-style: none;
  padding-left: 15px;
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
}
.cpList li {
  background: url("https://cdn.ymaws.com/designdemos.site-ym.com/resource/resmgr/cp_templates/images/bullet.png") no-repeat scroll 0 5px transparent;
  padding: 0 0 6px 14px;
  font-weight: 300;
  font-size: 15px;
  font-style: italic;
  color: #5b6770;
  line-height: 17px;
}





/* Default Template Subpage Title Bar with Background Color */
.cpTitleBar-out::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -moz-linear-gradient(left, rgb(78 78 78 / 40%) 0%,rgb(68 68 68 / 40%) 100%);
  background: -webkit-linear-gradient(left, rgb(78 78 78 / 40%) 0%,rgb(68 68 68 / 40%) 100%);
  background: linear-gradient(to right, rgb(78 78 78 / 40%) 0%, rgb(68 68 68 / 40%) 100%);
}

.cpTitleBar-out.v1:before{
  background: -moz-linear-gradient(left, rgb(36 36 36 / 86%) 0%, rgb(68 68 68 / 40%) 100%);
  background: -webkit-linear-gradient(left, rgb(36 36 36 / 86%) 0%, rgb(68 68 68 / 40%) 100%);
  background: linear-gradient(to right, rgb(36 36 36 / 86%) 0%, rgb(68 68 68 / 40%) 100%);
}

.cpTitleBar-out {
  position: relative;
  height: auto;
  background-color: #c5050c;
}
.cpTitleBar-content {
  padding: 35px 0;
}
.cpTitleBar {
  color: #ffffff;
  font-size: 34px;
  line-height: 40px;
  font-weight: 700;
  text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
}

/* Version 1 Title Bar */
.cpTitleBar-out.v1 {
    background: url(https://cdn.ymaws.com/wreaa.site-ym.com/resource/resmgr/template_pages/images/cptitlebg.png)no-repeat scroll center center/cover transparent;
  position: relative;
    display: block;
}
.cpTitleBar-out.v1 .cpTitleBar-content{
  padding: 50px 15px;
  margin: 30px 0;
}

/* Version 2 Title Bar */ 
.cpTitleBar-out.v2 {
  height: 325px;
  background: url(https://cdn.ymaws.com/designdemos.site-ym.com/resource/resmgr/cp_templates/images/1920x325.jpg) no-repeat scroll center center/cover transparent;
}

/* Version 3 Title Bar */ 
.cpTitleBar-out.v3 {
  height: 400px;
  background: url(https://cdn.ymaws.com/designdemos.site-ym.com/resource/resmgr/cp_templates/images/1920x400.jpg) no-repeat scroll center center/cover transparent;
}

.cpTitleBar-out.v2 .cpTitleBar-content, .cpTitleBar-out.v3 .cpTitleBar-content{
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 20px 0;
}

/* Tier/Section Title */
.cpTier {
  padding: 50px 0;
  text-align: center;
  position: relative;
}
.cpTier-title {
  margin-bottom: 20px;
  display: block;
}
.cpTier-title .title {
  margin: 0 auto;
  font-size: 34px;
  font-weight: 300;
  text-transform: none;
  color: #333f48;
}





/* Background Image */
#sp-main::before {
    background: none;
}


/* General Styles */
#CustomPageBody { padding: 0px;}

#SpSubHead { margin: 20px auto 10px;}
#SpTitleBar {
    background: linear-gradient(250deg, rgb(34 34 34 / 34%) 0%, rgb(0 0 0 / 70%) 52%), url(https://cdn.ymaws.com/wreaa.site-ym.com/resource/resmgr/template_pages/images/cptitlebg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*display: block;*/
    font-size: 30px;
    height: auto;
    padding: 50px 15px;
    color: #ffffff;
    display: none;
}

#SpContent_Container { padding: 0px;}
#SpContent_Container .calloutbox {display: none;}
.addthis_toolbox { display: none;}

hr { border-top: 1px solid #ebebeb;}
.mtop-30 { margin-top: 30px;}
.col-5 { float: left; width: 20%; padding-left: 8px; padding-right: 8px;}
.sm-text { color: #999; font-size: 14px; font-style: italic; font-weight: bold;}
.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;}


/* 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; 
}

#sp-main #left, #sp-main #right {
    margin-top: 0px;
}




/*********** PAGE 1 *************/
.text-box { background-color:#c5050c; color: #fff; padding: 20px 22px 10px; margin-bottom: 30px; box-shadow: 6px 7px 4px rgb(0 0 0 / 10%); border-radius: 5px;}
.fe-img, .fe-text { margin-bottom: 30px;}
.benefits-ctas {text-align: center; border-top: 2px solid #eee; padding: 40px 0 50px;}
.benefits-ctas h5{ color: #575656; font-size: 20px; }
.benefits-ctas h2 {margin-bottom: 20px;}



/*********** PAGE 2 *************/
/* About */
.about-us-intro { border-bottom: 1px solid #dddd; padding-bottom: 35px; }
.about-img { padding: 0 15px; }
.about-img img { border-radius: 100%; }
.about-desc { padding-top: 30px; }
.about-us-mission { padding: 35px 0; }
/* CTAS */
.about-us-ctas {background-color: #f9f9f9; padding: 20px 20px 30px; text-align: center; margin: 40px 0; border: 1px solid #e7e7e7; border-radius: 10px; }
.about-us-ctas h2 { margin-bottom: 30px; }
.about-us-ctas i { font-size: 26px; margin-bottom: 10px; color: #c5050c;}
.about-us-ctas h4 { font-size: 20px; margin: 10px 0 10px; color: #545454; }
.about-us-ctas .formbutton { margin-top: 10px; }



/*********** PAGE 3 *************/
    
.featured-event { border-bottom: 2px solid #eee; padding-bottom: 40px; margin-bottom: 30px;}    
.event-info { margin-bottom: 15px; padding-left: 0;}
.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-item { background-color: #f7f7f7; padding: 15px; margin-bottom: 15px;} 



/************ PAGE 4 ************/
.cpStaff2-row {
  padding-top: 35px;
  padding-bottom: 35px;
}
.cpStaff2-row:last-child {
  padding-bottom: 0;
}
.cpStaff2-item {
  text-align: center;
}
.cpStaff2-wrap {
  padding: 0px 20px;
}
.cpStaff2-image {
  display: inline-block;
  border-radius: 100%;
  overflow: hidden;
  max-width: 250px;
  margin-bottom: 10px;
}
.cpStaff2-image img {
  margin: 0 auto;
}
.cpStaff2-name {
  font-size: 19px;
  font-weight: 400;
  color: #545454;
}
.cpStaff2-title {
  font-weight: 400;
  font-size: 15px;
  font-style: italic;
}
.cpStaff2-text .formbutton {
  margin-top: 12px;
}
.cpStaff2-item .modal-dialog {
  width: 80%;
  bottom: 0 !important;
  top: 50% !important;
  margin: 0 auto;
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.cpStaff2-item .modal-content {
  display: inline-block;
  padding: 50px 40px;
  border-radius: 0;
  text-align: left;
}
.cpStaff2-item .modalWindowImage {
  text-align: center;
}
.cpStaff2-item .modalWindowImage img {
  margin: 0 auto;
}
.cpStaff2-item .modalWindowInfo {
  padding-left: 15px;
}
.cpStaff2-item .modalWindowInfo-name {
  font-size: 26px;
  line-height: normal;
  color: #545454;
  font-weight: 400;
}
.cpStaff2-item .modalWindowInfo-title {
  font-size: 16px;
  font-weight: 400;
  margin: 0 auto 10px;
  font-style: italic;
}
.cpStaff2-item .modalWindowInfo-contact {
  margin: 20px auto 10px;
  font-size: 14px;
  font-weight: 300;
}
.cpStaff2-item .modalWindowInfo-contact .phone {
  color: #a2aaad;
}
.cpStaff2-item .modalWindowInfo-contact .phone span {
  color: #333f48;
}








/*********** Media Queries *************/
@media (max-width: 1199px) {
    .about-desc { padding-top: 10px; }
}
		
@media (max-width: 991px) {
  
/* PAGE 4 */  
.cpStaff2-item .modal-content {
  padding: 50px 25px;
}
.cpStaff2-item .modalWindowImage {
  margin-bottom: 20px;
}
.cpStaff2-item .modalWindowInfo {
  padding: 0 15px;
}
}

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

@media (max-width: 767px) {
  
  /* Default Template Styles */
    #sp-main {
      margin-top: 130px;
    }
    .col-5 {
      padding-left: 15px;
      padding-right: 15px;
      position: relative;
      width: 100%;
      float: none;
    }
    .fixed-nav {
      position: initial;
    }

    .cpTitleBar {
      font-size: 28px;
      line-height: 32px;
    }
    .cpTitleBar-out.v2, .cpTitleBar-out.v3 {
      height: auto;
    }
  .cpTitleBar-out.v1 .cpTitleBar-content {
    margin-top: 0;
  }
    .cpTitleBar-out.v2 .cpTitleBar-content, .cpTitleBar-out.v3 .cpTitleBar-content {
      position: relative;
      top: auto;
      -webkit-transform: none;
      transform: none;
      left: auto;
      right: auto;
    }  

    .cpTitleBar-out.v3 .cpTitleBar-content {
      padding: 91px 0px;
    } 

    .cpTier-title .title {
      font-size: 30px;
    }  
  
    .no-margins {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    #SpTitleBar {text-align: center;}
    
    /* Section Styles */
    .sp-content-out {
        padding: 40px 0;
    }
  
  .cpTitleBar-out.v1 .cpTitleBar {text-align: center;}

  
    /* PAGE 1 */
    .fe-img, .fe-text {text-align: center;}
    .text-box li {text-align: left;}
    .fe-img img {margin: auto;}
    .sp-cta-col { margin-bottom: 40px;}
    
    /* PAGE 2 */
    .about-desc { text-align: center; }
    .about-us-mission { text-align: center; padding-bottom: 0; }
    .au-para { margin-bottom: 35px; }
    .au-cta { max-width: 500px; margin: 0 auto 45px; }
    .au-cta:last-child { margin-bottom: 0; }
    
    /* PAGE 3 */
    .featured-event {text-align: center;}
    .event-list {text-align: center;}
    .event-img img {margin:0 auto;}
    .fe-img img {  margin: auto;}
  
  
    /* PAGE 4 */
    .cpStaff2-row {
      padding: 0;
    }
    .cpStaff2-item {
      margin: 30px auto;
      display: inline-block;
      vertical-align: top;
      width: 100%;
    }
    .cpStaff2-name, .cpStaff2-title {
      display: block;
      text-align: center;
    }
    .cpStaff2-item .modal-dialog {
      width: 90%;
    }
    


    
}

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

@media (max-width: 480px) {
  /* PAGE 4 */
  .cpStaff2-item .modal-content {
    padding: 20px 5px;
  }
  .cpStaff2-wrap {
    padding: 0;
  }
}
