/* COLORS */

:root  {
  --abc-blue-med:      #1473a3;
  --abc-blue-teal:     #99d8e1;
  --abc-blue-teal-lt:  #66b0b9;
  --abc-blue-dk:       #084869;
  --abc-orange:        #f3bd3d;
  --abc-white:         #ffffff;
  --abc-black:         #000000;
  --abc-grey-med:      #dddedf;
  --abc-red:           #c72027;
  --abc-green:         #56ad83;
  --abc-blue-light:    #99d8e0;
  --abc-orange-bright: #f68920;
  --abc-orange-btn:    #f3bb3d;
  --abc-blue-lt-btn:   #99d8e0;
  --abc-blue-med-btn:  #1473a3;
  --abc-red-btn:       #d2232a;
  --abc-seminars:      #5eb6e4;
  --abc-online:        #e98300;
  --usps-blue-dk:      #172b53;
  --usps-blue-header:  #0052a5;
}

/*  END COLORS */

 .offcanvas-menu  {
  overflow:scroll;
}

/* NEW */

h4.text-left  {
  font-size: 1.1rem !important;
}

#sp-left .sp-module ul>li>a, #sp-right .sp-module ul>li>a {
    display: block;
    padding: 5px 0;
    line-height: 1rem;
    padding: 0 0 0.75rem 0;
    color: #0345bd;
    font-weight: 500;
}

#sp-right .sp-module .sp-module-title  {
  padding-bottom: 0;
  margin-bottom: 1rem;
  font-size: 1.2rem !important;
}

#sp-right .sp-module ul.list-unstyled  {
  line-height: 0.75rem;
}
#sp-right .sp-module ul>li>a  {
  line-height: 1.3rem;
}

#sp-right .sp-module ul > li  {
  line-height: 1.3rem;
}

#sp-right .sp-module ul.leaders li  {
  margin-bottom: 0.75rem;
}

/* END NEW */

/*NEW */
.offcanvas-menu .offcanvas-inner ul.menu > li a {
  color: #000000;
  font-size: 1em;
}

.offcanvas-menu .offcanvas-inner ul.menu > li  {
    font-family: 'Roboto Condensed',Arial, Helvetica;
    color: #000000;
    /* font-weight: normal; */
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    text-shadow: none;
    line-height: normal;
}

/* END NEW */

/*  HIDE HELIX MEGAMENU OFF-CANVAS  */


.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
  /* display: none; */
}



.offcanvas-menu .offcanvas-inner  {
  /* display:none; */
}


/*  END HIDE HELIX MEGAMENU OFF-CANVAS TOGGLER  */

/*  LOGO IMAGE STYLING  */

.logo-image  {
  height:6rem !important;
}

.logo-image-phone  {
  margin: 1rem 0 1rem 0;
  width: 85%;
  height: 8vw !important;
}

/*  END LOGO IMAGE STYLING  */ 

.login .list-group  {
  display:none;
}

#sp-helix-header  {
  text-align:center;
}

#sp-helix-header h1  {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.25rem;
  font-weight:bold;
  color: var(--usps-blue-header)
}

#sp-helix-header p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5rem; 
  font-weight:bold;
  margin: 0;
  color: var(--abc-red);
}

#sp-helix-header a  {
  font-size:1.25rem;
  font-weight:bold;
}


#sp-helix-logo  {
  padding:0 2vw 0 2vw;
}

.header-logo img  {
  height:100% !important;
}

#sp-section-1  {
  padding: 1rem 0 1rem 0;
}

#sp-left,
#sp-right {
  padding:0;
}

.body-wrapper  {
  background-image: linear-gradient(#afd4ef 10%, transparent 90%);
  background-size: 100% 60vh;
  background-repeat: no-repeat;
}
#sp-main-body  {
  padding:0;
}

.article-list .article  {
  border:none;
  padding:0 20px 0 20px;
}

.menu_title  {
  color:#0052a5;
}

/*  CSS for Top Menu  */

  #sp-helix-topmenu .maximenuckh ul.maximenuck  {  
    float:right !important;
}

#sp-helix-topmenu .maximenuckh  {
  padding:0;
  margin:0;
  line-height:1.5rem;
    
}

#sp-helix-topmenu .maximenuckh ul.maximenuck-top-menu.maximenuck {
  padding:0;
  margin:0;
}

#sp-top-menu  {
  padding:0;
  background-color: #172b53;
}

@media screen and (max-width: 991.9px)  {
  #sp-top-menu  {
    display:none;
  }
}

@media screen and (min-width: 992px)  {
  #offcanvas-toggler  {
    display:none !important;
  }
}

#sp-header  {
  height: 2rem;
  background-color: var(--usps-blue-dk);
}

#sp-menu  {
  height: 2rem;
}

#sp-menu a  {
  color: #ffffff;
  font-weight: 600;
  line-height:2rem;
  padding: 0 0.5rem 0 0.5rem;
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a  {
  color:#555555;
  line-height:1rem;
}

.sp-dropdown-inner  {
  padding-top:0;
  padding-bottom:0;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner  {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/*  END CSS for Top Menu  */

/* CSS for HELIX TOPMENU Module  */

#sp-top-menu  {
  background-color:var(--usps-blue-dk);
}
#sp-top-menu-container  {
  background-color: var(--usps-blue-dk);
//  max-width:100%;
}

#sp-top-menu ul.maximenuck  {
//  background-color:var(--usps-blue-dk);
}

/*  END CSS for HELIX TOPMENU Module  */

.head_1,
.head_2,
.head_3  {
  font-size: 1.2rem;
  color:#ea132f;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 0;
}

h1.head_3  {
  font-size: 2.5rem;
  color:#0052a5;
  font-style:normal;
}


.body-wrapper  {
  background-image: linear-gradient(#afd4ef 10%, transparent 90%);
  background-size: 100% 60vh;
  background-repeat: no-repeat;
}


/* Left and Right Column Styling */

#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 50px;
  border: none;
}

#sp-right .sp-module  {
  padding-left: 0;
  padding-right: 0;
}

#sp-right ul.sss-right > li > a {
  color: blue;
  font-weight: normal;
  font-size: 1.2rem;
}

.sss-main-right .sm-icon  {
  width: 10rem !important;
}

.sss-main-right dt  {
  padding:0 0 10px 5vw !important;
}

/*  END Left and Right Column Styling */

/*  Section 2 Styling  */

#sp-section-2  {
  padding-top: 1rem;
  padding-bottom:1.5rem;
  margin: 0 10% 0 10%;
}

#sp-logo.col-lg-3  {
  padding-left: 3rem;
}

#sp-helix-search.col-lg-3  {
  padding-right: 3rem;
}

/*  SP-MAIN-BODY STYLING  */

#sp-main-body  {
  margin: 0 10% 0 10%;
}

/*  SP-LEFT MODULE STYLING  */

#sp-left .sp-module  {
  padding:0;
}

ul menu-menber-home img  {
  width:100%;
}

/* END SP-LEFT MODULE STYLING  */


/*  SP-RIGHT MODULE STYLING  */

#sp-right .sp-module  {
  padding:0;
  font-size: 1rem;
}

#sp=right .sp-module h4  (
  font-size:1.1rem;
)

#sp-right .sp-module .sp-module-title  {
  font-size: 1.25rem;
  line-height:1.25rem;
  padding:0;
  margin: 0 0 1rem 0;
}

#sp-right .sp-module ul.leaders a  {
  display:inline;
  line-height: 1.25rem;
  
}

/*  END SP-RIGHT MODULE STYLING  */


/* FOOTER STYLING  */

#sp-bottom  {
  background-color: var(--usps-blue-dk);
  padding:1rem 0 0 0;
  font-size: 1rem;
}

#sp-bottom a  {
  color:#ffffff;
}

#sp-footer  {
  background-color: var(--usps-blue-dk);
  font-size: 1rem;
}

#sp-footer .container-inner  {
  padding:0;
}

#sp-footer a  {
  color:#ffffff;
}

.custom-helix-footer  {
  padding:0 0 1rem 0;
}

/* END FOOTER STYLING */

/* MEMBER PROFILE MODULE STYLING */

.custom-member-profile  {
  word-wrap:break-word;
}

.custom-member-profile h4  {
  font-size: 1.2rem;
  font-weight:bold;
}

.custom-member-profile ul > li > a  {
  line-height: 1.2rem !important;
}

/* END MEMBER PROFILE MODULE STYLING  */

/* HOW DO I MENU ITEM STYLING */

.sp-module.how-do-i ul > li > a  {
  color: #045cd0;
}

/* END HOW DO I MENU ITEM STYLING */


/* SHOW DEPARTMENT LEADERS STYLING */

.-show-department  {
  padding:0 !important;
}

.-show-department h3  {
  padding:0 !important;
  margin:0 0 .5rem 0 !important;
  font-size: 1.0rem !important;
  font-weight:600;
}

.-show-department li  {
  padding-bottom:1rem;
  font-size: 0.9rem;
}
ul.-show-department a  {
  display:inline !important;
  line-height:1.25rem !important;
  color:var(--abc-blue-med) !important;
}

#sp-four-columns.four-column  {
  max-width:80%;
  margin: 0 auto 0 auto;
}

/* SSS/SDS Styling */

.sss_login .unstyled  {
  display:none;
}

.sp-module.squad-login ul {
  display:none;
}

.sp-module.district-login ul  {
  display:none;
}

#sp-left .sp-module.squadron-events li  {
  display:flex;
  align-items:baseline;
}


#sp-left .sp-module.squadron-events h3  {
  font-size: 1.25rem;
  margin:1.5rem 0 0.75rem 0;
  padding:0;
  text-align:center;
}

.squadron-event-details h3  {
  font-size: 1.4rem;
  margin:0 0 0.5rem 0;
  padding:0;
}

#sp-left .sp-module.squadron-events span  {
  font-size: 1.1rem;
  margin:1rem 0 0 0;
  padding:0; 
  font-weight: bold;
  text-align: left
}

#sp-left .sp-module.squadron-events a  {
  color: #0345bf;
  padding-left: 0.5rem;
  line-height: 1.5rem;
}

#sp-left .sp-module.our-squadrons  {
  margin-top: 1rem;
  font-size: 1rem;
}

#sp-right .sp-module.our-squadrons  {
  margin-top: 1rem;
  margin-bottom: 2rem;
  margin-left: 2rem;
  font-size: 1rem;
}


#sp-left .sp-module.our-squadrons h3  {
  font-size: 1.25rem;
  margin:0;
  padding:0;
}

#sp-right .sp-module.our-squadrons h3  {
  font-size: 1.25rem;
  margin:0;
  padding:0;
}

#sp-left .sp-module.our-squadrons ul  {
  padding:0 0 0 1rem;
}

#sp-right .sp-module.our-squadrons ul  {
  padding:0 0 0 1rem;
}


#sp-left .sp-module.our-squadrons ul>li  {
  line-height:1.5rem;
  list-style-type: circle;
}

#sp-right .sp-module.our-squadrons ul>li  {
  line-height:1.5rem;
  list-style-type: circle;
}

#sp-left .sp-module.our-squadrons ul>li>a {
  line-height:1.0rem;
  margin-top:0.5rem;
  margin-bottom: 0;
  padding-bottom:0;
}

#sp-right .sp-module.our-squadrons ul>li>a  {
  line-height:1.0rem;
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

#sp-left .sp-module.district-event-details h3  {
  margin-top: 2rem;
  font-size: 1.25rem;
}

#sp-right .sp-module.files h3  {
  font-size: 1.25rem;
  margin:2rem 0 1.5rem 0;
  padding:0;
}

.sp-module.squadron-officers .dl-horizontal dt {
    float: left;
    width: 15rem;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right:1rem;
    margin-top:0;
    margin-bottom: 0;
}

.sp-module.squadron-officers .dl-horizontal dt > b  {
  font-weight:bold;
}
.sp-module.squadron-officers .dl-horizontal dd  {
  margin-bottom: 0;
}

.sp-module.squadron-officers h4  {
  text-align:center;
}

.sp-module.district-officers .dl-horizontal dt {
    float: left;
    width: 15rem;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right:1rem;
    margin-top:0;
    margin-bottom: 0;
}

.sp-module.district-officers .dl-horizontal dt > b  {
  font-weight:bold;
}
.sp-module.district-officers .dl-horizontal dd  {
  margin-bottom: 0;
}

.sp-module.district-officers h4  {
  text-align:center;
  font-size: 1.4rem;
}
.sp-module.sd-files h3  {
  font-size: 1.4rem;
}

img.usps-home  {
  width:60%;
  height:auto;
}

.sss-main .article  {
  margin:0;
  padding:0;
}

.sss-home .article-list .article  {
  padding-bottom:0;
  margin-bottom: 0;
}

.menu-icon-cont  {
  display:none !important;
}

#sp-right .sp-module.district-events  {
  padding-left: 3rem;
}

/*  NEW  */

/*  Our Newsletter  */

#sp-left .sp-module.our-newsletter  {
  padding-bottom: 0;
}

/*  District Our Squadrons  */ 

#sp-left .sp-module.our-squadrons h3 {
  font-size: 1.25rem;
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 1.2rem;
}

/* District Territory  */

.district-territory h3  {
  text-align:center;
  font-size: 1.25rem;
}

/*  Squadron Events  */

#sp-left .sp-module.squadron-events  {
  margin-top:0.5rem;
  font-size:1rem;
}

.sp-module.squadron-events h3  {
  padding:top: 0.5rem;
}

@media (min-width: 1200px)  {
  .h1, h1 {
    font-size: 2.25rem;
  }
}

/*  Officer List  */

.officer-list dl  {
  display:flex;
  flex-flow: row wrap;
}
.officer-list dt  {
  flex-basis: 45%;
  padding: 0;
  margin: 0.3rem;
  text-align: right;
}
.officer-list dd  {
  flex-basis:50%;
  flex-grow: 1;
  margin:0; 
  padding: .3rem 0 0 .5rem;
}
.officer-list h3, .officer-list h4  {
  text-align: center;
  font-size: 1.4rem;
}

.officer-list b  {
  font-weight: 700;
}

/*  Easy Picture Uploader  */

.easy-picture-uploader h3  {
  font-weight: 600 !important;
}

/*  File Uploader  */

.file-uploader h3  {
  font-weight: 600 !important;
}

/*  District Events  */

.district-events strong  {
  font-weight: 600;
}

#sp-left .sp-module.district-events h3,
#sp-right .sp-module.district-events h3  {
  font-size: 1.25rem;
  margin:0 0 1.5rem 0;
  padding:0;
}

#sp-right .sp-module.district-events ul > li,
#sp-right .sp-module.district-events ul > li  {
  margin-bottom: 0;
  list-style-type: circle;
}

#sp-left .sp-module.district-events ul > li > a,
#sp-right .sp-module.district-events ul > li > a  {
  display: inline;
}

#sp-left .sp-module.district-events ul > li
#sp-right .sp-module.district-events ul > li  {
  line-height: 1.4;
}

#sp-left .sp-module.district-events ul.list-unstyled,
#sp-right .sp-module.district-events ul.list-unstyled {
  margin-bottom: 1rem;
}

/*  District Squadrons  */

.district-squadrons h3  {
  text-align:center;
  font-size: 1.25rem;
}

/*  District Classes  */

.district-classes ul.list-unstyled {
  line-height: 1.4rem !important;
}

.district-classes h3  {
  font-size: 1.25rem;
}

.sp-module.district-classes  {
  margin-left: 2rem;
}

/*  Squadron Classes  */

#sp-right .sp-module.squadron-classes .sp-module-title {
  font-weight: 600;
  font-size:1.25rem;
}

.squadron-classes ul.list-unstyled {
  line-height: 1.4rem !important;
}

.sp-module.squadron-classes  {
  margin-left: 2rem;
}

/* 404 Page */

#txt-404 {
  color: #000000;
  position: absolute;
  z-index: 2; 
  margin: 0 10% 3vw 58%; 
  padding-top: 3.5vw;
  font-family: Comic Sans MS;
}

#txt-404 h3 {
  font-size: 2.5vw;
}

#txt-404 p {
  font-size: 2vw;
  padding-top: 8vw;
}

@media screen and (min-width: 768px) {
  #img-404 {
    position: relative; 
    z-index: 1; 
    left: 10%;
    width:80%;
    padding-bottom: 3vw;
  }
}

@media screen and (max-width:767.9px) {
  
  #img-404 {
    width: 100%;
    position: relative; 
    z-index: 1; 
    left: 0%;
    padding-bottom: 3vw;
  }
  
  #txt-404 {
    color: #000000;
    position: absolute;
    z-index: 2; 
    margin: 0 0 0 57%; 
    padding-top: 3.5vw;
    font-family: Comic Sans MS;
  }

  #txt-404 h3 {
    font-size: 4.0vw;
    padding-bottom: 1vw;
    padding-left: 4vw;
  }

  #txt-404 p {
    font-size: 3vw;
    padding-top:6vw;
  }


}

/* End 404 Page */